/* CSS Document */

html {
	font-size:100.01%;
	overflow:scroll;
}
body,ul,li,ol,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
img{
border:0;
}
body {
	text-align:left;
	background:#fff;
	font-family:trebuchet ms;
	font-size:11px;
	line-height:150%;
}

#shadow{
	width:952px;
	background:url(../images/content-bg.gif) repeat-y;
	text-align:center;
	margin: auto;
}

#container {
	width:900px;
	text-align:center;
	background:#fff;
	margin: 15px auto;
}


#topline{
	width:900px;
	background:#009ee0;
	height:4px;
}

#logo{
	float:left; 
	width:216px;
	height:173px;
	background:#092f69;
	
}

#flashheader{
	float:right;
	width:684px;
	background:#ccc;
	height:173px;
}
/* common NAVIGATION elements */
#navigation{
	width:900px;
	height:34px;
	position:relative;
	z-index:100;
	background:url(../images/navbg.gif) repeat-x;
}

#navigation ul li a, navigation ul li a:visited{
	display:block;
	height:34px;
	float:left;
	overflow:hidden;
}

#navigation a:hover, #navigation .current{
	background-position: 0 -34px;	
}


#navigation ul{
	list-style:none;
	padding:0;
	margin:0;
}
#navigation ul li{
	float:left;
	position:relative;
	display:inline;
}
#navigation ul li ul{
	display:none
}

#navigation li span{
	display:none;
}
/* END common NAVIGATION elements */

/* non IE Browsers */
#navigation ul li:hover a {
	
}
#navigation ul li:hover ul {
	display:block; 
	position:absolute; 
	top:34px; 
	left:0; 
	width:160px;
}
#navigation ul li:hover ul li a.hide {

	}
#navigation ul li:hover ul li:hover a.hide {

	}
#navigation ul li:hover ul li ul {
	display: none;
}
#navigation ul li:hover ul li a {
	display:block; 
	background:#092f69; 
	color:#fff;
	width:180px;
	height:18px;
	text-decoration:none;
	text-align:left;
	padding:0 0 0 10px;
	opacity:0.90;
  }

#navigation ul li:hover ul li a:hover {		
	color:#009ee0;
	}
#navigation ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:190px; 
	top:0;
	}
#navigation ul li:hover ul li:hover ul li a{
	background:#cfd0d2; color:#092f69;
}
#navigation ul li:hover ul li:hover ul li a:hover{
	color:#009ee0;
}

#navigation ul li:hover ul li:hover ul.left {
	left:-105px;
	}

/* END non IE Browsers*/


/*navigation BUTTONS*/
#home{
background: url(../images/home.gif);
width:49px;
}

#filters{
background: url(../images/filters.gif);
width:123px;
}

#about{
	background: url(../images/about.gif);
	width:97px;
}
#services{
	background: url(../images/services.gif);
	width:64px;
}
#products{
	background: url(../images/products.gif);
	width:67px;
}
#ourbrands{
	background: url(../images/ourbrands.gif);
	width:79px;
}
#industry{
	background: url(../images/industry.gif);
	width:105px;
}
#news{
	background: url(../images/news.gif);
	width:51px;
}

#contact{
	background: url(../images/contact.gif);
	width:69px;
}
/* End Buttons*/

#wrapper{
width:900px;
background:url(../images/contentbg.gif) repeat-y #fff;
}
#productscolumn1{
	float:left;	
	background:url(../images/greygradtop.gif) repeat-x ;
	width:216px;
	height:283;
	text-align: left;
	
}

#newscolumn2{
	float:right;
	background:url(../images/greygradtop.gif) repeat-x;
	width:215px;
	height:283;
	overflow:hidden;
	
}
#newstext{
	float:left;
	width:200px;
	font-family:trebuchet ms;
	font-size:11px;
	color:#000;
padding:0 10px 0 10px;
	text-align:left;
	line-height:150%;
}
#newstext a{
	color:#009ee0;
	text-decoration:none;
}
#newstext a:active{
	color:#009ee0;
	text-decoration:none;
}
#newstext a:visited{
	color:#009ee0;
	text-decoration:none;
}
#newstext a:hover{
	color:#092f69;
	text-decoration:none;
}


#contentcolumn3{
	text-align:left;
	background:url(../images/whitegradtop.gif) repeat-x;
}
#maincopy{

}
#maincopytext{
padding:0 230px 0 230px;
font-family: trebuchet ms;
font-size:11px;
line-height:150%;
color:000;
}

/* PRODUCT LIST NAVIGATION */
#productlist {
font-family: trebuchet ms;
width:185px; 
position:relative; 
left:30px; 
display:block; 
z-index:100;

}
#productlist ul li a, #productlist ul li a:visited {
display:block; 
text-decoration:none; 
color:#000;
width:185px; 
height:20px; 
text-align:left;  
line-height:150%; 
font-size:11px; 
overflow:hidden;
}

#productlist ul {
padding:0; 
margin:0; 
list-style:none;
}
#productlist ul li {
float:left; 
position:relative;
}
#productlist ul li ul {
display: none;

}

/* non IE Browsers */
#productlist ul li:hover a {
	background:#999;
	color:#fff;
}
#productlist ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	width:160px;
	left:170px;
}
#productlist ul li:hover ul li a.hide {

	}
#productlist ul li:hover ul li:hover a.hide {
background:#999; 
color:#fff;
	}
#productlist ul li:hover ul li ul {
	display: none;
}
#productlist ul li:hover ul li a {
	display:block;  
	background:#999; 
	color:#000;
	width:180px;
	height:18px;
	text-decoration:none;
	text-align:left;
	padding:0 0 0 10px;
	opacity:0.90;
  }

#productlist ul li:hover ul li a:hover {		
	color:#000;
	background:#cfd0d2;
	}
#productlist ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:190px; 
	top:0;
	}
#productlist ul li:hover ul li:hover ul li a{
	background:#cfd0d2;
	color:#000;
}
#productlist ul li:hover ul li:hover ul li a:hover{
	background:#999;
	color:#fff;
}

#productlist ul li:hover ul li:hover ul.left {
	left:-105px;
	}

/* END non IE Browsers*/


/* END PRODUCT LIST NAVIGATION */
#divider{
width:900;
height:20px;
background:url(../images/bottomdivider.gif) repeat-x #fff;
}
#box1{
float:left;
width:216px;
height:164px;
background:#fff;
border-width: 0px 1px 0px 0px;
border-color:#092f69;
border-style:solid;
}
#box1content{
width:200px;
padding:0 20px 0 10px;
font-family:trebuchet ms;
font-size:11px;
line-height:150%;
text-decoration:none;
text-align:left;
text-weight:bold;
}
#box2{
float:left;
width:234px;
height:164px;
background:#fff;
border-width: 0px 1px 0px 0px;
border-color:#092f69;
border-style:solid;
}
#box2content{
width:216px;
padding:0 20px 0 10px;
font-family:trebuchet ms;
font-size:11px;
line-height:150%;
text-decoration:none;
text-align:left;
font-weight:normal;
}
#box3{
float:left;
width:234px;
height:164px;
background:#fff;
border-width: 0px 1px 0px 0px;
border-color:#092f69;
border-style:solid;
}
#box3content{
width:216px;
padding:0 20px 0 10px;
font-family:trebuchet ms;
font-size:11px;
line-height:150%;
text-decoration:none;
text-align:left;
font-weight:normal;
}

#box4{
float:left;
width:213px;
height:164px;
background:#fff;
overflow:hidden;
text-align:left;
}
#box4content{
	float:left;
	width:180px;
	font-family:trebuchet ms;
	font-size:11px;
	color:#000;
	padding:0 10px 0 10px;
	text-align:left;
	line-height:150%;
}

#whitespace{
width:900px;
height:10px;
background:#fff;
}
#footer{
width:900px;
height:30px;
background:#092f69;
padding:0px 0 10px 0;
font-family: trebuchet ms;
font-size:9px;
color:#fff;
font-weight:normal;
vertical-align:middle;
}
#footer a{
font-family: trebuchet ms;
font-size:9px;
line-height:150%;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footer a:active{
font-family: trebuchet ms;
font-size:9px;
line-height:150%;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footer a:visited{
font-family: trebuchet ms;
font-size:9px;
line-height:150%;
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footer a:hover{
font-family: trebuchet ms;
font-size:9px;
line-height:150%;
color:#fff;
font-weight:normal;
text-decoration:underline;
}

#maincopy ul{
margin:0 0 0 20px;
}
