﻿body
{
    margin:0;
    padding:0;
    background:#082b01 url(../images/pageBG.jpg) repeat-x 0 0;
    font:400 12px Arial, Tahoma;
	width: 99.9999%;
}
html {overflow-x:hidden;} 

div,ul,ol,li,p{margin:0; padding:0; position:relative;color:#fff;}
ul{padding:0 0 0 20px; margin:0 0 15px;}
a,a:visited{
	text-decoration:none;
	color:#ffff00;
}
a:hover{text-decoration:underline;color:#ffff00;}
dt,dd{margin:0 0 5px; padding:0; color:#fff;}
dt{font-size:18px; font-weight:700;}
dl{margin:0 0 15px; padding:0 0 5px;}
img{border:0;}
p{margin:0 0 15px;}
h3
{
    margin:0 0 15px; 
    padding:0;
    color:#fff;
    font-size:18px;
}
/* Common Classes */
.replace {display: block; text-indent: -10000px; line-height: 0; outline: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.bold{font-weight:700;}
.italic{font-style:italic;}
.special{font:italic 700 18px Arial, Tahoma; margin:0;}
.alignRight{text-align:right;}
.padLeft{padding-left:10px;}
.readmore, .readmore:visited, .readmore:hover{color:#ffff00; font-weight:700; text-decoration:underline;}
.readmore:hover{text-decoration:none;}
.yellow{color:#ffff00; font-weight:700; font-size:14px;}
/* end Common Classes */
/* Body Wrap */
#wrap
{
    min-height:400px;
    width:900px;
    margin:0 auto;
    background:url(../images/wrapBG-center.jpg) no-repeat 50% 0%;
    z-index:0;
}
* html #wrap{height:400px;}
/* end Body Wrap */
/* Header Area */
#global_left
	{
	margin-left: -450px;
	height: 400px;
	width: 50%;
	float: left;
    background:url(../images/wrapBG-left.jpg) no-repeat 100% 0%;
	}
	
#global_center
	{
	float: left;
	width: 900px;
	position: relative;
	z-index: 500;
	margin-right: -375px;
	}

#global_right
	{
	margin-right: -450px;
	height: 400px;
	width: 50%;
	float: right;
    background:url(../images/wrapBG-right.jpg) no-repeat 0% 0%;
	}
#header
{
    height:285px;
    width:854px;
    margin:0 auto;
}
#logo
{
    height:231px;
    width:150px;
    background:url(../images/logo.jpg) no-repeat 0 0;
    position:absolute;
    top:0;
    left:0;
}
/* end Header Area */
/* Navigation */
#nav
{
    height:104px;
    width:854px;
    margin:0 auto 15px;
    background:url(../images/navBG.png) no-repeat 0 0 !important;
    background:url(../images/navBG.gif) no-repeat 0 0;
    z-index:0;
}
#nav ul{float:left; list-style:none; padding:0; margin:0;}
#nav ul li
{
    height:102px;
    width:72px;
    margin:1px 2px;
    float:left; 
}
#nav ul li#manufactLI{width:102px;}
#nav ul li.manufactLIactive
{
    background:url(../images/namufactactiveBG.png) no-repeat 0 0;
}
#nav ul li.active
{
    background:url(../images/activeBG.png) no-repeat 0 0;
}
#nav a, #nav a:visited, #nav a:hover
{
    height:24px;
    width:72px;
    padding:80px 0 0;
    display:block;
    color:#fff; 
    font:700 15px "Tw Cen MT Condensed", "Trebuchet MS", Tahoma, Arail;
    text-align:center;
}
#nav ul li#manufactLI a, #nav ul li#manufactLI a:visited, #nav ul li#manufactLI a:hover{
    padding:65px 0 0;
	height: 48px;
	}
#nav a.home
{
    background:url(../images/home.png) no-repeat 3px 0 !important;
    background:url(../images/home.gif) no-repeat 3px 0;
}
#nav a.home:hover
{
    background:url(../images/homeHover.png) no-repeat 0 0 !important;
    background:url(../images/homeHover.gif) no-repeat 0 0;
}
#nav a.products
{
    background:url(../images/products.png) no-repeat 3px 0 !important;
    background:url(../images/products.gif) no-repeat 3px 0;
}
#nav a.products:hover
{
    background:url(../images/productsHover.png) no-repeat 0 0 !important;
    background:url(../images/productsHover.gif) no-repeat 0 0;
}
#nav a.services
{
    background:url(../images/services.png) no-repeat 3px 0 !important;
    background:url(../images/services.gif) no-repeat 3px 0;
}
#nav a.services:hover
{
    background:url(../images/servicesHover.png) no-repeat 0 0 !important;
    background:url(../images/servicesHover.gif) no-repeat 0 0;
}
#nav a.about
{
    background:url(../images/about.png) no-repeat 3px 0 !important;
    background:url(../images/about.gif) no-repeat 3px 0;
}
#nav a.about:hover
{
    background:url(../images/aboutHover.png) no-repeat 0 0 !important;
    background:url(../images/aboutHover.gif) no-repeat 0 0;
}
#nav a.manufact
{
    width:102px;
    background:url(../images/manufact.png) no-repeat 50% 0 !important;
    background:url(../images/manufact.gif) no-repeat 50% 0;
}
#nav a.manufact:hover
{
    background:url(../images/manufactHover.png) no-repeat 50% 0 !important;
    background:url(../images/manufactHover.gif) no-repeat 47% 0;
}
#nav a.contact
{
    background:url(../images/contact.png) no-repeat 3px 0 !important;
    background:url(../images/contact.gif) no-repeat 3px 0;
}
#nav a.contact:hover
{
    background:url(../images/contactHover.png) no-repeat 0 0 !important;
    background:url(../images/contactHover.gif) no-repeat 0 0;
}
/* end Navigation */
/* Content Area */
#content
{
    width:854px;
    min-height:150px;
    margin:0 auto 15px;
}
* html #content{height:150px;}
/* end Content */
/* Columns Area */
#contentColm1
{
    min-height:100px;
    width:493px;
    margin:5px 0 0;
    float:left;
}
* html #contentColm1{height:100px;}
#contentColm2
{
    min-height:100px;
    width:287px;
    margin:0;
    float:right;
}
* html #contentColm2{height:100px;}
#contentColm3
{
    min-height:100px;
    width:323px;
    margin:0;
    float:right;
}
* html #contentColm3{height:100px;}
/* end Columns Area */
/* Footer Area */
#footer
{
    width:854px;
    height:60px;
    margin:0 auto;
    font:400 11px Arial, Tahoma;
    color:#666;
}
#footerNav{height:20px; margin:0 0 2px;}
#footerNav ul{float:right; list-style:none; padding:0; margin:0;}
#footerNav ul li
{
    float:left;
    margin:0 2px;
    color:#b7b7b7;
}
#footerNav a, #footerNav a:visited, #footerNav a:hover, #footer p a, #footer p a:visited, #footer p a:hover
{
    color:#b7b7b7;
}
#footerNav a:hover{ text-decoration:underline;}
/* end Footer Area */
.box
{
    width:287px;
    min-height:189px;
    margin:37px 0 24px;
    background:url(../images/boxBG.png) repeat-y 0 0 !important;
    background:url(../images/boxBG.gif) repeat-y 0 0;
}
* html .box{height:189px;}
.box h3
{
    height:25px;
    width:273px;
    padding:11px 2px 10px 12px;
    margin:0;
    top:-37px;
    left:0; 
    position:absolute;
    background:url(../images/boxTitle.png) no-repeat 0 0 !important;
    background:url(../images/boxTitle.gif) no-repeat 0 0;
    font-size:13px;
    font-weight:700;
}
.box .boxBottom
{
    height:9px;
    width:287px;
    bottom:-9px;
    left:0; 
    position:absolute;
    background:url(../images/boxBottom.png) no-repeat 0 0 !important;
    background:url(../images/boxBottom.gif) no-repeat 0 0;
}
.box .boxBody
{
    width:261px;
    min-height:165px;
    margin:0 1px;
    padding:12px;
    background:url(../images/boxBody.png) repeat-x 0 0 !important;
    background:url(../images/boxBody.gif) repeat-x 0 0;
}
* html .box .boxBody{height:165px;}
/*  */
.alphaList{height:20px; margin:20px 0;}
.alphaList ul{float:left; list-style:none; padding:0; margin:0;}
.alphaList ul li
{
    float:left;
    margin:0 2px;
    color:#fff;
}
.alphaList a, .alphaList a:visited, .alphaList a:hover
{
    color:#fff;
}
/*  */
.scrollBx
{
    width:483px;
    padding:5px;
}
.productSubHeader {
	color: #2fbb39;
	font-weight: bold;
	width: 483px;
	float:left;
	margin-top: 8px;
}
.innerScrollBx
{
    height:209px;
    width:473px;
    overflow:scroll;
    padding:5px;
}
.scrollBx ul{list-style:none; padding:0;}
.scrollBx a, .scrollBx a:visited, .scrollBx a:hover{color:#ffff00; text-decoration:underline;}
.scrollBx a:hover{text-decoration:none;}
.contacts{width:854px; margin:0 0 15px; min-height:124px;}
* html .contacts{height:124px;}
.contactList{list-style:none; padding:0; margin:15px 30px 0 0; float:left;}
.contactList li{margin:0 0 5px;}
.contactList li span{color:#ffff00;}
.rightBracket
{
    height:84px;
    padding:40px 0 0 50px;
    background:url(../images/rightBracket.jpg) no-repeat 0 0;
    color:#2fbb39;
    font-size:14px;
    font-weight:700;
    float:left;
}
.rightBracket span{font-size:24px; color:#fff;}
.leftcol {
	width: 240px;
	float: left;
}
.rightcol {
	width : 240px;
	float: right;
}