/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
background-color:#ffffff; 
  background: url("images/side.jpg"); 
   background-repeat:repeat;

} 
 

#pagewidth{ 
 width:835px;
  background-color:#ffffff; 
 text-align:left;  
margin-left:auto;
 margin-right:auto;
    
}


#subfooter{ 
 width:788px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff; 
 }
 
 
 #subfooter2{ 
 width:788px; 
 text-align:right;  
margin-left:auto; 
 margin-right:auto;

 }
 
#header{
 position:relative; 
 height:156px; 
 width:835px;
   background: url("images/logo_banner.jpg"); 
   background-repeat:no-repeat;
} 

.aircon-banners{
 height:157px; 
 width:609px;
 }
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:835px;
 background: url("images/homepage_background.jpg"); 
 background-repeat:no-repeat;
  }
  
  .maincolpadding{
  padding:10px 20px 10px 20px;
  }
 
 #maincol2{  
 float: left; 
 display:inline; 
 position: relative; 
 width:780px;
 height:65px;
 }
 
#footer{
margin-top:10px;
width:835px;
 height:148px; 
  background-color:#FFFFFF; 
 clear:both;
   background: url("images/footer.jpg"); 
   background-repeat:no-repeat;

 } 
 
 
 #nav{
 position:relative;
  height:25px;  
 width:835px;
   background: url("images/nav_bar.jpg"); 
   background-repeat:no-repeat;
 
}

 
 .navtext {
padding-top:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
text-align:center;
 margin-left:1px;
 margin-right:1px;
 text-decoration:none;
 }
 
 .navtext a{
text-decoration:none;
 }
 
 .navtext a:hover{
color: #ffffff;
text-decoration:underline;
font-weight:bold;
 }
 
 .nav-active{
color: #ffffff;
text-decoration:none;
font-weight:bold;
 }
 
.nav a:hover{
color: #ffffff;
font-size: 12px;
text-decoration:underline;
}



h1{
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
color: #004A99;
font-weight:100;
margin-bottom:0px;
padding-bottom:10px;
line-height:100%;
font-weight:bold;
}

h2{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #004A99;
margin-bottom:0px;
padding-bottom:0px;
line-height:100%;
font-weight:bold;
}


p, li, td{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #878889;
line-height:160%
}

a {
color: #004A99;
text-decoration:underline;
 }
 
.white {
color: #ffffff;
 }
 
 .blue{
 color: #004A99;
 }
 
 .large{
 font-size:15px;
 
 }
 

 
.itbannerimage{
width:801px;
height:234px;
}

.aircon-product-text{
width:350px;
padding-right:0px;
padding-left:20px;
position:relative;
float:left;
}

.line{
 height:3px; 
 width:590px;
   background: url("images/dividing-line.jpg"); 
   background-repeat:no-repeat;
   margin-bottom:10px;
    clear:both;
}

 



.supportcolbox{
width:254px;
height:488px;
position:relative;
float:left;
}

.itsupportmods{
width:260px;
height:150px;
position:relative;
float:left;

}

.tbannerimage{
width:550px;
height:138px;
background: url("images/banner_graphic.jpg"); 
background-repeat:no-repeat;
}

.greentextbox{
width:552px;
height:37px;
background: url("images/grenn_text_box.jpg"); 
background-repeat:no-repeat;
}

.textcols{
margin-top:10px;
width:280px;
position:relative;
float:left;
}



.casestudyarea{
width:783px;
height:339px;
position:relative;
float:left;
background: url('images/case_study_box.jpg');
background-repeat:no-repeat;
margin-left:8px;
}

.casetitle{
padding-top:10px;
padding-left:5px;
}

.contactarea{
width:783px;
height:349px;
position:relative;
float:left;
background-color:#f3f3f3;
margin-left:8px;
}

.casesolution{
width:783px;
height:200px;
position:relative;
float:left;
background-color:#f3f3f3;
}

.solutionpadding{
padding: 5px 10px 5px 10px;
}
 
.right-column{
width:180px;
position:relative;
float:right;
}

.pages-column{
width:235px;
position:relative;
float:left;
}


.button-area{
width:163px;
height:167px; 
}

.twocol{
width:350px;
position:relative;
float:left;
padding-left:10px;
margin-top:10px;
}

.twocolc{
width:350px;
position:relative;
float:left;
padding-left:10px;
margin-top:20px;
}

.supportcoltext{
padding-left:7px;
padding-right:7px;
padding-top:85px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #878889;
line-height:150%;
}

.greentext{
padding:5px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
line-height:120%;
}

.button-text2{
padding-left:8px;
padding-top:2px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #00662C;
line-height:150%;
}

.banner-text{
padding-left:10px;
width:370px;
padding-top:20px;
}

.text-subarea{
width:305px;
height:380px;
 background: url("images/hp_ourapproach_text_box.jpg"); 
 background-repeat:no-repeat;
}

.events-boxarea{
margin-top:2px;
 clear:both;
width:798px;
height:190px;
 background: url("images/package_banner_text.jpg"); 
margin-bottom:10px;
}


.footer-text{
padding-left:10px;
padding-top:115px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

.submit{
float:left;
position:relative;
width:67px;
 height:20px; 
    background: url("images/submit_button.jpg"); 
   background-repeat:no-repeat;
border:0px;
}

ul {
margin: 0;padding: 0;position: relative;
padding-left:15px;
}

.twocols-left{
width:340px;
padding-left:20px;
padding-top:5px;
padding-right:10px;
position:relative;
float:left;
}
 
.twocols-right{
width:380px;
padding-top:5px;
position:relative;
float:left;
padding-left:20px;
} 

li.bullet {
background-image:url(images/bullet.jpg);background-position:0 0.3em;background-repeat:no-repeat;padding:0 0 5px 25px;
}

ul.bull {
 list-style-type: none;margin: 0;padding: 0;
}

.contactheader{
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color: #286390;
margin-top:10px;
}

.contactbody{
font-size: 26px;
font-family:Arial, Helvetica, sans-serif;
color: #286390;
font-weight:bold;
line-height:150%;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */