/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Arial, Helvetica, sans-serif; color:#154d6a; background:#a9d1e0 url(images/bg.jpg) repeat-x} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto; background-color:#FFF} 
ul{list-style:none; font-size:1.1em}
a{color:#154d6a; text-decoration:none; outline:none}
a:hover{color:#FF0000}
.clr{clear:left}

p{font-size:1.3em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3{font-weight:900; color:#0A3E7D}
h1{font-size:2.1em; border-bottom:1px solid #0A3E7D; margin-bottom:16px}
h2{font-size:1.9em; }
h3{font-size:1.8em;}
sup{color:#990000}


/*---------------HEADER---------------*/
#header{position:relative; height:155px; width:960px; display:block; background-image:url(images/header-bg.gif)}

#logo{float:left; width:150px; height:136px;  margin:13px 0 0 10px; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em;  background-image:url(images/logo.png)}
#logo a{height:138px; width:100%; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none; text-indent:-3000px}
ul#header_contact{text-align:right; margin:10px 10px 0 0; float:right; display:inline;}
ul#header_contact li.num{font-size:5.5em; font-weight:bold; color:#FFF}
ul#header_contact a{color:#FFF; font-size:1.2em; font-weight:bold}
ul#header_contact a:hover{color:#f00;}
#tag{width:600px; float:right; color:#FFF; font-size:2.0em; font-weight:bold; text-align:right; margin:20px 10px 0 0; display:inline}
#curve{width:960px; height:12px; font-size:0; background-image:url(images/curve.gif)}


/*---------------NAV---------------*/ 
ul#nav{width:170px;  margin:6px}
ul#nav li{padding:0 0 8px 0;  font-size:1.1em; color:#0A3E7D}
ul#nav li a{color:#0A3E7D}
ul#nav li a:hover{color:#f00}
ul#nav li a, #footer a{text-decoration:none}

ul#installation li{font-size:0.9em; padding-left:8px}

/*---------------TWO COLs---------------*/
#twocols{width:740px; float:right; position:relative}

/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:520px}
body#contact #maincol{width:730px}
#maincol img.left{float:right; margin:0 0 12px 12px; padding:3px; border:1px solid #0A3E7D}
#cta{width:484px; height:95px; background-image:url(images/cta-bg.gif); margin:20px 0 20px 10px; padding-top:60px; clear:right}
#cta h3{width:400px; text-align:center; margin:0 auto}
#cta a{text-decoration:underline}

img.banner{margin-bottom:15px}
 
/*---------------LEFT COL---------------*/
#leftcol{width:189px; float:left; position:relative; margin:0 0 0 10px; display:inline;  height:auto !important; height:715px; min-height:715px;}

/*---------------RIGHT COL---------------*/
#rightcol{float:right; display:inline; position: relative; width:189px; margin:0 10px 0 0;}
#rightcol img.left{margin-top:10px}

ul#bullet{width:170px; margin:6px}
ul#bullet li{font-size:1.1em; background:url(images/icon-tick.gif) no-repeat left center; padding-left:17px; margin-bottom:6px}
ul#bullet li.tick{background:url(images/icon-tick.gif) no-repeat 0 2px;}



/*----MODULES------------------------------*/
.module-nav{width:189px; background-color:#dbebfb; float:left;}
.module-nav .top{background:url(images/module-top-nav.gif) no-repeat left top; padding:0; margin:0; height:38px }
.module-nav .bottom{background:url(images/module-low-nav.gif) no-repeat left bottom;  padding:0; margin:0; height:13px  }

.module-cust{width:189px; background-color:#ddddfa; float:left;}
.module-cust .top{background:url(images/module-top-customer.gif) no-repeat left top; padding:0; margin:0; height:38px }
.module-cust .bottom{background:url(images/module-low-customer.gif) no-repeat left bottom;  padding:0; margin:0; height:13px  }

.air{float:left; width:520px; margin-bottom:15px}
.air img{float:left}
.air .title, .air .desc{float:right; width:280px;}
/*---------------CONTACT---------------*/
form#contact{width:450px; margin:0; padding:1px; border:6px solid #C6DBE5; font-size:1.1em; float:left}
form#contact input.field, form#contact select, form#contact textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#154d6a; padding:3px}
form#contact select{width:250px}
form#contact textarea{width:250px}
form#contact p{width:100%; padding:6px 0; margin:0;  color:#154d6a; background-color:#EDF5FA; border-bottom:1px solid #fff}
form#contact p label{width:120px; float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold;}
form#contact fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend{display:none}
form#contact img{border:1px solid #B3D0DD}
form#contact p span.submit{margin-left:122px}
form#contact p span.indent{margin-left:122px}

.error{color:#FF0000}

ul#contact_details{margin:0 0 0 10px; float:left; width:240px; }
ul#contact_details li{font-size:1.1em}
ul#contact_details li.address_bold{font-weight:bold}
ul#contact_details li.tel{margin-top:12px; font-weight:bold}
ul#contact_details li.fax{font-weight:bold}
ul#contact_details li.email{margin-top:12px; font-weight:bold}

/*---------------FOOTER---------------*/
#footer{width:960px; float:left;  clear:both; text-align:center; font-size:1.1em; background-color:#FFF}