/* CSS Document */

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
}

* {
	margin:0;
	padding:0;
}

html {
    overflow-y: scroll;
}

.right {
	float:right;
}

.left {
	float:left;
}

.center { 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}


/*--------clearfix--------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
    zoom: 1;
}


body {
    padding: 0;
    margin: 0;
    min-width: 1000px;
	background-color:#74797d;
	background-image:url(../siteart/Bottom_texture_unlined.jpg);
	font-family:  Arial, Helvetica, sans-serif;
	background-attachment:fixed;
}


/*--------header--------*/

.header-wrap {
	background-image:url(../siteart/Salem-Banner-Background.png);
	background-repeat:repeat-x;
	height:110px;
}

.logo {
	width:500px;
	float:left;
}

.slogan {
	margin:0 0 5px -25px;
}

header {
	width:1000px;
	margin:0 auto;
	clear:both;
}

/*--------top nav--------*/

nav {
    width: 388px;
	float:right;
	margin-top:80px;
}

nav li {
	list-style:none;
	display:block;
	float:left;
	font-size:14px;
	padding:0 10px;
	border-right:1px #fff solid;
}

nav .last {
	border-right:none;
}

nav a:link { color:#fff; text-decoration:none;}
nav a:visited { color:#fff; text-decoration:none;}
nav a:hover { color:#2f4985; text-decoration:none;}
nav a:active { color:#fff; text-decoration:none;}


/*--------main content--------*/

.wrap {
	width:1008px;
	margin:0 auto;
	padding-top:40px;
	background-image:url(../siteart/Bottom_texture.jpg);
    background-repeat: repeat;
}

#main {
	background-image:url(../siteart/main-img.png);
	width:1005px;
	height:295px;
	margin:0 auto;
}

/*--------main content nav--------*/
.menu {
	clear:both;
	position:relative; 
	background:url(images/bg.gif) no-repeat; 
	height:35px; 
	width:459px;
}

.application-button {
	padding: 10px 20px;
	font-size: 20px;
	text-decoration: none;
	background-color: #ec0e17;
	margin-top: 25px;
	color: white;
	font-weight: bold;
	border-radius: 10px;
}

.style1 {
	font-size: medium;
	margin-bottom: 25px;
}

.menu ul {
	list-style:none; 
	z-index:10; 
	position:absolute; 
	z-index:100; 	
    width: 600px;
	float:left;
}

.menu li {
	margin:20px 0 0 4px;
	display:block;
	float:left;
	font-size:16px;
}

.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:20px 30px;}

#slide {position:absolute;  height:60px; background-image:url(../siteart/nav-bg.png);
	background-repeat:repeat-x; z-index:10;}


/*--------middle content--------*/
.main-mid {
	clear:both;
	width:994px;
	margin:0 auto;
	background-color:#f0f0f0;
	border-left:1px #7f8080 solid;
	border-right:1px #7f8080 solid;
	border-top:1px #000 solid;
	padding-bottom:25px;
}

.main-mid h1 {
	font-size:20px;
	font-weight:normal;
}

.hr {
	background-image:url(../siteart/dotty-rule.gif);
	background-repeat:repeat-x;
	width:585px;
	height:6px;
}

.hr2 {
	background-image:url(../siteart/dotty-rule.gif);
	background-repeat:repeat-x;
	width:339px;
	height:6px;
}

.hr3 {
	background-image:url(../siteart/dotty-rule.gif);
	background-repeat:repeat-x;
	width:400px;
	height:6px;
}

.hr4 {
	background-image:url(../siteart/dotty-rule.gif);
	background-repeat:repeat-x;
	width:490px;
	height:6px;
}

.left {
	width:390px;
	min-height:110px;
	float:left;
	padding:25px;
	border-right:1px #fff solid;
}

.left p {
	width:400px;
	color:#363d45;
	font-size:12px;
	padding-top:10px;
}

.mid-left {
	width:570px;
	min-height:110px;
	float:left;
	padding:25px;
	border-right:1px #fff solid;
}
.mid-left p {
	width:400px;
	color:#363d45;
	font-size:12px;
	padding-top:10px;
}

.contact {
	width:250px;
float:left;
}

.mid-left li {
	margin:25px 25px 0 40px ;
	list-style:none;
	display:block;
	float:left;
	
}

.left li {
	margin:25px 30px 0 0px ;
	list-style:none;
	display:block;
	float:left;
	
}

.right {
	width:502px;
	min-height:110px;
	border-left:1px #e4e3e3 solid;
	padding:25px;
	float:left;
}

.mid-right {
	width:320px;
	min-height:110px;
	border-left:1px #e4e3e3 solid;
	padding:25px;
	float:left;
}

.mid-right a:link { color:#2f4985; text-decoration:none; font-weight:bold;}
.mid-right a:visited { color:#2f4985; text-decoration:none; font-weight:bold;}
.mid-right a:hover { color:#000; text-decoration:underline; font-weight:bold;}
.mid-righta:active { color:#2f4985; text-decoration:none; font-weight:bold;}

.right a:link { color:#2f4985; text-decoration:none; font-weight:bold;}
.right a:visited { color:#2f4985; text-decoration:none; font-weight:bold;}
.right a:hover { color:#000; text-decoration:underline; font-weight:bold;}
.righta:active { color:#2f4985; text-decoration:none; font-weight:bold;}

.mid-right p {
	width:160px;
	float:left;
	color:#363d45;
	font-size:12px;
	padding-top:10px;
}

.right p {
	width:207px;
	float:left;
	color:#363d45;
	font-size:12px;
	padding-top:10px;
}

.shadow {
	width:996px;
	margin:0 auto;
	margin-left:6px;
}


/*--------truck/trailer buttons--------*/

.button a {
	width:90px;
	padding:5px 35px;
	display:block;
	background-image:url(../siteart/scroll-bg.gif);
	background-repeat:repeat-x;	color:#fff;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	border:1px #000 solid;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
}

.button a:hover {
	width:90px;
	padding:5px 35px;
	background-image:url(../siteart/scroll-bg-on.gif);
	background-repeat:repeat-x;	display:block;
	color:#fff;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
}

/*--------locations--------*/

.locations {
	width:950px;
	padding:25px 25px 15px 25px;
	float:left;
}

.locations p {
	width:475px;
	color:#363d45;
	font-size:12px;
	padding-top:8px;
	float:left;
}

.locations a:link { color:#2f4985; text-decoration:none; font-weight:bold;}
.locations a:visited { color:#2f4985; text-decoration:none; font-weight:bold;}
.locations a:hover { color:#000; text-decoration:underline; font-weight:bold;}
.locations a:active { color:#2f4985; text-decoration:none; font-weight:bold;}

.map {
	clear:both;
	width:950px;
	padding-left:25px;
}

.map iframe {
	float:left;
	margin-right:4px;
	border:1px #000 solid;
}

/*--------inventory--------*/

.inventory {
	width:1000px;
	margin:0 auto;
	margin-top:25px;
	border: 1px #000 solid;
}



/*--------scrolling inventory--------*/
#scroll {
	margin:0; 
	padding:8px 10px 6px 10px;
	background-image:url(../siteart/scroll-bg.gif);
	background-repeat:repeat-x;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	border:1px #000 solid;
}


#scroll a:link, #scroll a:visited, #scroll a:active {
	margin-right:4px;
}


#scroll a:hover {
	margin-right:4px;
}

/*--------footer--------*/

.footer-wrap {
	margin-top:50px;
	padding-bottom:20px;
	background-image:url(../siteart/footer-bg.gif);
	background-repeat:repeat-x;
	background-color:#74797d;
}

footer {
	width:1000px;
	margin:0 auto;
}

footer ul {
	width: 400px;
	margin:0 auto;
	padding:20px 0;
}

footer li {
	list-style:none;
	display:block;
	float:left;
	font-size:14px;
	padding:0 10px;
	border-right:1px #fff solid;
}

footer .last {
	border-right:none;
}

footer a:link { color:#fff; text-decoration:none;}
footer a:visited { color:#fff; text-decoration:none;}
footer a:hover { color:#2f4985; text-decoration:none;}
footer a:active { color:#fff; text-decoration:none;}


a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; line-height:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; line-height:13px; color:#fff;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;line-height:13px; }

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;line-height:13px;}

.divfooter {width:450px; text-align:center; margin:0 auto; padding:20px 0; line-height:13px; color:#fff;}