@charset "utf-8";
/* CSS Document */

div, img, li, ul, h1, h2, h3, h4, h5, body, input, form, table, td, tr{margin:0; padding:0;}

a img{border:none;}

a{color:#444;}

a:hover{text-decoration:underline; color:#000;}

body{font-family:Verdana, Geneva, sans-serif; background:#fff; min-width:960px;}

h1{font-size:20px; font-weight:bold; color:#2550BF;}

h4{font-size:12px; font-weight:bold; margin:0 0 15px 0;}

hr{
    margin:10px 0;
    }
    
.right-bar li{
    margin-top:10px;
    }    
    
.captioned{ float:right; margin:20px 0 20px 20px; width:320px; }    

p{font-size:12px;}

form{font-size:12px;}

input{
	font-size:9px;
	font-weight:bold;
}

.button{
	background:url(../images/button.gif) transparent repeat-x;
	height:17px;
	border:none;
	color:white;
	padding:0 3px 2px;
	font-weight:bold;
}

.centered{
	width:960px;
	text-align:left;
	margin:0 auto;
}

.clouds{
	background:url(../images/clouds.gif) repeat-x top center;
	height:140px;
	padding:15px;
	min-width:960px;
}

.clouds .centered{
	text-align:right;
}

.clouds h5{
	font-size:25px;
	font-weight:bold;
	padding:15px 0;
}

.logo{
	float:left;
}

.logos{
	float:right;
}

.navigation{
	background:url(../images/nav-back.gif) repeat-x;
	height:55px;
	width:100%;
	min-width:990px;
}

/*--------------------------------------------------------*/

.menu img {border: none;}

.menu {float:left; width:100%; min-width:960px; font-family: verdana, arial, sans-serif; font-size:11px; font-weight: bold; z-index:9999; position:relative; top:1px;}
.menu ul {padding:0; margin:0; list-style-type:none; text-align: left;}
.menu ul li {float:left; position:relative;}
.menu ul li.group {display:block; text-indent:10px; color:#fff; width:225px; padding:12px 0;}

.menu ul li a, .menu ul li a:visited {float:left; display:block; text-decoration:none; padding:8px 12px 0px 30px; line-height:25px; height:32px; color:#fff; background:url(../images/circle-blue.png) no-repeat 7px 10px;}

.menu ul li:hover {width:auto;}
.menu ul li a:hover {background:url(../images/circle-green.png) no-repeat 7px 10px #1D1D1D; color:#fff;}
.menu ul li:hover a {background:url(../images/circle-green.png) no-repeat 7px 10px #1D1D1D; color:#fff;}

.menu ul li ul {display: none;}
.menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute;top:39px; margin-top:1px; left:0; width:225px; background:url(../images/dropdown-back.gif) #d3e0ff repeat-x; border:#777 solid 2px;}
.menu ul li:hover ul.endstop {left:-90px;}

.menu ul li:hover ul li a {display:block; height:auto; line-height:15px;padding:8px 30px; width:165px; background:url(../images/circle-blue.png) no-repeat 5px 5px; color:#000;}
.menu ul li:hover ul li a:hover {color:#fff; background:#777 url(../images/circle-green.png) no-repeat 5px 5px;}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {display:block;position:absolute;top:39px; t\op:39px; left:0; marg\in-top:1px; background:url(../images/dropdown-back.gif) #d3e0ff repeat-x; border:#777 solid 2px;}

.menu ul li a:hover ul.endstop {left: -90px;}
.menu ul li a:hover ul li a {display:block; color:#000; line-height:15px; padding:8px 30px; width:165px; w\idth:165px; background:url(../images/circle-blue.png) no-repeat 5px 5px;}
.menu ul li a:hover ul li a:hover {color:#fff; background:#777 url(../images/circle-green.png) no-repeat 5px 5px;}

/*--------------------------------------------------------*/

.content{
    background:url(../images/contentBackground.png) repeat-x top center #e1e1e1;
    min-width:990px;
}

.blue-sidebar{
	background:url(../images/blue-back.gif) repeat-y;
}

.left-bar{
	width:250px;
	background:url(../images/left-bar-back.gif) repeat-x #cfddff;
	padding:25px;
	float:left;
}

.home-todo{
	display:block;
	height:37px;
	width:175px;
	padding:10px 5px 5px 75px;
	background:url(../images/mail.png) no-repeat top left;
	font-size:12px;
	margin:15px 0 0 0;
	position:relative;
}

.home-todo a, .home-todo h3{
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.home-todo label{
    font-weight:bold;
    }
    
label.overlabel{
    display:none;
}    
    
label.overlabel-apply{
    color:#999999;
    left:80px;
    position:absolute;
    top:28px;
    z-index:1px;
    font-size:9px;
    }        

.newsletter{
    background:url(../images/news.png) no-repeat top left;
    }

/*---------------- NEWS ITEMS -------------------*/

.news-items{
	margin:25px 0 0 0;
}

.news-items h2{
	font-size:12px;
	font-weight:bold;
	color:#2550BF;
}

.news-items ul li{
    list-style:circle;
    font-size:10px;
    margin:5px 0;
    }
    
.news-items ul li a{
    text-decoration:underline;
    }    

.content .centered{
    border-left:1px solid #BBBBBB;
    border-right:1px solid #BBBBBB;
    }
    
.right-bar{
	float:left;
	padding:25px 0 0 25px;
	width:610px;
	text-align:justify;
}

.right-bar p{
    line-height:18px;
}

.right-bar ul{
    margin:15px 0 15px 50px;
    }

.right-bar img{
    margin:20px;
    border:2px solid #7295C8;
    }

.call-to-action{
	float:left;
	margin:10px 15px 10px 0;
	text-align:left;
	width:290px;
	line-height:18px;
}

.call-to-action:hover h2 a span{
    text-decoration:underline;
    }

.call-to-action a{
    text-decoration:none;
    color:#2550BF;
    }

.call-to-action h2{
	font-size:12px;
	font-weight:bold;
}

.call-to-action span{
    font-size:10px;
    font-weight:normal;
    color:#444;
    }

.call-to-action img{
	float:left;
	border:none;
	margin:0;
}

.footer{
	background:url(../images/footer-back.gif) repeat-x;
	height:108px;
	min-width:990px;
}

/* -------------------- SMALL CONTACT FORMS ----------------------------- */

.contact-forms{
    border:#B6CEFF 2px solid;
    padding:10px;
    position:relative;
    }
    
.contact-forms ul{
    margin:10px 0 10px 20px;
    }
    
.contact-forms input{
    width:190px;    
    margin:0 0 8px 0;
    font-size:12px;
    font-weight:normal;
    }
    
.contact-forms textarea{
    display:block;
    width:190px;    
    margin:0 0 8px 0;
    height:80px;
    font-size:11px;
    font-weight:normal;   
    font-family:verdana; 
    }
    
.contact-forms .ContactButton{
    width:auto;
    padding:0 7px;
}

.overlayWrapper{
    position:relative;
    }

.contact-forms label.overlabel-apply{
    color:#999999;
    left:3px;
    position:absolute;
    top:3px;
    z-index:1px;
    font-size:9px;
}
    
/* ------------------- FOOTER STUFF ------------------------ */    
    
.footer-text{
    display:block;
    width:100%;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#000;
    margin:15px 0 0 0;
    }
    
.footer-text a{
    color:#252977;
    text-decoration:underline;
}    
    
/*-------------- CONTACT PAGE -------------------*/

.contact-page{
    width:425px;
    }

.contact-page label{
    display:block;
    width:150px;
    text-align:right;
    padding:0 10px 0 0;
    float:left;
    margin:10px 0;
    }
    
.contact-page input{
    width:250px;
    float:left;
    margin:10px 0;
    font-size:12px;
    font-weight:normal;
    }    

.contact-page textarea{
    width:250px;
    float:left;
    margin:10px 0;
    }      
    
.contact-page span{
    display:block;
    float:left;
    width:5px;
    margin:10px 0;
    }   
    
.contact-page .ContactButton{
    width:auto;
    float:right;
    }
    
.ASHRAE li{
    margin:0 0 15px 0;
    list-style-type:circle;
    }    
    
.social{
    background:#FFF;
    padding:5px;
    margin-top:5px;
    border:2px solid #5F83B6;
   	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:100%;
    }    
    
.social th{
    text-align:left;
    }       
    
.social td{
    text-align:right;
    }    
    
.industryLinks img{
    float:left;
    margin:0 0 20px 20px;
    }
    
.industryLinks a{
    display:block;
    float:left;
    height:40px;
    padding:35px 0 10px 95px;
    font-size:10px;
    line-height:20px;
    width:480px;
    background-repeat:no-repeat;
    background-position:5px 5px;
    margin:0 0 0 20px;
    }        
    
.industryLinks a:hover{
    background-color:#DCE6FF;
    }