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

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

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

padding: 0;
margin: 0;

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

}

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

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

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

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;
}

#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);

}

/*=LEFT
=== === === === === === === === === === */
#left {
width: 230px;
position: relative;
float: left;
}
/*=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/spanish_who.jpg);display: block;width: 230px;height: 35px;text-indent: -4000px;}
.who a:hover {background-position: -230px;}

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

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

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

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

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

#mainNav li a.resources {background-image: url(../images/nav/spanish_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/spanish_contact.jpg);display: block;width: 230px;height: 47px;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: 11px;
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;
position: relative;
float: left;
width: 188px;
font-family: Verdana;
font-size: 11px;
color: #000000;
background-color: #E8E8E8;
padding: 34px 21px 14px 21px;
height: auto;
}

/*=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/phone.jpg) repeat-x;
position: relative;
float: left;
width: 570px;
height: 62px;
}
/*=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 a:active, #certs a:visited {
	border: 0px;
	text-decoration: none;
}

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

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

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

#pageContent a, #pageContent a:active, #tradeCallout a, #tradeCallout a:active {
color: #27618f;
text-decoration: underline;
}

#pageContent a:visited {
color: #27618f;
}

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

/*=FOOTER
=== === === === === === === === === === */
#footer {
position: relative;
float: left;
width: 800px;
font-family: verdana;
font-size: 9px;
color: #5A1200;
text-align: center;
margin-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:-190px;
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: 2;}
.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;
}