/******************** Changes Style Sheet ********************/
/******************** Updated 09/08 ********************/
/******************** Page Structure ********************/

html {}

body{
font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 14px;
	color: #808080;
	margin: 0;
	padding: 0;
	
	line-height: 18px;
	text-align:center;
	background: #fff url(images/img01.png) repeat-x top left; }

}

a, a:visited {text-decoration: none; color: #808080; }
a:hover {color: #5993e5;}

h1, h2,h3,h4,h5,h6 {font-family: Arial, Verdana, Helvetica, sans serif; font-weight: 500;}

td {padding: 5px; padding-top: 0; text-align: left; vertical-align: text-top; font-size: 12px;}
td b {font-size: 14px; color: #fff; font-weight: 600;}
td.top {font-size: 14px; padding-bottom: 50px;}

#top-container{
width:800px;
margin: 0px auto; 
padding: 0;
background: transparent;
border: 0px solid #bfcab7;

}

#header {
background:#fff ;
margin: 0;
padding: 0;
width: 300px;
float: left;
text-align: left;
padding-bottom: 5px;
height: 120px;
border-bottom: 1px solid #bfcab7;
vertical-align: bottom;


}

img.header {padding: 0; padding-top: 20px;}

#header2 {
background:#fff ;
margin: 0;
padding: 0;
width:500px;
float: right;
text-align: right;
padding-bottom: 5px;
height: 120px;
border-bottom: 1px solid #bfcab7;

}

#header2 h1 {
font-size: 22px;
line-height: 26px;
padding: 10px;
padding-bottom: 6px;
padding-right: 0;
padding-top: 66px;
margin: 0;
color: #2c5c89; 
}

#header2 h2 {
font-size: 16px;
color: #21334A;
line-height: 20px;
margin: 0;
padding: 0px;
padding-right: 0;
padding-bottom: 2px;
}

#header2 p {
font-size: 16px;
margin: 0;
float: right;
padding:0;		
padding-top: 5px;
line-height: 20px;
list-style: none;
display: inline;
}

#strip {
padding: 0;
margin: 0;
float: right;
width: 800px;
background: transparent;
}

#strip p {
margin: 0;
padding: 7px;
text-align: right;
font-size: 20px;
line-height: 24px;
color: #21334A;

}

#image {
padding: 0;
margin: 0;
float: right;
width: 800px;
margin-bottom: 10px;

}

img.image {padding: 0; margin: 0; border: 1px solid #bfcab7;}


/** Main Body **/

#mainbody {
padding: 0;
margin: 0;
margin-left: 15px; 
margin-bottom: 10px;
float: right;
width: 550px;
text-align: justify;
background: #f6f9f3;
}

#mainbody h3 {margin: 0; padding: 7px; font-size: 18px; line-height: 24px; color: #21334A;  border-bottom: 1px solid #fff;}
#mainbody p {margin: 0; padding: 5px; padding-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 500; color: #808080; }
#mainbody p b {font-weight: 500; color: #21334A; }
#mainbody p.quote {background: #fff url(images/upperquote.png) no-repeat top left; padding-left: 24px; padding-right: 24px; margin-left: 20px; margin-right: 20px; line-height: 18px; color: #808080; border: 1px solid #bfcab7; border-bottom: none; }
#mainbody p.author {background: #fff url(images/lowerquote.png) no-repeat top right; padding-right: 24px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; color: #21334A; text-align: right;	 line-height: 18px; font-size: 13px; border: 1px solid #bfcab7; border-top: none;}
#mainbody p.headline {color: #21334A; padding-bottom: 0; margin-bottom: 0;}

#mainbody a:link, #mainbody a:visited {text-decoration: none; color: #2c5c89; border-bottom: 1px dotted #2c5c89; } 
#mainbody a:hover {text-decoration: none; color: #21334A; border-bottom: 1px dotted #21334A; } 

img.mainb {float: right; padding: 2px; border: 1px solid #bfcab7; margin: 8px;}

/* NAVIGATION */

#mainNav {
padding: 0;
margin: 0;
margin-bottom: 10px;
float: left;
width: 234px;
text-align: center;
}

#mainNav h4 {
color: #fff;
background: url(images/img01.png) center left repeat-x;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 5px;
padding-left: 10px;
border: 1px solid #bfcab7;
text-align: left;
	
}

#mainNav h5 {
color: #fff;
background: url(images/img01.png) center left repeat-x;
font-size: 16px;
line-height: 20px;
margin: 0;
margin-top: 10px;
padding: 5px;
padding-left: 10px;
border: 1px solid #bfcab7;
	text-align: left;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	
}

#mainNav a {
	text-decoration: none;
	color: #21334A;
	font-size: 14px;
	border: 1px solid #bfcab7;
	border-top: none;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #f6f9f3 no-repeat left center;
}

#mainNav a:hover {
	font-weight: 500;
	background: #e2ecd7 url(images/link2.gif) no-repeat left center;
}

#mainNav p {border: 1px solid #c0c0c0; text-align:center; padding: 5px; margin: 0}

/* styles for the "you are here" buttons */
#home #mainNav a#homelink,
#electrical #mainNav a#electricallink, 
#datavoice #mainNav a#datavoicelink,
#aircon #mainNav a#airconlink,
#about #mainNav a#aboutlink,
#studies #mainNav a#studieslink,  
#contact #mainNav a#contactlink, 
#environment #mainNav a#environmentlink

{ background: #f6f9f3 url(images/link.gif) no-repeat left center;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold; }

#home #mainNav a#homelink:hover,
#electrical #mainNav a#electricallink:hover, 
#datavoice #mainNav a#datavoicelink:hover,
#aircon #mainNav a#airconlink:hover,
#about #mainNav a#aboutlink:hover,
#studies #mainNav a#studieslink:hover,  
#contact #mainNav a#contactlink:hover, 
#environment #mainNav a#environmentlink:hover

{ background: #e2ecd7 url(images/link2.gif) no-repeat left center; }

/* IE Fixes */

/* remove annoying gaps */
#mainNav li {	
	display: inline; 
}

/* force hover on entire width of  link */
* html #mainNav a {
	height: 1px;
}



#footer {
clear: both;
background: url(images/footer.png) top left repeat-x;
padding: 0;
margin: 0;
font-size: 11px;
text-align: left;
color: #fff;
}

#footer p {
margin: 0;
padding: 6px;
line-height: 14px;
}

#footer a, #footer a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fdfdfd;}