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

body { padding:0px; margin:0px; background:#000 url(/images/bg/body.jpg) center top no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; z-index:1; }
img { behavior:url("/scripts/iepngfix.htc"); }
a.more { padding-right:18px; background:url(/images/ico_arrow.gif) center right no-repeat; color:#666; line-height:13px; text-decoration:none; height:13px; }
a.more:hover { color:#86aaad; }
.enabled { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.disabled { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

#main { background:url(/images/bg/main.gif) 0px 0px no-repeat; display:block; position:relative; margin:30px auto 0; width:766px; padding:14px 0 0; }

#header { position:relative; height:95px; margin:0 14px 0px 14px; width:738px; background:url(/images/bg_header.jpg) center top no-repeat; z-index:201; }
#header.service { background:url(/images/bg_serviceheader.jpg) center top no-repeat; } 
	#deleers { position:absolute; top:20px; left:20px; }
	#topmenu { position:absolute; top:0px; right:15px; padding-left:58px; height:18px; background:#000 url(/images/bg_topmenu_left.jpg) top left no-repeat; }
	#topmenu.service { background:#000 url(/images/bg_topmenuservice_left.jpg) top left no-repeat; }
	#topmenu a { position:relative; float:left; display:block; padding:2px 8px; color:#999; font-size:1.0em; text-decoration:none; }
	#topmenu a:hover { color:#779a9d; }
	
	#mainmenu { position:absolute; top:47px; right:2px; font-size:1.1em; }
	#mainmenu a { position:relative; float:left; padding:25px 20px 10px 20px; color:#FFF; text-decoration:none; font-size:1.1em; display:block; border-left:#7e8004 1px solid; }
	#mainmenu.service a { border-left:#b4480a 1px solid; }
	#mainmenu a.first { border-left:none; }
	#mainmenu a.over { background:url(/images/bg_mainmenu_alpha.png) left bottom repeat-x; }
		
	#submenu { background:url(/images/bg/subpage.gif) top left repeat-x; position:absolute; width:738px; height:60px; bottom:-61px; left:0px; overflow:hidden; }
	#submenu.homepage { background:none; }
		.dropdown { position:absolute; top:-36px; }
		.dropdown a { background:url(/images/bg/submenu_arrow.gif) 4px 15px no-repeat; color:#b6b6b6; padding:11px 15px 13px 15px; text-decoration:none; position:relative; float:left; display:block; font-size:1.1em; }
		.dropdown a:hover { color:#86aaad; }
		.dropdown img { display:none; position:relative; float:left; }
		#submenu div.about { left:300px; }
		#submenu div.services { right:0; }
		#submenu div.casestudies { right:0; }
		#submenu div.over { top:0px; }
	
#billboard { position:relative; height:190px; left:-1px; margin:0px auto; width:734px; z-index:130; }
#billboard img { position:absolute; }

#breadcrumbs { position:relative; margin:0px auto; width:734px; color:#AAA; z-index:210; visibility:hidden }
#breadcrumbs p { padding:10px 5px; font-size:1.1em; }
#breadcrumbs a { color:#AAA; text-decoration:none; padding:0px 3px; }
#breadcrumbs a.current { color:#FFF; }
#breadcrumbs a:hover { text-decoration:underline; }

#content { position:relative; border-left:#140f0c 1px solid; border-right:#140f0c 1px solid; padding:10px 13px 3px 13px; min-height:350px; }
	#left { position:relative; float:left; width:455px; background:url(/images/bg_left.jpg) top left repeat-y; padding:20px; }
	.topcap { position:absolute; top:0px; left:0px; }
	.btmcap { position:absolute; bottom:-1px; left:0px; }
		#left div.newsitem { padding-bottom:10px; }
		#left div.newsitem br { padding:5px; }
		#left h1 { font-size:1.7em; color:#8a5d31; margin-bottom:13px; }
		#left h2,
		#left h3 { font-size:1.3em; color:#7c6a50; margin:20px 0px 8px 0px; }
		#left p, 
		#left ul { font-size:1.1em; color:#CCC; line-height:1.5em; margin-bottom:10px; }
		#left li { padding: 0px 0px 5px 5px; line-height:1.4em; list-style:disc; margin-left:25px }
		#left p.date { font-size:1.1em; color:#999; line-height:.9em; }
		#left p.caption { color:#3c3c3c; font-size:1em; margin:0 0 16px 0; padding:0; text-align:right; }
		#left p.feature_list { padding: 0 0 4px 0; margin: 0; }
		
		#left img.gallery { border:#141414 2px solid; }
		#gallery_image_bg { background:#141414; width:450px; }
		.gallery_thumbs { background:#070707 url(/images/bg/thumbarea.gif) bottom left no-repeat; margin-bottom:20px; padding:4px; text-align:center; }
		.gallery_thumbs img { height:22px; margin:4px; width:36px; cursor:pointer; }
		.gallery_thumbs img.current { border:#444 1px solid; margin:1px; padding:2px; }
		.gallery_thumbs img.prev,
		.gallery_thumbs img.next { height:19px; width:31px; padding:2px 8px; }
		
		
		#left p.caption { color:#444; font-size:1em; padding:4px; }
		#left a { color:#CCC; text-decoration:underline; }
		#left a:hover { color:#86aaad; text-decoration:none; }
		#left a.btn { text-decoration:none; }
		#left a.btn:hover { color:#FFF; text-decoration:none; }
		#left img.header { padding:2px; border:#3e3e3e 1px solid; margin-bottom:15px; }
		#left img.chart { margin-bottom:0; }
		.bar { position:relative; float:left; width:220px; }
		.left { margin: 10px 15px 0px 0px; }
		.right { margin: 10px 0px 0px 0px; }
		.bar h2 { width:205px; height:33px; line-height:33px; font-size:1.1em; color:#FFF; padding-left:15px; behavior:url(/scripts/iepngfix.htc); cursor:pointer; }
		#left .bar a,
		#left .bar a h2 { color:#CCC; text-decoration:none; }
		#left .bar p { padding:10px; font-size:1.1em; }
		.residential h2 { background:url(/images/bg_bar_residential.gif) top left no-repeat; }
		.commercial h2 { background:url(/images/bg_bar_commercial.gif) top left no-repeat; }
		.renovation h2 { background:url(/images/bg_bar_renovation.gif) top left no-repeat; }
		.service_division h2 { background:url(/images/bg_bar_service_division.gif) top left no-repeat; }
		
		
	#right { position:relative; float:right; width:235px; }
		#right .box { position:relative; background:#141414 url(/images/bg_right.gif) top left repeat-y; padding:0px; margin-bottom:10px; }
		#right .box img { position:relative; display:block; }
		#right .box h1 { color:#636502; font-size:1em; background:#0e0e0e; padding:6px 13px 8px 13px; margin:0px 2px; font-weight:bold; }
		#right.service .box h1 { color:#b4480a; }
		#right .box p,
		#right .box ul { margin:8px 6px; padding:4px 16px 4px 8px; color:#CCC; font-size:1.1em; line-height:1.4em; }
		#right .box li { padding:6px 0px 6px 20px; background:url(/images/ico_arrow.gif) left 7px no-repeat; line-height:1.3em; }
		#right .slim p { margin:8px 6px 0 6px; padding:4px 16px 0 8px; }
		#right .slim ul { margin:0 6px; padding:4px 16px 0 8px; }
		#right .slim li { background:none; list-style:square; margin:0 0 0 16px; padding:2px 0; }
		#right .slim strong { color:#ccc; }
		#right .box a { color:#e0e0e0; text-decoration:none; line-height:1.2em;}
		#right .box a.arrow { display:block; padding-left:16px; background:url(/images/ico_arrow.gif) 0px 1px no-repeat; }
		#right .box a:hover { color:#779a9d; }
		#right .box strong { font-weight:bold; line-height:1.4em }
		#right .gallerysidebar a.thumb { position:relative; float:left; display:block; border:#444 1px solid; padding:2px; margin:4px; width:90px; height:55px; overflow:hidden; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
		#right .gallerysidebar a.thumb:hover { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
		#right .box div.thumbs { padding:12px }
		p.quote { font-style:italic; padding:8px 0px; margin:0px 0px; border-bottom:#3E3E3E 1px solid; }
		p.fullname { padding:5px 15px 5px 20px; font-weight:bold; }
		
		.casestudy h1 { display:block; padding-bottom:8px; }
		.casestudy .small { color:#6c6c6c; font-size:.7em; line-height: 2em; padding:4px 0 0 0; }
		.casestudy strong { color:#7c6a50; font-weight:bold; line-height:inherit; padding:12px 0 0 0; }
		.casestudy p { padding:0 0 12px 0; }
		div.testimonial { color:#DDD; float:right; font-size:0.9em; margin: 16px 0 16px 20px; position:relative; width:200px; }
		div.large { margin-right:20px; width:auto; }
		div.large p.quote { font-size:12px; }
		div.testimonial p.quote { color:#F00; line-height:2em; }
		div.testimonial p.fullname { padding:0 5px 0 5px; }
		
#footer { position:relative; background:url(/images/bg_footer.jpg) top left no-repeat; padding:40px 0; z-index:2000; }
	#footer a { color:#666; }
	#footer a:hover { text-decoration:none; }
	#footer p.left { position:relative; float:left; background:none; color:#666; font-size:1.0em; line-height:1.4em; padding:0px 20px; }
	#footer p.right { position:relative; float:right; background:none; color:#666; font-size:1.0em; padding:0px 20px; }
#bottom { position:relative; height:50px; }