/******************************************************************************************************************/
/******** RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/
/******************************************************************************************************************/
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: normal;font-style:inherit;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#00131d;}

:focus {outline: 0;}

input, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;}

ul, ol {list-style:none;}
caption {text-align:left;font-weight:normal;}
em {font-style:italic;}
strong {font-weight:bold;}
sup {font-size:0.7em;vertical-align:top;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

/* remove borders from linked images */
a img {border:none;}



/* tables still need cellspacing to match in the markup */
table {border-collapse:separate;border-spacing:1px;}
th, td {font-weight:normal;}


/******************************************************************************************************************/
/**************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/
/******************************************************************************************************************/

body {background: #333 url(/images/bg_body.jpg) repeat;} 

/* default header styles */
h1, h1 span, h2, h2 span, h3, h4, h5, h6, .head, .title {font-family:"Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;color: #000000;line-height:1em;}
h1 {font-size: 2em;color:#f28300;margin-top:10px;}
h6 {font-size: 2em;color:#000000;margin-top:10px;}
h2 {font-size:1.8em;margin-top:20px;}
h3 {font-size:1.3em;margin-top:10px;}
h4 {margin-top:20px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;font-size: .95em;line-height:1em;text-transform:uppercase;}	
h5 {margin-top:7px;}
	h5 span {display:none;}


/* default link styles */
a, a:visited, a:focus {color:#002437;text-decoration:underline;}
a:hover {color:#f28300;text-decoration:underline;}

a.button {display:inline-block;width:150px;margin:2px 0;padding:2px 4px;background:#900;color:#fff;text-decoration:none;border:2px solid #c00;font-weight:bold;text-align:center;font-family:Trebuchet MS, Tahoma, Arial, san-serif;}

/* default text styles */
p {margin:0 0 7px 0;color:inherit;}

img.left {float:left;margin:10px 25px 25px 0;}
img.right {float:right;margin:10px 0 25px 25px;}
img.icon {vertical-align:middle;}

/******************************************************************************************************************/
/****************************************GLOBAL LAYOUT ELEMENTS ****************************************************/
/******************************************************************************************************************/

#wrapper {float:left;width:100%;background: transparent url(/images/bg_bodyTexture.jpg) center top no-repeat;}
#contentWrapper {width:970px;margin:0 auto;}
#content {float:left;display:block;width:970px;background:#333;border-left:10px solid #333;border-right:10px solid #333;}
	
	.header {float:left;display:block;width:970px;height:258px;background: transparent url(/images/bg_header.jpg) center top no-repeat;}
		 .topNav {float:right;width:391px;height:34px;}
		 	.topNav li {float:left;position:relative;height:34px;}
			.topNav li.divider {width:2px;background: url(/images/bg_topNavDivider.png) left 11px no-repeat;}
				.topNav li a {display:block;height:34px;}
				.topNav li.home a {width:57px;background: transparent url(/images/btn_home.png) center top no-repeat;}
				.topNav li.about a {width:62px;background: transparent url(/images/btn_about.png) center top no-repeat;}				
				.topNav li.contact a {width:84px;background: transparent url(/images/btn_contact.png) center top no-repeat;}
				.topNav li.facebook a {width:84px;background: transparent url(/images/btn_facebook.png) center top no-repeat;}
				.topNav li a:hover, .topNav li a.active {background-position:left bottom;}
		 
		 
		 .logo {float:left;display:block;width:970px;height:141px;background: url(/images/logo-meyer-truck-center.png) left top no-repeat;}
		
	/* main navigation row */
	.menu {float:left;width:970px;height:43px;}			
		/* the main navigation */ 
		.menu li {float:left;display:block;position:relative;}		
			.menu li a {display:block;width:161px;height:44px;}			
			.menu li.chassis a {background: url(/images/btn_chassis.png) center 0 no-repeat;}			
			.menu li.brochures a {background: url(/images/btn_brochures.png) center 0 no-repeat;}	
			.menu li.trucks a {background: url(/images/btn_trucks.png) center 0 no-repeat;}			
			.menu li.trailers a {background: url(/images/btn_trailers.png) center 0 no-repeat;}			
			.menu li.parts a {background: url(/images/btn_parts.png) center 0 no-repeat;}			
			.menu li.gallery a {background: url(/images/btn_gallery.png) center 0 no-repeat;}
			.menu li.finance a {background: url(/images/btn_finance.png) center 0 no-repeat;}
			.menu li a:hover, .menu li a.active {background-position:left bottom;}
			
	/* tagline/phone/search row */
	.taglineRow {float:left;width:970px;height:46px;background: url(/images/bg_taglineRow.png) left top no-repeat;position:relative;z-index:4000;}
		.taglineRow .search {display:block;width:227px;height:35px;position:absolute;top:5px; left:auto;right:60px;background: url(/images/btn_search.png) left top no-repeat;}
		.taglineRow .search:hover {background-position:left bottom;}
			
/* changing content area */	
.changingContent {float:left;width:970px;position:relative;left:0;top:-20px;}	

.changingContent ul.bullets, #changingContent ol.bullets {margin-left:10px;margin-left:30px;list-style:square;}
	.changingContent ul.bullets li {list-style:square;}


/* footer */
.footer {float:left;width:930px;height:155px;padding:30px 20px 0;background: url(/images/bg_footer.jpg) left top no-repeat;}
	.address {float:right;width:300px;text-align:right;color:#fff;line-height:1.9em;}
		.address a {color:#fff;text-decoration:none;}
		.address a:hover {color:#f28300;}
		
	.footerNav {float:left;width:90px;}
	.footer .firstCol {margin-left:260px;margin-right:30px;border-right:1px solid #ccc;}
		.footerNav li {float:left;position:relative;width:130px;margin-bottom:2px;}
			.footerNav li a {font-size:11px;color:#f28300;text-transform:uppercase;text-decoration:none;}
			.footerNav li a:hover {color:#fff;}
			.footerNav li a.facebook {display:block;width:84px;height:37px;background: url(/images/btn_footer_facebook.png) left top no-repeat;}
			.footerNav li a.facebook:hover {background-position:left bottom;}

/******************************************************************************************************************/
/*************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS ****************************************/
/******************************************************************************************************************/

/* all ****************************************************************************************************************************/
.copyWrapper {float:left;width:950px;margin:10px 0;padding:10px;background:#fff;}
.leftCol {width:650px;}
.leftCol2 {width:950px;}
.rightCol {float:left;width:250px;margin-left:5px;padding:5px 5px 5px;background:#333;}
	.rightCol p, .rightCol h2, .rightCol h1, .rightCol a {color:#fff;}
	.rightCol .caption {background:#333 !important;}
.caption {display:block;background:#000;color:#fff;padding:25px;}
	.caption p {color:#fff;}
	.caption h2 {color:#f28300;font-size:1.6em;margin-top:0;}
.section {padding:20px;}



/* home ****************************************************************************************************************************/

/* slider */
.sliderWrapper {float:left;width:970px;height:413px;position:relative;left:0;top:0;z-index:1000;}	
	#sliderNav {display:block;height:40px;padding:3px 10px;position:absolute;left:auto;right:20px;top:auto;bottom:0;background: url(/images/bg_sliderNav.png) left top repeat-x;z-index:7000;}		
		#sliderNav  a {float:left;display:block;width:24px;height:18px;padding:3px 0;background: transparent url(/images/btn_sliderNav.png) center 0 no-repeat;cursor:pointer;margin:0 2px;text-align:center;color:#fff;text-decoration:none;font-size:11px;font-family:"Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;font-weight:bold;}
		#sliderNav a:hover, #sliderNav a.activeSlide {background-position:left bottom;color:#000;}	
		
/* current inventory */	
.currentInventory {float:left;width:970px;padding:20px 0 10px;background: #333 url(/images/bg_currentInventory.png) left 20px no-repeat;}
	.currentInventory h1 {margin-left:30px;}
	.currentInventory ul {float:left;margin:25px 0 15px;}
		.currentInventory li {float:left;margin-right:1px;}
		
/** green area, properties page tables **/
table.properties {background:#fff;margin-top:10px;}
	table.properties td {background:#e0e0e0;border:5px solid #fff;padding:15px;} 
		table.properties td table  {background:#ccc;}
			table.properties td table td, table.properties td table th {background:#efefef;padding:2px 4px;text-align:center;border:0;}
			table.properties th {background:#666 !important;color:#fff;}