/* -----------------------------------------------------------------------

                              East Texas Muscle Cars 
                             -------------------
   filename             : etmc_style.css
   version              : 08.28.2009
   copyright            : (c) 2009 East Texas Muscle Cars
   author               : Tye Spain

----------------------------------------------------------------------- */

/*#layout 
____________________________________________________________*/

a:link, a:visited {color:#990000; text-decoration:none;}
a:hover {color:#666666; text-decoration:underline;}
a:active{outline: none;}
a{outline: none;}

body {
	margin: 0;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url("../images/body_bkg.jpg") repeat-x #000;}

img, #mainWrapper { behavior: url(scripts/iepngfix.htc);}
img, #mainWrapper1 { behavior: url(../scripts/iepngfix.htc);}
img, #mainWrapper2 { behavior: url(../../scripts/iepngfix.htc);}
img, #mainWrapper3 { behavior: url(../../../scripts/iepngfix.htc);}
	
#mainWrapper, #mainWrapper1, #mainWrapper2, #mainWrapper3 {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	padding:0;
	width: 1044px;
	background: url("../images/blk_wrapper2.png") repeat-y;}
	
#contentWrapper {
	margin-left: 33px; 
	padding:0;
	width: 978px;}
	
#mainContent {
	width:960px;
	margin:0 0 0 9px; 
	padding:0;}
	
.leftrail {
	float:left;
	display:inline;
	width:206px;
	margin:9px 0 0 0; 
	padding:0;}
	
.rightcontent {
	float:left;
	display:inline;
	width:742px;
	margin:9px 0 0 12px; 
	padding:0;}
	
.rightcontent h2 {
	color:#ccc;
	font-size:18px;
	margin:10px 0 -5px 0; 
	padding:0 10px;}
	
.rightcontent h3 {
	color:#D78100;
	font-size:13px;
	margin:20px 0 -10px 0; 
	*margin:20px 0 0 0;
	padding:0 10px;
	line-height:16px;
	height:16px;}
		
.rightcontent p {
	color:#ccc;
	font-size:12px;
	margin:10px 0; 
	padding:0 10px;
	line-height:18px;}
	
.rightcontent p.price {
	color:#CC0000;
	font-size:18px;
	margin:10px 0; 
	padding:0 10px;
	line-height:20px;
	font-weight:bold;}
	
.rightcontent li {
	color:#ccc;
	font-size:12px;
	margin:2px 0; 
	padding:2px 10px;
	line-height:18px;}
	
.rightcontent img.main_photo {
	float:right;
	margin:0 10px 10px 10px; 
	padding:0;
	border:1px solid #666;}
	
	
.rightcontent h4 {
    color: #fff;
    font-size: 15px;
    height: 16px;
    line-height: 16px;
    margin: 20px 0;
    padding: 0 10px;
}
	
.customers{
	float:left;
	display:inline;
	border:1px solid #4F4F4F;
	width:337px;
	height:62px;
	padding:8px;
	margin:5px 0 5px 10px;}
	
.customers img {
	float:left;
	margin:0 10px 0 0; 
	padding:0;
	border:1px solid #666;}	

.customers h4 {
	color:#ccc;
	font-size:12px;
	margin:0; 
	padding:0 10px;}
	
.customers p {
	color:#ccc;
	font-size:11px;
	margin:0 0; 
	padding:0;
	line-height:15px;}	

.customer_photos{
	margin:10px; 
	padding:0 0 10px 0;
	height:100px;}
	
.customer_photos img{
	float:left;
	margin:0 10px 10px 0; 
	padding:0;}
	
.listing{
	border:1px solid #4F4F4F;
	height:62px;
	padding:8px;
	margin:0 0 10px 0;}
	
.listing img {
	float:left;
	margin:0 10px 0 0; 
	padding:0;
	border:1px solid #666;}
	
.listing h3 {
	color:#ccc;
	font-size:12px;
	margin:0; 
	padding:0;}
	
.listing p {
	color:#ccc;
	font-size:11px;
	margin:0px 0; 
	padding:0;
	line-height:15px;}
	
		
/*#header 
____________________________________________________________*/
	
#header {
	padding:0;
	margin:0;
	height:122px;
	background: url("../images/header_bkg.jpg") no-repeat;}

#header .address {
	font-size:11px;
	padding:72px 0 0 22px;}

#header .phone {
	font-size:13px;
	padding:2px 0 0 22px;
	font-weight:bold;}	
	
span.red {color:#9B0405;}

/*#products 
____________________________________________________________*/

#mainContent h1.products {
	margin:0 0 11px 0;
	padding:0 0 0 10px;
	height:30px;
	line-height:30px;
	background-color:#494949;
	color:#fff;
	font-size:12px;
	font-weight:bold;}
	
.product_box{
	float:left;
	display:inline;
	width:139px;
	padding:0;
	text-align:center;
	font-size:11px;
	color:#CCC;
	font-weight:normal;
	margin:24px 22px;}

.product_box img {
	border:0;
	margin:0 0 5px 0;
	padding:0;}
		
.product_box a:link, .product_box a:visited {
	color:#CCC;}

.product_box a:hover {
	text-decoration:none;
	color:#990000;}	
	
	
/*#leftnav
____________________________________________________________*/	
	
.leftnav {margin:10px 0;}	
	
.leftnav a, .leftnav a:visited{
	margin:0;
	display:block;
	line-height:18px;
	text-align:left;
	padding:0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background: url(../images/red_arrow.gif) 5px 6px no-repeat;}

.leftnav a:hover{ 
	text-decoration:none;
	color:#fff;
	background: url(../images/red_arrow.gif) 5px 6px no-repeat #333; }	
	
			

/*#mainContent 
____________________________________________________________*/

#mainContent .flashMain {
	margin:9px 0 0 0;}
		
#mainContent h2.vehicles {
	margin:9px 0;
	padding:0;
	height:30px;
	background: url("../images/f_vehicles_bar.jpg") no-repeat;}
	
#mainContent h2.parts {
	margin:9px 0;
	padding:0;
	height:30px;
	background: url("../images/f_parts_bar.jpg") no-repeat;}
	
#mainContent h2.dealer {
	margin:20px 0 9px 0;
	padding:0;
	height:30px;
	background: url("../images/f_dealer_bar.jpg") no-repeat;}
	
#mainContent h2.video {
	margin:0 0 10px 0;
	padding:0;
	height:30px;
	background: url("../images/f_video_bar.jpg") no-repeat;}
	
#mainContent h2.news {
	margin:0;
	padding:0;
	height:30px;
	background: url("../images/f_news_bar.jpg") no-repeat;}
	
#mainContent h2.date {
	margin:0;
	padding:0;
	height:30px;
	background: url("../images/f_date_bar.jpg") no-repeat;}
	
#mainContent h2.products_sm {
	margin:0;
	padding:0;
	height:30px;
	background: url("../images/products_h2.jpg") no-repeat;}
	
#mainContent h2 span {display:none;}

#mainContent h2 span.view { display:inline; float:right; font-size:12px; line-height:30px; margin-right:20px;}

.featured_cars {
	float:left;
	display:inline;
	width:270px;
	margin:0 0 20px 37px;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#CCC;
	font-weight:bold;}

.featured_cars img {
	border:0;
	margin:0 0 5px 0;
	padding:0;}
		
.featured_cars a:link, .featured_cars a:visited {
	color:#CCC;}

.featured_cars a:hover {
	text-decoration:none;
	color:#990000;}
	
.featured_parts {
	float:left;
	display:inline;
	width:180px;
	margin:20px 0 30px 46px;
	padding:0;
	text-align:center;
	font-size:11px;
	color:#CCC;
	font-weight:normal;}

.featured_parts img {
	border:0;
	margin:0 0 5px 0;
	padding:0;}
		
.featured_parts a:link, .featured_parts a:visited {
	color:#CCC;}

.featured_parts a:hover {
	text-decoration:none;
	color:#990000;}
	
.featured_dealer {

	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
	color:#CCC;
	font-weight:normal;}
	
.dealer img {
	float:left;
	display:inline;
	border:0;
	margin:15px;
	padding:0;}

.featured_dealer img {
	float:left;
	display:inline;
	border:0;
	margin:5px 28px 0 0;
	padding:0;}
		
.featured_dealer a:link, .featured_dealers a:visited {
	color:#CCC;}

.featured_dealer a:hover {
	text-decoration:none;
	color:#990000;}		
	
	
	
	
.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: .75;}

.box1 {
	float:left;
	display:inline;
	width:313px;
	margin:0;
	padding:0;}
	
.box2 {
	float:left;
	display:inline;
	width:313px;
	margin:0 10px 0 11px;
	*margin:0 9px 0 9px;
	padding:0;}
	
.box3 {
	float:left;
	display:inline;
	width:313px;
	margin:0;
	padding:0;}
	
.newsitem {margin:10px 0 0 0; padding:0;}
.newsitem h3 {margin:0; padding:0; color:#CCC; font-weight:bold; font-size:11px;}
.newsitem p {margin:5px 0 0 0; padding:0; color:#CCC; font-weight:normal; font-size:10px; line-height:12px;}		
.newsitem img{float:left; display:inline; margin:0 5px 0 0; border:0;}

.newsitem2 {margin:10px 0 0 0; padding:0;}
.newsitem2 h3 {margin:0; padding:0; color:#CCC; font-weight:bold; font-size:15px;}
.newsitem2 p {margin:5px 0 0 0; padding:0; color:#CCC; font-weight:normal; font-size:12px; line-height:16px;}		
.newsitem2 img{float:left; display:inline; margin:0 5px 0 0; border:0;}
	
.follow {border: 1px solid #666; margin:15px 0 0 0; height:60px;}
.follow .title { text-align:center; display:block; background-color:#000000; margin:-7px 0 0 110px; color:#CCC; font-size:11px; width:95px; position:relative;}
.follow img {margin:14px 0 0 9px; vertical-align:middle; border:0;}

.mailing {border: 1px solid #666; margin:15px 0 0 0; height:105px;}
.mailing .title { text-align:center; display:block; background-color:#000000; margin:-7px 0 0 92px; color:#CCC; font-size:11px; width:130px; position:relative;}


.mailing p{
	margin:16px 12px 0 12px;
	padding:0;
	font-size:11px;
	color:#999;}
	
.mailing form{
	margin:10px 0 0 0;
	padding:0;}	
	
.mailing input {
	float:left;
	width:209px;
	margin:0 0 0 12px;
	padding:3px 0 3px 3px;
	border:1px solid #999999;}

.mailing input.form_button {
	width:71px;
	height:25px;
	margin:0 0 0 5px;
	padding:0;
	border:0;}	
	
	
	
.mailing_sm {border: 1px solid #666; margin:15px 0 0 0; height:145px; background: url("../images/news_bkg.jpg") no-repeat;}
.mailing_sm .title { text-align:center; display:block; background-color:#000000; margin:-7px 0 0 38px; color:#CCC; font-size:11px; width:130px; position:relative;}


.mailing_sm p{
	margin:16px 12px 0 12px;
	padding:0;
	font-size:11px;
	color:#999;}
	
.mailing_sm form{
	margin:10px 0 0 0;
	padding:0;}	
	
.mailing_sm input {
	width:178px;
	margin:0 0 0 12px;
	padding:3px 0 3px 3px;
	border:1px solid #999999;}

.mailing_sm input.form_button {
	width:71px;
	height:25px;
	margin:10px 0 10px 12px;
	padding:0;
	border:0;}	
	
	
/*#quotes
____________________________________________________________*/

	
p.person{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	font-family:Arial,Helvetica,sans-serif;
	color:#990000;
	padding:0;
	line-height:16px;
	margin:0 80px 20px 0;}
	
blockquote {
	background:transparent url(../images/quote-open.gif) no-repeat scroll left 5px;
	font-style:italic;
	margin:0 0 0 40px;
	padding:20px 0pt 0pt 0px;
	width:85%;
	text-align:justify;}
	
blockquote p {
	background:transparent url(../images/quote-openr.gif) no-repeat scroll right bottom;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	line-height:18px !important;
	font-size:12px !important;
	padding:0 25px 13px 0;}
	

/*#footer
____________________________________________________________*/

#footer {
	padding:0;
	margin:30px 0 0 0;
	height:58px;
	width:978px;
	background: url("../images/footer_bkg.jpg") repeat-x;}
	
.btminfo {
	float:left;
	display:inline;
	width:214px;
	border-right:1px solid #9E9E9E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#999;
	margin:8px 0 0 0;
	padding:0 0 0 12px;
	text-align:left;}
	
.btminfo a:link, .btminfo a:visited {
	color:#999;}
	
.btminfo a:hover {
	text-decoration:underline;
	color:#000;}
	
.btmbar {
	float:left;
	display:inline;
	margin:0 0 0 23px;
	padding:0;
	width:725px;}

.btmnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#CCC;
	margin:12px 0 5px 0;
	padding:0;
	text-align:left;}

.btmnav a:link, .btmnav a:visited{
	text-decoration:none;
	color:#CCC;
	padding:0 7px;}

.btmnav a:hover{
	text-decoration:underline;
	color:#000;}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	margin:0 0 0 7px;
	text-align:left;}
	
.credit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin:0;
	padding:0;
	float:right;}
		
.copyright a:link, .copyright a:visited, .credit a:link, .credit a:visited {
	text-decoration:none;
	color:#999;}

.copyright a:hover, .credit a:hover{
	text-decoration:underline;
	color:#000;}

span.special{ font-weight:bold; color:#990000; font-size:13px;}


/*#packages
____________________________________________________________*/

.package h2 { 
	font-family: 'BebasRegular', arial, serif;
	color:#BC0402;
	font-size:30px;
	margin:0px 0 -5px;
	padding:0 10px;
	font-weight:normal;
	text-shadow:0px  1px  0px  #000;}
	


.package {
	display:block;
	float:left;
	padding:10px;
	width:320px;
	border:solid 2px #666;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	margin:0 10px 20px 10px;
    -moz-box-shadow:5px 5px 0px #252525;
    -webkit-box-shadow:5px 5px 0px #252525;
    box-shadow:5px 5px 0px #252525;
	min-height:550px;
}


.package img { 
	margin:20px auto ;
	padding:2px;
	display:block;
	background-color:#666;
	border:solid 1px #999;
}

.stage1 {	
	background: #141414;
	background-image: url(/images/stage1.png); /* fallback */
	background-image: url(/images/stage1.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage1.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage2 {
	background: #141414;
	background-image: url(/images/stage2.png); /* fallback */
	background-image: url(/images/stage2.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage2.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage3 {
	background: #141414;
	background-image: url(/images/stage3.png); /* fallback */
	background-image: url(/images/stage3.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage3.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage4 {
	background: #141414;
	background-image: url(/images/stage4.png); /* fallback */
	background-image: url(/images/stage4.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage4.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage5 {
	background: #141414;
	background-image: url(/images/stage5.png); /* fallback */
	background-image: url(/images/stage5.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage5.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage6 {
	background: #141414;
	background-image: url(/images/stage6.png); /* fallback */
	background-image: url(/images/stage6.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage6.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
.stage6b {
	background: #141414;
	background-image: url(/images/stage6b.png); /* fallback */
	background-image: url(/images/stage6b.png), -moz-linear-gradient(100% 100% 90deg, #000000, #333333 100%); /* FF3.6 */
	background-image: url(/images/stage6b.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */
	background-repeat:no-repeat;
	background-position:100% 100%;
	}

body#manta h2{text-align:center;}
body#manta h3{color:#CC0000;}

body#manta #mainContent{padding:30px;}	
body#manta .specs{float:left; width:370px;}
body#manta .photos{float:right; width:540px;}
body#manta .photos a{float:left;margin:0 10px 10px 0;}


body#home .manta{margin:20px 0;}