/*=======================================
*	
*	International Fuel Systems
*	
*	Last Updated: 6/12/08
*	
*	Last Updated By: Ryan Perry
*
=======================================*/


/*=======================================
*	BEGIN GLOBAL LAYOUT
=======================================*/
@import url('reset.css');

body {
	background-color:#444444;
}

#main_container {
	margin:20px auto;
	width:980px;
}

#header {
	background:url('../images/header_bg.jpg') no-repeat;
	width:980px;
	height:108px;
}

#footer_container {
	background:url('../images/footer_bg.jpg') no-repeat;
	width:980px;
	height:36px;
	margin:-12px 0 0 0;
	padding:6px 0 0 26px;
}

/*=======================================
*	END GLOBAL LAYOUT
=======================================*/



/*=======================================
*	BEGIN ELEMENT STYLES
=======================================*/

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

h1 {
	font-family:Arial, Verdana, sans-serif;
	color:#000000;
	font-size:1.4em;
	font-weight:bold;
}

h2 {
	font-size:1.2em;
	font-weight: bold;
}

h3 {
	font-size:1em;
	font-weight: bold;
}

h4,h5,h6 {
	font-size:.9em;
}

p {
	padding:10px 0 20px 0;
	font-family:Arial, Verdana, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:18px;
}

strong {
	font-weight:bold;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
	height:1px;
	width:100%;
}

img {
	border:none;
	}

/*=======================================
*	END ELEMENT STYLES
=======================================*/



/*=======================================
*	BEGIN NAVIGATION
=======================================*/

#site_nav {
	float:left;
	background-image:url('../images/nav_bg.jpg');
	width:623px;
	height:44px;
	margin:-8px 0 0 344px;
	display:inline;
}

#site_nav span {
	display:none;
}

#site_nav li, #site_nav a {
	height:44px;
	display:block;
}

#site_nav li {
	float:left;
	list-style:none;
	display:inline;
}

#home {
	width:71px;
}

#products {
	width:100px;
}

#service {
	width:83px;
}

#manufacturers {
	width:146px;
}

#locations {
	width:104px;
}

#contact {
	width:119px;
}

#home a:hover {
	background-image:url('../images/nav_bg.jpg'); 
	background-position:0 -44px; 
	background-repeat: no-repeat;
}

#products a:hover {
	background-image:url('../images/nav_bg.jpg');
	background-position:-71px -44px;
	background-repeat: no-repeat;
}

#service a:hover {
	background-image:url('../images/nav_bg.jpg'); 
	background-position: -171px -44px; 
	background-repeat: no-repeat;
}

#manufacturers a:hover {
	background-image:url('../images/nav_bg.jpg'); 
	background-position: -254px -44px; 
	background-repeat: no-repeat;
}

#locations a:hover {
	background-image:url('../images/nav_bg.jpg'); 
	background-position: -400px -44px; 
	background-repeat: no-repeat;
}

#contact a:hover {
	background-image:url('../images/nav_bg.jpg'); 
	background-position: -504px -44px; 
	background-repeat: no-repeat;
}

/*=======================================
*	END NAVIGATION
=======================================*/



/*=======================================
*	BEGIN CONTENT LAYOUT
=======================================*/

#logo {
	float:left;
	width:280px;
	height:64px;
	margin:8px 0 0 20px;
	display:inline;
	border:0px solid red;
}

.body_list {
	padding:0 0 40px 100px;
}

.body_list li {
	font-family:Arial, Verdana, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:18px;
	list-style:disc;
}

.body_list li a {
	color:#000000;
	text-decoration:underline;
}

.body_list li a:hover {
	text-decoration:none;
}
#page_content {
	width:860px;
	background:url('../images/body_bg.jpg') repeat-y;
	padding:0 60px;
}

#section_title {
	padding:20px 0 0 0;
}

.footer_text {
	font-family:Arial, Verdana, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:0px;
}

.footer_text a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer_text a:hover {
	text-decoration:underline;
}

/*=======================================
*	END CONTENT LAYOUT
=======================================*/