@charset "UTF-8";
/* text-shadow: 0.01em 0.01em 0.1em #999; */
@font-face {
font-family: helvetica-neue;
src: url(helvetica-neue.eot);
src: local('helvetica-neue'), local('helvetica-neue'),
url(helvetica-neue.otf) format('opentype');
}
/* general styles */
body {background:url(img/darkdenim4.png) repeat;font-family:"helvetica-neue", Helvetica, Arial, sans-serif; margin:0; padding:0; text-align: center;}
img {border:none;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {float: left;}
.grid-1 {width:156px;}
.grid-2 {width:322px;}
.grid-3 {width:488px;}
.grid-4 {width:654px;}
.grid-5 {width:820px;}
.grid-6 {width:986px;}
.inner {padding:10px;}
.innertop {margin-top:10px;}
.innertop3 {margin-top:30px;}
.innerbottom {margin-bottom:10px;}
.innerbottom2 {margin-bottom:20px;}
.innerright {margin-right:10px;}
.innerright2 {margin-right:20px;}
.innerleft {margin-left:10px;}
.floatright {float:right;}
.floatleft {float:left;}
#contain-all {height:600px;margin:0 auto; padding:0; text-align:left; width:986px;}

/* header styles */
#logo {background:url(img/alpine_auto_logo_header.png) no-repeat; height:145px; text-indent: -3333px;}
#head {color:#fff; margin-top:10px;}
.basics {float:right;}
.basics p {font-weight:bold;font-size:14px;line-height:22px;margin:0;padding:0;}
.basics h2 {font-weight:lighter;font-size:32px;margin:0;padding:0;}
.basics h3 {font-weight:bold;font-size:14px;margin:0 0 10px 0;padding:0;}
.basics h4 {font-weight:normal;font-size:14px;margin:0 0 5px 0;padding:0;}
.basics a {color:#00d96b;text-decoration:none;}
.basics a:hover {text-decoration:underline;}

/* nav styles */
.page-tabs {color:#fff; font-weight:lighter;}
.page-tabs ul {border-bottom: 1px solid #fff; margin:0; padding:0;}
.page-tabs li {display:inline; list-style-type:none;padding:10px 20px 0 0;}
.page-tabs a {color:#fff; text-decoration:none;}
.page-tabs a:hover {color:#00d96b;}
.current {font-weight:bold;}

/* marquee styles */
/*--Main Carousel Styles--*/
#maincontent {margin-top:10px;}

.main_view {float: left; position: relative;}
/*Window/Masking*/
.window {height:300px; overflow:hidden; position:relative; width:986px;}
.image_reel {left: 0;position: absolute;top: 0;width:2958px !important;}
.slide {display:inline; height:300px; float:left; overflow:hidden;width:986px;}
.marquee-1 {background:url(img/marquee-1.986x300.jpg);}
.marquee-2 {background:url(img/marquee-2.986x300.jpg);}
.marquee-3 {background:url(img/marquee-3.986x300.jpg);}

.black-box-1, .black-box-2, .black-box-3 {padding:10px;position:absolute;top:20px;}

.black-box-1 {background:rgba(0, 0, 0, 0.75);width:488px;}
.black-box-2 {background:rgba(0, 0, 0, 0.75);width:488px;}
.black-box-3 {background:rgba(0, 0, 0, 0.75);width:488px;}

.black-box-1 a, .black-box-2 a, .black-box-3 a {color:#00d96b;margin:0;padding:0;text-decoration:none;}
.black-box-1 a:hover, .black-box-2 a:hover, .black-box-3 a:hover {text-decoration:underline;}
.black-box-1 h2, .black-box-2 h2, .black-box-3 h2 {font-weight:lighter;line-height:30px;margin:0 0 5px 0;padding:0;}

.black-box-1 h2 {color:#fff;}
.black-box-2 h2 {color:#fff;}
.black-box-3 h2 {color:#fff;}

/*Paging Styles*/
.paging {background-color:#222;bottom:10px;display:none;height:auto;position:absolute;right:0;text-align:center;width:100px;z-index:100;}
.paging a {color: #00d96b;font-size:14px;padding: 5px;text-decoration: none;}
.paging a.active {color:#fff;font-weight: bold;}
.paging a:hover {font-weight: bold;}

.marquee {background:url(img/marquee.jpg) no-repeat; height:250px;margin-top:10px;}
.headline {background:rgba(255, 255, 255, 0.75);height:150px;margin-top:30px;width:400px;}
.headline h1 {color:#000;font-size:22px;font-weight:lighter;line-height:24px;margin:0;padding:20px 20px 10px 20px;}
.headline h2 {color:#000;font-size:14px;font-weight:normal;line-height:16px;margin:0;padding:0 20px;}

/* aside styles */
#reviews {border-left:1px solid #fff; float:right; height:250px; margin:20px 0;padding:0;}
#reviews h1 {color:#fff;font-size:14px;line-height:16px;margin:0;padding:0 10px 10px;}
#reviews ul {margin:0;padding:0 0 0 10px;}
#reviews li {font-size:14px; font-weight:bold; line-height:20px; list-style-type:none;}
#reviews a {color:#00d96b; margin:0;padding:0;text-decoration:none;}
#reviews a:hover {color:#fff;}

/* paragraph styles */
.paragraph p {color:#fff;}

/* footer styles */
.legal {border-top:1px solid #fff;}
.legal p {color:#fff;font-size:12px;}

/* SERVICES PAGE */
.service-intro {background-color:#333;height:140px;padding:10px;}
.service-intro img {float:right;margin-right:10px;}
.service-types img {border:1px solid #fff;float:left;height:156px;margin-right:10px;width:156px;}
#service h1 {color:#baffeb;font-size:24px;font-weight:lighter;margin:20px 0;padding:0;}
#service h2 {color:#fff;font-size:20px;font-weight:bold;margin:0 0 10px 0;padding:0;}
#service h4 {color:#fff;font-size:16px;font-weight:lighter;line-height:18px;margin:0;padding:0;}
#service ul {margin:10px 0;padding:0;}
#service li {list-style-type:none;height:156px;margin:10px 0;padding:0;} 
#service h3 {color:#baffeb;font-size:20px;font-weight:lighter;margin:0 0 5px 0;padding:0;}
#service p {color:#fff;font-size:14px;line-height:16px;margin:0;}


/* FAQ PAGE */
#faq h1 {color:#baffeb;font-size:24px;font-weight:lighter;margin:0 0 10px 0;padding:0;}
.insurance-info {background-color:#333;padding:10px;}
#faq h2 {color:#baffeb;font-size:20px;font-weight:lighter;margin:10px 0;padding:0;}
#faq h3 {color:#baffeb;font-size:14px;font-weight:bold;line-height:20px;margin:10px 0 0 0;}
#faq h4 {color:#fff;font-size:18px;font-weight:100;margin:20px 0;}
#faq p {color:#fff;font-size:14px;line-height:16px;margin:0 0 10px 0;}
#faq a {color:#00d96b;font-weight:bold;text-decoration:none;}
#faq a:hover {color:#fff;}

/* CONTACT PAGE */
.map {margin:10px 10px 20px 0;}
.map a {color:#00d96b;font-size:14px;text-decoration:none;}
#contact {margin:20px 0;}
#contact h1 {color:#fff;font-size:24px;font-weight:lighter;margin:0 0 10px 0;padding:0;}
#contact h2 {color:#fff;font-size:20px;font-weight:lighter;margin:0 0 10px;padding:0;}
#contact h3 {color:#fff;font-size:14px;font-weight:bold;line-height:20px;margin:10px 0 0 0;}
#contact p {color:#fff;font-size:14px;line-height:16px;margin:10px 0 0 0;}
#contact a {color:#00d96b;font-size:20px;text-decoration:none;}
#contact a:hover {color:#fff;}