@charset "utf-8";
/* CSS Document */

/* RESET some sensible defaults */

strong { font-weight: bold; }
em { font-style: italic; }
/*ol, ul, li { list-style:none; }*/

* a { position:relative; } /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */

/* ---------------------------------- */
body {
	font-size: 15px; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#8B8C8F url(../images/bg.jpg) repeat-x;;
	color: #000000;
	text-align: left;
	}
#content_wrapper { position:relative; width:950px; height:100%;margin: 10px auto;}
#main_content { background:#FFF; width:950px; min-height:890px;border:solid 2px #A0A0A4; }
#left_column { width:450px; height:200px; margin:0px 15px 15px 15px; float:left;}
#right_column { width:400px;  margin:0px 0 0 15px; float:left;}
#left_column p,#contactus_button p {padding-left:10px; color:#212831; font-size:12px; line-height:135%; padding-bottom:10px;}
#left_column p span {color:#050A7E;}
#contactus_button {width:400px; height:200px;  margin:0px 0px 0 0; background:#F7F7F7; border:solid 1px #D6D7D6; text-align:center;}
#contactus_form {width:400px; height:405px; float:right; margin:25px 20px 0 0; background:#F7F7F7; border:solid 1px #D6D7D6; text-align:left;}

#footer {clear:both; width:935px; height:150px ;padding: 10px; background-color:#085986;}
h2.contactus_button {
	position:relative;
	margin: 0 auto;
	width:115px;
	height:35px;
	overflow:hidden;
	font-size:18px;
	}
h2.contactus_button span{
background:url(../images/contact_button.png) no-repeat;
	position:absolute;	
	width: 200%;
	height: 200%;
	z-index:25;
}
#services_list {width:400px; height:967px; float:right; margin:50px 20px 0 0; background:#F7F7F7; border:solid 1px #D6D7D6; text-align:left; font-size:15px; line-height:25px;}

h1.company_logo {
	position:relative;
	top:0px;
	left:494px;
	width:461px;
	height:82px;
	overflow:hidden;
	font-size:12px;
	}
h1.company_logo span{
	background:url(../images/company_logo.jpg) no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
}

#products { margin:10px 0 25px 15px;  width:919px; height:370px; border:solid 2px #A0A0A4;}
#contactus { margin:10px 0 0 15px;  width:919px; height:370px; border:solid 2px #A0A0A4; background:url(../images/contactus.jpg);}
#map { width:425px; height:350px; margin: 25px 0 0 10px; overflow:hidden; border:solid 2px #A0A0A4;}
/*links*/
.links a {text-decoration:none; color:#050A7E;}
.links a:hover { text-decoration:underline; color:#666666;}
.links a:visited {text-decoration:none; color:#D60C08;}
.links {padding-bottom:10px;}

/*navigation*/
#navbar {
	position:relative;

	width:500px;
	height:32px;
	float:left;
	margin-top:-32px;
	z-index:20;
}

ul#nav { background:url(../images/NAVBG.png) no-repeat;}
ul#nav li { list-style-type:none; margin: 0; padding: 0; float: left; width: 100%;}
ul#nav li a { height:32px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none;}

li#navCompany a, li#navEng a,li#navElec a, li#navManu a,li#navContact a {background:url(../images/NAVBG.png) no-repeat; }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 28px
	selected state = 56px

	The distance from the far-left to the...

	company button = 0
	services button = 96px
	contact button = 206px


	The width of the...

	company button = 96px
	services button = 108px
	contact button = 120px
	
*/

li#navCompany a 						{ background-position:0 0; width:67px; left:0 }
li#navCompany a:hover					{ background-position:0 -32px }
body#Company li#navCompany a 				{ background-position:0 -64px }

li#navEng a 						{ background-position:-67px 0; width:117px; left:69px }
li#navEng a:hover					{ background-position:-67px -32px; }
body#Eng li#navEng a 				{ background-position:-67px -64px }

li#navElec a 					{ background-position:-184px 0; width:106px; left:188px }
li#navElec a:hover				{ background-position:-184px -32px }
body#Elec li#navElec a 				{ background-position:-184px -64px }

li#navManu a 					{ background-position:-290px 0; width:135px; left:296px }
li#navManu a:hover				{ background-position:-290px -32px }
body#Manu li#navManu a 				{ background-position:-290px -64px }

li#navContact a 					{ background-position:-425px 0; width:75px; left:433px }
li#navContact a:hover				{ background-position:-425px -32px }
body#Contact li#navContact a 				{ background-position:-425px -64px }


.floatright {float:right; margin-top:45px; margin-right:5px;}
/*mapkey
ABQIAAAA77Gr3BuXLhoZzqVxXYtl3hRNrloPxjNmV_QiikfAYBc5JYJwEhSYzxpklH1JVmK-STeAcAPhT4vHMA*/

h3 {font-size:18px; color:#D60C08; padding-left:10px;}
ul {line-height:22px;}

#footer_inner_section1 {
	width:465px;
	float:left;
	padding-left:10px;
}
#footer_inner_section2 {
	width:300px;
	float:left;
	padding-left:10px;
}

#footer li {color:#fff;}
#footer h3 {color:#CCC;}