/* CSS Document */

/*Layout*/

body{font-family:Tahoma; line-height:20px; background:#F9F9F9;}


#container{width:985px; height:auto; margin:0 auto; color:#000000; background-color:#FFFFFF; border:1px solid #E6E6E6;}

#headerTopRight{float:right; width:475px; height:18px; margin:2px 5px 0px 0px;}

#headerRight{float:right; width:485px; height:80px; text-align:right;}
#headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV1.jpg) 10% 40% no-repeat;}

/*#standard  #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV1.jpg) 10% 40% no-repeat;}
#electricial #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV2.jpg) 10% 40% no-repeat;}
#aircon #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV3.jpg) 10% 40% no-repeat;}
#mechanical #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV3.jpg) 10% 40% no-repeat;}
#interiors #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV3.jpg) 10% 40% no-repeat;}
#services #headerLeft{float:left; width:490px; height:100px; margin-left:3px; clear:both; background:url(../img/header/logoV4.jpg) 10% 40% no-repeat;}*/

#left{float:left;}


#navBar{width:185px; height:450px; background-color:#BAE1DF; margin-left:0px;}
*html #navBar{width:170px; height:440px; background-color:#BAE1DF; margin-top:2px; margin-left:0px;}

#navGrad{width:185px; height:150px; background:url(../img/nav/gradient.jpg) no-repeat; margin-left:0px;}


#banner{width:800px; height:150px; background:url(../img/header/header.jpg) no-repeat; float:right; margin:0px 0px 0px 0px;}


#content{width:800px; min-height:430px; height:auto !important; height:430px; float:right;}

#contentLeft{width:140px; height:400px; float:left; background-color:#FFFFFF; margin:0px 0px 10px 10px;}


#home #contentLeft{width:140px; height:550px; float:left; background:url(../img/home/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #home #contentLeft{width:140px; height:550px; float:left; background:url(../img/home/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#electricial #contentLeft{width:140px; height:440px; float:left; background:url(../img/electricial/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #electricial #contentLeft{width:140px; height:440px; float:left; background:url(../img/electricial/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#aircon #contentLeft{width:140px; height:440px; float:left; background:url(../img/aircon/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #aircon #contentLeft{width:140px; height:440px; float:left; background:url(../img/aircon/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#mechanical #contentLeft{width:140px; height:460px; float:left; background:url(../img/mechanical/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #mechanical #contentLeft{width:140px; height:460px; float:left; background:url(../img/mechanical/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#interiors #contentLeft{width:140px; height:472px; float:left; background:url(../img/interiors/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #interiors #contentLeft{width:140px; height:472px; float:left; background:url(../img/interiors/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#lightworks #contentLeft{width:140px; height:500px; float:left; background:url(../img/lightworks/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #lightworks #contentLeft{width:140px; height:500px; float:left; background:url(../img/lightworks/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#services #contentLeft{width:140px; height:440px; float:left; background:url(../img/buildingservices/picBar.jpg) no-repeat; margin:0px 0px 10px 10px;}
*html #services #contentLeft{width:140px; height:440px; float:left; background:url(../img/buildingservices/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#contact #contentLeft{width:140px; height:440px; float:left; background:url(../img/contact/picBar.jpg) no-repeat 50% 0%; margin:20px 0px 10px 10px;}
*html #contact #contentLeft{width:140px; height:620px; float:left; background:url(../img/contact/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}

#training #contentLeft{width:140px; height:440px; float:left; background:url(../img/training/picBar.jpg) no-repeat 50% 0%; margin:20px 0px 10px 10px;}
*html #training #contentLeft{width:140px; height:620px; float:left; background:url(../img/training/picBar.jpg) no-repeat; margin:0px 0px 10px 5px;}
 
#contentBottom{width:985px; height:auto; float:left; background-color:#FFFFFF;}

#contentBottomLeft{width:200px; height:auto; float:left;}

#contentBottomRight{width:300px; height:auto; float:right;}



#contactLeft{float:left; width:280px; height:auto;}
#contactRight{float:right; width:320px; height:auto;}

#services #logos{height:75px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:525px; float:left; background:url(../img/buildingservices/logos.jpg) no-repeat;}

*html #services #logos{height:75px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:525px; float:left; background:url(../img/buildingservices/logos.jpg) no-repeat;}

#mechanical #logos{height:70px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/mechanical/logos.jpg) no-repeat;}

*html #mechanical #logos{height:70px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/mechanical/logos.jpg) no-repeat;}

#interiors #logos{height:70px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/mechanical/logos.jpg) no-repeat;}

*html #interiors #logos{height:70px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/mechanical/logos.jpg) no-repeat;}

#aircon #logos{height:75px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/aircon/logos.jpg) no-repeat;}

*html #aircon #logos{height:75px;  margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:430px; float:left; background:url(../img/aircon/logos.jpg) no-repeat;}

#electricial #logos{height:55px; margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:60px; float:left; background:url(../img/electricial/logos.jpg) no-repeat;}

*html #electricial #logos{height:55px; margin:0px 0px 0px 145px; padding:0px 0px 0px 0px; width:60px; float:left; background:url(../img/electricial/logos.jpg) no-repeat;}


/*#shadow{width:100%; padding-bottom:10px; padding-left:0px; margin-left:0px; padding-right:25px; filter:shadow(color:gray);}*/

#imageContainer{width:750px; margin:0px 10px 0px 20px; padding-bottom:30px; height:auto; float:left;}

/* #shadow{width:100%; padding:30px 30px 30px 0px; filter:glow(color=silver, strength=10);}*/

#clear{clear:both;}

/*End of Layout*/


/*General Styling*/

h1{font-size:1.2em; color:#666666; margin:20px 10px 20px 160px;}
h2{font-size:1.0em; color:#666666; font-weight:bold; margin:20px 10px 0px 160px;}

h3{font-size:0.8em; color:#666666; font-weight:bold; margin:10px 10px 10px 160px;}

#gallery h1{font-size:0.7em; color:#666666; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#standard h1{margin-left:20px;}
#aircon h1{color:#CD000C;}
#mechanical h1{color:#CD000C;}
#interiors h1{color:#CD000C;}
#electricial h1{color:#004593;}
#services h1{color:#52AC40;}

#standard h2{margin-left:20px;}
#aircon h2{color:#CD000C;}
#mechanical h2{color:#CD000C;}
#interiors h2{color:#CD000C;}
#electricial h2{color:#004593;}
#services h2{color:#52AC40;}

#headerRight h1{font-size:1.2em; margin:45px 10px 0px 0px;}
#images h1{margin-left:20px;}

#standard h3{margin-left:20px;}

p{font-size:0.8em; color:#666666; margin:0px 10px 10px 160px; padding-right:0px;}
#images p{margin-left:20px;}
#imageDesc p{margin-right:120px;}
#standard #content p{margin-left:20px;}

a{color:#666666; text-decoration:none;}
a:hover{text-decoration:underline;}
#adminLinks a{color:#FFFFFF;}

#contentBottom a{text-decoration:none;}

#headerTopRight ol{list-style:none; font-size:0.8em; color:#999999; text-align:right; margin:0px 0px 0px 0px;}
#headerTopRight li{list-style:none; margin:5px 2px 5px 2px; display:inline;} 


#navBar li{margin-right:15px; list-style:none;}
#navBar ol{margin:0px 0px 0px 0px; text-align:right; padding:135px 0px 0px 0px;}
#navBar a{text-decoration:none; color:#000066; display:block; width:100%; background-color:#666698; padding:4px 15px 5px 0px;}

*html #navBar li{margin-right:0px; list-style:none;}
*html #navBar a{text-decoration:none; color:#000066; display:block; width:100%; background-color:#666698; padding:6px 15px 6px 0px;}
			
#navBar a:link{background-color:#BAE1DF; }
#navBar a:visited{background-color:#BAE1DF; }
#navBar a:active{background:#BAE1DF; }

#navBlue a:hover{background:#004593; color:#FFFFFF;}
#navRed a:hover{background:#CD000C; color:#FFFFFF;}
#navGreen a:hover{background:#52AC40; color:#FFFFFF;}
#navGrey a:hover{background:#666666; color:#FFFFFF;}

#navBottom ol{list-style:none; color:#666666; font-size:0.7em; font-weight:bold; text-align:right; margin-top:0px;}
#navBottom li{display:block; margin:2px 0px 2px 0px;}


#content ol{list-style:none; font-size:1.0em; font-weight:bold; color:#000066; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; color:#666666;}
#content li{list-style:none; margin:0px 0px 10px 0px; display:block;} 


#content #contactRight ol{font-size:0.8em; list-style:none; color:#666666; margin:12px 0px 0px 80px;}
#content #contactRight li{margin:10px 0px 10px 0px; font-weight:normal;}
#content #contactRight h2{font-size:0.8em; font-weight:bold; color:#666666; margin:12px 0px 0px 80px;}


#standard #content ol{list-style:none; font-weight:normal; font-size:0.8em; color:#666666; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px;}
#standard #content li{list-style:none; margin:0px 0px 10px 20px; display:block;} 


#mainContentList ol{padding:0px 0px 0px 10px; list-style:inside circle;}
#mainContentList li{font-size:0.8em; color:#000000; font-weight:normal; margin:5px 5px 5px 0px; color:#666666; padding:0px 0px 0px 0px;}

#gallery{width:170px; height:220px; border-right:1px solid #666666; float:left; margin:20px 10px 0px 0px; padding:0px 0px 0px 0px;}
#title{min-height:45px;height:auto !important;height:45px; padding-right:5px;}

#home #content ol{font-size:1.2em; margin:10px 10px 20px 160px; padding-right:50px;}

#electricial #content ol{color:#004593; list-style:none; font-size:0.9em; font-weight:bold; margin:20px 0px 20px 160px; padding:0px 0px 0px 0px;}
#aircon #content ol{color:#CD000C; list-style:none; font-size:1.0em; font-weight:bold; margin:20px 0px 20px 160px; padding:0px 0px 0px 0px;}
#mechanical #content ol{color:#CD000C; list-style:none; font-size:1.0em; font-weight:bold; margin:20px 0px 20px 160px; padding:0px 0px 0px 0px;}
#interiors #content ol{color:#CD000C; list-style:none; font-size:1.0em; font-weight:bold; margin:20px 0px 20px 160px; padding:0px 0px 0px 0px;}
#services #content ol{color:#52AC40; list-style:none; font-size:0.9em; font-weight:bold; margin:20px 0px 20px 160px; padding:0px 0px 0px 0px;}

#training #content ol{color:#666666; list-style:none; font-size:0.9em; font-weight:bold; margin:20px 0px 0px 160px; padding:0px 0px 0px 0px;}

#training #content #secondary ol{color:#666666; list-style:none; font-size:0.7em; font-weight:bold; margin:0px 0px 20px 160px; padding:0px 0px 0px 0px;}


#contentBottom ol{list-style:none; font-size:0.8em; color:#666666; margin:0px 0px 5px 0px; padding:0px 0px 10px 55px; text-align:right; font-weight:bold;}

/*End of General Styling*/


/*Classes*/


.grey{color:#999999;}
.bold{font-weight:bold;}

#interiors .bold{color:#CD000C;}

.noBorder{border:none; margin:0px 0px 0px 20px;}
.center{text-align:center; border:none; padding:10px 10px 10px 20px;}
.blue{color:#004593;}
.red{color:#CD000C;}
.green{color:#52AC40;}

#contentBottom .floatLeft{border:none;}
#contentBottom .floatRight{border:none; font-weight:normal; font-size:0.6em; margin-right:15px;}
#contact #contentBottom .floatRight{border:none; font-weight:normal; font-size:0.7em; margin-right:15px;}

.floatRight{float:right; margin:5px 10px 25px 10px; border:2px solid #CCCCCC;}

#contact .floatRight{float:right; margin:5px 30px 25px 10px; border:2px solid #CCCCCC;}
#lightworks .floatRight{float:right; margin:5px 30px 25px 10px; border:none;}

.floatLeft{float:left; margin:5px 10px 5px 0px; border:2px solid #CCCCCC;}


/*End of Classes*/


/*Form Styling*/

fieldset{width:300px; margin:20px 10px 10px 15px; padding:10px 10px 10px 10px;}

#standard fieldset{border:none; padding:0px 10px 0px 20px;}


.label{display:block; margin:5px 10px 0px 12px; padding:0px 0px 0px 0px; color:#666666; font-size:0.8em;}
.loginLabel{display:block; margin:5px 10px 0px 20px; padding:0px 0px 0px 0px; color:#666666; font-size:0.8em;}
#standard .label{display:block; margin:5px 10px 0px 20px; padding:0px 0px 0px 0px; font-size:0.8em;}
*html #standard .label{display:block; margin:5px 10px 0px 15px; padding:0px 0px 0px 0px; font-size:0.8em;}

.textBox{margin:0px 0px 0px 12px; padding:0px 0px 0px 0px; height:18px; width:250px; border:solid 1px #CCCCCC; display:block; background-color:#FFFFF9;}
#standard .textBox{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; height:18px; width:300px; border: solid 1px #CCCCCC; display:block; background-color:#FFFFF9;}
.textBoxLogin{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; height:18px; width:250px; border:solid 1px #CCCCCC; display:block;}

.textArea{margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; height:150px; width:250px; border:solid 1px #CCCCCC; display:block;  background-color:#FFFFF9;}
#standard .textArea{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; height:300px; width:550px;  border: solid 1px #CCCCCC; display:block; background-color:#FFFFF9;}

.button{margin:20px 0px 0px 10px; width:60px; height:25px; padding:0px 0px 0px 0px; border:solid 1px #CCCCCC; background-color:#EBEBEB; display:block;}
#standard .button{margin:20px 0px 20px 20px; padding:0px 0px 0px 0px; border:solid 1px #CCCCCC; background-color:#EBEBEB; display:block;}
.buttonLogin{margin:20px 0px 0px 20px; padding:0px 0px 0px 0px; border:solid 1px #CCCCCC; background-color:#EBEBEB; display:block;}
.loginTextBox{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; height:18px; width:250px; border: solid 1px #CCCCCC; display:block;}

.table{margin:10px 10px 10px 20px;}


/*End of Form Styling/*