/* CSS Document */

body {
background:url(images/bg.jpg);
background-repeat:repeat-x;
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.4em;
color: #000;
margin-top: 0px;
background-color:#D4D6D9;
}
h1 {
font-size: 1.3em;
color: #1D323F; 
margin-top: 0;
font-weight:normal;
}
h2{
font-size: 1.3em;
color: #1D323F; 
margin-top: 0;
font-weight:normal;
}
h3{
font-size: 1.3em;
color: #1D323F; 
margin-top: 0;
font-weight:normal;
}
p{
margin: .75em 0;
}
a, a:visited {
color: #A10101;
}
a:hover {
color: #E80202;
}
ul{
margin: 0em 0em .1em 1em;
padding-left: .25em;
font-size: 14px;
}
li {
padding: 0.15em ;
}
#container {
width: 812px;
margin: auto;
}
#top {
width: 812px;
height: 80px;
}
#logo {
float:left;
width:510px;
height: 80px;
}
#contact {
float:left;
width:277px;
height: 60px;
padding: 20px 25px 0 0;
text-align:right;
color:#fff;
background-image:url(images/bg_phone.jpg);
}
.phone {
font-size: 1.3em;
}
#navcontainer {
float:left;
width: 812px;
height: 46px;
padding:0 0 0 0px;
margin: 0;
}
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	}
.menu ul{
	list-style-type: none;
	color: #fff;
	padding: 11px 0 0 0;
	margin: 0px 0 0 0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		color:#fff;
		display:block;
		margin:0px;
		padding:0px 10px;
		text-decoration:none;
		font-size:15px;
		border-right: 1px solid #7f8f9c;
		}
		.menu li a:hover, .menu ul li:hover a{
			color:#7d8f9b;
			text-decoration:none;
			}
	.menu li ul{
		background:#1d262d;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:200px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		margin:11px 0 0 0;
		padding:10px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#384a57;
			border:0px;
			color:#fff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

#banner {
clear:both;
width: 812px;
}
#content_home {
clear:both;
width: 772px;
padding: 0 20px 20px 20px;
background:#fff;
}
#home_left {
float:left;
width: 371px;
padding: 0 15px 0 0;
}
#home_right {
float:left;
width: 386px;
}
.feature_box {
width: 371px;
background-color:#26475C;
color:#FFF;
}
.feature_title {
	font-size:1.3em;
	font-weight:bold;
}
#feature1 {
	background-image:url(images/bg_design.jpg);
	background-repeat:no-repeat;
	padding:50px 10px 0 223px;
	height:101px;
}
#feature2 {
	background-image:url(images/bg_manufacturing.jpg);
	background-repeat:no-repeat;
	padding:50px 10px 0 223px;
	height:101px;
}
.feature_bottom {
	width: 341px;
	padding:5px 15px 15px 15px;
	background-image:url(images/feature_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#home_left a, #home_left a:visited {
color: #0C171F;
}
#home_left a:hover {
text-decoration: none;
color: #78A0C0;
}
#content_secondary {
clear:both;
width: 772px;
padding: 20px 20px 20px 20px;
background:#fff;
}
#secondary_left {
float:left;
width: 510px;
padding: 0 10px 0 0;
border-right:solid 1px #666;
}
#secondary_right {
float:left;
width: 236px;
padding: 0 0 0 10px;
}
#secondary_left2 {
float:left;
width: 410px;
padding: 0 10px 0 0;
border-right:solid 1px #666;
}
#secondary_right2 {
float:left;
width: 336px;
padding: 0 0 0 10px;
text-align:center;
}
#footer {
clear:both;
width: 812px;
padding: 5px 0px 5px 0px;
font-size: .8em;
line-height: 1.6em;
text-align:center;
color: #D4D6D9;
background-color:#1D262C;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #D4D6D9;
}
#footer a:hover {
text-decoration: none;
color: #fff;
}
.clear{
clear: both;
}