/* CSS Document */

html {overflow-y: scroll;}

body {
	margin:0px; 
	padding:0px;
	background: url(../images/background.jpg) no-repeat top center #fff;
	color: #000;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;	
}

.sitewidth {
	display:block;
	margin:0px; 
	padding:0px; 
	top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	width:1040px;
}
	
a img {border:none;}
a {color:#800000; text-decoration: none; font-weight: bold; cursor:pointer;}
a:hover 	{color:#333333; text-decoration: underline;	font-weight: bold;}

p {padding: 5px 0px 5px 10px; margin:0px;}
td {vertical-align: top;}

h1 {
	padding:20px 0px 10px 0px;
	margin:0;
	font-size: 24px;
	color:#575858;
	font-family: 'Play', sans-serif;
	font-weight:normal;
}

h1 span {font-size:30px; color:#214230; }

h2 {
	padding:5px 0px 5px 0px;
	margin:0;
	font-size:18px;
	color:#214230;
}

h3 {
	padding:10px 0px 10px 0px;
	margin:0;
	font-size: 16px;
	color:#214230;
}

h4 {
	padding:10px 0px 5px 0px;
	margin: 0;
	font-size: 30px;
	color:#fff;
	font-family: 'Play', sans-serif;
}

h5 {
	padding:0px 0px 5px 0px;
	margin: 0;
	font-size: 18px;
	color:#0053a0;
}

.image-body {
	border:2px solid #214230;
	margin:10px 10px 10px 10px;
}

.image-makes {
	border:2px solid #ffffff;
	margin:5px 20px 10px 0px;
}

.image-build {
	padding:0px; 
	border-width:0px; 
	margin:0px; 
	display: block;
}

#appointment{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:850px;
	height:300px;
	margin:-125px 0 0 -415px;
	text-align:left;
	font-size:14px; 
	padding:10px;
	
	background:#f2f2f2;
	border:5px solid #999;
}
#appointment[id]{
	position:fixed;
}

.black_overlay{
display:none;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1001;
background-color:black;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.header {
	height:135px;
	background:url(../images/header-bg.png) repeat-x;
	font-family: 'Play', sans-serif;
	clear:both;
}

#appt-bg-top {background:url(../images/appt-bg-off.png) no-repeat; width:271px; height:44px; text-align:center;}
#appt-bg-top:hover {background:url(../images/appt-bg-on.png) no-repeat;}
.abt a {color:#fff; font-size:16px;}
.abt a:hover {text-decoration:none !important;}

/*regular menu*/
.menu {padding: 0px; margin:0 auto; list-style-type:square; list-style:none; width:600px; text-transform:uppercase; letter-spacing:-1px;}
.menu li.top {float:left; width:120px; line-height:108px; height:109px;}
.menu li.top:hover {background: url(../images/menu-bg-on.png) repeat;}
.menu li a.top_link { color:#fff; text-decoration:none; font-size:18px; font-weight:700; cursor:pointer;}
.menu li a.top_link span {font-weight:700; display:block; padding:0px 0px 0px 0px; text-align:center;}
.menu li a.top_link:hover {color: #fff;}
/* End Menu Styling */

/*Sub Nav*/
#subnav {
	height:274px;
	margin-top:46px;
	clear:both;
	width:991px !important;
}
.submenu {float:left; padding:0px; margin:0; height:274px;}
.displace {position:absolute; left:-5000px;}
.submenu a {height:274px; overflow:hidden;}

.dealer-alt a {
	background:url(../images/dealer-alt.png) no-repeat; 
	background-position: 0 0; 
	overflow:hidden;
	display:block; 
	width:351px;
	height:274px;
	position:relative;
	z-index:3;
	float:left;
}
.repair a {
	background:url(../images/sub-services.png) no-repeat; 
	background-position: 0 0; 
	overflow:hidden;
	display:block; 
	width:356px;
	height:274px;
	position:relative;
	z-index:2;
	float:left;
	margin-left:-20px;
}
.specials a {
	background:url(../images/sub-specials.jpg) no-repeat; 
	background-position: 0 0; 
	overflow:hidden;
	display:block; 
	width:324px;
	height:274px;
	position:relative;
	z-index:1;
	float:left;
	margin-left:-20px;
}

.dealer-alt a:hover {background-position: 0 -274px;}
.repair a:hover {background-position: 0px -274px;}
.specials a:hover {background-position: 0px -274px;}

/*End of Sub Nav */


.banner-bg {
	float:left;
	background:url(../images/banner-bg.png) repeat-x; 
	width:970px; 
	height:513px; 
	padding:15px; 
	overflow:hidden; 
	margin:10px 0 0 0;
}
.banner-ctr {border:1px solid #fff; overflow:hidden;}
.social-container {width:23px; float:right;}
.social-container ul {display:block; list-style:none; padding:0; margin:40px 0 0 0;}
.social-container ul li {display:block; list-style:none; margin:0; padding:5px 0;}
.social-container span {display:none;}
#fb {background:url(../images/fb-icon-off.png) no-repeat; width:23px; height:23px; display:block; cursor:pointer;}
#fb:hover {background:url(../images/fb-icon-on.png) no-repeat;}
#twitter {background:url(../images/twitter-icon-off.png) no-repeat; width:23px; height:23px; display:block; cursor:pointer;}
#twitter:hover {background:url(../images/twitter-icon-on.png) no-repeat;}
#yt {background:url(../images/youtube-icon-off.png) no-repeat; width:23px; height:23px; display:block; cursor:pointer;}
#yt:hover {background:url(../images/youtube-icon-on.png) no-repeat;}

.main_background {width:1000px; float:left; clear:both;}

.main_bar {
	width:650px;
	float:left;
	margin:10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.title-hr {background:#b9b8b7; height:1px; width:680px; margin:15px 0;}

.side_bar {
	width:300px;
	padding-top:10px; 
	padding-left:10px; 
	padding-bottom:10px;
	margin-right:14px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Play', sans-serif;
}
.side_bar a {color:#fff;}
.side_bar a:hover {color:#fff; text-decoration:none;}
.side-hours {background:url(../images/side-hours-off.png) no-repeat; width:304px; height:190px; margin:15px 0;}
.side-hours:hover {background:url(../images/side-hours.png) no-repeat;}
.side-tips {background:url(../images/tips-off.png) no-repeat; width:304px; height:190px; margin:0 0 15px 0;}
.side-tips:hover {background:url(../images/tips-on.png) no-repeat;}
.side-schedule {background:url(../images/schedule-off.png) no-repeat; width:304px; height:190px; margin-bottom:15px;}
.side-schedule:hover {background:url(../images/schedule-on.png) no-repeat;}
.new-tech {background:url(../images/new-techs.jpg) no-repeat; width:304px; height:190px; font-size: 20px;}
.credit-card {background:url(../images/bosch-side.jpg) no-repeat; width:304px; height:190px; font-size: 20px;margin: 0 0 0 10px;}

.footer {margin-top:20px; background:url(../images/footer-bg2.png) repeat-x; width:1000px; height:310px; float:left;}
.footer-top {width:1000px; height:270px; padding:20px 5px;}
.footer-bottom {color:#fff;}
.footer-bottom a {color:#fff;}
.footer-bottom a:hover {color:#333333;}

.footer_vehicles {float:left; width:150px; margin-top:10px;}
.footer_vehicles {color:#000;}
.footer_vehicles a {color:#000;}
.footer_vehicles a:hover {color:#c30000;}
.footer_vehicles_title {
	height:40px;
	width:360px;
	padding:10px 0;
	color:#214230 !important;
	margin-bottom:10px;
	float:left;
	margin-left:30px;
	font-family: 'Play', sans-serif;
}
.footer-hr {background:#214230; float:left; width:600px; height:1px; margin-top:40px;}
.footer_vehicles_title h1 {color:#214230; font-size:24px; font-weight:normal; text-transform:uppercase;}
.footer_vehicles_top-container {width:1000px; padding:0; margin:0 auto;}
.footer_vehicles_top {float:left; margin-right:30px;}

.shadow {
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
}

.text-shadow {
	text-shadow: 1px 1px 2px #000;
}

.rounded {
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
}

.gradient {
	background-size: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#636363));
	background: -webkit-linear-gradient(top, #f8f8f8 0%,  #636363 100%);
	background: -moz-linear-gradient(top, #f8f8f8 0%,  #636363 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,  #636363 100%);
	background-color:#bcbcbc;
}

.scrolltext {
	background-size: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f0000), color-stop(100%,#340000));
	background: -webkit-linear-gradient(top, #7f0000 0%,  #340000 100%);
	background: -moz-linear-gradient(top, #7f0000 0%,  #340000 100%);
	background: -ms-linear-gradient(top, #7f0000 0%,  #340000 100%);
	background-color:#7f0000;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.appointment {
	background-image:url(../images/swoop.png);
	background-position:top;
	background-repeat:no-repeat;
	height:124px;
	width:591px;
	position:relative;
	z-index:200px;
	margin:-10px 0 0 -276px;
	text-align:right;
}

.side_bar-boxes {
	width:278px;
	padding:10px;
	margin-top:-2px;
	margin-bottom:15px;
	border:2px solid #a19d9a;
	background-size: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02076c), color-stop(100%,#01032c));
	background: -webkit-linear-gradient(top, #02076c 0%,  #01032c 100%);
	background: -moz-linear-gradient(top, #02076c 0%,  #01032c 100%);
	background: -ms-linear-gradient(top, #02076c 0%,  #01032c 100%);
	background-color:#02076c;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333, inset 1px 1px 2px #333;
}

.side-title-box {
	background:url(../images/sidebar-title.png) no-repeat;
	height:57px;
	width:302px;
	margin-top:10px;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333, inset 1px 1px 2px #333;
}

.carcare ul {list-style-position:outside; list-style:none;}
.carcare li {background:url(../images/shop-icon-sm.png) no-repeat; background-position:left; list-style:none; padding:5px 5px 10px 30px;}

/*Alternate Footer
.footer {
	border-top:#fff 5px solid;
	background:url(../images/footer-bg.jpg) repeat-x;
	background-color:#1e1e1d;
	height:100%;
	padding-bottom:20px;
	padding:20px 0;
}

.footer {color:#fdfc9d;}
.footer a {color:#fff;}
.footer a:hover {color:#fff;}

.fv-container {float:left; width:285px; text-align:center; color:#fff; padding:0 20px 0 20px;}
.fv-container ul {list-style:outside; list-style-type:none; padding:0; float:left; width:100px; text-align:left; margin-left:20px; margin-top:-20px;}
.fv-container a {color:#fff;}
.fv-container a:hover {color:#fdfc9d;}
*/