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

* {margin:0; padding:0}

body {
	background:#000 url(images/bg.jpg) repeat-x top;
	color:#36280d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	text-align:center;
	}
.clear {clear:both;}	
.center {text-align:center;}
h1, h2, h3, h4, h5, h6 {font-family:'Arial Black', Arial, Helvetica, sans-serif}
ul {margin-left:15px;}

/*div {border:1px solid #FF3399}*/
#audioplayer_1, #audioplayer_2, #audioplayer_3 {
	padding-bottom:6px;
	padding-top:6px;
	}

div#container {
	width:958px;
	margin:0 auto;
	text-align:left;
	}
a {color:#36280d}

div#header {
	height:96px;
	padding-top:8px;
	background:url(images/bg_glow.png) top left no-repeat;
	}
a#logo {width:200px; float:left;}	
a#header_bid {
	text-decoration:none;
	color:#fff;
	width:373px;
	float:right;
	height:81px;
	}	
a#header_bid p {
	
	font-family:'Arial Black', Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
	text-align:right;
	letter-spacing:.04em;
	}	
a#header_bid 	p span {
	font-size:15px;
	letter-spacing:0px;
	}

ul.col {width:220px; float:left; padding-right:10px; padding-bottom:10px;}
ul.col ~ p, ul.col3 ~ p {clear:left;}
ul.col3 {width:140px; float:left; padding-right:10px;}
	
div#main {
	height:254px;
	background:#fff url(images/bg_main_bottom.gif) bottom left no-repeat;
	padding-bottom:4px;
	position:relative;
	}

a#header_bid p.ccb {font-size:12px; line-height:1.2em; padding-top:20px;}

div#main_nav {
	height:16px;
	background:#fff url(images/bg_nav.gif) top left no-repeat;
	padding:4px;
	}
div#left_sidebar {width:145px; float:left;clear:left; background:#fff url(images/logos.jpg) bottom left no-repeat;padding:10px 10px 600px 10px;}


#main_nav a.home {width:50px; margin-right:63px;}
#main_nav a.about {width:52px; margin-right:71px;}	
#main_nav a.gallery {width:126px; margin-right:65px;}	
#main_nav a.bid_request {width:190px; margin-right:68px;}	
#main_nav a.warranty {width:87px; margin-right:47px;}
#main_nav a.builder_login {width:124px;}	
#main_nav a:hover {background:url(images/nav_over2.png) left no-repeat;}	


#home a.home,
#about a.about,
#gallery a.gallery,
#bid_request a.bid_request,
#warranty a.warranty,
#builder_login a.builder_login {background:url(images/nav_over2.png) left no-repeat;}


		
#main_nav ul, #side_nav ul {list-style:none; margin:0; padding:0;}

#main_nav li {
	display:inline;
	float:left;
	text-align:center;
	}
#main_nav li a {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	}	
	
div#main_photo {
	height:230px;
	padding:0 4px;
	
	}
#main_photo {display:none;}
div#commercial {
	width:426px;
	height:240px;
	margin:10px 40px 20px 50px;
	background:url(images/clicktoplay.gif) top left no-repeat;
	}	
div#sprayfoam, div#agribalance, div#heatlok {
	width:516px;
	height:292px;
	margin:10px 10px 40px;
	background:#000 url(images/agribalance-video.jpg) top left no-repeat;
}
div#heatlok {
	width:516px;
	height:292px;
	margin:10px;
	background:#000 url(images/heatlok-video.jpg) top left no-repeat;
}
div#agribalance {
	width:516px;
	height:292px;
	margin:10px;
	background:#000 url(images/agribalance-video2.jpg) top left no-repeat;
}
div#demilec {
	width:480px;
	height:304px;
	margin:10px 10px 40px 30px;
	background:#000 url(images/demilec-video.jpg) top left no-repeat;
}
#commercial p.clicky, #sprayfoam p.clicky, #agribalance p.clicky, #demilec p.clicky, #heatlok p.clicky {width:426px;	height:240px; text-indent:-9999px; cursor:pointer;}

	
div#content {
	margin-top:1px;
	float:left;
	clear:left;
	background:url(images/bg_sidebar.gif) left top repeat-y;
	}
	

div#side_nav {
	width:165px;
	float:left;
	margin-right:1px;
	background-color:#030201;
	}
#side_nav li {
	display:block;
	height:28px;
	margin-bottom:1px;
	}
#side_nav a {
	display:block;
	text-decoration:none;
	height:28px;
	text-indent:-9999px;
	color:#36280d;
	}
#side_nav a.drywall:hover,
#side_nav a.commercial:hover,
#side_nav a.residential:hover,
#side_nav a.repair:hover,
#side_nav a.awards:hover,
#side_nav a.insulation:hover,
#side_nav a.multifamily:hover,
#side_nav a.remodel:hover,
#side_nav a.historic:hover,
#side_nav a.soundproofing:hover,
#side_nav a.texture:hover,
#side_nav a.testimonials:hover,
#drywall #side_nav a.drywall,
#awards #side_nav a.awards,
#insulation #side_nav a.insulation,
#historic #side_nav a.historic,
#custom_textures #side_nav a.texture,
#testimonials #side_nav a.testimonials  {background-position:-165px;}

#side_nav a.drywall {background:url(images/btn_drywall.jpg) top left no-repeat;}
#side_nav a.commercial {background:url(images/btn_commercial.jpg) top left no-repeat;}
#side_nav a.residential {background:url(images/btn_residential.jpg) top left no-repeat;}
#side_nav a.repair {background:url(images/btn_repair.jpg) top left no-repeat;}
#side_nav a.awards {background:url(images/btn_awards.jpg) top left no-repeat;}
#side_nav a.insulation {background:url(images/btn_insulation.jpg) top left no-repeat;}
#side_nav a.multifamily {background:url(images/btn_multifamily.jpg) top left no-repeat;}
#side_nav a.remodel {background:url(images/btn_remodel.jpg) top left no-repeat;}
#side_nav a.historic {background:url(images/btn_renovation.jpg) top left no-repeat;}
#side_nav a.soundproofing {background:url(images/btn_soundproofing.jpg) top left no-repeat;}
#side_nav a.texture {background:url(images/btn_texture.jpg) top left no-repeat;}
#side_nav a.testimonials {background:url(images/btn_testimonials.jpg) top left no-repeat;}

blockquote {background:url(images/quote.gif) top left no-repeat; text-indent:28px; padding-top:10px; margin-bottom:24px; color:#03406f;}	
#sidebar p.quoteheader {
	font-size:18px;
	margin-bottom:14px;
	line-height:1.2em;
	color:#072d5c;
	font-weight:bold;
	}
#sidebar blockquote a {
	font-weight:bold;
	display:block;
	float:right;
	clear:both;
	}	
		
#side_nav #extender {background-color:white; padding:27px;}
p.top {text-align:right; font-size:10px;}	

#copy h5 {font-size: 18px; text-align:center; padding-bottom:20px;}

div#copy {
	width:748px;
	min-height:483px;
	float:left;
	background:#fcfbf8 url(images/bg_copy2.jpg) top no-repeat;
	padding:15px 22px 40px;
	
	}
#copy .main_copy {width:508px;float:left;padding-right:40px;border-right:1px dotted #999;}	
#home #copy .main_copy {background:url(images/copy_photos.gif) 260px 840px no-repeat;}
#home #copy .main_copy {height:2000px;}
		
#copy h3, #sidebar h3, #copy h4 {
	background:url(images/bg_copy_heading.png) bottom left no-repeat;
	padding-bottom:3px;
	margin-bottom:14px;
	line-height:1.2em;
	color:#072d5c;
	}
#copy h3 {font-size:18px;}
#sidebar h3 {font-size:18px; color:#575c07}
		
#copy p, #copy ul, #sidebar ul {margin-bottom:1em;}	
		
#insulation div.logos {width:150px; height:182px; background:url(images/insulation_logos.gif) no-repeat; margin-top:20px;}
	
div#sidebar {
	width:150px;
	float:left;
	min-height:472px;
	padding-left:25px;
	}
#sidebar a {color:#36280d}	
#sidebar p {font-size:12px;}	
#home #sidebar p {text-align:justify;}	
div#footer {
	height:20px;
	color:#fff;
	padding:20px 20px 10px;
	width:918px;
	clear:both;

	}	
#footer p {text-align:center; font-size:12px; padding-bottom:20px;}
#footer ul {text-align:left; list-style:none; font-size:10px; line-height:1.5em;}	
#footer div {width:790px; margin:10px; margin-left:170px;}
#footer p#credit {clear:left; text-align:right;}
#footer li, #footer a {color:#dad6cd;}

#footer ul.col {width:200px; float:left; padding-right:50px; margin:0;}

p.curl {padding-top:40px; margin-top:20px; background:url(images/curl.png) center top no-repeat;}
p.fleur {padding-top:40px; margin-top:20px;}


	
/*==================	*/

div#gallery_wrapper {
	width:948px;
	height:340px;
	border:1px solid black;
	background-color:#000;
	}

div#gallery {
	width: 948px;
	height:256px;
	}
#static {width:364px; float:left; overflow:hidden;}	
#ph1, #ph2 	{width:292px; height:256px; float:left;}
div#thumbs {width:948px; height:60px; overflow:hidden;padding-top:4px; clear:left;}

/*==================	*/

#rotation {
	float:left;
	width:578px;
	height:230px;
	margin-left:4px;
	display:inline;
	}
#rotation div {
	width:580px;
	border:1px solid #dad2c5;
	height:228px;
	}	
	
div.static {
	float:left;
	background:url(images/xmakeover.jpg) left top no-repeat;
	width:364px;
	height:230px;
	position:relative;
	}	
	
#about div.static {background:url(images/header_about.jpg) left top no-repeat;}	
#gallery div.static {background:url(images/header_gallery.jpg) left top no-repeat;}	
#bid_request div.static {background:url(images/header_request.jpg) left top no-repeat;}	
#custom_textures div.static {background:url(images/header_texture.jpg) left top no-repeat;}	
#awards div.static {background:url(images/header_awards.jpg) left top no-repeat;}	
#warranty div.static {background:url(images/header_warranty.jpg) left top no-repeat;}		
#insulation div.static {background:url(images/header_insulation.jpg) left top no-repeat;}
#building_categories div.static {background:url(images/header_residential.jpg) left top no-repeat;}
#historic div.static {background:url(images/header_historic.jpg) left top no-repeat;}	
#drywall div.static {background:url(images/header_drywall.jpg) left top no-repeat;}			
	
	
div.static p {
	background-color:#333;
	opacity:.8;
	color:#fff;
	padding:8px;
	position:absolute;
	bottom:0;
	font-weight:bold;
	}
.static p a {color:#fff;}
#xmo {
	border:1px solid #dad2c5;
	float:left;
	width:940px;
	height:220px;
	margin-left:0px;
	padding:4px;
	display:inline;
	background-color:#FDFBFC;
	}
#xmo p {float:left; width:600px; margin-left:10px; font-size:11px; line-height:1.3em; padding-bottom:8px;}	
#xmo #photos {
	width:326px;
	height:220px;
	float:left;
	overflow:hidden;
	}
	
#contact h4 {padding-top:20px;}	
	
/*======== Insulation Savings Calculator  ==========	*/	
#home p.savingsCalc, #insulation p.savingsCalc {cursor:pointer;}
#insulation #calculator div, #home #calculator div {width:400px;text-align:left; padding:20px; border:6px solid #36280d; background-color:#fff;}
#insulation #calculator {width:452px; display:none; position:absolute; right:198px; top:332px; padding:10px; background:url(images/calc_shadow3.png) top right no-repeat;}
#home #calculator {width:452px; display:none; position:absolute; padding:10px; top:604px; left:10px;background:url(images/calc_shadow4.png) top left no-repeat;}
#insulation .button, #home .button {border:1px solid brown; padding:6px; width:100px; margin:16px auto; text-align:center; cursor:pointer; clear:left; font-size:16px; text-transform:uppercase; font-weight:bold;}
#insulation #myForm, #home #myForm {text-align:left; width:600px;}
#insulation input, #home input {width:40px; border:1px solid #666; height:20px;}

#insulation p.label, #home p.label {width:270px; float:left; padding-bottom:16px;}
#insulation p.input, #home p.input {width:100px; float:right;}
#insulation p.results, #home p.results {clear:left; background-color:#E4E3BC; padding:8px;}
#insulation p.error, #home p.error {color:#990000;}
#insulation #copy p.close, #home #copy p.close {float:right;cursor:pointer; padding-right:24px; text-align:right; font-size:16px; background:url(images/close_btn.png) right no-repeat;text-transform:uppercase; line-height:20px; margin-bottom:0;}	
span.savingsCalc {text-decoration:underline; cursor:pointer;}
#home p.savingsCalc {margin-top:20px;}
#home #left_sidebar h3 {padding-bottom:16px;}

	
/*==========warranty form, bid request form ============*/
#warranty #warranty_request_form td {text-align:right; padding:4px 10px;width:50%;}
#warranty form input, #warranty form textarea, #bid_request form input, #bid_request form textarea  {width:90%;}

#bid_request .bid_request_form td {text-align:right; padding:4px 10px;width:50%;}
.required {color:#990000;}


/*========== custom textures ===========*/

#custom_textures div.thumbnail { cursor:pointer; height:270px; width:160px; text-align:center; float:left; margin:20px 22px 0 0;}
#custom_textures .thumbnail p { font-weight:bold; padding-top:4px;}
#custom_textures .thumbnail img {border:2px solid #36280d;}
#custom_textures #floatyBox  {
    background: #36280d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    z-index: 999;
    border: none;
}
#custom_textures #copy div.main_copy {padding-right:0px; width:548px;}
#custom_textures #copy p.clear {padding-top:30px;}

/*========== photo gallery ===========*/

#gallery #copy .main_copy ul.gallery {width:740px;float:left; clear:left; margin-top:30px; text-align:center;}
#gallery #gallery_photo {width:550px; border:2px solid #36280d; margin:0 auto;}
#awards #gallery_photo {width:525px;border:2px solid #36280d; margin:0 auto;}
#gallery #sidebar ul.gallery li {
	float:left;
	
	}
#gallery #copy .main_copy {border-right:none; width:740px;}

#historic #copy img {margin-bottom:20px; border:1px solid #382e13;}
#historic #copy p {padding-bottom:20px;}
#historic #copy p img {margin-bottom:20px; border:none;}


#sm img {display:block;}
#sm a {display:block; margin-top:20px; clear:left;}

	
.review p{
	padding-left:8px;
	padding-top:8px;
	line-height:14px;
	}
#testimonials #copy .review {
	border-bottom:1px solid #ccc;
	padding-top:10px;
	}	
#testimonials #copy .review p {
	padding-left:0px;
	padding-top:2px;
	line-height:14px;
	}