@charset "utf-8";
/* CSS Document */

body{background:url(images/wood_bg_inner.jpg) repeat-x top #fff; margin:0; padding:0; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;}

#top_wrapper, #bottom_wrapper{margin:0 auto; padding:0; width:980px;} 
#top_wrapper_inner{background:url(images/cornice.png) top left no-repeat; margin:0 auto; padding:0; width:980px;}
#top_wrapper_inner h1{font-size:40px; color:#fff; margin:80px 0px 0 0px; padding:0; float:right;}
#inner_swirl{background:url(images/inner_swirl.gif) bottom right no-repeat; margin:0; padding:0 0 20px 0;}

#bottom_wrapper_inner, #main{margin:0 auto; padding:0 0 30px 0; width:980px; background:#FFFFFF} 
#main h1 {color:#107495; font-size:22px; margin:20px 0 0 30px; padding:0}
#main h2 {color:#ef885a; font-size:18px; margin:0 0 10px 30px; padding:0}
#main h3 {color:#107495; font-size:16px; margin:0 0 0px 30px; padding:0}
#main h4 {color:#ef885a; font-size:12px; margin:0 0 0px 30px; padding:0}
#main p {color:#000; margin:0 0 0 30px; padding:0 400px 0 0; font-size:14px;}
#main ul li {color:#107495; margin:0 0 5px 40px; padding:0; font-size:14px;font-weight:bold;}
#main ul li a {text-decoration:none; color:#107495;}
#main ul li a:hover {color:#ef885a}



#header{margin:0; padding:0 0 5px 0; width:980px; float:left; background:url(images/cornice.png) top left no-repeat;}
#header h1{font-size:40px; color:#fff; margin:0 0 0px 10px; padding:0; text-indent:-17px; line-height:42px;}
#header h2{font-size:18px; color:#fff; margin:10px 0 0px 10px; padding:0; text-indent:0px;}

#header ul{float:left; margin:0 0 0 30px; padding:0;}
#header ul li{margin:0; padding:0; color:#fff; font-size:16px; font-weight:bold; list-style:none; line-height:20px; }
#header ul li a {text-decoration:none; color:#fff;}
#header ul li a:hover {color:#ef885a}

#header_inner{height:156px;margin:0; padding:0;}

#rotating_img{float:right; margin:40px 0 0 0; padding:0; width:709px; height:398px; position:relative;}
#rotating_img img {display:none;position:absolute;top:0; left:0;}

#nav_holder{margin:0; padding:0; background:url(images/black_blue_bg.gif) repeat-x; height:74px;}
#nav {margin:0 auto; padding:0; width:980px; height:74px;}
#nav ul{margin:0 0 0 0; padding:20px 0 0 0;}
#nav ul li{margin:0 35px 0 0; padding:0; display:inline; list-style:none;}
#nav ul li a, #nav ul li a:visited {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:20px;}
#nav ul li a:hover{color:#4dc0e6;}

.home {width:51px; height:45px; margin:10px 20px 0 10px; padding:0; float:left; background:url(images/home_icon_a.jpg) no-repeat;}
.home a{width:51px; height:45px; display:block;}
.home a:hover{background:url(images/home_icon_b.jpg)}

#left_column {margin:0; padding:50px 0 0 0; float:left; width:548px; background:url(images/lightblue_gradient.jpg) no-repeat top center;}
#left_column h1 {margin:0 50px 0 50px; padding:0; color:#ef885a; font-size:22px;}
#left_column p{margin:0 50px 0 50px; padding:0;color:#000; font-size:14px; line-height:20px;}

#testimonials {width:508px; background:url(images/testimonials.jpg) no-repeat; margin:10px 0 0 0; padding:0;}
#testimonials h1 {margin:0px 0 0 50px; padding:0; font-size:18px; color:#107495;}
.testimonial1{margin:45px 0 0 25px; padding:0; float:left; width:250px; height:118px; color:#fff; font-size:14px; line-height:20px; text-align:center; font-weight:bold;}
.testimonial2{margin:25px 0 0 35px; padding:0; float:left; width:162px; height:80px; color:#046484; font-size:14px; line-height:20px; text-align:center; font-weight:bold;}

.read {width:232px; height:36px; margin:55px 0 0 0; padding:0; background:url(images/testimonial_btn_a.jpg); float:right;}
.read a {width:232px; height:36px; display:block;}
.read a:hover{background:url(images/testimonial_btn_b.jpg)}

#right_column{margin:0; padding:0; float:left; width:432px;}

.follow {margin:5px 0 0 90px ; padding:0;}

#takealook{margin:10px auto 0 auto; padding:0; background:url(images/takealook.jpg) no-repeat; width:313px; height:431px;}
#takealook h1 {margin:0px 0 0 40px; padding:20px 0 0 0; font-size:20px; color:#4dc0e6; font-weight:normal;}
#takealook p {margin:0 40px 0 40px; font-size:14px; color:#fff; line-height:20px;}
.look_btn {margin:15px 0 0 22px; padding:0; width:270px; height:38px;}
.look_btn a{width:272px; height:38px; display:block;}

#footer_holder {margin:0px 0 0 0; padding:0; background:#000; height:95px;}
#footer {margin:0 auto; padding:25px 0 0 0; width:980px; height:95px; color:#fff; font-size:12px;}
.copyright {float:left; margin:17px 0 0 30px; padding:0; font-weight:bold; color:#fff;}
.footer_nav {float:left; margin:17px 0 0 50px; padding:0; font-weight:bold; color:#fff;}
.footer_nav a, .footer_nav a:visited {color:#fff; text-decoration:none;}
.footer_nav a:hover {color:#4dc0e6;}

.utw {float:left; margin:0 0 0 50px; padding:0; font-weight:bold; color:#fff;}
.utw a, .utw a:visited {color:#fff; text-decoration:none;}
.utw a:hover {color:#4dc0e6;}
.directions_btn {margin:10px 0 0 10px; padding:0; border:none;}
.difference {margin:0 0 0 120px; padding:0; }
.thumb {border:solid 1px #107495;}
.picture {width:160px; margin:5px; float:left; color:#107495; font-weight:bold; text-align:center; font-size:12px}
.picture a {color:#ef885a; text-decoration:none;}
.drawing {margin:0 50px 0 0; float:right;}
.blue_swirl {float:left; margin:0px 0 0 60px; padding:0;}

#directions {float:right; margin:0 30px 0 0 ; padding:0 0 10px 0; width:315px; background:url(images/lightblue_grad_sm.jpg) repeat-x; text-align:center; color:#107495;}
#map {width:250px; height:250px; margin:0 auto; padding:0;}

#gallery1 {margin:20px 0 0 33px; padding:0;}
#gallery2 {margin:0 0 0 25px; padding:0;}

.fullgallery, .alderwood, .hickory, .oak, .other, .maple {background:#107495;text-align:center; text-transform:uppercase; font-size:24px}

#more_photos {width:150px; height:25px; margin:-30px 166px 0 0; padding:5px 10px; font-size:18px; float:right; background:#ef885a; color:#fff;}
#more_photos a {width:150px; height:25px; display:block; color: #fff; text-decoration:none;}

.fullgallery {display: block; width:180px; height:40px; float:left; margin:5px 1px 5px 30px; }
.alderwood {display: block; width:169px; height:40px; float:left; margin:5px 1px 5px 5px;  }
.hickory {display: block; width:127px; height:40px; float:left; margin:5px 1px 5px 5px; }
.oak {display: block; width:78px; height:40px; float:left; margin:5px 1px 5px 5px; }
.other{display: block; width:100px; height:40px; float:left; margin:5px 1px 5px 5px; }
.maple{display: block; width:100px; height:40px; float:left; margin:5px 1px 5px 5px; }

.fullgallery a {display: block;width:180px; height:35px;color:#fff; text-decoration:none; padding:5px 0 0 0;}
.alderwood a {display: block;width:169px; height:35px;color:#fff; text-decoration:none; padding:5px 0 0 0;}
.hickory a {display: block;width:127px; height:35px; color:#fff;text-decoration:none; padding:5px 0 0 0;}
.oak a {display: block;width:78px; height:35px; color:#fff;text-decoration:none;padding:5px 0 0 0;}
.other a {display: block;width:100px; height:35px;color:#fff; text-decoration:none;padding:5px 0 0 0;}
.maple a {display: block;width:100px; height:35px;color:#fff; text-decoration:none;padding:5px 0 0 0;}

.fullgallery a:hover {display: block;width:180px; height:35px; background:#ef885a; color:#fff;}
.alderwood a:hover {display: block;width:169px; height:35px; background:#ef885a; color:#fff;}
.hickory a:hover {display: block; width:127px; height:35px; background:#ef885a; color:#fff;}
.oak a:hover {display: block; width:78px; height:35px; background:#ef885a; color:#fff;}
.other a:hover {display: block; width:100px; height:35px; background:#ef885a; color:#fff;}
.maple a:hover {display: block; width:100px; height:35px; background:#ef885a; color:#fff;}

#projects {width:900px; margin:0 0 10px 32px; padding:0; float:left; height:16px;}
#projects a {margin:0 11px 0 11px; padding:0; text-decoration:none; color:#3f3c3c; font-size:14px; float:left; }
#projects a:hover {color:#fff; background:#ef885a;}

.youtube {float:right; margin:10px 10px 0 0; padding:0;}
.facebook {float:right; margin:10px 50px 0 0; padding:0;}

.showcase {width:349px; height:50px; background:url(images/showcase_a.jpg); float:right; margin:15px 105px 0 0}
.showcase a {display:block; width:349px; height:50px; text-decoration:none}
.showcase a:hover {display:block; width:349px; height:50px; background:url(images/showcase_b.jpg);}






#main form{
	float: left;
	width: 570px;
	margin: 0px;
	border:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#main  input, #main  select, #main  textarea{
	float: left;
	padding: 0px;
	margin: 0;
		}
	
.submit {
width: 100px;
}

#main  label{
	display: block;
	float: left;
	width: 150px;
	margin: 0 10px 2px 0px;
	line-height: 20px;
	padding: 0px 10px 0px 0px;
	color:#000;
}

#main  fieldset{ border:none}

.errors{color:#FF0000}








.blue{color:#4cc0e5}
.orange{color:#ef885a}
.cornice{margin:0 0 0 50px}
.logo{margin:20px 0 0 0; padding:0;}
.logo_inner{margin:20px 0 0 0; padding:0; float:left;}
.clear{margin:0; padding:0; clear:both; height:0;}
.34 {font-size:34px;}
.floatlft {float:left;}
.floatright {float:right;}
.photos {float:right; margin:30px 65px 0 0; padding:0; }



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink1 { left: 0; float: left; }
#nextLink1 { right: 0; float: right;}

#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover {  background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {  background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }