@import url("reset.css");

/* global tags */
h1,h2,h3,h4,h5,h6, p {margin:0 0 1em 0;}

h1 {font-size:2em;}

h2 {	
	font-size:1.8em;
	color:#FFFFFF;
	letter-spacing:-1px;
}

h2 a:link, h2 a:visited {	
	color:#FFFFFF;
	text-decoration:none;
}

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

h3 {
	font-size:1.2em;
	font-weight: bold;
}
h3 a {
	text-decoration:underline;
}
h3 a:hover {
	text-decoration:none;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
}

h5,h6 {font-size:.9em;}
p {line-height: 1.3em;}
a:link, a:visited, a:active  {
	color:#272521; 
	text-decoration: underline;
}
a:hover {
	color: #272521;
	text-decoration: none;
}
a:hover {color: #272521; text-decoration: none;}
strong {font-weight: bold;}
blockquote {margin: 20px;}
sup {
	font-size: .8em;
	vertical-align: super;
}
.clear {
	background: none !important;
	clear: both !important;
	float: none !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
/* global layout */
body {
	background: #080704 url('../images/body_bg.jpg') no-repeat;
	background-position: top;
	color: #000;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:.75em;
	height: 100%;
}
#wrapper {
	margin:0 auto;
	width:868px;
	background-image:url('../images/wrapper_bg.jpg');
	background-repeat:repeat-y;
	background-position:top left;
}
#header {
	float:left;
	width:868px;
	height:107px;
	background-image:url('../images/header_bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}
#header img {
	float:left;
}
#menu {
	float:left;
	width:834px;
	height:28px;
	margin-left:16px;
	background-color:#FAB827;
	margin-bottom:1px;
}

* html #menu {
	margin-left:8px;
}
#banner {
	float:left;
	width:834px;
	padding-left:16px;
}
#color_bar {
	float:left;
	width:834px;
	height:4px;
	margin-top:1px;
	background-image:url('../images/color_bar.gif');
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:16px;
	overflow:hidden;
}
* html #color_bar {
	margin-left:8px;
}
#footer_top {
	float:left;
	width:834px;
	height:4px;
	margin:40px 0 0 16px;
	background-image:url('../images/footer_top_bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}
* html #footer_top {
	margin-left:8px;
}
#footer {
	float:left;
	width:868px;
	height:47px;
	clear: both;
	background-image:url('../images/wrapper_bg.jpg');
	background-repeat:repeat-y;
	background-position:top left;
}

/*-------------------------SITE NAV STYLES-------------------------*/

#site_nav {
	background-image:url('../images/site_nav.jpg');
	width:616px;
	height:28px;
	margin-left:100px;
	padding:0px;
}
#site_nav span {
	display:none;
}
#site_nav li, #site_nav a {
	height:28px;
	display:block;
}
#site_nav li {
	float:left;
	list-style:none;
	display:inline;
}

#home {width: 90px;}
#products {width: 106px;}
#resources {width: 115px;}
#tools {width: 86px;}
#about_us {width: 104px;}
#contact_us {width: 100px;}

#home a:hover {background-image:url('../images/site_nav.jpg'); background-position:0 -28px; background-repeat: no-repeat;}
#products a:hover {background-image:url('../images/site_nav.jpg'); background-position: -90px -28px; background-repeat: no-repeat;}
#resources a:hover {background-image:url('../images/site_nav.jpg'); background-position: -196px -28px; background-repeat: no-repeat;}
#tools a:hover {background-image:url('../images/site_nav.jpg'); background-position: -311px -28px; background-repeat: no-repeat;}
#about_us a:hover {background-image:url('../images/site_nav.jpg'); background-position: -397px -28px; background-repeat: no-repeat;}
#contact_us a:hover {background-image:url('../images/site_nav.jpg'); background-position: -501px -28px; background-repeat: no-repeat;}

/*-------------------------END SITE NAV STYLES-------------------------*/

p.footer {
	font-family:tahoma, verdana, sans-serif;
	font-size:10px;
	color:#2F393B;
	padding-right:34px;
	padding-top:16px;
	text-align:right;
}
p.footer a {
	font-weight:bold;
	text-decoration:none;
	color:#2F393B;
}
p.footer a:hover {
	text-decoration:underline;
}

/**********************************************/

/* auto clearing methodĘ */

 #wrapper:after, #content:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

 #wrapper, #content
{display: inline-block;}

/* Hides from IE-mac \*/
* html #wrapper, #content
{height: 1%;}

 #wrapper, #content
{display: block;}

/* End hide from IE-mac */