* { margin: 0; padding: 0; }
body { background: url(../images/background-wood.jpg) repeat-x #C3B256; }
div.container { width: 960px; padding-top: 21px; margin: 0 auto; position: relative; }
div.top_bar { position: relative; height: 47px; overflow: hidden; }
div.highlight { position: relative; height: 514px; padding-top: 8px; overflow: hidden; margin-bottom: 5px; }
div.setup_delivery { position: relative; height: 40px; overflow: hidden; }
div.bottom_bar { height: 140px; overflow: hidden; position: relative; }
div.prices { height: 50px; overflow: hidden; position: relative; }

/* Color picker */
ul#colors { position: absolute; top: 7px; left: 748px; list-style: none; }
ul#colors li { float: left; margin-right: 7px; width: 32px; height: 32px; overflow: hidden; position: relative; }
ul#colors li a { display: block; width: 100%; height: 100%; padding-top: 32px; }
div.overlay { position: absolute; top: 63px; left: 459px; z-index: 200; height: 1%; }
.tooltip { display:none; background-color: #fff; border:1px solid #555; padding: 3px; font-size:13px; font-family: Verdana, sans-serif; -moz-box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; -moz-opacity: 0.8; -webkit-opactiy: 80%; opacity: 80%; }

/* Drop Down Lists ---------------------------------- */
ul#uses { position: absolute; top: 0; left: 141px; list-style: none; }
ul#uses li { float: left; position: relative; height: 47px; display: block; }
ul#uses li a { color: #fff; display: block; position: relative; width: 100%; height: 47px; padding-top: 47px; }
li#residential { width: 136px; position: relative; }
li#commercial { width: 145px; position: relative; }
li#municipal { width: 138px; position: relative; }
ul.uses { list-style: none; display: none; background: #000; padding: 20px; opacity: 0.6; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; z-index: 300; }
ul.uses li { color: #fff; float: left; padding: 5px; height: 15px; width: 200px; font-size: 13px; font-family: Verdana, sans-serif; }
ul.residential { width: 420px; }
ul.commercial { width: 435px; }
ul.municipal { width: 455px; }

a, img { border: 0; }

.carousel_heading {
	text-align: center;
	margin-bottom: 10px;
	}
	
.carousel_heading h3 {
	color: #6F3805;
	}
	
.carousel_heading p {
	color: #7A7243;
	}

.carousel {
	position: relative;
	margin-bottom: 5px;
	}
	
.jCarouselLite ul {
	position: relative;
	}
	
.jCarouselLite ul li {
	margin: 0 10px;
	}
	
.jCarouselLite img {
	border: 1px solid #EFE180;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	}
	
.prev, .next {
	position: absolute;
	top: 40%;
	z-index: 300;
	background-color: #7A7243;
	padding: 12px;
	border-radius: 48px;
	color: #F2E483;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Georgia, serif;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	}
	
.prev {
	left: -12px;
	}
	
.next {
	right: -12px;
	}