/* CSS Style Sheet for Autosports Media */
/* Created by Cody Schindel */
/* Created on June 18, 2008 */
/* © Autosports Media 2008 */

/* To be used with sub pages or pages within folders */

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

a {
	color:#06f;
	text-decoration:none;
	}
	
a:hover {
	color: #006;
	text-decoration:underline;
	}

body {
	margin: 0px auto;			/*Centers layout */
	padding: 0;
	background: /*url(images/body_bg.jpg)*/ repeat #e5e5e5;
	font-family:tahoma, Helvetica, sans-serif;
	font-size: 1em;
	}
	
#container1 {
	margin: 0 auto;
	width: 980px;
	}
	
#container {
	margin: 0 auto;
	width: 980px;
	}
	
#head {
	margin: 0;
	padding: 0;
	clear: both;
	width: 980px;
	height: 115px;
	max-height: 115px;
	overflow: hidden;
	background:url(../images/header_bg2.jpg) repeat-x top left;
	}
	
#head h1 {
	display: none;
	}
	
#header {
	clear:both;
	width: 1000px;
	height: 70px;
	background: url(images/header_bg2.jpg) no-repeat top center;
	}
	
#header ul {
	list-style: none;
	float: right;
	margin-right: 20px;
	width: 530px;
	height: 61px;	
	}
	
#header li {
	display: inline;
	}
	
#header li a {
	float: left;
	margin: 0;
	background: url(images/nav_li_bg.jpg) no-repeat top left;
	padding: 22px 20px;
	text-transform:uppercase;
	font-size: 0.9em;
	color: #fff;
	max-width: 103px;
	max-height: 61px;
	}
	
#header li a:hover {
	background: url(images/nav_li_bg-over.jpg) no-repeat top left;
	}	

/* --------------------------------------------------------------------- */	
/* Content -- Latest News */

#monthly-ad {
	margin: 30px 0;
	width: 100%;
	background: url(images/sub-nav3.jpg) repeat-x top left;
	height:360px;
	max-height:360px;
	}

#ad-container {
	width: 995px;
	padding: 10px;
	margin: 0 auto;
	height: 370px;
	max-height: 370px;
}



#ad-content-top {
	width: 330px;
	margin: 10px;
	padding: 0px 15px;
	height: 200px;
}

#ad-content-top h2 {
	font-size: 120%;
	font-variant: small-caps;
	text-shadow: 3px 3px 5px #666;
}

#ad-content-top ul {
	margin: 10px 0 0 15px;
	font-size: 90%;
	list-style: none;
	}
	
#ad-content-right {
	margin: 130px 10px 10px 430px;
	width: 535px;
	height: 150px;
}

#ad-content-bottom {
	clear: both;
	margin: 90px 30px;
	width: 940px;
	height: 50px;
}

#ad-content-bottom ul {
	list-style: none;
	float: left;
	width: 940px;
	height: 61px;	
	}
	
#ad-content-bottom li {
	display: inline;
	padding-left:  50px;
	padding-right: 10px;
	vertical-align: bottom;
	}
	
#ad-content-bottom li a {
	float: left;
	margin: 0;
	/* background: url(images/email.png) no-repeat top left; */
	padding: 5px 18px;
	font-size: 0.9em;
	color: #fff;
	vertical-align: bottom;
	}
	
.drop-shadow {
	box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 3px 3px 5px #000;
	}

#content_container {
	clear: both;
	margin-top: 20px;
	width: 1000px;
	background: #e5e5e5;
	}
	
#sub_nav {
	clear: both;
	width: 1000px;
	margin-bottom: 5px;
	}
	
#sub_nav img {
	margin: 3px;
	}
	
#main_left {
	float: left;
	width: 225px;
	margin: 0px 5px;
	}
	
#main_content {
	margin: 0px auto;
	margin-left: 5px;
	margin-top: 25px;
	float: left;
	width: 500px;
	max-width: 500px;
	overflow: hidden;
	}
	
#main_right	{
	float: right;
	width: 240px;
	margin: 0px 3px 0 0px;
	}
	
#services_left {
	float: left;
	width: 50%;
	background-color:#009933;
	}
	
#services_right {
	float: right;
	width: 50%;
	background-color:#663399;
	}
	
#breadcrumbs {
	clear: both;
	width: 940px;
	float: left;
	padding: 0 10px 10px 40px;
	font-size: 70%;
	}
	
#pricing {
	width: 400px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 75%;
	margin: 0 auto;
	}
	
#pricing td {
	width: 30%;
	margin: 0;
	padding: 2px;
	text-align:center;
	}
	
/* -------------- News Feed 550px left Side -------------- */
/* ------------------------------------------------------- */

.photo-500_container {
	width: 500px;
	max-width: 500px;
	overflow: hidden;
	margin: 0px auto;
	}
	
.photo-500_head {
	width: 500px;
	height: 30px;
	max-height: 30px;
	overflow: hidden;
	background: url(images/500-head-blank.jpg) no-repeat top left;
	}
	
.photo-500_content {
	width: 490px;
	max-width: 490px;
	overflow: hidden;
	background: url(images/500-content.jpg) repeat-y top left;
	min-height: 100px;
	padding: 5px;
	}
	
.photo-500_content h4 {
	font-size: 90%;
	text-decoration:underline;
	color: #06f;
	}
	
.photo-500_footer {
	width: 500px;
	height: 10px;
	max-height: 10px;
	overflow: hidden;
	background: url(images/500-footer.jpg) no-repeat top left;
	}	
	
/* ------------ Portfolio ---------- */

.portfolio li {
	list-style: none;
	clear: both;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	background:/*url(images/port-bg2.jpg) repeat-y top right*/ #fff;
	}

.port-img {
	float: left;
	max-width: 180px;
	}
	
.port-head {
	clear: right;
	float: right;
	width: 300px;
	margin-right: 5px;
	text-align:left;
	}
	
.port-head h4 {
	text-decoration:none;
	color: #06f;
	margin: 0;
	padding: 0;
	}
	
.port-site p, .port-date p, port-date p {
	padding: 0;
	margin: 0;
	}

.port-site {
	clear: right;
	float: right;
	width: 300px;
	margin-right: 5px;
	text-align:left;
	font-size: 80%;
}

 .port-date  {
	clear: right;
	float: right;
	width: 300px;
	margin-right: 5px;
	text-align:left;
	font-size: 70%;
	}
	
.port-info {
	clear: right;
	float: right;
	width: 300px;
	margin-right: 5px;
	margin-top: 3px;
	text-align: justify;
	font-size: 70%;
	}

.photo_gal ul {
	margin: 0 10px;
	padding: 0;
	list-style: none;
	width: 460px;
	}
	
.photo_gal li {
	margin: 0 12px;
	padding: 3px 2px;
	font-size: 80%;
	list-style:none;
	width: 456px;
	}
	
.photo_gal li:hover {
	background-color: #ccc;
	}
	
.photo_gal a:hover {
	color: #006;
	text-decoration: underline;
	}
	
.date {
	float:left;
	width: 65px;
	font-size: 90%;
	}

.event {
	float: right;
	text-align: left;
	width: 380px;
	}
	
.details {
	padding-left: 75px;
	padding-right: 5px;
	width: 380px;
	color: #000;
	text-align: left;
	font-size: 90%;
	}

/* ----------------- End of Whats New Feed --------------- */	
/* ------------------------------------------------------- */

/* -------------- News Feed 225px Right Side ------------- */
/* ------------------------------------------------------- */
	
.right_feed_225 {	
	width: 225px;
	max-width: 225px;
	overflow: hidden;
	font-size: 70%;
	margin-bottom: 10px;
	}
	
.right_feed_head {
	width: 225px;
	height: 30px;
	background: url(images/225-head.jpg) no-repeat;
	}
	
.right_feed_content {
	width: 205px;
	padding: 5px 10px;
	background:url(images/225-bg.jpg) repeat-y;
	}
	
.right_feed_content ul {
	list-style:square;
	}
	
.right_feed_content li {
	padding: 3px;
	width: 200px;
	list-style:none;
	}
	
.dark {
	background-color: #e5e5e5;
	}
	
.dark li:hover {
	 background-color: #ccc;
	 color: #006;
	 }
	
.right_feed_content li:hover {
	background-color: #999;
	}
	
.right_feed_content li a:hover {
	color: #006;
	text-decoration: underline;
	}

.right_feed_content img {
	border: 1px solid #000;
	}
	
.right_feed_content h3 {
	color: #06f;
	}
	
.right_feed_foot {
	width: 225px;
	height: 10px;
	background:url(images/225-foot.jpg) no-repeat;
	}	

/* ------------ End News Feed 225px Right Side ----------- */
/* ------------------------------------------------------- */
	
.schedule_dark {
	background: #e5e5e5;
	}
		
.showcase_hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

}

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

.image_container_v {
	float: left;
	width: 130px;
	height: 130px;
	background:url(images/photo-img-bg.jpg) no-repeat top left #e5e5e5;
	max-height: 150px;
	max-width: 150px;
	overflow: hidden;
	margin: 0px;
	padding: 15px 0px 10px 35px;
	}
	
.image_container_v img {
	border: 1px solid #000;
	}
	
.image_container_h {
	float: left;
	width: 150px;
	height: 140px;
	background:url(images/photo-img-bg.jpg) no-repeat top left #e5e5e5;
	max-height: 150px;
	max-width: 150px;
	overflow: hidden;
	margin: 0px;
	padding: 35px 0px 10px 15px;
	}
	
.image_container_h img {
	border: 1px solid #000;
	}


/* ----------------------------------------------------------------------- */
/* Begin Footer */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 60px;
	max-height: 60px;
	overflow: hidden;
	background:url(images/footer_bg.jpg) no-repeat top center #e5e5e5;
	}
	
#footer_content {
	margin: 0;
	padding: 30px 0 0 250px;
	float: left;
	height: 50px;
	text-transform:uppercase;
	font-size: 0.8em;
	}
	
#footer_content a {
	color: #fff;
	text-decoration: none;
	}
	
#footer_content a:hover {
	text-decoration:underline;
	}
	
#footer_right {
	margin: 0;
	padding: 31px 40px 0 0;
	float: right;
	height: 34px;
	color: #fff;
	font-size: 0.8em;
	}

