/* WEBSITE BODY */

body {
	background-color: #f4f4f4;
}

* {
	margin: 0;
}

/* NO BORDER FOR LINKED PICTURES */

img{
  border:0;
}
img.png {behavior: url(iepngfix.htc);}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}
img.floatleft_nomargin {float: left;}
img.floatright_nomargin {float: right;}

#wrapper_outer {width: 1004px; background: url(graphic/bg.gif) repeat-y top center; margin: 0px auto; overflow: hidden;}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 912px;
	background: url(graphic/bg_globe.jpg) no-repeat top right;
	padding: 0px 34px;
}

/* HEADER */

#header {
	width: 912px;
	height: 100px;
	background-image: url(graphic/header.gif);
	background-repeat: no-repeat;
	background-position: 0px 40px;
	padding-top: 40px;
	
}

/* LOGO */

#logo_flash {float: left; width: 116px; height: 71px; padding: 17px 0px 0px 8px;}

#logo {
	width: 290px;
	height: 32px;
	margin: 36px 0px 0px 6px;
	float: left;
	display: inline;
}

/* NAVIGATION */

#navigation {
	height: 12px;
	width: 480px;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	color: #adadad;
	float: right;
	margin: 43px 10px 0px 0px;
	display: inline;
}

#navigation li {
	float: right;
	list-style: none;
	display: block;
	width: auto;
}	

#navigation li a {
	font-size: 11px;
	font-family: Verdana;
	color: #adadad;
	letter-spacing: -0.5px;
	font-weight: bold;
	text-decoration: none;
}	

#navigation li.active a {
	font-size: 11px;
	font-family: Verdana;
	letter-spacing: -0.5px;
	color: #f0af01;
	font-weight: bold;
	text-decoration: none;
}

#navigation li a:hover {
	font-size: 11px;
	font-family: Verdana;
	letter-spacing: -0.5px;
	color: #f0af01;
	font-weight: bold;
	text-decoration: none;
}

#menu2 {padding-top: 3px;}
#menu2 a {display: block; margin-bottom: 14px; font-size: 11px;}
#menu2 a.onpage {color: #f0af01; font-weight: bold; text-decoration: none;}

/* FEATURED */

img.cornertop {
	width: 20px; 
	height: 20px; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	z-index: 50;
}

img.cornerbottom {
	width: 20px; 
	height: 20px; 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	z-index: 50;
}

#paginate-slider1{
	visibility: hidden;
}

#slider_outer {
	width: 912px;
	background-image: url(graphic/featured_bg.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	position: relative;
}

.sliderwrapper {
	width: 912px;
	height: 300px; /*leave as is*/ 
	position: relative; 
	overflow: hidden;
}

.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
background-image: url(graphic/featured_bg.gif);
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.home_box {width: 255px; height: 182px; padding: 18px 21px 0px 170px; color: #404040; font-family: arial; font-size: 11px; line-height: 18px; position: relative;}
.home_box .title {height: 30px; margin-bottom: 10px; border-bottom: 1px solid #c7c7c7;}
.home_box a.readmore {position: absolute; bottom: 12px; right: 19px;}
#home_product {float: left; background: url(graphic/home_product.jpg) no-repeat;}
#home_projects {float: right; background: url(graphic/home_projects.jpg) no-repeat;}

.project {width: 100%; overflow: hidden;}
.project .project_txt {float: left; width: 385px;}
.project .project_img {float: right; width: 150px; padding-top: 23px; text-align: right;}
.project .header {font-weight: bold;}
.project .detail {color: #1362b3;}
.project img {display: block;}

.services_header {font-weight: bold;}
.services_rhvac_brand {float: left; width: 110px;}

.contact_management {float: left; width: 280px;}
.contact_management h5 {font-size: 12px;}

.featured_left {
	margin: 20px 0px 0px 0px;
	padding-left: 20px;
	width: 260px;
	height: 220px;
	float: left;
}

.featured_right {
	width: 0px;
	margin: 0px 0px 0px 19px;
	float: left;
}


/* FEATURED UNDER*/

.featured_under {
	width: 912px;
	height: 113px;
	background-image: url(graphic/featured_under_bg.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
}

.featured_under_h {
	margin: 40px 0px 0px 40px;
	width: 832px;
	height: 50px;
	float: left;
	display: inline;
}

.featured_button {
	margin: 15px 0px 0px 40px;
	width: 95px;
	height: 35px;
	float: right;
	display: inline;
}

/* FEATURED FONTS */

h1 {
	font-size: 24px;
	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
	line-height: 28px;
	text-decoration: none;
	color: #FFFFFF;
}

h2 {
	font-size: 14px;
	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: -1px;
	color: #404040;
}


/*#slider {
	overflow: hidden; 
	width: 611px; 
	height: 298px;
	margin: auto;
	position: absolute;
}	

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#slider li { 
	width: 611px;
	height: 298px;
	overflow: hidden; 
}														
/* IMAGE REPLACEMENT */
*/

/* FEATURED SUB*/

#featured_sub_wrapper {
	width: 912px;
	height: 100px;
	margin-top: 20px;
}

/* CONTENT */

#content {
	width: 912px;
	background-image: url(graphic/content_bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

#content_rt {
	width: 912px;
	height: 30px;
	background-image: url(graphic/content_rt.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#content_rb {
	width: 912px;
	height: 30px;
	background-image: url(graphic/content_rb.gif);
	background-repeat: no-repeat;
}

#content_left {
	float: left;
	margin: 0px 0px 0px 25px;
	width: 565px;
	display: inline;
}
	
#content_right {
	float: right;
	margin: 0px 25px 0px 0px;
	width: 260px;
	display: inline;
	padding-top: 30px;
}

#content_portfolio_wrapper {
	width: 912px;
}

.content_portfolio_l {
	float: left;
	margin: 0px 0px 0px 25px;
	width: 312px;
	display: inline;
}

.content_portfolio_r {
	float: right;
	margin: 0px 25px 0px 48px;
	width: 500px;
	display: inline;
}

.content_header,
.content_portfolio_h {
	width: 862px;
	height: 30px;
	background-image: url(graphic/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px 0px 20px 25px;
}

.content_portfolio_sep {
	width: 862px;
	height: 51px;
	margin: 0px 25px 0px 25px;
}

.content_left_h {
	width: 550px;
	height: 30px;
	background-image: url(graphic/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
}

.content_right_h {
	width: 250px;
	height: 30px;
	background-image: url(graphic/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
}

.content p {
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
}

.content a {
	font-size: 12px;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: underline;
}

h3 {
	font-size: 22px;
	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
	line-height: 24px;
	text-decoration: none;
	letter-spacing: -1px;
	color: #303030;
}

h4 {
	font-size: 18px;
	line-height: 24px;
	color: #1362b3;
	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 13px;
}

#content_right h4 {margin-bottom: 3px; color: #404040;}

h5 {
	font-size: 13px;
	line-height: 18px;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
}

#content_right h5 {color: #1362b3; font-size: 12px;}

.content ul {margin: 0px; margin-left: 34px; #margin-left: 36px; padding: 0px; list-style: square;
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
}

.content ul.sub {margin-left: 64px; #margin-left: 66px;}

.content .caption {clear: both; width: 272px; text-align: center; font-size: 11px;}

.banner img {display: block; margin: 0px auto 17px auto; padding-top: 7px;}
.bullet {background: url(graphic/bullet.gif) no-repeat 0px 1px; padding-left: 30px;}
.hr {clear: both; height: 28px; margin-bottom: 16px; border-bottom: 1px solid #e9e9e9;}
.clearboth {clear: both;}

.pic {
	float: left;
	display: inline;
	margin-right: 20px;
}

.icon {
	float: left;
	display: inline;
	margin: 3px 10px 0px 0px;
	padding-bottom: 10px;
}

.tiwtter {
	padding-top: 7px;
	height: 22px;
	width: 180px;
	float: left;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
}

.tiwtter a {
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
}

#tiwtter_i {
	height: 32px;
	width: 42px;
	float: left;
}

/* FOOTER */

#footer {
	width: 912px;
	height: 54px;
	margin: 20px 0px 40px 0px;
	background-image: url(graphic/footer_bg.gif);
}

.footer p {
	font-size: 11px;
	color: #adadad;
	font-family: Arial, Verdana, sans-serif;
}

.footer a {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
}

.footer a:hover {
	font-size: 11px;
	color: #f0af01;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
}

#footer_left {
	float: left;
	width: 441px;
	margin: 19px 0px 0px 15px;
	display: inline;
}

#footer_right {
	float: right;
	width: 441px;
	margin: 19px 15px 0px 0px;
	text-align: right;
	display: inline;
}

/* --- CONTACT FORM --- */

.form_nm {
	background-color: #eeeeee;
	color: #000000; /* adadad */
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #dcdcdc;
	text-indent: 6px;
	width: 282px;
	#width: 280px;
	height: 20px;
	padding-top: 5px;
}

.form_tf {
	background-color: #eeeeee;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #dcdcdc;
	text-indent: 6px;
	width: 563px;
	#width: 561px;
	height: 175px;
	padding-top: 5px;
}