/** author: Chris Whiteford **/
/** style for the site the nav, layout and the fonts **/

/* GLOBAL
----------------------------------------------- */
html,body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	color:#464646;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

#container{
	width:100%;
}

#main {
	width:995px;
	margin:0px auto;
	background:#ffffff;
}

form{
	margin:0px;
	padding:0px;
}

p{

}

img{
	border:0px;
}

h1{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;

}

h2{
	font-size:12px;
	font-weight:bold;
}

h3{
	

}

h4{
	
	

}
h5{
	

}

h6{
	

}

ul{
	padding:0 0 0 50px;
	margin:0px;
	list-style:disc;
}



li{
	padding:0px;
	margin:0px;
}

/* HEADER
----------------------------------------------- */

#header{
	width:996px;
	height:130px;
	float:left;
	clear:both;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background:#ffffff;

}

#topheader{
	float:left;
	clear:both;
	width:996px;
	height:87px;
}


#logo{
	float:left;
	width:400px;
}

#topnav{
	float:right;
	width:330px;
	text-align:right;
	padding:10px 10px 0 0;
}


/* CONTENT
----------------------------------------------- */
#content{
	float:left;
	clear:both;
	width:996px;
	display:inline-table;
	background:#a0a0a0;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	border-bottom:2px solid #666666;
	
}

#contenthome{
	float:left;
	clear:both;
	width:996px;
	display:inline-table;
	background-image:url(../images/contenthome_bg.jpg);
	background-repeat:no-repeat;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	border-bottom:2px solid #666666;
	
}

#contentwellhome{
	float:left;
	clear:both;
	height:399px;
	width:996px;
	padding:0px;
}

#contentinterior{
	width:693px;
	border:1px solid #6e6e6e;
	background:#fff;
	float:left;
	padding:10px 0 20px 0;
	color:#626262;
	
	

}

#contentfullinterior{
	width:900px;
	border:1px solid #6e6e6e;
	background:#fff;
	float:left;
	padding:10px 0 20px 0;
	color:#626262;

}


#contentslide{
	float:left;
	width:693px;
	height:400px;
	overflow:auto;

}


#mediacont{
	width:100%;
	padding-top:10px;
	
}

#contentinterior h1, #contentfullinterior h1{
	padding-left:30px;
	padding-bottom:0px;
	color:#333333;
	
}

#contentinterior  a, #contentfullinterior a{
	
	text-decoration:none;
}

#contentinterior h2 , #contentfullinterior h2{
	padding:0px 0px 6px 30px;
	margin:0px;
	font-size:12px;
	color:#d1102c;

	
}


#contentinterior table h2 , #contentfullinterior table h2{
	padding:0px 0px 6px 30px;
	margin:0px;
	font-size:12px;
	color:#d1102c;

	
}

#contentinterior h2.red, #contentfullinterior h2.red{
	float:left;
	clear:both;
	padding:0px 0px 6px 30px;
	margin:0px;
	font-size:12px;
	color:#d1102c;
}

#contentinterior h2.redvehicle{
	float:left;
	clear:both;
	padding:0px 0px 2px 240px;
	margin:0px;
	font-size:12px;
	color:#d1102c;
}

#contentinterior h2.redphotos{
	float:left;
	clear:both;
	padding:0px 0px 2px 30px;
	margin:0px;
	font-size:12px;
	color:#d1102c;
}

.fullline{
	padding:16px 0 16px 0;
	margin:0px;
	float:left;
	clear:both;
	width:100%;
	border-top:1px solid #acacac;
}

.modelcontainer{
	width:100%;
	float:left;
	clear:both;
	padding:0px 0 0 0;
	
}

.disclaimer{
	width:640px;
	float:left;
	clear:both;
	padding:0px 0 0 30px;
	font-size:9px;
	
}

.modelleft{
	width:240px;
	float:left;
}
.modelright{
	width:430px;
	float:left;
	clear:right;
}


#contentinterior h4{
	padding:0px 0px 0px 30px;
	margin:0px;
	font-size:12px;
	color:#626262;
}

#contentinterior h4.red{
	
	color:#d1102c;
}
#contentinterior h5{
	padding:0px 0px 0px 30px;
	margin:0px;
	font-size:12px;
	color:#626262;
	
}

#contentinterior .modelright h5{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	color:#626262;
	text-transform:uppercase;
	
}

#contentinterior p, #contentfullinterior p{
	padding:0px 30px 15px 30px;
	margin:0px;
	font-size:12px;
	color:#626262;
	line-height:21px;
}

#contentinterior .modelright p{
	padding:10px 0px 15px 0px;
	margin:0px;
	font-size:12px;
	color:#7c7c7c;
	line-height:21px;
}



.faqsitem{
	width:100%;
	float:left;
	padding:0px 0 20px 0;
}

.faqsitem h4{
	padding: 0px 0 0 30px;
	font-size:12px;
	color:#d1102c;
}

.faqsline{
	padding: 0px 0 0 40px;
	font-size:12px;
	color:#7c7c7c;
	line-height:20px;
}

#newscont{
	padding:0px;
	margin:0px;
}

#newscont h3{
	padding:0px 20px 0px 46px;
	background-image:url(../images/reddot.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	margin:0px;
	font-size:12px;
	color:#d1102c;
	
}

#newscont h3 a{
	text-decoration:none;
	color:#d1102c;
}

#newscont p{
	padding:0px 20px 20px 46px;

}

.mediacont{
	float:left;
	clear:both;
	width:100%;
}

.mediacont h2{
	color:#d1102c;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 6px 30px;
	margin:0px;
	float:left;
	Clear:both;

}

.videowell{
	float:left;
	clear:both;
	width:100%;
	padding:20px 0px;
	

}

.mediawell{
	float:left;
	clear:both;
	border-top:1px solid #6e6e6e;
	width:100%;
	padding:20px 0px;
	

}

.sidewell{
	float:left;
	clear:both;
	border-top:1px solid #6e6e6e;
	width:100%;
	padding:20px 0px 0px 0px;
	

}


.mediaitem{
	width:100px;
	height:110px;
	float:left;
	padding:0px 20px 0px 0px;
}


.sideitem{
	width:197px;
	float:left;
	padding:0px 0 10px 20px;
}

.mediaitem h5, .sideitem h5{
	float:left;
	clear:both;
	font-size:10px;
	text-transform:uppercase;
	color:#7c7c7c;
	padding:4px 0 0 0;
	margin:0px;
	
}


.mediaitem h6{
	width:98px;
	float:left;
	clear:both;
	font-size:10px;
	text-transform:uppercase;
	color:#7c7c7c;
	padding:2px 0px 0px 0px;
	margin:0px;
	text-align:left;
	
}

.sideitem h6{
	width:100px;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	color:#7c7c7c;
	padding:2px 0px 0px 10px;
	margin:0px;
	text-align:left;
	
}

.mediaitem a, .sideitem a{
	border:none;
}

.mediaitem img{
	float:left;
	clear:both;
	border:1px solid #000;
	
}
.sideitem a{
	border:none;
	text-decoration:none;
}

.sideitem img.thumb{
	width:80px;
	float:left;
	border:1px solid #7c7c7c;
	
}

#casecontainer{
	padding:0 20px 20px 20px;
}

.caseitem{
	width:100%;
	float:left;
	clear:both;
	border:1px solid #6e6e6e;
	padding:4px 0 2px 0;
	margin: 0 0 5px 0;
	background-image:url(../images/reddot.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;

}


.clearwell{
	float:left;
	clear:both;
	width:100%;
	height:10px;
	
}

#breadcrumbs{
	width:100%;
	float:left;
	clear:both;
	height:30px;
	line-height:30px;
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
}
#breadcrumbs a{
	color:#fff;
	text-decoration:none;
}

#contentwell{
	float:left;
	clear:both;
	width:936px;
	padding:0px 30px 30px 30px;
}

#contentbottom{
	float:left;
	clear:both;
	height:80px;
	width:980px;
	padding:12px 8px;
	background:#fff;

}

#contentbotwell{
	width:980px;
	background:#d7d7d7;
	display:inline-table;

}

#rightinterior{
	float:right;
	width:217px;
	

}


.rightheadinterior{
	float:left;
	clear:both;
	width:217px;
	padding:0px 0 10px 0;
	background:#fff;
	border:1px solid #6e6e6e;
	margin-bottom:14px;


}

#rightinterior h1{
	background:#464646;
	font-size:12px;
	text-transform:uppercase;
	color:#ffffff;
	padding:0px 17px;
	margin:0px;
	border-top:4px solid #464646;
	border-bottom:4px solid #464646;
}

.rightheadinterior  h2{
	color:#d1102c;
	font-size:13px;
	font-weight:bold;
	padding:10px 0px 0px 17px;
	margin:0px;

}

.topblock{
	height:12px;
	background:#464646;
}

.rightheadinterior h3{
	color:#464646;
	font-size:12px;
	font-weight:bold;
	padding:2px 0px 2px 17px;
	margin:0px;

}

.rightheadinterior h4{
	color:#464646;
	font-size:11px;
	padding:2px 0px 2px 17px;
	margin:0px;

}

.rightheadinterior h2 a{
	color:#d1102c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}




.botwellitem{
	float:left;
	width:303px;
	padding:8px 0 8px 35px;
	
}

.botwellitem a{
	padding:0px;
	margin:0px;
}

#botwellmailing{
	width:225px;
	height:66px;
	float:left;
	padding:8px 0 0 35px;
	

}

#botwellinput{
	float:left;
	width:177px;
	height:66px;
	background-image:url(../images/mailinglist_bg.gif);
	background-repeat:no-repeat;

}

#botwellform form{
	padding:0px;
	margin:0px;

}

#botwellbtn{
	float:left;
	width:48px;
	height:66px;

}

input#mailingText{
	width:150px;
	height:20px;
	border:0px;
	padding:30px 0 0 4px;
	margin:0px;
	background:none;
	
	
}

#formcont{
	padding:0 0 30px 30px;
}

#formcont td{
	padding-bottom:10px;
	font-size:12px;
}

#formcont label{
	padding:10px 0 0 0;
}

#formcont input{
	padding:0px 0 0 0;
	
}

/* Gallery
----------------------------------------------- */

#gallerycont{
width:870px;
	float:left;
	clear:both;
	padding:10px 0 10px 30px;
}

.galleryitemcont{
	width:100px;
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #eee;

}
.galleryitem{
	width:98px;
	height:65px;
	overflow:hidden;
	border:1px solid #000;
}

.galleryitem img{	
	
}


/* FOOTER
----------------------------------------------- */
#footercont{
	width:100%;
	float:left;
	clear:both;

}

#footer{
	height:30px;
	width:995px;
	margin:0px auto;
	font-size:11px;
	background:none;
	

}

#footer p{
	padding:0 0 0 10px;
	margin:0px;
	height:30px;
	line-height:30px;
	float:left;
	width:50%;
	color:#000;
	background:none;
}


#copyright{
	padding:0 0 0 10px;
	margin:0px;
	height:30px;
	line-height:30px;
	float:left;
	width:400px;
	color:#000;
	background:none;
}
#footright{
	padding:0 10px 0 0px;
	margin:0px;
	height:30px;
	line-height:30px;
	float:right;
	text-align:right;
	width:400px;
	color:#000;
	background:none;
}

#footright a{
	text-decoration:none;
	color:#000;
	
}


/* popup
----------------------------------------------- */

.popupcont{
	width:100px;
	background:#000000;
	border-right:14px solid #ffffff;
	border-left:14px solid #ffffff;
	border-bottom:14px solid #ffffff;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;

}

.popup #sub h5{
	width:220px;;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #7c7c7c;
	margin:0px auto;
	padding-top:20px;
	text-transform:uppercase;

}

.popup #reg h5{
	width:280px;;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #7c7c7c;
	margin:0px auto;
	padding-top:20px;
	text-transform:uppercase;

}

.close{
	height:14px;
	background:#ffffff;
	
}

.close a{
	float:right;
	color:#8da7bc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}

.close p{
	padding:0 14px 0 0;
	margin:0px;
}


.close img{
	float:right;
	padding:2px;

}

.vidbottom{
	height:30px;
	float:left;
	clear:both;
	width:420px;
	background:#ffffff;
}

.viddesc{
	float:left;
	width:356px;
	height:30px;
	line-height:30px;
	font-size:11px;
	text-transform:uppercase;
	

}

.vidclose{
	float:right;
	height:30px;
	width:44px;
	
}

.vidclose img{
	float:right;
	padding:4px 0 0 0px;
	border:none;

}

div.vidpopup {
  width: 420px;
  border:1px solid #626262;
  position: absolute;
  background:#fff;
  padding: 30px 30px 0px 30px;
}

div.vid360popup {
  width: 936px;
  border:1px solid #ffffff;
  position: absolute;
}

div.popup {
  background:#ffffff;
  position: absolute;
  font-size:11px;
  font-family:  arial,verdana, helvetica, sans-serif;
}

div.popup_preview {
  width: 525px;
  height:auto;
  background:#e1e1e1;
  position: absolute;
  font-size:11px;
  font-family:  arial,verdana, helvetica, sans-serif;
}

#popup_overlay {
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;
}

span.popup_preview_link, a.popup_preview_link {
  cursor: pointer;
}

.popup_draghandle {
  cursor: move;
}

#rightheadinterior h4{
	padding:10px 0 0 0;
}

h4 a.casehead{
	font-size:12px;
	text-transform:uppercase;
	color:#464646;
	text-decoration:none;
	cursor:pointer;
	padding-top:10px;
}

h4 a.casehead span {
	color:#d1102c;
}

.caseitem:hover{
	border:1px solid #d1102c;

}

a.redlink{
	color:#d1102c;
}

h1.dealers{
	font-size:14px;
	text-transform:capitalize;

}

