/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
/* text-align:center;*/
 font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
 font-size:.9em;
 color:#005562;

} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
/*margin-left:auto; 
 margin-right:auto;  */
  background:#e2f8f9 url(../Images/background.jpg) top left no-repeat;

} 
 
#header{
 position:relative; 
 height:193px; 
 width:100%;
} 



.hhome{
 background-image:url(../Images/headings/head_home.jpg);
 background-position: bottom  left;
 background-repeat:no-repeat;
} 
.hwho{
 background-image:url(../Images/headings/head_who.jpg);
  background-position: bottom  left;
 background-repeat:no-repeat;
} 
.hhow{
 background-image:url(../Images/headings/head_how.jpg);
  background-position: bottom  left;
 background-repeat:no-repeat;
} 
.hprevious{
 background-image:url(../Images/headings/examples_head.jpg);
  background-position: bottom  left;
 background-repeat:no-repeat;
} 
.hrates{
 background-image:url(../Images/headings/head_rates.jpg);
  background-position: bottom  left;
 background-repeat:no-repeat;
} 
.henquiry{
 background-image:url(../Images/headings/head_enquiry.jpg);
  background-position: bottom  left;
 background-repeat:no-repeat;
} 

.hthank{
 background-image:url(../Images/headings/head_thankyou.jpg);
 background-position: bottom  left;
 background-repeat:no-repeat;
} 

.hcorporate{
 background-image:url(../Images/headings/head_corporate.jpg);
 background-position: bottom  left;
 background-repeat:no-repeat;
} 

 
#maincol{
 min-height:457px;
height:auto !important;
height:457px;  
 width:100%; 
 }
 
 
.mhome{
 background:url(../Images/backhome.jpg) top left no-repeat;
 }
 .mwho{
 background:url(../Images/backabout.jpg) top left no-repeat;
 }
.mhow{
 background:url(../Images/backhow.jpg) top left no-repeat;
 }
.mprevious{
 background:url(../Images/backprevious.jpg) top left no-repeat;
 }
.mrates{
 background:url(../Images/backrates.jpg) top left no-repeat;
 }
 .menquiry{
 background:url(../Images/backenquiry.jpg) top left no-repeat;
 }
 .mthank{
 background:url(../Images/backthanks.jpg) top left no-repeat;
 }
 .mcorporate{
 background:url(../Images/backcorporate.jpg) top left no-repeat;
 }
 
 
 /* for Internet Explorer */
/*\*/
* html #container {
height: 8em;
}
/**/
 
#footer{
visibility:hidden;
 height:20px; 
  background-color:#565059; 
 clear:both;
 } 
 

 
 /* *** 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 */  




#navigation{
 position:absolute;
 top:90px;
 text-align:left;
 list-style:none;
 margin-left:25px;
 color:#fff;
 font-size:0.9em;


}

#navigation a {
margin:0px 4px 0px 4px;
padding:0;
display:inline;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#navigation a.active , #navigation a:hover 
 {
color:#8fcfcb;
}


a.circ{
color:#C9E9E6;
}


p

{
width:420px;
margin:0;
padding:0;
margin-left:24px;
font-size:12px;


}


.strong{
font-weight:bolder;

}

.largepara{
font-size:1.5em;

}

.call{
margin-top:55px;
margin-left:360px;
font-size:1.5em;
color:#005562;}



#maincol ul{
margin:0;
padding:0;
font-size:1em;
color:#005562;
font-weight:bolder;
margin-left:20px;
padding-left:20px;
width:400px;

 }

#maincol li{
padding-left:10px;

 }
 
table.formtable{
width:400px;
margin:0;
padding:0;
margin-left:10px;
font-size:1em;
color:#005562;}

table.formtable label{font-weight:bolder; margin-bottom: 10px;}
table.formtable input  {border:1px solid #000; margin-bottom: 10px; width:180px; background-color:#C9E9E6;}
table.formtable textarea  {border:1px solid #000; margin-bottom: 10px; width:180px; background-color:#C9E9E6;}
table.formtable input.shortInput {width:170px; margin-right:5px;}
table.formtable input.radio  {width:15px; border:0px; margin-bottom: 10px;}
table.formtable select  {border:1px solid #000; margin-bottom: 10px; background-color:#C9E9E6;}


#tryustoday{
width:74px;
height:60px;
text-align:center;
position:absolute; }

#tryustoday a{
text-decoration:none;
color:#FFFFFF;
font-size:1.1em;
text-align:center;
vertical-align:middle;
font-weight:bolder;


 }

#tryustoday a:hover{
color:#a5d8f6;


 }

.previous{
float:left;
width:440px;
height:210px;
}

.gutter{
padding:20px;

}

div.previous .left{
float:left;
width:120px;
margin-top:8px;
margin-right:20px;
margin-bottom:20px;
margin-left:32px;
color:#005562;
text-align:center;
font-size:1.05em;
}

div.previous .leftbig{
float:left;
width:120px;
margin: 10px 40px 23px 38px;
font-size:1.1em;
color:#FFFFFF;
text-align:center;}


/*original

div.previous .left{
float:left;
width:120px;
margin:20px;
margin-left:32px;
color:#005562;
text-align:center;
font-size:1.05em;
}

div.previous .leftbig{
float:left;
width:120px;
margin:23px;
margin-left:34px;
font-size:1.1em;
color:#FFFFFF;
text-align:center;}


*/

#blob{
text-align:center;
position:absolute;
color:#FFFFFF;
font-size:1.1em;

}








/* -----------------contact form ---------------------

form#contact_form {
text-align:right; width:300px;}

form#contact_form label {width:50px; text-align:right; padding-right:5px; color:#888; margin-bottom:2em;}
form#contact_form input  {border:1px solid #000; margin-top: 10px; width:150px; background-color:#fff;}
form#contact_form textarea  {border:1px solid #000; margin-top: 10px; width:150px; background-color:#fff;}
form#contact_form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: auto;
}

form#contact_form #button1 {cursor:pointer; width:75px; margin-left:8px; text-align:center; border:0px; background:none;}
form#contact_form #button1:hover {color:#000;}

*/