@import "reset.css";
@import "thickbox.css";


/**************************
main elements
**************************/

*{
	padding:0;
	margin:0;
}

body {
	background: url('../images/core/bg.gif') #1e1e1e repeat-x;
	font: 9pt Arial, Helvetica, sans-serif;
	 color:#d4d4d4;
}

p {
	margin: 10px 0 10px 0;
	}
p { padding:5px; }
a {
	text-decoration:none;
	color:#72b1c1;
}

a:hover { color:#ffffff; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.center { margin-left:212px; }
.important { font-weight:bold; padding-right:10px; color:#666666; };
ol { list-style:decimal inside; padding-left:10px; }
strong {font-weight:bolder; }

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/***************************
containers
***************************/

#container { margin: 0 auto; padding:0; width:800px; }
#banner { border:5px solid #000000 /*474747*/; width:790px; height:265px; margin:5px 0 3px 0; background: #000000/*242424*/; }
#main { line-height:1.6em; padding:5px 0 20px 0;}
#footer{ background:#242424; clear:both; width:100%; height:70px;}

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#header{ width:800px; height:165px; display:block; margin:0; padding:0;}
body#bUni #header { height:217px;}
body#bUni #main { background-color:#000; text-align: center; font-size:16px;}
body#bUni #main a { color:#fffc00; }
body#bUni #main a:hover { color:#fff;}

#unibanner { width:570px; height:340px; display:block; margin:0 auto;}

/**************************
Header + Navagation
**************************/

#nav {	height:53px; width:800px; background:url(../images/core/nav.jpg) no-repeat; }
#nav li, #nav a{ display:block;	height:53px; }
#nav li { float:left; list-style:none; display:inline;}
#nav span {	display:none; }
#nav #home, #nav #cont {width:150px;} #nav #intr, #nav #exte { width:250px; } 
#nav #home a:hover, body#bHome #nav #home { background:url(../images/core/nav.jpg)  0px -53px no-repeat;}
#nav #intr a:hover, body#bIntr #nav #intr { background:url(../images/core/nav.jpg)  -150px -53px no-repeat;}
#nav #exte a:hover, body#bExte #nav #exte { background:url(../images/core/nav.jpg)  -400px -53px no-repeat;}
#nav #cont a:hover, body#bCont #nav #cont { background:url(../images/core/nav.jpg)  -650px -53px no-repeat;}
body#bCont #main, body#bCont #mainLeft, body#bCont #mainRight { background:#1e1e1e; }
h1 a.floatright  { float:right; margin:-5px 10px 0 0; }
/**************************
Banner
**************************/
#bannerLeft, #bannerRight { width:135px; padding:5px; float:left; font-size:0.9em; font-weight:bold; color:#ffffff; display:block;}
#bannerRight { float:right;}
#bannerLeft ul, #bannerRight ul { list-style-type: none; margin: 0; }
#bannerLeft ul li, #bannerRight ul li { /*border-bottom: 1px solid #d4d4d4;*/ line-height: 1.4em; /*padding: 1px 0;*/}
#bannerLeft a, #bannerRight a { color:#fff;   }
#bannerLeft a:hover, #bannerRight a:hover { color:#ccc;}
#bannermiddle { width:500px; height:265px; float:left; background:url(../images/core/noFlash.jpg) no-repeat; display:block; overflow:hidden;}

/**************************
Main
**************************/

#mainLeft { width:200px; float:left;}
#mainLeft img { border: 5px solid #242424; margin:2px; }
#mainLeft img:hover { border: 5px solid #333333; }
#mainRight {width:597px; padding-left:3px; float:left;}
#mainLeft p { width:190px; background:url(../images/core/contactSeperator.jpg) no-repeat bottom left; padding:0 0 10px 10px; margin:5px 0 0 0; }
#specials { width:185px; padding: 0 5px 0 5px; margin:0 0 30px 5px; background:#242424; float:right;}
.special { background: url(../images/core/specialArrow.gif) no-repeat #2f2f2e; padding:20px 5px 5px 10px; margin-bottom:5px; }
h3 { font-size:1.2em; font-weight:bold; padding:5px 0 10px 15px; color:#ffffff; }
h1, h2{ height:30px; font-size:1.2em; font-weight:bold; padding:13px 0 10px 15px; color:#ffffff; margin:0;}
h1 { background:url(../images/core/titleRightBg.gif) no-repeat; }
h2 { background:url(../images/core/titleLeftBg.gif) no-repeat; width:183px; }
h4 { background:#333333; font-size:1.2em; font-weight:bold; padding:5px; margin-bottom:15px; clear:left;}
h6 { text-align:right; clear:both;}
.item {  padding-top:10px;}
.itemLogo { margin:0px 0 20px 0; display: block; clear:both; width:800px; border:solid 1px red;}
.itemLogo img { float:left;  padding:0 10px 10px 0;}

ul.logo-list { margin:10px 0; clear:right; display:block; width:800px; float:left;}
ul.logo-list li {display:block; padding:0 5px 0 0; margin:0; float:left;}
ul.logo-list li.no-logo { width:auto; height:35px; display:block; background-color:#4B4B4B; text-align:center; float:left; margin:0 5px 10px 0;padding:15px 15px 0 15px;}

.itemLogo li { width:auto; height:35px; padding:15px 15px 0 15px; display:block; background-color:#4B4B4B; text-align:center; float:left; margin:0 10px 10px 0; }


/**************************
Unique Lamps & Homewares
**************************/
div#left-column {
	width: 198px;
	height:260px;
	float: left;
	margin-top: 20px;
}

#scroll {
	position: relative;
	height: 260px;
	padding: 0; 
	margin: 0; 
}

.pics { 
	height: 198px; 
	width: 260px; 
	padding: 0; 
	margin: 0; 
	overflow: hidden 
}

div#right-column { 
	width: 570px;
	padding-left: 30px;
	float: left;
	margin-top: 20px;
}

div#right-column h1 {
	font-size: 1.4em;
	color: #ffffff;
	background: none;
	margin: 0;
	padding: 0 0 15px 0;
}

div#right-column p {
	margin: 0;
	padding: 0 0 15px 0;
}


.yellow {
	color: #fffc00;
}


/**************************
Footer
**************************/

#footer #input { margin:auto; width:800px; padding:15px 20px 0 30px; }
#input a { color:#d4d4d4; margin-right:20px; font-size:1.1em;}
#input a:hover { color:#999999; }
#copyright { display:block; color:#5f5f5f; margin-top:5px; }