/* CSS Style Sheet for PserraRacing.com */
/* Designed and Developed by Autosports Media */
/* June 10, 2009 */
/* Developer: Cody Schindel - Autosports Media */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	font-family: arial;
	}
	
/* --------------- Header */
	
#header {
	width: 100%;
	height: 150px;
	max-height: 150px;
	overflow: hidden;
	background: url(images/header-bg.jpg) repeat-x top left;
}

#header-content {
	margin: 0 auto;
	width: 900px;
	max-width: 900px;
	height: 150px;
	max-height: 150px;
	overflow: hidden;
	background: url(images/header-3.jpg) repeat-x top left;
}

/* --------------- Navigation */
	

#nav-bg {
	clear: both;
	width: 100%;
	height: 30px;
	max-height: 30px;
	overflow: hidden;
	background: url(images/nav-bg.jpg) repeat-x top left;
	border-bottom: 1px solid #666;
}

#nav-content {
	margin: 0 auto;
	width: 900px;
	max-width: 900px;
	height: 30px;
	max-height: 30px;
	overflow: hidden;
}

#nav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;
	width: 900px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -30px;
	}

#nhome a  {
	width: 93px;
	background: url(images/nav-1home.jpg) top left no-repeat;
	}
	
#nteam a  {
	width: 141px;
	background: url(images/nav-2team.jpg) top left no-repeat;
	}

#nstore a  {
	width: 99px;
	background: url(images/nav-3store.jpg) top left no-repeat;
	}

#nmedia a  {
	width: 98px;
	background: url(images/nav-4media.jpg) top left no-repeat;
	}

#nproducts a  {
	width: 134px;
	background: url(images/nav-5products.jpg) top left no-repeat;
	}
	
#nservices a  {
	width: 121px;
	background: url(images/nav-6services.jpg) top left no-repeat;
	}
	
#nnews a  {
	width: 93px;
	background: url(images/nav-7news.jpg) top left no-repeat;
	}
	
#ncontact a  {
	width: 121px;
	background: url(images/nav-8contact.jpg) top left no-repeat;
	}

/* --------------- Headliner */

#headliner {
	clear: both;
	width: 100%;
	height: 350px;
	max-height: 350px;
	overflow: hidden;
	background: url(images/headliner-bg3.jpg) repeat-x top center;
}

#headliner-content {
	margin: 0 auto;
	width: 900px;
	max-width: 900px;
	height: 350px;
	max-height: 350px;
	overflow: hidden;
	/* background: url(images/headliner-black.png) repeat top left;	*/
}

#headliner-left {
	float: left;
	margin: 10px;
	width: 530px;
	height: 330px;
}

#headliner-left img {
	border: 1px solid #fff;
}

#headliner-right {
	float: right;
	margin: 20px 20px 20px 10px;
	width: 315px;
	height: 330px;
}

#headliner-right h3 {
	font-size: 130%;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #000;
}

.headliner-date {
	clear: left;
	font-size: 70%;
	color: #fff;
	margin-bottom: 10px;
}

.headliner-caption {
	clear: left;
	font-size: 75%;
	color: #fff;
	font-style: italic;
	margin: 5px 0 15px 0;
	text-align: justify;
	}

.headliner-news {
	clear: left;
	text-align: justify;
	font-size: 80%;
	color: #fff;
	font-weight:lighter;
}

#read-more {
	float: left;
	margin: 35px 0 0 5px;
}

#read-more a {
	display: block;
	background: url(images/read-more1.png) top;
	width: 110px;
	height: 46px;
}

#read-more a:hover {
	background: url(images/read-more2.png) bottom;
}

#view-pdf {
	float: right;
	margin: 35px 0 0 5px;
}

#view-pdf a {
	display: block;
	background: url(images/view-pdf1.png) top;
	width: 110px;
	height: 46px;
}

#view-pdf a:hover {
	background: url(images/view-pdf2.png) bottom;
}

	#headliner-small {				background: url(images/sub-head9.jpg) bottom center no-repeat;	}
	#headliner-small2 {				background: url(images/sub-head10.jpg) bottom center no-repeat;	}
	#headliner-small3 {				background: url(images/sub-head11.jpg) bottom center no-repeat;	}
	#headliner-small4 {				background: url(images/sub-head12.jpg) bottom center no-repeat;	}
	#headliner-small5 {				background: url(images/sub-head13.jpg) bottom center no-repeat;	}
	#headliner-small6 {				background: url(images/sub-head14.jpg) bottom center no-repeat;	}
	#headliner-small7 {				background: url(images/sub-head12.jpg) bottom center no-repeat;	}
	#headliner-small8 {				background: url(images/sub-head10.jpg) bottom center no-repeat;	}

#headliner-small, #headliner-small2, #headliner-small3, #headliner-small4, #headliner-small5, #headliner-small6, #headliner-small7, #headliner-small8 {
	clear: both;
	width: 100%;
	height: 200px;
	max-height: 200px;
	overflow: hidden;
	border-bottom: 1px solid #333;
}

#headliner-small-content, #headliner-small2-content, #headliner-small3-content, #headliner-small4-content, #headliner-small5-content, #headliner-small6-content, #headliner-small7-content {
	display: none;
}

/* --------------- Content Area */

#content-container {
	clear: both;
	margin: 0 auto;
	background: #fff;
	width: 900px;
	max-width: 900px;
	overflow: hidden;
}

#breadcrumbs {
	width: 600px;
	clear: left;
	float: left;
	font-size: 70%;
	margin-left: 25px;
	}
	
#breadcrumbs a {
	color: red;
	text-decoration: none;
	}
	
#breadcrumbs a:hover {
	color: #000;
	text-decoration: underline
	}

#content-left {
	clear: left;
	float: left;
	/* margin-top: 15px; */
	padding-top: 15px;
	width: 700px;
	height: 100%;
	max-width: 700px;
	overflow: hidden;
	min-height: 400px;
	background: url(images/content-box-bg.jpg) repeat-x top left #fff;
}

	#left-col1 {
		clear: left;
		float: left;
		width: 200px;
	}
	
	#right-col1 {
		clear: right;
		float: right;
		width: 200px;
		padding-top: 15px;
		background: url(images/content-box-bg.jpg) repeat-x top left #fff;
		}
	
	.col-1-container {
		margin-bottom: 15px;
		clear: left;
		float: left;
		width: 195px;
		min-height: 205px;
		border: 1px solid #9d9d9d;
		background: url(images/content-box-bg.jpg) repeat-x top left #fff;
	}
	
	.col-1-header {
		width: 192px;
		padding: 6px 0 2px 3px;
		border-bottom: 1px solid #9d9d9d;
		font-size: 90%;
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.col-1-content {
		padding: 10px 15px;
	}
	
	#left-col2 {
		clear: right;
		float: right;
		margin-right: 6px;
		width: 480px;
	}
	
	.col-2-container {
		margin-bottom: 15px;
		clear: left;
		float: left;
		width: 470px;
		min-height: 200px;
		/* border: 1px solid #9d9d9d;
		background: url(images/content-box-bg.jpg) repeat-x top left #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; */
	}
	
	.col-2-header {
		width: 460px;
		padding: 6px 0 2px 3px;
		border-bottom: 1px solid #9d9d9d;
		font-size: 90%;
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.col-2-content {
		padding: 10px 5px;
	}
	
	.col-3-container {
		margin: 10px 30px;
		text-align: justify;
		clear: left;
		float: left;
		width: 625px;
		min-height: 200px;
		/* border: 1px solid #9d9d9d;
		background: url(images/content-box-bg.jpg) repeat-x top left #fff; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; */
	}
	
	.col-3-header {
		width: 682px;
		padding: 6px 0 2px 3px;
		border-bottom: 1px solid #9d9d9d;
		font-size: 90%;
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.col-3-content {
		padding: 10px 5px;
		font-size: 80%;
	}
	
.news ul {
	clear: both;
	list-style: none;
	width: 450px;
}

.news li {
	list-style: none;
}

.news img {
	float: right; 
	border: 1px solid #000; 
	margin: 0 0 5px 15px;
	}

.news-headline {
	clear: left;
	margin-top: 0px;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
}

.news-date {
	clear: left;
	font-size: 70%;
}

.news-content {
	clear: left;
	text-align: justify;
	font-size: 80%;
	margin-top: 10px;
	color: #333;
}

.news-content p {
	margin-bottom: 7px;
	}

.news-image {
	width: 100px;
	max-width: 102px;
	height: 67px;
	max-height: 70px;
	border: 1px solid #000;
	float: right;
	margin: 0px 0 3px 3px;
}

.news-breaker {
	clear: both;
	margin: 15px 0;
	height: 1px;
	max-height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #999;
	}

.news-links {
	clear: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 37px;
	display: inline;
	overflow: hidden;
	width: 450px;
	}
	
.news-links ul {
	margin: 0 0 15px 15px;
	}
	
.news-links li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

.news-links a {
	float: left;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:37px; /* for IE5/Win */
	}
	
.news-links a:hover {
	background-position: 0 -38px;
	}

.read-more a  {
	width: 80px;
	background: url(images/read-more1-sm.png) top left no-repeat;
	}
	
.view-pdf a  {
	width: 80px;
	background: url(images/view-pdf1-sm.png) top left no-repeat;
	}

.view-gal a  {
	width: 80px;
	background: url(images/view-gal1-sm.png) top left no-repeat;
	}
	
.add-to-cart a {
	width: 110px;
	background: url(images/add-to-cart.jpg) top left no-repeat;
	}


#content-right {
	clear: right;
	float: right;
	padding: 5px 5px 150px 5px;
	height: 100%;
	width: 190px;
	max-width: 200px;
	background:  no-repeat bottom center #333;
	min-height: 500px;
	color: #e5e5e5;
}

#content-right h3 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 95%;
}

#content-right h4 {
	color: #fff;
	font-size: 85%;
}

#content-right p {
	color: #e5e5e5;
	padding: 0 3px;
	font-size: 80%;
}

#content-right li {
	font-size: 80%;
	list-style: square;
	margin-left: 20px;
}

#content-right a {
	color: #fff;
}

#content-right a:hover {
	color: #999;
	text-decoration: none;
	}

#content-right2 {
	clear: left;
	float: left;
	padding: 5px 0px 250px 0px;
	height: 100%;
	width: 190px;
	max-width: 190px;
	overflow: hidden;
	background: #333;
	min-height: 500px;
	color: #fff;
}

#products-content {
	clear: right;
	float: right;
	/* margin-top: 15px; */
	padding-top: 15px;
	width: 710px;
	height: 100%;
	max-width: 710px;
	overflow: hidden;
	min-height: 400px;
	background: url(images/content-box-bg.jpg) repeat-x top left #fff;
}

#products-home {
	width: 660px;
	padding: 15px 25px;
	}

#products-left {
	float: left;
	width: 420px;
	margin: 25px 5px 5px 15px;
	font-size: 80%;
	text-align: justify;
	}
	
#products-left p, #products-home p {
	margin-bottom: 8px;
	text-align: justify;
	}

#products-left ul {
	margin-bottom: 15px;
	}
	
#products-left li {
	margin-left: 20px;
	list-style: square;
	font-size: 90%;
	}
	
#products-right {
	float: right;
	width: 250px;
	margin: 25px 5px 5px 5px;
	}
	
#products-right img {
	border: 1px solid #000;
	margin: 5px;
	}

/* --------------- Products/Services Navigation */
/* 
#product-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-nav li {
	list-style: none;
	margin: 0;
	padding: 3px 0 3px 5px;
	border-left: 10px solid #000;
	width: 180px;
	background: #ccc;
	}
*/

.product-nav {
	width: 195px;
	font-size: 90%;
}

.product-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-nav li {
	border-bottom: 1px solid #333;
}

.product-nav li a:link, .product-nav li a:visited {
	font-size: 90%;
	display: block;
	padding: 3px 0 3px 3px;
	border-left: 10px solid #999;
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}

.product-nav li a:hover {
	background-color: #333;
	color: #FFFFFF;
}

.product-nav ul ul {
	margin-left: 10px;
}

.product-nav ul ul li {
	border-bottom: 0px solid #fff;
	margin: 0;
}

.product-nav ul ul a:link, #navigation ul ul a:visited {
	background-color: #666;
	color: #000;
}

.product-nav ul ul a:hover {
	background-color: #333;
	color: #FFFFFF;
}

#chassis-table {
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
	}
	
#chassis-table td {
	padding: 0 15px;
	font-size: 85%;
	text-align: justify;
	}
	
#chassis-table th {
	text-align: center;
	}

#photo-gallery {
	width: 645px;
	margin: 0;
	}
	
#photo-gallery img {
	border: 1px solid #000;
	margin: 1px;
	max-height: 82px;
	max-width: 122px;
	}

/* --------------- Online Store Area */

.online-store ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.online-store li {
	clear: both;
	margin: 5px 0;
	padding: 5px;
	width: 600px;
	list-style: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	}
	
.store-dark {
	background: #ccc;
	}
	
.store-left {
	clear: left;
	float: left;
	max-height: 160px;
	max-width: 150px;
	overflow: hidden;
	}

	.store-left img {
		border: 1px solid #666;
		margin: 5px;
		max-height: 150px;
		max-width: 140px;
		overflow: hidden;
		}
	
.store-right {
	clear: right;
	float: right;
	width: 420px;
	padding: 5px;
	}
	
	.store-info {
		clear: right;
		float: right;
		width: 420px;
		}
	
	.store-product-name {
		clear: left;
		float: left;
		text-transform: uppercase;
		font-weight: bold;
		}
	
	.store-product-info {
		clear: left;
		float: left;
		width: 420px;
		min-height: 100px;
		font-size: 95%;
		padding-bottom: 10px;
		}
		
	.store-product-price {
		clear: left;
		float: left;
		width: 200px;
		font-size: 110%;
		font-weight: bold;
	}
	
	.store-buy-it {
		clear: both;
		float: right;
		}

/* --------------- Footer Area */

#footer {
	clear: both;
	width: 100%;
	height: 107px;
	max-height: 107px;
	overflow: hidden;
	background: url(images/footer-bg.jpg) repeat-x top left;
}

#footer a {
	color: #333;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000;
	text-decoration: underline;
	}

#footer-content {
	margin: 0 auto;
	width: 900px;
	max-width: 900px;
	height: 107px;
	max-height: 107px;
	overflow: hidden;
	background: url(images/footer-content-bg.jpg) top center;
}

#footer-links {
	margin: 22px 0 0 5px;
	font-size: 70%;
	text-transform: uppercase;
}

#amg-link {
	margin: 35px 0 0 5px;
}

#amg-link a {
	display: block;
	background: url(images/autosports-down.png) top;
	width: 187px;
	height: 35px;
}

#amg-link a:hover {
	background: url(images/autosports-down.png) bottom;
}

.showcase_hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}

.showcase_hover:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}