/*      Desc: Base Style Sheet
		Author: Ari Ugwu a.k.a - Ishi
		Date: 14-DEC-2006

=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */
* {

padding: 0;
margin: 0;

}

form {
border 0;
}
img {
border: 0;
padding: 4px 4px 4px 4px;

}

table tr, table td, table tr, table th{
	/* border: 1px thin solid; */
	border: 0px;
}

.bordertable td {
	border: 1px 1px solid;
}

#contactForm table tr, #contactForm table td, #contactForm table th {
	border: 0;
}

a {
	font-style: normal;
	font-family: verdana;
}
html {
}

.style1, .style2, .style3 {
	background-color: #cccccc;
}


body {
background: url(../images/bg.gif) repeat-x;

}

fieldset {
border: thin solid #000000;
padding: 10px 10px 10px 10px;

}
/*=TYPOGRAPHY
=== === === === === === === === === === */
#pageContent strong {
	color: #27618f;
}

#pageContent table thead, table tr, table td{
	/*border: 1px solid #CCCCCC;*/
	border width: 0px;
}

#pageContent table tr, table td {
	padding: 2px 2px 2px 2px;
}

#pageContent table thead, #pageContent table th {
	background: #c7d6e3;
	border: thin solid #CCCCCC;
}

#pageContent h1 {
	
}
#pageContent h2 {

}
#pageContent h3, #pageContent h4 {
	font-family: verdana;
	font-size: 14px;
	color: #27618f;

}
#pageContent p {

}
#pageContent ul {
	margin-left: 15px;

}
/*=COMMON
=== === === === === === === === === === */
a {


}
img {

}
/*=CONTAINER
=== === === === === === === === === === */
#container {
position: relative;
margin: 0 auto;
width: 800px;
background: url(../images/bg_fill.gif);
padding:0;
}

/*=LEFT
=== === === === === === === === === === */
#left {
width: 230px;
padding:0;
margin:0;
position: relative;
float: left;
overflow:hidden;
}
/*=LOGO
=== === === === === === === === === === */
#logo {
background: url(../images/logo.gif) repeat-x;
position: relative;
float: left;
width: 230px;
height: 86px;
}

#logo img {

padding: 0px 0px 0px 0px;

}

/*=NAVIGATION
=== === === === === === === === === === */
#mainNav {
position: relative;
float: left;
width: 230px;
margin-bottom: 3px;
font-size: 12px;
font-family: verdana;
font-style: italic;
color: #FFFFFF;
}

#mainNav a {
	text-decoration: none;
}

/* MAIN NAV */


#mainNav ul {list-style: none;}

#mainNav li a.who {background-image: url(../images/nav/mainNav_who.jpg);display: block;width: 230px;height: 31px;text-indent: -4000px;}
.who a:hover {background-position: -230px;}

#mainNav li a.products {background-image: url(../images/nav/mainNav_products.jpg);display: block;width: 230px;height: 20px;text-indent: -4000px;}
.products a:hover {background-position: -230px;}

#mainNav li a.applications {background-image: url(../images/nav/mainNav_applications.jpg);display: block;width: 230px;height: 21px;text-indent: -4000px;}
.applications a:hover {background-position: -230px;}

#mainNav li a.quality {background-image: url(../images/nav/mainNav_quality.jpg);display: block;width: 230px;height: 20px;text-indent: -4000px;}
.quality a:hover {background-position: -230px;}

#mainNav li a.services {background-image: url(../images/nav/mainNav_services.jpg);display: block;width: 230px;height: 20px;text-indent: -4000px;}
.services a:hover {background-position: -230px;}

#mainNav li a.exporting {background-image: url(../images/nav/mainNav_exporting.jpg);display: block;width: 230px;height: 20px;text-indent: -4000px;}
.exporting a:hover {background-position: -230px;}

#mainNav li a.resources {background-image: url(../images/nav/mainNav_resources.jpg);display: block;width: 230px;height: 36px;text-indent: -4000px;}
.resources a:hover {background-position: -230px;}

#mainNav li a.contact {background-image: url(../images/nav/mainNav_contact.jpg);display: block;width: 230px;height: 31px;text-indent: -4000px;}
.contact a:hover {background-position: -230px;}


/*=SEARCH CALL OUT
=== === === === === === === === === === */
#searchCallout {
position: relative;
float: left;
width: 209px;
height: auto;
background-color: #E8E8E8;
font-family: verdana;
font-size: 10px;
color: #660000;
padding: 13px 0px 10px 21px;
}

#searchCallout p {
position: relative;
float: left;
margin-bottom: 3px;
}

.field {
position: relative;
float: left;
width: 147px;
padding: 2px 0px 2px 4px;
margin-bottom: 5px;
margin-right: 3px;
font-family: verdana;
font-size: 11px;
color: #660000;
border: solid 1px #000000;
}

.dropdown {
position: relative;
float: left;
width: 155px;
margin-bottom: 12px;
font-family: verdana;
font-size: 11px;
color: #660000;
border-style: none;
display: block;

}

.go {
position: relative;
float: left;
background-color: #5A1200;
display: block;
width: 24px;
height: 18px;
font-size: 9px;
color: #FFFFFF;
font-family: Verdana;
margin-left: 10px;
cursor: pointer;
}

/*=TRADE CALL OUT
=== === === === === === === === === === */
#tradeCallout {
	/*
background: url(../images/tradeCallout.gif) repeat-x;
padding: 34px 21px 14px 21px;
*/
position: relative;
float: left;
width: 231px;
font-family: Verdana;
font-size: 11px;
color: #000000;
background-color: #E8E8E8;
height: auto;
}
#tradeCallout p {
	padding: 0 21px 14px 21px;
}

/*=RIGHT
=== === === === === === === === === === */
#right {
position: relative;
float: left;
width: 570px;
}
/*=UTILITY/GLOBAL NAV
=== === === === === === === === === === */
#utilNav {
/*position: relative;
float: left; */
width: 568px;
height: 20px;
background-color: #5A1200;
font-family: verdana;
font-size: 10px;
color: #FFFFFF;

padding-top: 4px;

}

#utilNav ul {
	width: 567px;
	/*position: relative;
	float: right; */
	list-style: none;

}

#utilNav ul li {
	margin: 0;
	border: 0;
	margin-left: 19px;
	float: right;
}
#utilNav a {
	text-decoration: none;
	color: #FFFFFF;
}

#utilNav a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}



/*=PHONE CALL OUT
=== === === === === === === === === === */
#phone {
background: url(../images/phone2.gif) repeat-x;
/*position: relative;
float: left;*/
width: 570px;
height: 62px;
margin:0;
padding:0;
}
#phone img {
border:0pt none;
padding:0;
}

/*=CONTENT
=== === === === === === === === === === */
#flash {
position: relative;
float: left;
width: 567px;
height: 226px;
}

#certs {
position: relative;
background: url(../images/home_pop/popup_bg.jpg) no-repeat;
float: left;
width: 800px;
margin-top: 10px;
}



#certs img{
	border: 0px;
	text-decoration: none;
}

#pageContent {
position: relative;
float: left;
width: 510px;
padding-left: 25px;
font-family: verdana;
font-size: 12px;
border: none;
z-index:2;
}

#pageContent img, #logo img{
	border: 0px;
	text-decoration: none;
}

#pageContent a, #pageContent a:active {
color: #27618f;
text-decoration: underline;
font-size: 12px;
font-family: verdana;

}
#searchCallout a, #searchCallout a:active{
color: #27618f;
text-decoration: underline;
font-size: 11px;
font-family: verdana;

}


#tradeCallout a, #tradeCallout a:active{
color: #27618f;
text-decoration: underline;
font-size: 11px;
font-family: verdana;
}


#pageContent a:visited, #searchCallout a:visted, #tradeCallout a:visited {
color: #27618f;
}

#pageContent a:hover, #searchCallout a:hover, #tradeCallout a:hover {
text-decoration: underline;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
position: relative;
float: left;
width: 800px;
font-family: verdana;
font-size: 9px;
color: #5A1200;
text-align: center;
padding-top: 5px;
background: #FFFFFF;
}

#footer ul {
	position: relative;
	text-align: center;
	list-style: none;
	clear: both;
	display: block;


}

#footer a {
text-decoration: none;
font-family: verdana;
font-size: 9px;
color: #5A1200;
}

#footer a:hover {
text-decoration: underline;
color: #0F4E84;
}

/**********
HomePage Rollover
**********/
a.screen, a.screen:visited {
color:#000000; 
position:relative; 
z-index:100;
float: left;
}


a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #326896; /* add a border */
left:0; /* position:the image */
top:-160px;
padding: 5px 5px 5px 5px;
background: #c7d6e3;
font-family: verdana;
font-size: 11px;
padding: 5px 5px 5px 5px;
background: #c7d6e3;
font-weight: normal;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

a.screen:hover p {
background: none;

}
.cert-u  {position: relative; float: left; background: url(../images/home_pop/u.jpg); width: 52px;height: 50px; z-index: 100;}
.cert-um {position: relative; float: left; background: url(../images/home_pop/um.jpg); width: 82px;height: 50px;  z-index: 2;}
.cert-s  {position: relative; float: left; background: url(../images/home_pop/s.jpg); width: 81px;height: 50px;  z-index: 2;}
.cert-n  {position: relative; float: left; background: url(../images/home_pop/n.jpg); width: 77px;height: 50px;  z-index: 2;}
.cert-npt {position: relative; float: left; background: url(../images/home_pop/npt.jpg); width: 83px;height: 50px;  z-index: 2;}
.cert-ce  {position: relative; float: left; background: url(../images/home_pop/ce.jpg); width: 86px;height: 50px;  z-index: 2;}
.cert-ul  {position: relative; float: left; background: url(../images/home_pop/ul.jpg); width: 73px;height: 50px;  z-index: 2;}
.cert-csa {position: relative; float: left; background: url(../images/home_pop/csa.jpg); width: 119px;height: 50px;  z-index: 2;}
.cert-ari {position: relative; float: left; background: url(../images/home_pop/ari.jpg); width: 74px;height: 50px;  z-index: 2;}
.cert-utv {position: relative; float: left; background: url(../images/home_pop/utv.jpg);width: 73px;height: 50px;  z-index: 2;}



a.screen1, a.screen1:visited {
color:#000000; 
position:relative; 
z-index:100;
float: left;
}


a.screen1 b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #326896; /* add a border */
left:30; /* position:the image */
top:-90px;
padding: 5px 5px 5px 5px;
background: #c7d6e3;
font-family: verdana;
font-size: 11px;
padding: 5px 5px 5px 5px;
background: #c7d6e3;
font-weight: normal;
}
a.screen1:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen1:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen1:hover b img {
border:0; /* remove the link border */
}

a.screen1:hover p {
background: none;

}

#contactForm {
	border: 0;
	border: none;
}

#corrosion table, #corrosion tr, #corrosion td, #corrosion th, #corrosion thead, #corrosion thead tr th{
	border: 1px solid #999999;
}


/**********
Map Rollover
**********/
a.map, a.map:visited {
color:#000000; 
position:relative; 
float: left;
}

a.map b {
position:absolute;
visibility:hidden; /* hide the image */
width:226px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
 /* add a border */
left:0; /* position:the image */
top:62px;
}
a.map:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.map:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:1000; 
display:block;
}
a.map:hover b img {
border:0; /* remove the link border */
z-index:1000; 
}

a.map:hover p {
background: none;

}
.cert-u  {position: relative; float: left; background: url(../images/home_pop/u.jpg); width: 52px;height: 50px; z-index: 100;}
.cert-um {position: relative; float: left; background: url(../images/home_pop/um.jpg); width: 82px;height: 50px;  z-index: 2;}
.cert-s  {position: relative; float: left; background: url(../images/home_pop/s.jpg); width: 81px;height: 50px;  z-index: 2;}