/*
Theme Name: Meade Collision
Theme URI: http://collision.meadeauto.com/
Description: Meade Collision as designed by Elliot at eROI.


*/



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

	Site:		Meade Collision

	Author:		eROI		[www.eroi.com]  

	Client:		Meade Collision		[http://collision.meadeauto.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Home
	4 - Subpage
	5 - Footer
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

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;
    background: transparent;
}

body {

    background: white;
    color: #404040;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background:url(images/background.jpg) repeat;
}

ol, ul {
    list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

.clear {
	clear:both;
	line-height:0;
}

h1 {
	font-size:24px;
	font-weight:bold;
}

h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

a {
	color:#404040;
}

hr {
	border-top:1px solid #a3a3a3;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding-bottom:10px;
}

div#testimonials p {
	padding-bottom:10px;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/
div#container {
	width:100%;
	background:url(images/background.jpg) repeat;
}

/*div#homeContent {
	width:968px;
	margin:0 auto;
	background:url(images/homeBG.jpg) no-repeat;
	
}*/

div#subContent {
	width:968px;
	margin:0 auto;
	background:url(images/subpageBG.jpg) no-repeat;
	
}

div#rollovers {
	display:none;
}

a.nav-home {
	display:block;
	width:50px;
	height:82px;
	background:url(images/meade_collision_home.jpg);
}
	a.nav-home:hover, a.nav-homeON {
		background:url(images/meade_collision_home-hover.jpg);
	}

a.nav-services {
	display:block;
	width:69px;
	height:82px;
	background:url(images/meade_collision_services.jpg);
}
	a.nav-services:hover, a.nav-servicesON {
		background:url(images/meade_collision_services-hover.jpg);
	}
	
a.nav-testimonials {
	display:block;
	width:99px;
	height:82px;
	background:url(images/meade_collision_testimonials.jpg);
}
	a.nav-testimonials:hover, a.nav-testimonialsON {
		background:url(images/meade_collision_testimonials-hover.jpg);
	}

a.nav-locations {
	display:block;
	width:85px;
	height:82px;
	background:url(images/meade_collision_locations.jpg);
}
	a.nav-locations:hover, a.nav-locationsON {
		background:url(images/meade_collision_locations-hover.jpg);
	}

a.nav-beforeafter {
	display:block;
	width:110px;
	height:82px;
	background:url(images/meade_collision_beforeafter.jpg);
}
	a.nav-beforeafter:hover, a.nav-beforeafterON {
		background:url(images/meade_collision_beforeafter-hover.jpg);
	}

a.nav-faq {
	display:block;
	width:41px;
	height:82px;
	background:url(images/meade_collision_faq.jpg);
}
	a.nav-faq:hover, a.nav-faqON {
		background:url(images/meade_collision_faq-hover.jpg);
	}

a.nav-contact {
	display:block;
	width:70px;
	height:82px;
	background:url(images/meade_collision_contact.jpg);
}
	a.nav-contact:hover, a.nav-contactON {
		background:url(images/meade_collision_contact-hover.jpg);
	}

/***********************************************************************
	3 - Home
************************************************************************/
div.homeHero {
	width:938px;
	height:248px;
	position:relative;
	float:left;
	padding:10px 0 0 11px;
}

div.homepageContent {
	width:628px;
	float:left;
	padding:0 0 0 15px;
	line-height:16px;
	min-height:355px;
}

a.testimonial-button {
	display:block;
	background:url(images/meade_collision_testimonial_button.jpg);
	height:90px;
	width:306px;
	float:left;
}
	a.testimonial-button:hover {
		background:url(images/meade_collision_testimonial_button-hover.jpg);
	}

a.beforeafter-button {
	display:block;
	background:url(images/meade_collision_button_beforeafter.jpg);
	height:90px;
	width:305px;
	float:left;
}
	a.beforeafter-button:hover {
		background:url(images/meade_collision_button_beforeafter-hover.jpg);
	}

div.promo {
	width:465px;
	height:240px;
	float:left;
	padding:11px 0 0 10px;
	position:relative;
}

div.promoText {
	position:absolute;
	background-image:url(images/promoBG.png);
	bottom:0;
	left:10px;
	width:452px;
	height:63px;
	color:#d3e0eb;
	font-weight:bold;
	padding:8px 0 0 13px;
	line-height:18px;
}


div.location-info {
	width:275px;
	float:left;
	margin-bottom:20px;
}

/***********************************************************************
	4 - Subpage
************************************************************************/
div#topSection {
	width:968px;
	float:left;
}
	div#topSection a {
		float:left;
	}

div#subMiddle {
	width:960px;
	margin:0 auto;
	background-color:#f3f3f3;
	position:relative;
}

div.subHero {
	width:938px;
	height:370px;
	position:relative;
	float:left;
	padding:10px 0 0 11px;
}

div.subHeroText {
	position:absolute;
	background-image:url(images/subHeroTextBG.png);
	bottom:0;
	left:11px;
	width:925px;
	height:50px;
	color:#d3e0eb;
	font-weight:bold;
	padding:10px 0 5px 13px;
	line-height:18px;
}

span.subTitle {	
	font-size:24px;
}

div.subpageContent {
	width:600px;
	float:left;
	padding:20px 19px 0 24px;
	line-height:16px;
	min-height:220px;
}

div.beforeafterContent {
	width:600px;
	float:left;
	padding:20px 10px 0 27px;
	line-height:16px;
	min-height:220px;
}
	div.beforeafterContent div p.gallery {
		float:left;
		width:300px;
		margin-bottom:10px;
	}
	div.beforeafterContent div p img {
		border:1px solid #a3a3a3;
		
	}
	div.beforeafterContent div p img.hide {
		display:none;
	}
		

div.entry {
	/*height:220px;*/
	float:left;
	padding:10px 20px 0 8px;
	
}
	div.entry p {
		margin-bottom:10px;
	}
	div.entry ul {
		list-style:disc;
		float:left;
		padding:0 0 5px 25px;
	}
		div.entry ul li {
			padding-bottom:5px;
		}

div.contact {
	height:200px;
}

div.subpageContent p {
	/*margin-bottom:10px;*/
}

div#leadCaptureContainer {
	width:319px;
	height:609px;
	position:absolute;
	background:url(images/leadCaptureBG.png) no-repeat top left;
	top:10px;
	right:10px;
	z-index:10;
}

div#leadCaptureOpacity {
	width:304px;
	height:250px;
	position:absolute;
	top:10px;
	right:10px;	
	z-index:20;
	background-color:#f3f3f3;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

div#leadCapture {
	width:304px;
	position:absolute;
	top:10px;
	right:10px;	
	z-index:30;
}



div#leadCapture h2.widgettitle {
	padding:40px 0 0 20px;
	font-size:24px;
	margin:0;
}

div#leadCapture p {
	padding:0 15px 0 13px;
	line-height:16px;
}

div#leadCapture form.leads {
	padding:15px 0 0 0;
	float:left;
}

div#leadCapture form.leads label {
	width:115px;
	text-align:right;
	float:left;
	padding-top:5px;
}

div#leadCapture form.leads input {
	width:160px;
	float:left;
	margin:0 0 10px 8px;
}

/******* CFORM CHANGES ****************/

div#usermessagea ol {
	display:none;
}
li#li--6 ul.cf_li_text_err {
	padding-left:100px !important;
}
	li#li--6 ul.cf_li_text_err li {
		padding-top:3px;
	}
.cform {
	width:300px !important;
	padding-left:15px !important;
}
ol.cf-ol li.textonly {
	padding:5px 15px 25px 0 !important;
}
.cform label {
	text-align:left !important;
	width:100px !important;
}
li#li--9 {
	padding:10px 0 0 0;
}
.cform label.seccap {
	width:65px !important;
}
.cform select {
	width:151px !important;
}
input#cforms_captcha {
	width:50px !important;
}
div#usermessagea {
	margin:5px auto 0 auto !important;
}
/***********************************************************************
	5 - Footer
************************************************************************/
span.title {
	font-size:18px;
}

a.yellow-link {
	color:#c0c00d !important;
}

div.buckets {
	width:307px;
	height:169px;
	float:left;
	padding:9px 0 0 10px;
	position:relative;
}

div.bucketsText {
	position:absolute;
	background-image:url(images/bucketBG.png);
	bottom:0;
	left:10px;
	width:294px;
	height:38px;
	color:#d3e0eb;
	font-weight:bold;
	padding:7px 0 5px 13px;
	line-height:18px;
}

div.buckets a {
	color:#d3e0eb;
	text-decoration:none;
}

div#pageBottom {
	width:968px;
	background:url(images/homeBottom.jpg) no-repeat;
	height:107px;
	float:left;
	
}

div#pageBottom ul {
	padding:27px 0 0 0;
	font-weight:bold;
	float:left;
}

div#pageBottom li {
	padding-left:25px;
	float:left;
}

div#pageBottom li a {
	color:#404040;
	text-decoration:none;
}

div.footer-logos {
	float:right;
	padding-top:20px;
}

div#pageBottom p {
	float:left;
	font-weight:bold;
	font-size:10px;
	padding:10px 0 0 25px;
}