@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.noMobile {
	display: none;
}
#success { background-color: #FFFFFF; bottom: 0px; height: auto; left: 0; position: absolute; top: 0px; text-align: center; width: 100%; z-index: 100; }
#success .fullCenter { color: #000000; height: 50px; margin-top: -25px; position: absolute; top: 30%; width: 100%; }
#success .thankYou { font-size: 30px; }
#success .aw { color: #040D54; font-size: 24px; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

@media only screen { 
	
	.container { width: 95%; }
	header { padding-top: 15px; }
	#main { position: relative; overflow: auto; top: 140px; width: 100%; }
	footer { position: relative; overflow: auto; padding: 10px 0 10px 0; top: 140px; }
	
	#logo { display: block; }
	#phone { display: none; font-size: 20px; padding: 20px 0; }
	#phone a { color: #FFFFFF; text-decoration: none; }
	navigation ul.navigation { display: none; }
	navigation .mobileNavigation { padding-bottom: 10px; }
	navigation .mobileNavigation select { font-size: 15px; font-weight: 300; height: 40px; padding: 10px 0px 10px 10px; margin-top: 10px; width: 95%; }
	.headerShadow { position: fixed; text-align: center; top: 130px; width: 100%; z-index: 4; }
	img.featuredVehicleImg { display: none;}
	#slider { display: none; margin: 0 5% 0 5%; text-align: center; width: 90%;}
	#home1 { background: url(../images/vehicleLine.jpg); background-size: cover; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #8C8C8C; margin: 0; min-height: 500px; padding: 0px 0px 30px 0px; overflow: auto; width: 100%; }
	.left { display: block; margin: 0 3% 0 3%; padding: 30px 0 0 0; text-align: center; width: 94%; }
	.right { display: block; margin: 30px 3% 0 3%; padding: 30px 0 0 0; text-align: center; width: 94%; }
	img.dealerImg{ border: #999999 3px solid; }
	img.aboutImg{ border: #FFFFFF 3px solid; }
	img.aboutSpace { margin: 5px; }
	a.socialLinks { color: inherit; transition: 0.2s; -webkit-transition: 0.2s; }
	a.socialLinks:hover { color: #FFFFFF; transition: 0.2s; -webkit-transition: 0.2s; }
	a.socialLinks2 { color: inherit; transition: 0.2s; -webkit-transition: 0.2s; }
	a.socialLinks2:hover { color: #000000; transition: 0.2s; -webkit-transition: 0.2s; }
	.homeText { font-size: 18px; margin: 20px auto; max-width: 420px; }
	.transparentBG { background-color:rgba(255,255,255, 0.3); padding-bottom: 15px; }
	.homeButtons { display: inline; width: 230px; }
	hr { display: none; }
	div.needHelp{ display: none; }
	div.helpForm{ display: none; }
	
	#home2 { background-color: #318745; overflow: auto; padding-bottom: 15px; padding-top: 15px; width: 100%; }
	#home2 h3 { color: #FFFFFF; display: block; float: left; font-size: 35px; font-weight: 300; max-width: 600px; padding-left: 10px; text-shadow: #333333 1px 1px 3px; }
	#testimonialList { color: #FFFFFF; display: block; font-size: 18px; max-width: 600px; padding-left: 10px; }
	#affiliates { display: block; padding-top: 30px;  text-align: center; width: 100%; }
	#affiliates img { padding-left: 10px; }
	#home3 { background: url(../images/mapBG.jpg); background-size: cover; border-bottom: 2px solid #E0E0E0; border-top: 2px solid #FFFFFF; margin: 0; min-height: 350px; padding: 0px 0px 0px 0px; overflow: auto; width: 100%; }
	#contactBox { margin: 15px 5% 0 5%; text-align: center; width: 90%; }
	#contactBox img { display: block; margin: 0; padding: 0; }
	.contactBoxBottom { background-color: #00B159; color: #FFFFFF; display: block; height: 100%; margin: 0; padding:20px 0 0 0; text-align: center; width: 295px; }
	.contactBoxBottom p { margin: 30px 5% 0 5%; width: 90%;}
	span.address { font-size: 16px; }
	a.address { color: inherit; font-size: 16px; transition: 0.2s; -webkit-transition: 0.2s; }
	a.address:hover{ color: #000000; transition: 0.2s; -webkit-transition: 0.2s; }
	span.black { color: #000000; font-size: 18px; }
	.footerLogo { display: block; margin: 0 auto; width: 100%; }
	.footerNav { display: none; }
	.footerCopyright { display: block; font-size: 14px; color: #FFFFFF; margin: 0 auto; text-align: center; width: 100%; }
	.footerCopyright a { color: inherit; text-decoration: none; }
	h1.inventoryHeader { color: #040D54; font-size: 35px; font-weight: 400; margin: 25px 0px 0px 0px; padding: 15px 0px 5px 0; text-align: center; }
	h2.subTitle { color: #7D7D7D; font-size: 24px; font-weight: 300; margin: 0; padding: 0; text-align: center; }
	#pagination { font-size: 20px; margin: 50px 0 0 0; text-align: center; }
	#pagination a { color: inherit; text-decoration: none; }
	#pagination a.current { font-weight: bold; text-decoration: underline; } 
	#pagination a:hover { text-decoration: underline; } 
	#inventorySearch { font-size: 20px; margin: 50px 0 0 0; text-align: center; }
	#selectMake { display: block; margin: 0 auto; width: 100%; }
	#selectType { display: block; margin: 0 auto; width: 100%; }
	#selectPrice { display: block; margin: 0 auto; width: 100%; }
	#selectMake select, #selectType select, #selectPrice select { -webkit-appearance: none; -moz-appearance: none; background: url(../images/dropdown.jpg) no-repeat right #FFFFFF; border: #040D54 2px solid; border-radius: 0px; color: #575757; font-size: 16px; margin: 10px 0 0 0; padding: 10px; overflow: hidden; width: 250px; }
	
	
	div.vehicle { margin: 50px 0 0 0; }
	div.vehicle:hover{ cursor: pointer; }
	
	
	div.vehicleTitle { background: #E1E1E1; border-radius: 5px 5px 0px 0px; display: block; font-size: 22px; font-weight: bold; padding: 10px 5% 10px 5%; text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 1px; z-index: 4; }
	div.vehicleBody { background: #E1E1E1; display: block; overflow: auto; padding: 10px; }
	div.oddColor { background: #dcebdb; }
	div.soldColor { background: #EBDBDB; }
	
	div.imageInfo { display: block; text-align: center; }
	div.priceButtons { display: block; }
	div.vehicleRibbon { background: url(../images/ribbon.png) no-repeat; color: #FFFFFF; font-size: 14px; height: 41px; padding: 13px 0 0 30px; position: absolute;  margin: -40px 0px 0px -24px; text-shadow: rgba(0, 0, 0, 0.38) 0px 1px 2px; width: 145px; }
	div.ribbonSold { background: url(../images/ribbonSold.png) no-repeat; }
	div.pricing { margin: 50px 0 0 0; padding: 0px 0px 0px 10px; }
	span.retail { color: #959595; font-size: 20px; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 1px; }
	span.retailPrice { color: #959595; font-size: 30px; margin-left: 32px; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 1px; }
	span.internet { color: #018C47; font-size: 20px; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 1px; }
	span.internetPrice { color: #018C47; font-size: 30px; margin-left: 15px; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 1px; }
	img.divider { display: block; height: 1px; margin: 10px 0 10px -10px; }
	a.inventoryLinks { color: #040D54; font-size: 20px; margin-left: 10px; text-decoration: none; transition: 0.2s; -webkit-transition: 0.2s; }
	a.inventoryLinks:hover { color: #FFFFFF; transition: 0.2s; -webkit-transition: 0.2s; }
	ul.inventoryInfo { display: none; }
	ul.inventoryInfo li { font-size: 18px; list-style: none; padding-bottom: 8px; width: 250px; }
	ul.inventoryInfo span { font-size: 14px; font-weight: bold; margin-right: 10px; text-transform: uppercase; }
	div.tabletOptions { display: none; }
	div.goBack { margin: 20px 0 10px 0; }
	a.viewAllInventoryBtn { color: #040D54; font-weight: bold; transition: 0.2s; -webkit-transition: 0.2s; }
	a.viewAllInventoryBtn:hover { color: #999999; transition: 0.2s; -webkit-transition: 0.2s; }
	img.backArrow { margin-right: 10px; }
	
	
	
	h1.vHeader { font-size: 40px; font-weight: bold; margin-bottom: 0px; text-align: center; }
	div.vPricing { margin: 10px 0 0 0; padding: 0px 0px 0px 10px; text-align: center; }
	span.vretail { color: #959595; font-size: 20px; }
	span.vinternet { color: #018C47; font-size: 20px; }
	span.vspace1 { margin-left: 59px; }
	span.vspace2 { margin-left: 32px; }
	div.vQuote { margin: 25px 0 0 10px; }
	a.freeQuote { background-color: #068B48; border: #636467 2px solid; color: #FFFFFF; font-size: 14px; padding: 15px 25px 15px 25px; text-shadow: #333333 0px 1px 1px; transition: 0.2s; -webkit-transition: 0.2s; }
	a.financeLink { background-color: #040D54; border: #636467 2px solid; color: #FFFFFF; font-size: 14px; padding: 15px 25px 15px 25px; text-shadow: #333333 0px 1px 1px; transition: 0.2s; -webkit-transition: 0.2s; display: inline-block; margin-top: 30px;}
	a.freeQuote:hover { background-color: #FFFFFF; color: #000000; text-shadow: none; transition: 0.2s; -webkit-transition: 0.2s; }
	a.financeLink:hover { background-color: #FFFFFF; color: #000000; text-shadow: none; transition: 0.2s; -webkit-transition: 0.2s; }
	div.vQuestion { font-size: 28px; font-weight: 500; margin: 35px 0 0 10px; }
	img.carfax { margin-top: 15px; }
	div.vehicleLeftDetails { display: block; text-align: center; }
	div.vehicleRightImg { display: block; text-align: center; }
	img.vehicleMainImg { border: 4px solid #b4b4b4; margin: 10px 0 0 0; max-width: 270px; }
	div.vehicleTop { display: block; }
	div.vehicleBottom{ display: block; }
	div.vehicleDescription{ display: block; padding-top: 30px; text-align: center; }
	span.vehicleDetailsTitle { font-size: 30px; font-weight: bold; }
	div.vehicleThumbs{ display: block; padding-top: 30px; text-align: center;  }
	img.thumb { border: 3px solid #b4b4b4; margin: 10px 0px 10px 15px; width: 120px; }
	ul.vehicleDetailsList { margin: 20px 0px 65px 0px; padding: 0px; }
	ul.vehicleDetailsList li { font-size: 20px; list-style: none; margin: 0; padding-bottom: 6px; }
	ul.vehicleDetailsList li span { color: #040D54; font-size: 16px; font-weight: bold; margin-right: 10px; text-transform: uppercase; }
	span.vehicleCommentsTitle { font-size: 30px; font-weight: bold; }
	p.vehicleComments { font-size: 14px; }
	p.vehicleComments a{ color: inherit; text-decoration: none; }
	
	
	#financing { background-color: #318745; color: #FFFFFF; margin-top: 50px; overflow: auto; padding-bottom: 15px; padding-top: 15px; width: 100%; }
	h1.financeHeader { color: #040D54; font-size: 35px; font-weight: 400; margin: 25px 0px 0px 0px; padding: 15px 0px 25px 0; text-align: center; }
	h2.financeSubTitle { color: #7D7D7D; font-size: 24px; font-weight: 300; margin: 0; padding: 0; text-align: center; }
	#financing h1.financeTitle { color: #FFFFFF; display: block; font-size: 35px; font-weight: 300; text-shadow: #333333 1px 1px 3px; }
	#financing h2 { font-size: 24px; font-weight: 300; }
	
	p.tradeIntro { color: #7D7D7D; font-size: 24px; font-weight: 300; }
	img.tradeInImg { float: left; padding-bottom: 10px; padding-right: 10px; }
	
	
	#aboutUs { background: url(../images/aboutUsImg.jpg) no-repeat; background-size: cover; border-top: 2px solid #666666; color: #000000; font-size: 20px; margin-top: 50px; overflow: auto; padding-bottom: 15px; padding-top: 15px; width: 100%; }
	#aboutUs h3 { font-size: 30px; font-weight: 400; }
	
	
	#hours { border-bottom: 2px solid #040D54; padding-bottom: 30px; }
	p.hours { color: #7D7D7D; font-size: 24px; font-weight: 300; margin: 30px 0 0 0; padding: 0; text-align: center; }
	
	
	#testimonials { background-color: #318745; color: #FFFFFF; font-size: 18px; overflow: auto; padding-bottom: 15px; padding-top: 15px; text-align: center; width: 100%; }
	#testimonials h3 { color: #FFFFFF; display: block; font-size: 30px; font-weight: 300; margin-top: 50px; padding-left: 10px; text-shadow: #333333 1px 1px 2px; }
	div.testimonial { font-size: 20px; font-weight: 300; margin: 75px 0 75px 0; }
	
	
	#contact { background-color: #318745; color: #FFFFFF; overflow: auto; padding-bottom: 15px; padding-top: 25px; width: 100%; }
	#contact h1 { font-size: 24px; font-weight: 300; }
	#contact h2 { font-size: 20px; font-weight: 300; }
	#contact textarea { height: 125px; resize: none; }
	
	
	div.aboutProfile { display: block; margin: 50px auto; text-align: center; width: 280px; }
	div.aboutProfile img { border: 3px solid #b4b4b4; vertical-align: text-top; }
	span.aboutName { color: #000000; display: block; font-size: 24px; font-weight: 300; margin: 10px 0 0 0; }
	span.aboutRole { color: #777777; display: block; font-size: 20px; font-weight: 300; margin: 0; }
	span.aboutInfo { color: #777777; display: block; font-size: 20px; font-weight: 300; margin: 5px 0 0 0; }
	span.aboutDesc { color: #777777; display: block; font-size: 16px; font-weight: 300; margin: 10px 0 0 0; }
	
	
}




@media only screen and (min-width: 640px) { 

	.container { width: 600px; }
	.noMobile { display: inline; }
	.transparentBG{ min-height: 455px; }
	#slider { display: block; }
	hr { display: block; margin: 30px 0 30px 0; }
	div.needHelp{ display: inline; float: left; font-size: 18px; padding-left: 15px; padding-right: 5px; text-align: left; width: 230px; }
	span.needHelp { font-size: 30px; font-weight: bold; }
	div.helpForm{ display: inline; float: right; font-size: 16px; padding-left: 5px; padding-right: 15px; text-align: right; width: 230px; }
	div.helpForm input { height: 30px; margin-top: 10px; padding-left: 10px; width: 90%; }
	div.helpForm select { height: 30px; margin-top: 10px; padding-left: 10px; width: 95%; }
	div.helpForm input[type="submit"] { background-color: #29A964; color: #FFFFFF; font-size: 14px; margin-top: 25px; width: 100%; }
	#contactBox { float: right; margin: 30px 200px 0 0; width: 295px; }
	#home3 { min-height: 377px; }
	.footerLogo { display: inline; float: left; text-align: left; width: auto; }
	.footerCopyright { display: inline; float: right; padding-top: 5px; text-align: right; width: auto; }
	
	div.vehicleTitle { padding: 10px 10px 10px 10px; width: 580px; }
	div.priceButtons { display: inline; float: left; }
	div.vehicleRibbon { margin: 10px 0px 0px -24px; }
	img.inventoryImg { width: 80%; }
	ul.tabletInfo { color: #040D54; display: inline; float: right; margin: 0; padding-right: 15px; text-align: right; }
	ul.tabletInfo li { font-size: 18px; list-style: none; padding-bottom: 8px; width: 250px; }
	ul.tabletInfo span { font-size: 14px; font-weight: bold; margin-right: 10px; text-transform: uppercase; }
	div.tabletOptions { display: inline; float: right; margin-top: 15px; width: 200px; }
	
	
	span.vretail { font-size: 30px; }
	span.vinternet { font-size: 30px; }
	img.vehicleMainImg { max-width: 400px; }
	a.freeQuote { font-size: 18px; padding: 15px 25px 15px 25px; }
	a.financeLink { font-size: 18px; padding: 15px 25px 15px 25px; }
	div.aboutProfile { width: 500px; }
	
}



@media only screen and (min-width: 1024px) { 

	.container { width: 1000px; }
	.inventoryContainer { width: 900px; }
	header { padding-top: 35px; }
	.headerShadow { top: 150px; }
	#main { top: 160px; }
	footer { top: 160px; }
	
	
	#logo { display: inline; margin-left: 250px; }
	#phone { display: inline; float: right; width: 250px; }
	#phone img { width: 20px; }
	navigation ul.navigation { display: block; list-style-type: none; margin: 20px 0 0 0; padding: 20px 0px 20px 0px; }
	navigation ul.navigation li { background: #21285E; display: inline; padding: 20px 20px 20px 20px; text-transform: uppercase; transition: 0.2s; -webkit-transition: 0.2s; }
	navigation ul.navigation li:hover { background: #4D506D; padding-bottom: 20px; padding-top: 20px; transition: 0.2s; -webkit-transition: 0.2s; }
	navigation ul.navigation li.current { background: #4D506D; padding-bottom: 20px; padding-top: 20px; }
	navigation ul.navigation li a { color: #FFFFFF; font-size: 14px; font-weight: 400; text-decoration: none; }
	navigation .mobileNavigation { display: none; }
	#slider { margin: 0; width: 100%; }
	img.featuredVehicleImg { display: inline; float: right; max-width: 350px; }
	#home1 { }
	.left { display: inline; float: left; margin: 0; text-align: left; width: 50%; }
	.right { display: inline; float: right; margin: 0; width: 50%; }
	.homeText { margin: 20px 0 0 0 ; } 
	#home2 h3 { display: inline; float: left; padding-left: 0px; }
	#testimonialList { display: inline; float: left; padding-left: 0px; }
	#affiliates { display: inline; float: right; width: 300px; }
	#affiliates img { padding-top: 10px; }
	.footerNav { display: inline; float: left; margin-left: 85px; }
	.footerNav ul { list-style-type: none; margin: 0; padding: 5px 0px 5px 0px; }
	.footerNav ul li { display: inline; padding-left: 5px; }
	.footerNav ul li a { color: #FFFFFF; font-size: 14px; font-weight: 300; text-decoration: none; }
	.footerNav ul li a:hover { text-decoration: underline; }
	#pagination { text-align: left; }
	#inventorySearch { text-align: left; }
	#selectMake { display: inline; margin: 0; width: auto; }
	#selectType { display: inline; margin: 0; width: auto; margin-left: 65px; }
	#selectPrice { display: inline; margin: 0; width: auto; margin-left: 65px; }
	
	div.vehicleTitle { display: inline; padding: 10px 10px 1px 10px; position: relative; text-align: left; width: auto; z-index: 1; }
	div.vehicleBody { box-shadow: 0px 0px 20px #AAAAAA;}
	div.imageInfo { display: inline; float: right; text-align: left; }
	div.vehicleRibbon { margin: 0px 0px 0px -24px; }
	img.inventoryImg { float: right; width: 285px; }
	ul.inventoryInfo { color: #040D54; display: inline; float: left; margin: 0; padding-right: 15px; text-align: right; }
	div.tabletOptions { display: none; }
	
	h1.vHeader { text-align: left; }
	div.vPricing { text-align: left; }
	
	
	div.vehicleLeftDetails { display: inline; float: left; text-align: left; }
	div.vehicleRightImg { display: inline; float: right; }
	div.vehicleDescription{ display: inline; float: left; padding-left: 10px; max-width: 440px; text-align: left; }
	div.vehicleThumbs{ display: inline; float: right; text-align: right; max-width: 435px; }
}