/*END Main Style*/
	html, body {
		margin: 0; padding: 0;
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	body {
		width: 100%; max-width: 100%;
		background-color: #000;
		font-size: 100%;
		line-height: 120%;
		font-family:'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color:#000;
	}
	
	body a{
		color: #FFF;
		text-decoration: none;
	}
	
	body a:hover{
		color: #AB924B;
		text-decoration: none;
	}
	
	#mainWrapper{
		position: relative;
		margin: 80px auto 70px auto;
		width: 100%;
		height: auto;
		overflow: visible;
	}
		
	img.bg {
		/* Set rules to fill background */
		min-width: 1024px;
		min-height: 576px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		top: auto;
		left: auto;
		z-index:-9999;
	}

	@media screen and (max-width: 1024px) { /* Specific to this particular image */
		img.bg {
			left: 50%;
			margin-left: -512px;   /* 50% */
		}
	}
	
	@media only screen and (max-width: 400px) {
		body { font-size:90%;}
	}
		
	.dropShadow{
		/*Drop shadow*/
		-moz-box-shadow: 0px 0px 20px #000;
		-webkit-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		/*End drop shadow*/
	}
	
	.dropShadow_lighter{
		/*Drop shadow*/
		-moz-box-shadow: 0px 0px 10px #333;
		-webkit-box-shadow: 0px 0px 10px #333;
		box-shadow: 0px 0px 10px #333;
		/*End drop shadow*/
	}
	
	.dropShadow_lighter_1{
		/*Drop shadow*/
		-moz-box-shadow: 0px 0px 5px #666;
		-webkit-box-shadow: 0px 0px 5px #666;
		box-shadow: 0px 0px 5px #666;
		/*End drop shadow*/
	}

	#warningPattern{
		width: 100%;
		height: 15px;
		background-image:url(../image/pattern-warning.png);
		background-repeat: repeat-x;
		background-position: top center;
	}
	
	#goldList{
		height: 10px;
		background-color: #AB924B;
	}
	
	#goldList_5{
		height: 5px;
		background-color: #AB924B;
	}
	
	#goldList_2{
		height: 2px;
		background-color: #AB924B;
	}
	
	
	#spareArea{
		width: auto;
		height: 40px;
	}
	
	#spareArea_80{
		width: auto;
		height: 80px;
	}
	
	.logoBlack{
		color: #FFF;
	}
	
	.logoList{
		color: #AB924B;
	}
	
	.centering{
		text-align: center;
	}

	#footerFrame_right{
		float: right;
		width:auto;
	}
	#footerFrame_right h1{
		margin: 20px 15px 10px 15px;
		margin-right: 60px;
		padding: 0px;
		font: 300 2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #AB924B;
		line-height: 120%;
	}
/************************************************************************
	Home set 
*************************************************************************/	
	#home_Wrapper{
		margin-top: 80px;
		background-color: #231F20;
		width: 100%;
		height: auto;
	}
	
	#mainImage img.resize{
	    width:100%; /* you can use % */
	    height: auto;
	}
	
	#homeMenu {
		background-color: #000;
		width: 80%;
		height: auto;
	}
	
	#homeMenu_row {
		margin: 40px 0px;
	}
	
	#homeMenu_framing{
		margin-top: 5px;
		padding: 5px;
	}
	
	#homeimgFrame img.resize{
		width:100%; /* you can use % */
	    height: auto;
	}
	
	#homeDescFrame{
		width: auto;
		min-height: 180px;
		
	}
	
	#homeDescFrame h3{
		font: 600 2.2rem 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		text-align: center;
		margin: 0px;
		padding-top: 20px;
		color: #AB924B;
	}
	
	#homeDescTextWrapper{
		width: auto;
		overflow: hidden;
		text-align: center;
		font: 400 1.6em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #FFF;
		margin: 0px 40px;
	}
	
	
	
	#homeDesc_btn{
		text-align: right;
		padding: 20px;
		width: auto;
		position: absolute; bottom: 0; right: 0;
	}
	
	
	#homeDesc_btn a{
		cursor: pointer;
		font: 600 1.8em 'customVitesse', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #FFDE16;
		text-decoration: none;
	}
	
	#homeDesc_btn a:hover{
		cursor: pointer;
		text-decoration: underline;
	}

	#homeLang{
		position: absolute;
		margin: 10px 10px 10px 20px;
	}
/************************************************************************
	END Home set 
*************************************************************************/	

/************************************************************************
	Content header set 
*************************************************************************/	
	#headerWrapper{
		margin-bottom: 10px;
	}
	
	#headerFrame{
		width: auto;
		padding: 15px 20px;
		background-color: #231F20;
	}
	
	#headerList{
		width: auto;
		height: 10px;
		background-color: #AB924B;
	}
	
	#headerIcon{
		width: 80px;
		height: 80px;
		margin: 10px auto;
	}

	#headerFrame h1{
		font: 600 3.4em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		text-align: center;
		color: #AB924B;
		padding: 0px;
		margin: 0px;
		line-height: 100%;
	}
	
	#contentFrame{
		width: 80%;
		padding: 40px 80px;
		background-color: #000;
	}
	
	#contentFrame h2{
		font: 600 3.2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 20px 0px;
		margin: 0px;
		line-height: 120%;
		color: #AB924B;
	}
	
	#contentFrame h3{
		font: 100 2.4em 'customVitesse', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 10px 0px;
		margin: 0px;
		line-height: 120%;
		color: #AB924B;
	}
	
	#contentFrame p{
		font: 200 1.8em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 10px 0px;
		margin: 0px;
		line-height: 120%;
		color: #FFF;
		vertical-align: bottom;
		display: inline-block;
		text-align: justify;
	}
	
	#contentFrame p a{
		text-decoration: underline;
	}
	
	.noPadingMargin{
		padding: 0px;
		margin: 0px;
	}
/************************************************************************
	Content header set 
*************************************************************************/


/************************************************************************
	Product set 
*************************************************************************/
	#spec_frame{
		width:100%;
		padding: 0px 80px;
		height: auto;
	}
	
	#spec_table{
		line-height: 130%;
		color: #FFF;
		min-width: 220px;
		max-width: 260px;
		margin: 15px;
		font-size: 1.5em;
	}
/************************************************************************
	END Product set 
*************************************************************************/

/************************************************************************
	aboutus set 
*************************************************************************/
	#aboutus_pic_Wrapper{
		width: 60%;
		margin: auto;
		padding: 5px;
		border-style:solid;
		border-width:5px;
		border-color: #AB924B;
	}
	
/************************************************************************
	aboutus set 
*************************************************************************/

/************************************************************************
	DEALER LOCATIONS
*************************************************************************/
	#dealerMapWrapper{
		margin: auto;
		width: 100%;
		background-color: #EEE;
		display: inline-block;
		position: relative;
	}
	
	#dealerMapWrapper:after {
	    padding-top: 36%; /*16:9 ratio*/
	    display: block;
	    content: '';
	}
/************************************************************************
	END DEALER LOCATIONS
*************************************************************************/

/************************************************************************
	END Case Study
*************************************************************************/

	#faq_wrapper{
		padding: 20px;
		width: auto;
		background-color: #231F20;
	}
	
	#faq_wrapper h3{
		color: #AB924B;
		padding: 0px;
		margin: 0px;
	}
	
	#faq_wrapper ul{
		color: #AB924B;
		list-style:square;
		padding: 0px 20px;
		margin-top: 0px;
		font-size: 1.5em;
		line-height: 120%;
	}
	
	#faq_faqBox_wrapper{
		margin-top: 60px;
		padding: 10px
		width: auto;
	}
	
	#faq_faqBox_box{
		margin-top: 10px;
		padding:20px;
		width: auto;
		background-color: #231F20;
	}
	
	#faq_faqBox_box h3{
		font: 600 2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #AB924B;
		padding: 0px;
		margin: 0px;
	}
	
	#faq_faqBox_box p{
		font: 200 1.6em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #EEE;
	}

/************************************************************************
	END FaQ
*************************************************************************/


/************************************************************************
	Contact us
*************************************************************************/
	#contactusFormWrapper{
		width: 100%;
		padding: 20px;
		background-color: #231F20;
		border-style:solid;
		border-width:2px;
		border-color: #FFDE16;
	}
	
	#contactusFormWrapper h3{
		color: #AB924B;
		font: 600 2.8em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 0px 10px;
		margin: 0px;
		line-height: 120%;
	}
	
	.contactusTable{
		height: auto;
		margin: 10px 20px;
	}
	
	.contactusTable td{
		padding-top: 5px;
		font: 600 1.8em 'customVitesse_Book', 'Helvetica Neue', 'century gothic', 'Gill Sans', 'News Gothic', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #AB924B;
	}
	
	.td_width180{width: 180px;}
	.td_width80{width: 80px;}
	.td_width120{width: 120px;}
	
	.contactusTable input[type=text]{
		resize: none;
		overflow: hidden;
		font: 400 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #FFE;
		border: 3px solid #AB924B;
		text-decoration: none;
		padding: 5px 8px;
		width: 100%;
				
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	
	.contactusTable textarea{
		resize: none;
		overflow: hidden;
		font: 400 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #FFE;
		border: 3px dotted #AB924B;
		text-decoration: none;
		padding: 5px 8px;
		width: 100%;
		height: 240px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
		
	}
	
	.contactusTable select{
		cursor: pointer;
		font: 600 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #AB924B;
		border: 3px solid #997511;
		text-decoration: none;
		padding: 5px 15px;
		width: 100%;
	}
	
	.contactusTable input[type=submit]{
		font: 600 1em 'Helvetica Neue', 'century gothic', 'Gill Sans', 'News Gothic', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #AB924B;
		border: 3px solid #997511;
		text-decoration: none;
		padding: 5px 15px;
	}
	
	.contactusTable input[type=submit]:hover{
		cursor: pointer;
	}
	
	#contactListWrapper{
		margin: 20px;
		margin-top: 40px;
		margin-left: 0;
	}
	
	#contactListWrapper td{
		padding: 0px;
		font: 400 1.8em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #AB924B;
		padding-bottom: 10px;
	}
	
	#contactListWrapper td a{
		color: #AB924B;
	}
	
	#contactListWrapper td a:hover{
		color: #FFF;
	}
	
	#contact_displayWide{display: block}
	#contact_displayMobile{display: none}
	
@media only screen and (max-width: 720px) {
	#contactListWrapper td{font-size: 1.4em;}
	#contact_displayWide{display: none}
	#contact_displayMobile{display: block}
}
/************************************************************************
	Contact us
*************************************************************************/


/************************************************************************
	Case Study
*************************************************************************/
	#caseStudy_menu{
		width: auto;
		margin-bottom: 10px;
		background-color: #000;
	}
	
	#homeTitleFrame h3{
		font: 600 2.2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 10px;
		margin: 0px;
		line-height: 120%;
		color: #AB924B;
	}

	#caseStudy_menu_row{
		margin: 0px;
		padding: 0px 5px;
	}
	
	#caseStudy_menu_box{ 
		cursor: pointer;
		border-style:solid;
		border-width:5px;
		border-color: #FFF;
	}
	
	#caseStudy_car_frame{
		width: 100%;
	}
	
	#caseStudy_car_row{
		padding: 0px 20px 20px 20px;
		margin-bottom: 20px;
	}
	
	#caseStudy_car_row img{
		border-style:solid;
		border-width:1px;
		border-color: #CCC;
		border-radius: 8px;
	}
	
	#blur_car{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	}
/************************************************************************
	ENDCase Study
*************************************************************************/


/************************************************************************
	Garage
*************************************************************************/

	#garage_Wrapper{
		margin: auto;
		padding: 5px;
		width: 100%;
	}
	
	#garage_header{
		width: 100%;
		height: 40px;
		background-image: url(../../images/garage/component/bkgrd_header.png);
	}
	
	#garage_Wrapper h3{
		font: 600 2.2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 0px;
		margin: 10px 0 0 0;
		line-height: 120%;
		color: #FFF;
		text-align: right;
		text-shadow: 0 0 10px #fff;
	}
	
	#garage_area{
		max-width: 1024px;
		max-height: 768px;
		width:100%;
		height: auto;
		margin: auto;
	}
	
	#interface_area{
		max-width: 1024px;
		max-height: 768px;
		width:100%;
		padding-bottom: 75%;
		margin: auto;
	}
	
	#garage_bkgrd{
		background-image: url(../../images/garage/bg.png);
		margin: auto;
		width:100%;
		background-size: cover;
	}
	
	#garage_carlayer{
		background-image: url(../../images/garage/blue_1.png);
		width:100%;
		background-size: cover;
	}
	
	#wf_windshield{
		width:100%;
		background-size: cover;
	}
	#wf_side{
		width:100%;
		background-size: cover;
	}
	#wf_rear{
		width:100%;
		padding-bottom: 75%;
		background-size: cover;
	}
	
	#garage_color_frame{
		float: right;
		width: 80px;
		padding: 5px;
		background-image: url(../../images/garage/component/bkgrd_color.png);
		border-bottom-left-radius: 8px 8px;
	}
	
	#garage_color_wrapper{
		float: right;
		width: 60px;
		padding: 0px;
		margin-bottom: 10px;
	}
	
	#color_box{
		width: 50px;
		height: 30px;
		margin: 5px;
		border-radius:3px;
		position: relative;
		cursor: pointer;
	}
	
	.colorRed{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-red.png);opacity: .8;background-size: cover;}
	.colorRed:hover{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-red.png);opacity: 1;background-size: cover;}
	
	.colorBlue{ background-color: #00F;background-image: url(../../images/garage/component/btn_color-blue.png);opacity: .8;background-size: cover;}
	.colorBlue:hover{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-blue.png);opacity: 1;background-size: cover;}
	
	.colorPink{ background-color: #000;background-image: url(../../images/garage/component/btn_color-pink.png);opacity: .8;background-size: cover;}
	.colorPink:hover{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-pink.png);opacity: 1;background-size: cover;}
	
	.colorWhite{ background-color: #F0F;background-image: url(../../images/garage/component/btn_color-white.png);opacity: .8;background-size: cover;}
	.colorWhite:hover{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-white.png);opacity: 1;background-size: cover;}
	
	.colorBlack{ background-color: #FFF;background-image: url(../../images/garage/component/btn_color-black.png);opacity: .8;background-size: cover;}
	.colorBlack:hover{ background-color: #F00;background-image: url(../../images/garage/component/btn_color-black.png);opacity: 1; -moz-box-shadow:inset 0 0 3px #FFF;-webkit-box-shadow: inset 0 0 3px #FFF;box-shadow: inset 0 0 3px #FFF;background-size: cover;}
	
	#garage_changeView_frame{
		position: absolute;
		width: 100%;
		max-width: 1024px;
		bottom: 240px;
		height: 160px;
	}
	
	#garage_viewbar{
		position: relative;
		cursor: pointer;
		width: 80px;
		height: 160px;
	}
	
	.posRight{margin-right: 40px; float: right;background-image: url(../../images/garage/component/btn_garageView_right.png); background-size: contain;}
	.posRight:hover{margin-right: 40px; float: right;background-image: url(../../images/garage/component/btn_garageView_right_hover.png); background-size: contain;}
	.posLeft{margin-left: 40px; float: left;background-image: url(../../images/garage/component/btn_garageView_left.png); background-size: contain;}
	.posLeft:hover{margin-left: 40px; float: left;background-image: url(../../images/garage/component/btn_garageView_left_hover.png); background-size: contain;}


	#garage_product_frame{
		float: right;
		width: 360px;
		padding: 5px 20px;
		background-image: url(../../images/garage/component/bkgrd_color70.png);
		border-bottom-left-radius: 8px 8px;
	}
	
	#garage_product_frame h3{
		text-align: left;
		margin-bottom: 10px;
	}
	
	#garage_product_frame table{
		margin: 10px;
	}
	
	#garage_product_frame th{
		font: 100 1.5em 'customVitesse', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 0px;
		margin: 10px 0 0 0;
		line-height: 120%;
		color: #AB924B;
		text-align: center;
		text-shadow: 0 0 10px #fff;
	}
	
	#garage_product_frame td{
		font: 100 1.5em 'customVitesse', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		padding: 0px;
		margin: 10px 0 0 0;
		line-height: 120%;
		color: #fff;
		text-shadow: 0 0 10px #fff;
	}
	#garage_product_frame td a{
		cursor: pointer;
	}

@media only screen and (max-width: 800px) {
	#garage_changeView_frame{ bottom: 160px;}
	#footerFrame_right h1{font-size: 2.3em;margin-right: 20px; margin-top: 20px;}
}
	
@media only screen and (max-width: 720px) {
	#garage_changeView_frame{ bottom: 160px;}
}

@media only screen and (max-width: 600px) {
	#garage_changeView_frame{ bottom: 120px;}
}

@media only screen and (max-width: 480px) {
	#garage_changeView_frame{ bottom: 60px; height: 100px;}
	#garage_viewbar{ height: 100px; width: 50px;}
	.posRight{margin-right: 20px;}
	.posRight:hover{margin-right: 20px;}
	.posLeft{margin-left: 20px;}
	.posLeft:hover{margin-left: 20px;}
	#garage_product_frame th{font-size: 1em}
	#garage_product_frame td{font-size: 1em}
	#garage_Wrapper h3{font-size: 1.5em}
	#color_box{width: 30px;height: 18px;margin: 2px;}
	#garage_color_wrapper{width: 40px;margin-bottom: 5px;}
	#garage_color_frame{width: 50px;padding: 0px;}
	#garage_product_frame{width: 260px;}
	#footerFrame_right{float: none;}
}

@media only screen and (max-width: 320px) {
	#garage_changeView_frame{ bottom: 45px; height: 80px;}
	#garage_viewbar{ height: 80px; width: 40px;}
}
/************************************************************************
	END Garage
*************************************************************************/


/************************************************************************
	News Events
*************************************************************************/
	#news_frame{
		width: 100%;
	}
	
	#news_box{
		padding: 5px;
	}
	
	#news_wrapper{
		position: relative;
		background-color: #231F20;
		padding: 10px;
		height: 360px;
	}
	
	#news_pic{
		width: 100%;
		padding: 5px;
		background-color: #EEE;	
	}
	
	#news_text{
		padding: 5px;
		margin: 5px;
		margin-top: 10px;
	}
	
	#news_text p{
		font: 100 1.4em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		line-height: 120%;
		color: #EEE;
		vertical-align: bottom;
		display: inline-block;
		text-align: justify;
	}
	
	#news_text h3{
		font-size: 1.8em;
		margin: 0px;
		padding: 0px;
	}
	
	#news_text span{
		font: 100 1.1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		line-height: 120%;
		color: #FF0;
	}
	
	#news_text a{
		font: 400 1.4em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		line-height: 120%;
		color: #AB924B;
	}
	
	#news_text a:hover{
		color: #EEE;
	}
	
	#date{
		font: 100 1.6em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		line-height: 120%;
		color: #FF0;
		padding: 0px 10px;
	}
	
	#news_frame th{
		font-size: 1.8em;
		line-height: 120%;
		padding: 5px 0px;
	}
	
	#news_frame td{
		font-size: 1.5em;
		line-height: 120%;
		padding: 0px;
	}
/************************************************************************
	END News Events
*************************************************************************/


/************************************************************************
	Bottom navigation set 
*************************************************************************/
	#footerMain{
		position: fixed;
		display: inline-block;
		bottom: 0px;
		width: 100%;
		background-color: #231F20;
	}
	
	#footerFrame{
		float: left;
		width: 170px;
	}
	
	#footerFrame ul{
		margin: 5px;
		padding: 0px;
	}
	
	#footerWrapper {
		position: relative;
	    width: 130px;
		height: 50px;
	}
	
	#footerWrapper li{
		list-style: none;
	    position: absolute;
	}
	
	#footerWrapper li, #footerWrapper a {
		display: block;
		width: 50px;
		height: 50px;
	}
	
	#groundFacebook { left: 0; background-image: url(../image/groundFacebook.png); }
	#groundTwitter { left: 40px; background-image: url(../image/groundTwitter.png);}
	#groundBlog { left: 80px; background-image: url(../image/groundBlog.png);ba}
	
	#creditFrame{
		position: absolute;
		width: 100%;
	}
	
	span.credit {
		display: block;
		text-align: center;
		font:1.2em 'robotoMain', 'helvetica', 'trebuchet ms', arial, sans-serif;
		color: #FFFFFF;
		margin: 15px auto 20px auto;
	}
	
	
@media only screen and (max-width: 720px) {
	#footerMain{
		position: relative;
		width: 100%;
		background-color: #231F20;
	}
	
	#footerFrame{
		position: relative;
		width: 100%;
		margin: auto;
	}
	
	#creditFrame{
		position: relative;
		width: 100%;
	}
}

/************************************************************************
	END Bottom navigation set 
*************************************************************************/






























	


/************************************************************************
	Navigation set 
*************************************************************************/
	#navMain{
		position: fixed;
		display: inline-block;
		top: 0px;
		width: 100%;
		height: 80px;
		background-color: #231F20;
		background-image: url(../image/nav-bkgrd.png);
		z-index: 9999;
	}
	
	#navFrame{
		float: right;
		width: 640px;
		height: 80px;
		z-index: 9999;
	}
	
	#navFrame ul{
		margin: 0px;
		padding: 0px;
	}
	

	#navWrapper {
		position: relative;
		background: transparent url(../image/navBackground-blacklist.png) 0 -80px no-repeat;
	    width: 720px;
		height: 80px;
	}
	
	#navWrapper li{
		list-style: none;
	    position: absolute;
	}
	
	#navWrapper li, #navWrapper a {
	    height: 80px;
		display: block;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
	}
	
	#skyHome { left: 0; width: 60px;}
	#skyAbout { left: 60px; width: 90px;}
	#skyProduct { left: 150px; width: 90px;}
	#skyCase { left: 240px; width: 110px;}
/* 	#skyDealer { left: 350px; width: 80px;} */
	#skyNews { left: 350px; width: 130px;}
	#skyFaq { left: 480px; width: 50px;}
	#skyContact { left: 530px; width: 110px;}
	
	#skyHome a{background: transparent url(../image/navBackground-blacklist.png) 0 0px no-repeat;}
	#skyAbout a{background: transparent url(../image/navBackground-blacklist.png) -60px 0px no-repeat;}
	#skyProduct a{background: transparent url(../image/navBackground-blacklist.png) -150px 0px no-repeat;}
	#skyCase a{background: transparent url(../image/navBackground-blacklist.png) -240px 0px no-repeat;}
/* 	#skyDealer a{background: transparent url(../image/navBackground-blacklist.png) -350px 0px no-repeat;} */
	#skyNews a{background: transparent url(../image/navBackground-blacklist.png) -350px 0px no-repeat;}
	#skyFaq a{background: transparent url(../image/navBackground-blacklist.png) -480px 0px no-repeat;}
	#skyContact a{background: transparent url(../image/navBackground-blacklist.png) -530px 0px no-repeat;}
	
	#navWrapper a:hover, #navWrapper a:focus {
		opacity:0;
	}

	#navLogo{
		float: left;
		background-image: url(../image/nav-bkgrd.png);
		width: 304px;
		height: 80px;
		background-color: #231F20;
		z-index: 9999;
	}
	
	#navHide{
		display: none;
	}
	
@media only screen and (max-width: 1023px) {
	#mainWrapper{margin: 10px auto;margin-top: 170px;}
	#home_Wrapper{margin-top: 170px;}
	
	#navMain{
		position: fixed;
		display: inline-block;
		top: 0px;
		width: 100%;
		height: auto;
		background-color: #231F20;
		background-image: url(../image/nav-bkgrd.png);
		z-index: 9999;
	}
	
	#navLogo{
		position: relative;
		background-image: none;
		width: 100%;
		height: 80px;
		background-color: #231F20;
		z-index: 9999;
	}
	
	#navFrame{
		position: relative;
		width: 100%;
		margin: auto;
		height: 80px;
		z-index: 9999;
	}
}

@media only screen and (max-width: 480px) {
	#contentFrame h2{font: 600 2.2em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;}
	#contentFrame h3{font: 100 1.8em 'customVitesse', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;}
	#headerFrame h1{font: 600 2.8em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;}
	#contactusFormWrapper{padding: 15px 10px;}
	.contactusTable{height: auto;margin: 10px 10px;}
	.contactusTable td{font: 600 1.2em 'customVitesse_Book', 'Helvetica Neue', 'century gothic', 'Gill Sans', 'News Gothic', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;}
	.td_width180{width: 90px;}
	.td_width80{width: 50px;}
	.td_width120{width: 75px;}
	
	.contactusTable input[type=text]{
		font: 400 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		border: 1px solid #AB924B;
		padding: 2px 4px;
	}
	
	.contactusTable textarea{
		font: 400 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		border: 2px dotted #AB924B;
		height: 120px;
		text-decoration: none;
		padding: 2px 4px;
	}
	
	.contactusTable select{
		font: 600 1em 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #AB924B;
		border: 3px solid #997511;
		text-decoration: none;
		padding: 5px 15px;
		width: 100%;
	}
	
	.contactusTable input[type=submit]{
		font: 600 1em 'Helvetica Neue', 'century gothic', 'Gill Sans', 'News Gothic', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		color: #000;
		background-color: #AB924B;
		border: 3px solid #997511;
		text-decoration: none;
		padding: 5px 15px;
	}
	
	.contactusTable input[type=submit]:hover{
		cursor: pointer;
	}
	
}

@media only screen and (max-width: 720px) {
	#mainWrapper{margin: 10px auto}
	#home_Wrapper{margin-top: 5px;}
	#contentFrame{width: 100%; padding: 40px 30px;}
	#aboutus_pic_Wrapper{width: 100%;}
	#spec_frame{margin:auto;padding: 0px 10px;}
	
	#navHide{
		display:block;
	}
	#navMain{
		position: relative;
		display: inline-block;
		top: 0px;
		width: 100%;
		height: auto;
		background-color: #231F20;
		background-image:none;
		z-index: 9999;
	}
	
	#navFrame{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 9999;
	}
	
	#navFrame ul{
		margin: 0px;
		padding: 0px;
	}
	

	#navWrapper {
		position: relative;
		background: none;
	    width: 100%;
		height: auto;
	}
	
	#navWrapper li{
		list-style: none;
	    position: relative;
	    font: 600 1.3em 'customVitesse_Book', 'robotoMain', 'helvetica', 'trebuchet ms', Tahoma, Geneva, sans-serif;
		text-align: center;
		margin: 0px;
		padding: 10px;
		color: #AB924B;
		border-style:solid;
		border-width:1px;
		border-color: #666;
	}
	
	#navWrapper li, #navWrapper a {
	    height: auto;
		display: block;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		-ms-transition:none;
		transition:none;
	}
	
	#skyHome { left: auto; width: 100%;}
	#skyAbout { left: auto; width: 100%;}
	#skyProduct { left: auto; width: 100%;}
	#skyCase { left: auto; width: 100%;}
	#skyDealer { left: auto; width: 100%;}
	#skyNews { left: auto; width: 100%;}
	#skyFaq { left: auto; width: 100%;}
	#skyContact { left: auto; width: 100%;}
	
	#skyHome a{
		background:none;}
	#skyAbout a{
		background:none;}
	#skyProduct a{
		background:none;}
	#skyCase a{
		background:none;}
	#skyDealer a{
		background:none;}
	#skyNews a{
		background:none;}
	#skyFaq a{
		background:none;}
	#skyContact a{
		background:none;}
	
	#navWrapper a:hover, #navWrapper a:focus {
		opacity:1;
		color: #AB924B;
	}
}

/************************************************************************
	END Navigation set 
*************************************************************************/