/*  
Theme Name: USA Motor Supply
Theme URI: http://www.usamotorsupply.com
Description: USA Motor Supply
Version: 1.0
Author: Joey Bacon
Author URI: http://www.jamersan.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

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

And now it's over to you...

************************************************************************************************************************************************************ */
body {
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	width: 960px;
	margin: 0 auto;
}

ul#nav {
	height: 50px;
	z-index: 30;
}
	ul#nav li {
		float: left;
		overflow: hidden;
		display: block;
		margin-right: 32.5px;
	}
	ul#nav li a {
		text-indent: -5000px;
		display: block;
	}
	ul#nav li.home a:link, ul#nav li.home a:visited {
		width: 67px;
		height: 50px;
		background: url(/images/nav_home.jpg);
	}
	ul#nav li.home, ul#nav li.home a:hover {
		background: url(/images/nav_home_hover.jpg);
	}
	ul#nav li.performance a:link, ul#nav li.performance a:visited {
		width: 130px;
		height: 50px;
		background: url(/images/nav_performance.jpg);
	}
	ul#nav li.performance, ul#nav li.performance a:hover {
		background: url(/images/nav_performance_hover.jpg);
	}
	ul#nav li.replacement a:link, ul#nav li.replacement a:visited {
		width: 146px;
		height: 50px;
		background: url(/images/nav_replacement.jpg);
	}
	ul#nav li.replacement, ul#nav li.replacement a:hover {
		background: url(/images/nav_replacement_hover.jpg);
	}
	ul#nav li.marine a:link, ul#nav li.marine a:visited {
		width: 144px;
		height: 50px;
		background: url(/images/nav_marine.jpg);
	}
	ul#nav li.marine, ul#nav li.marine a:hover {
		background: url(/images/nav_marine_hover.jpg);
	}
	ul#nav li.aboutus a:link, ul#nav li.aboutus a:visited {
		width: 91px;
		height: 50px;
		background: url(/images/nav_aboutus.jpg);
	}
	ul#nav li.aboutus, ul#nav li.aboutus a:hover {
		background: url(/images/nav_aboutus_hover.jpg);
	}
	ul#nav li.contact a:link, ul#nav li.contact a:visited {
		width: 91px;
		height: 50px;
		background: url(/images/nav_contact.jpg);
	}
	ul#nav li.contact, ul#nav li.contact a:hover {
		background: url(/images/nav_contact_hover.jpg);
	}
	ul#nav li.links a:link, ul#nav li.links a:visited {
		width: 68px;
		height: 50px;
		background: url(/images/nav_links.jpg);
		margin-right: 0;
	}
	ul#nav li.links, ul#nav li.links a:hover {
		background: url(/images/nav_links_hover.jpg);
		margin-right: 0;
	}

#nav div#m1
{	position: absolute;
	visibility: hidden;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#nav div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#nav div a:hover
	{	background: #49A3FF;
		color: #FFF}

	
div#header {
	height: 125px;
	clear: left;
}
	div#header img.logo {
		float: left;
		margin-left: 20px;
	}
	div#header p#phone {
		color: #132541;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 38px 0 0 100px;
		float: left;
		text-align: center;
	}
		div#header p#phone span.number {
			color: #991626;
			font-size: 26px;
		}
	div#header img.custom {
		float: left;
		margin: 36px 0 0 60px;
	}

h1#banner {
	height: 201px;
	background: url(/images/banner.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

div#breadcrumb {
	height: 28px;
	padding-top: 12px;
	font-size: 14px;
	color: #fff;
	padding-left: 22px;
}
	div#breadcrumb a:link, div#breadcrumb a:visited {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	div#breadcrumb a:hover {
		text-decoration: underline;
	}

div#content {
	padding: 20px;
}

	div#contentMain {
		width: 600px;
		margin-right: 20px;
		float: left;
	}
		div#contentMain h2, div#contentMain h2 a {
			font-size: 20px;
			font-weight: bold;
			color: #991626;
		}
		div#contentMain p {
			font-size: 13px;
			line-height: 18px;
			color: #000000;
		}
		div#contentMain div.post {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ccc;
		}
			div#contentMain div p a:link,
			div#contentMain div p a:visited {
				text-decoration: underline;
				color: #406488;
			}
			div#contentMain div p a:hover {
				text-decoration: none;
			}
			div#contentMain div.page h3 {
				font-size: 16px;
				font-weight: bold;
				color: #132742;
				margin-top: 10px;
			}
			div#contentMain div.page h4 {
				font-size: 14px;
				font-weight: bold;
				color: #96172A;
				margin-top: 10px;
			}
			div#contentMain div.page p {
				margin-bottom: 10px;
			}
			div#contentMain div.page table {
				font-size: 13px;
				border: 1px solid #ccc;
				background: #fff;
			}
			div#contentMain div.page table td.tableHeader {
				background: #333;
				color: #fff;
				font-weight: bold;
			}
			div#contentMain div.page td {
				padding: 5px;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
			}
			div#contentMain div.page strong.bold-white,
			div#contentMain div.page span.bold-white {
				font-weight: bold;
				color: #fff;
			}
	
	div#sidebar {
		width: 260px;
		background: #eee;
		float: left;
	}
		div#sidebar h2 {
			margin-top: 10px;
		}
		div#sidebar ul li.page_item a:link,
		div#sidebar ul li.page_item a:visited {
			background: #999;
			padding: 5px 20px 0 20px;
			display: block;
			height: 23px;
			width: 220px;
			color: #fff;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			border-top: 1px solid #888;
			border-bottom: 1px solid #aaa;
		}
		div#sidebar ul li.page_item a:hover {
			background: #888;
			text-decoration: underline;
		}
			div#sidebar ul li.page_item ul li.page_item a:link,
			div#sidebar ul li.page_item ul li.page_item a:visited {
				padding-left: 40px;
				background: #ccc;
				width: 200px;
				color: #000;
				font-weight: normal;
				font-size: 12px;
				height: 20px;
				border: none;
			}
			div#sidebar ul li.page_item ul li.page_item a:hover {
				background: #ddd;
				text-decoration: underline;
			}
			div#sidebar form#searchform {
				padding: 20px;
			}

div#footer {
	background: #991626;
	color: #fff;
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
}
	p#footer {
		width: 960px;
		margin: 0 auto;
	}

ul#clb {
		width : 550px;
		text-align : center;
		list-style-type : none;
}
	ul#clb li {
		margin: 0 10px 10px 0;
		border: 1px solid #666;
		width: 170px;
		height: 75px;
		background: #eee;
		float: left; 
		display: inline;
	}
		ul#clb li a:link, ul#clb li a:visited {
			display: block;
			width: 170px;
			height: 60px;
			padding-top: 15px;
		}
		ul#clb li a:hover {
			background: #ccc;
		}
		ul#clb li p {
			text-indent: -5000px;
		}