/* Quick degrade style sheet for IE8 */

.mobile-only { display:none; }
#a1-top-nav { text-align:right; }
#a1-top-nav li { display:block; float:right; border }
	#top-menu-blog .divider, #a1-top-nav .divider { display: inline; }
/* copy and paste @media below this line */

.container { width: 80%; }
.column, .columns { margin-left: 4%; }
.column:first-child, .columns:first-child { margin-left: 0; }
.one.column, .one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%;            }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%;            }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%;          }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
.one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; }
.one-half.column { width: 48%; }

  /* Offsets */
.offset-by-one.column, .offset-by-one.columns          { margin-left: 8.66666666667%; }
.offset-by-two.column, .offset-by-two.columns          { margin-left: 17.3333333333%; }
.offset-by-three.column,  .offset-by-three.columns        { margin-left: 26%;            }
.offset-by-four.column, .offset-by-four.columns         { margin-left: 34.6666666667%; }
.offset-by-five.column, .offset-by-five.columns         { margin-left: 43.3333333333%; }
.offset-by-six.column, .offset-by-six.columns          { margin-left: 52%;            }
.offset-by-seven.column, .offset-by-seven.columns        { margin-left: 60.6666666667%; }
.offset-by-eight.column, .offset-by-eight.columns        { margin-left: 69.3333333333%; }
.offset-by-nine.column, .offset-by-nine.columns         { margin-left: 78.0%;          }
.offset-by-ten.column, .offset-by-ten.columns          { margin-left: 86.6666666667%; }
.offset-by-eleven.column,  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

.offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
.offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 52%; }

/* Skeleton */
#aside.three.columns { width: 25%; }
#main.nine.columns { width: 70.3333% }
#content-inner { padding-top:25px; }


/* Text ------------------------- */

body { font-size:12px; }
h1, h2, h3, h4, h5, h6 { text-align:left; }
	h1 { font-size:24px; }
	h2 { font-size:20px; }
		#header-inner .section-slogan { font-size:18px; line-height:100%; padding-top:15px;  }
	h3 { font-size:16px; }
	h4 { font-size:14px; }
	h5 { font-size:12px; }
	h6 { font-size:12px; }
	
.call-to-action { text-align:left; }
 img.alignright { float:right; margin-left:15px; }
 img.alignleft { float:left; margin-left:15px; }
.featureImg, #featureImg { display:block; }	
 
 /* header */

 #header .column, #header .columns, #header .three.columns { margin-top:5px; }
	#section-slogan-container { /* display:table-cell; vertical-align:middle; */ }
#header-inner .columns { margin-left:0; }	
#header-inner .two.columns { width:25%; }
	#header-inner .six.columns { width:40%; }
	#header-inner .four.columns { width:30%; }
	.vcard .tel { font-size:20px; }
	
.call-to-action { text-align:right; }
	#footer .column, footer .columns { margin-left:2%; }
	#footer .two.columns { width:23.3333%; }
	#footer .six.columns { width:45%; }
	#footer-inner div#logos { width:100px; display:block; bottom: 60px; position: relative; }

/* form */
.trailer-hitch .form-list li { float:left; margin-left:10px; }

/* Regular Nav */

.show-menu.mobile-only { display:none; }
#top-nav { width:100%; height:80px; padding:0; background:#000000;  }
#top-nav .container { width:90%; margin:0 auto; }
#top-nav ul { display:block; list-style-type: none; margin: 0; padding: 0; z-index: 2001; position:absolute; }
	.menu { float:none; }
	#top-nav ul li { width:12%; display:inline-block; float:left; margin-right:1px; }
		#top-nav ul li#menu-item-1 { width:14%; }
		#top-nav ul li#menu-rust-proofing { width:11%; }
		#top-nav ul li#menu-window-tinting { width:11%; }
		#top-nav ul li#menu-accessories { width:14%; }
		#top-nav ul li#menu-tonneau-covers { width:11%; }
		
	#top-nav li a { height:70px; display:block; padding:10px 0 0 0; background:#000000;  }
	#top-nav .divider { display:block; float:none; }

#top-nav .sub-menu { min-width:200px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
	#top-nav #menu-rust-proofing ul { right:0px; }
	#top-nav #menu-trailer-hitches ul{ right:0px; }
		#top-nav li ul li a  { width:200px; height:20px; }

/*Scrolling Nav */

#top-nav.scrolling { left:0; position:fixed; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); right:0; top:0; transition: all 0.1s ease-in-out 0s; z-index: 1001; margin-top:0; }

.desktop-only { display:block; }
.mobile-only { display:none; }
	.show-menu.mobile-only { /* display:block; top:-135px; */ }
	#logos { display:block; }
	.three.columns { margin-left:25px; }
	
	.logo { width:300px; min-width:1px; }
	.vcard { margin-top:15px; }
	#top-nav { width:100%; }
	
	#top-nav.scrolling { position:fixed; }

body { font-size:16px; }	
h1 { font-size:36px; }
h2  { font-size:28px; }
#header-inner .section-slogan { font-size:24px;  }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

.vcard .tel { font-size: 30px; }

/*
#header-inner  { width:768px; min-width:768px; }
#content-inner, #footer-container { width:768px; min-width:768px; }
	#footer .container { min-width:768px; width:768px; }
	#site-copyright-container .container { min-width:768px; width:768px; }
*/

#header-inner .column, #header-inner .columns { margin-left:0; }
	#header-inner .two.columns { width:20%; }
		#company-logo { padding:5px; }
	#header-inner .six.columns { width:35%; }
		#header-inner .section-slogan { text-align:center; }
	#header-inner .four.columns { width:45%; }
	
	.sidebar { display:block; }

	#site-ps { margin-top:150px; }

.left, .alignleft, .parent-pageid-27 h1 img { float: left; margin-right: 25px; }

#site-social-container.two.columns { margin-top: 55px; width: 23%;}
	#menu-footer-nav li { border-bottom:0; text-align:left; }
	
#menu-footer-nav { margin-top:30px; }	
	#menu-footer-nav li { font-size:12px; }
	
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { width:100%; }

.footer { width:100%; min-width:100%; }
	.footer .nine.columns { width:74%; margin-left:2%; }
	
/* Mobile Menu */

#top-nav { height:90px; }
#top-nav li a { height:80px; line-height: 19px; }

.call-to-action { font-size:48px; }

/* 1000 */
#header-inner .two.columns { width:15%; }
	#header-inner .six.columns { width:45%; }
	#header-inner .four.columns { width:35%; }

#footer-container, #header-inner, #content-inner  { width:960px; min-width:960px; margin:0 auto; }
	#top-nav .container { min-width: 960px; width: 960px; }
	#footer .container { min-width:960px; width:960px; }
	#site-copyright-container .container { min-width:960px; width:960px; }
	#content { width:100%; }
#site-social-container.two.columns { width:14%; }

#footer .two.columns { width: 13.3333%;}
	#footer-inner div#logos { top:0px; }

/* Text Sizes */

body { font-size:16px; }

h1 { font-size:44px; }	

.vcard .tel { font-size:40px; line-height:110%; }
#a1-top-nav li { font-size:14px; }

/* Navigation */
#top-nav { height: 80px; }
	#top-nav li a { height: 70px; }
#top-nav li a { font-size: 16px; line-height: 21px; }
	#top-nav ul li a span { display:block; padding:0 10px; }
		#top-nav ul li#menu-auto-detailing a span { padding:0 15px; }

