/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr{
	margin: 0; padding: 0; border: 0;outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*Structure*/

body {background-color:#ded7c6;}

#wrapper {margin:0 auto; padding:0; width:1024px; height:100%;}

	#header {float:left; margin:0; padding:0; width:1024px; height:144px; background:url(../images/common/header_bg.jpg) top left no-repeat;}
	
		#logo {float:left; margin:0; padding:0; width:269px; height:144px;}
		
		#tagline {float:left; margin:0; padding:0; width:755px; height:144px;}

	#banner {float:left; position:relative; margin:0; padding:0; width:1024px; height:279px; background:#fff;}
	
		#navigation {float:left; position:absolute; z-index:999; margin:0; padding:0; width:1024px; height:31px; left:0;}
		
		#bannerFeature {float:left; position:absolute; z-index:50; margin:0; padding:0; width:1024px; height:279px; background:#ded7c6 url(../images/banners/toplevel/banner_home.jpg) no-repeat top left;}
		
	#contentWrapper {float:left; position:relative; margin:0; padding:0 0 40px 0; width:1024px; height:100%; background:url(../images/common/main_content_bg.jpg) top left repeat-y;}
	
		#topWrapper {float:left; position:relative; margin:0; padding:0; width:1024px; height:100%; background:url(../images/common/main_content_bg_top.jpg) top left no-repeat;}
	
		#leftContent {float:left; position:relative; margin:0; padding:0; width:269px; height:100%;}
		
			.sub {float:left; display:block; margin:10px 0 0 0; padding:0 0 0px 0; width:269px; height:100%;}
			
			#pht {margin:0; background:none;}
			
				#pht .sideContent {background:url(../images/common/pht_bg.png) repeat-y;}
			
			#ppt { background:none;}
				
				#ppt .sideContent {background:url(../images/common/ct_bg.png) repeat-y;}
				
			#ae {background:none;}
				
				#ae .sideContent {background:url(../images/common/ppt_bg.png) repeat-y;}
				
					.sideContent {height:100%;}
					
					.titleBlock {height:29px;}
					
		
		#divided #mainContent {float:left; position:relative; margin:0 0 0 26px; padding:0; width:484px; height:100%; display:inline;}
		
		#mainContent {float:left; position:relative; margin:0 0 0 26px; padding:0; width:659px; height:100%; display:inline;}
		
		#rightContentWrapper {float:right; position:relative;  width:221px; height:100%; display:inline;}
		
			#demo {float:right; position:relative;  width:221px; display:block; margin:10px 0 0 0;}
		
			#rightContent {float:right; position:relative;  width:221px; height:100%; background:url(../images/common/right_side_bg.png) top left repeat-y; display:block;}
			
			#enewsSignUp {width:200px; margin:0 0 0 10px; display:inline;}
			
				#enewsSignUp p {color:#423324;}
			
				#enewsSignUp input#enews {background:url(../images/common/enews_input_bg.jpg) no-repeat top left; border:none; width:193px; height:22px; color:#73756f; padding:3px;}
				
				#enewsSIgnUp input#enews_submit { margin:20px 0 0 0;}
				
				#testimonialGallery {width:200px; margin:13px;}
				
					#testimonialGallery img.tl {padding:0 5px 5px 0;}
					
					#testimonialGallery img.tm {padding:0 5px 5px 0;}
					
					#testimonialGallery img.tr {padding:0 0px 5px 0;}
		
	#footer {float:left; position:relative; margin:0 -3px 0 0; padding:0 0 0 0; width:1024px; height:49px; text-align:center; background:url(../images/common/footer.jpg) top left no-repeat;}
	
	
	#footerSecondary {float:left; position:relative; margin:0 -3px 0 0; padding:0 0 0 0; width:1024px; height:49px; text-align:center; background:url(../images/common/footerSecondary.jpg) top left no-repeat;}

/*Typography*/
body {font-size:62.5%;}

p {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:1.4em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal; padding:0 0 1.0em 0;}

h2 {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:1.8em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal;}

h3 {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:2.4em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal; font-weight:normal;}

	#mainContent h3{padding:0 0 .2em 0;}
	
	#mainContent a {color:#5c3926; text-decoration:underline;}
	
	#mainContent a:hover {color:#5c3926; text-decoration:none;}
	
	#leftContent h3{padding:0 0 0em 0;}
	
	h3 a {color:#231f20; text-decoration:none;}
	
	h3 a:hover {color:#231f20; text-decoration:underline;}

h4 {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:2.0em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal;}

	h4.name {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:1.8em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal; padding:0 0 .2em 0; font-weight:normal;}
	
	h4.faq_qa {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:1.7em; line-height:1.3em; letter-spacing:.03em; word-spacing:normal;}

h5 {font-family:"Times New Roman", Times, serif; color:#231f20; font-size:1.8em; line-height:1.4em; letter-spacing:.05em; word-spacing:normal;}

.providers h5 {color:#5c3926;}

#mainContent .providers p {color:#5c3926; padding:0;}

#mainContent .providers a {color:#5c3926; text-decoration:none;}

#mainContent .providers a:hover{text-decoration:underline;}

#mainContent p.name {text-align:right; font-style:italic;}

#footer p, #footerSecondary p {color:#464d53; margin:20px 0 0 0;}

.greenBold {color:#7b5744; font-weight:bold;}

.vertSep {padding:0 0 0px 0; margin-top:0px; position:relative; top:-1px;}

.sideContent p {color:#fff; width:250px; padding:5px 0 0 16px;}

.sideContent ul {text-align:right; padding:10px 0 0 0;}

#testimonial p {color:#5c3926; width:200px; margin:5px 0 0 10px;}

 #testimonial p.name {text-align:right;}

/*#a { width:43px; height:30px; float:left; background:url(../images/letters/a.png) no-repeat top left; text-indent:-9999px;}
*/

.fancy { float:left;}


/*Navigation*/
ul#nav {list-style:none; margin:8px 0 0 8px;}

	#nav li {float:left; display:block; padding:0 4px 0 4px; font-size:16px; line-height:normal;}
	
		#nav li.vertLine {color:#acb5b6;}
	
		#nav li a {color:#231f20; text-decoration:none; font-size:16px;}
		
		#nav li a:hover {color:#89aa4d;}
		
		#nav.home li#home a, #nav.providersNav li#providers a, #nav.faq li#faq a, #nav.management li#management a, #nav.core_values li#core_values a, #nav.news li#news a, #nav.testimonials li#testimonials a, #nav.contact_us li#contact_us a {font-weight:bold;}
		
		 #pht_nav.audio_videoSelected li#audio_video_systems a,  #pht_nav.home_theaterSelected li#home_theater a, #pht_nav.energy_management li#energy_management_climate_control a, #pht_nav.shade_control_lighting_automation li#shade_control_lighting_automation a, #pht_nav.climate_control li#climate_control, #pht_nav.communication li#communication a, #pht_nav.security li#security a, #pht_nav.electric li#electric a {font-weight:bold; color:#fff;}
		 
		 #ppt_nav.climate_control li#climate_control a, #ppt_nav.energy_management li#energy_management_climate_control a, #ppt_nav.office_electronic_systems li#electronic_systems a, #ppt_nav.shade_control_lighting_automation li#shade_control_lighting_automation a, #ppt_nav.audio_video_conferencing li#audio_video_conferencing a, #ppt_nav.digital_signage li#digital_signage a, #ppt_nav.it_consulting li#it_consulting a {font-weight:bold; color:#fff;}
		 
		 #ae_nav.energy_audits li#energy_audits a, #ae_nav.energy_efficiency_solutions li#energy_efficiency_solutions a, #ae_nav.renewable_energy_solutions li#renewable_energy_solutions a, #ae_nav.energy_managment_control li#energy_managment_control a {font-weight:bold; color:#fff;}
		
.sideContent ul.subnav {list-style:none; margin:0px/*20px*/ 10px 0 10px;}

	ul.subnav li {padding:0 0 .5em 0; line-height:normal; text-align:left;}

	ul.subnav li a {text-decoration:none; color:#d9e3ef;  font-size:14px; margin-right:15px;  font-weight:normal; letter-spacing:.2px;}
	
		ul.subnav li a:hover {color:#fff; font-weight:normal;}
		

/*Forms*/

form {display:block; clear:both; width:auto; position:relative; height:100%; overflow:auto; padding:0 0 5px 0;}

form div {padding:0 0 10px 0;}

.right {float:left; margin:0 0 0 7px; clear:right; position:relative;}

.left {float:left; clear:left;}

.address {float:left; clear:left;}

.address input {width:370px;}

label {display:block; font-size:1.2em; font-weight:bold; color:#464d53; padding:0 0 .5em 0;}

.box div {display:inline; float:left; padding:0 7px 0 0; }

.box div.right {margin:0;}

.clear {clear:left;}

.box {float:left; clear:both; display:block; width:400px;}

textarea#message {width:300px; height:200px;}


/*MISC*/
.providers {float:right; position:relative; display:block; width:100px; height:auto; padding:5px; background:#c8bda0; margin:0 0 0 10px; }

.line {width:484px; height:2px; background:#ccc; float:left; margin:10px 0 20px 0; overflow:hidden; clear:both; display:block;}

#mainContent p.newstyle a{ text-decoration:none;}
#mainContent p.newstyle a:hover{ text-decoration:none;}


/*CROSSFADE*/

.crossfade{height:279px; width:1024px; margin:0; padding:0; }
.crossfade img { background-color: #FFF;  width:  1024px; height: 279px; top:  0; left: 0; } 

/*DesignAtWork*/

#DesignAtWork{ width:1024px; margin:0 auto; }
#DesignAtWork p{ text-align:center; font-size:11px; }
#DesignAtWork p a{ text-decoration:none; color:#5c3926;}
#DesignAtWork p a:hover{ text-decoration:underline; color:#231f20; }

/*Social Networking*/
ul#social_networking{list-style:none; margin:0; padding:0; position:absolute; bottom:10px; left:20px;}
  ul#social_networking li{display:inline;}
  ul#social_networking li a {float:left; display:inline; height:0; padding:0; margin:3px 5px 0 0; overflow:hidden; background: url(../images/common/networking.gif) no-repeat; position:relative; text-indent:-9999px;}
  ul#social_networking li.first a {margin:0;}
  ul#social_networking li#facebook a {width:35px; height:35px; background-position:0px 0px;}
  ul#social_networking li#facebook a:hover{width:35px; height:35px; background-position:0px -35px;}
  ul#social_networking li#twitter a {width:35px; height:35px; background-position:-35px 0px;}
  ul#social_networking li#twitter a:hover{width:35px; height:35px; background-position:-35px -35px;}
  ul#social_networking li#linkedin a {width:35px; height:35px; background-position:-70px 0px;}
  ul#social_networking li#linkedin a:hover{width:35px; height:35px; background-position:-70px -35px;}