/* BASIC PAGE SETUP ============================================================================= */

html, body{
max-width: 100%;
height: 100%;
overflow-x: hidden;
}

body{ 
margin: 0 auto;
padding: 0;
font: 100% Lato, sans-serif;
color: #555862; 
text-align: center;
background: #fff;
}

a {
outline: none;
}

/*  TYPOGRAPHY  ============================================================================= */

h1, h2, h3, h4, h5, h6{
font-family: Lato, sans-serif;
font-weight: 300;
color: #555862;
}

h1{ 
margin-bottom: 0.2em;
font-size: 2em;
}

h2{ 
font-size: 1.75em; 
} 

h3 { 
font-size : 1.25em;
}

h4{ 
font-size : 1em;
padding-bottom: 0.2em;
}

h5{  
font-size : .9em;
letter-spacing:1px; 
}

p, ul{ 
margin: 0em;
padding : 0;
font-family: Lato, sans-serif;
font-weight: 300;  
font-size: 1em;
text-align: left; 
}

sup {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
/* LINKS =============================================================================  */

a{ 
color: #fff;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
text-decoration: none;
list-style: none;
}

a:hover, a:active{ 
outline: 0;
color: #fff;
text-decoration: none;
}

/* IMAGES ============================================================================= */

img{
border: 0;
max-width: 100%;
height: auto;
}

img.floatleft{ 
float: left; 
margin: 0 1.25em 0 0; 
}

img.floatright{ 
float: right; 
margin: 0 0 0 1.25em; 
}

/*  MAIN LAYOUT	============================================================================= */

.inner{
margin:0 auto;
width:90%;
max-width:1024px;
}

#headcontainer{
width: 100%;
}

header{
clear: both;
width: 100%; /* 1000px / 1250px */
margin: 1em 0 0 0;
padding: 0;
position: relative;
font-family: 'Open Sans', sans-serif;
}

header img.small{
display: none;
}
header img.large{
display: block;
padding-top: .75em;
}

header ul{
margin: 18px 0 0 0;
letter-spacing: 1px;
}

header ul li{
font-size: 1em;
text-align: right;
line-height: 1.8em;
list-style: none;
}

header ul li a{
color: #555862;
text-decoration: none;
}

header ul li a:hover, header ul li a:active{ 
color: #555862;
text-decoration: underline;
}

.icon{
margin: 0 0 0 .5em;
display: inline-block;
}
 

/* ===================== */
/* Main Menu */	
/* ===================== */


#mainNav {
width: 100%;
background: #00192d;
}

#nav{ 	
position: relative;   
margin: 0;
padding: 0;   
width: 100%; 
background: #00192d;
font-family: Lato, sans-serif;
font-weight: 300;
overflow: visible;
z-index: 1000;
} 

/* show/hide */
#nav > a{
display: none;
}

#nav li{
position: relative;
}

#nav li a{
color: #fff;
display: block;
padding: 0 .5em;
}

#nav li a:active{
background-color: #077cc1 !important;
}

#nav span:after{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: green;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}

/* first level */

#nav > ul{
width: 100%;
height: 2em;
background-color: #00192d;
}

#nav > ul > li{
list-style: none;
float: left;
color:#fff;
display:block;
height: 100%;
width:auto;
padding:0.35em 2em;
border-left:1px #fff solid;
font-size:1em;
} 

#nav > ul > li > a{
background: transparent;
font-size: 1em; /* 24 */
line-height: 2em; /* 60 (24) */
text-align: center;
display:block;
}

#nav > ul > li:last-child{
border-right: 1px solid #fff;
}

#nav > ul > li:hover, #nav > ul:not( :hover ) > li.active{
background-color: #077cc1;
}


/* second level */

#nav li ul{
background-color: #00192d;
display: none;
position: absolute;
top: 100%;
}

#nav li:hover ul{
display: block;
left: 0;
right: 0;
}

#nav li:not( :first-child ):hover ul{
left: -1px;
}

#nav li ul a{
font-size: 1em; /* 20 */
border-top: 1px solid #fff;
padding: 0.75em; /* 15 (20) */
}

#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a{
background-color: #077cc1;
}

/*  BREAD CRUMBS  ============================================================================= */

#crumb{
margin: 0;
height:2.3em;
}

#crumb ul{
margin: 1.5em 1.5em 1.5em 0;
padding-bottom:1.3em;
}

#crumb li{
font:300 1.1em Lato, sans-serif;
display:block;
float:left;
padding-bottom: 10px;
color:#34363e;
border-bottom: 2px dotted #ddd;
}

#crumb li a::after{
padding:0 3px 0 3px;
content:">";
}

#crumb li:last-child a::after{
content:none;
}


#crumb li a:link, #crumb li a:visited{
color:#adac9c;
text-decoration:none;
}

#crumb li a:hover, #crumb li a:focus{
color:#077cc1;
}	

/*  SLIDE SHOW  ============================================================================= */
      					
#slidecontainer{
width: 100%;
background: transparent;
max-width: 100%;
height:auto;
} 

.flexslider .slides li{ 
background-color:#fff; 
background-position:top center; 
background-repeat:no-repeat; 
}

.flexslider .slides li .inner{
position:relative;
}

.flexslider .slides li .inner, .flexslider .slides li, .flexslider .flex-caption{ 
height:330px; 
}

.flexslider .flex-caption{ 
position:absolute; 
top:6em; 
right:43em; 
text-align:left; 
z-index:9; 
width:325px; 
max-height: 230px;
background:transparent no-repeat center -114px; 
background-size:100%; 
padding:0;   
color:#555862;
}

.flexslider .flex-caption h2{ 
color:#555862; 
font-family: Lato;
font-weight: 400;
font-size:1.8em;
letter-spacing: 4px; 
line-height:1.1em; 
padding:0;
}

.flexslider .flex-direction-nav .flex-next{ 
right: 1em; 
}

.flexslider .flex-direction-nav .flex-prev{
left: 1em;
}


.welcomelogo{ 
display:inline-block;  
width:300px; 
height:50px; 
padding:0.05em; 
}

/*  APPLICATIONS  ============================================================================= */
	
#appscontainer{
clear: both;
width: 100%;
background: #fff;
overflow:hidden;
margin-bottom:3em;
}

#apps{
width: 100%;
height: 100%;
margin: 0 auto;
color: #555862;
line-height: 1.5em;

}

#apps .first{
border-right: 2px dotted #ddd;
}

#apps .last{
border-left: 2px dotted #ddd;
}

#apps h3{
letter-spacing: 2px;
text-align: center;
margin-top: 2em;
}

#apps p{
font-size: 1.1em;
letter-spacing: .5px;
text-align: center;
}
		
#apps img{
padding: 3em 0;
}

#apps a:link, #apps a:visited{ 
color: #555862; 
text-decoration: none; 
}

#apps a:hover{ 
color: #555862; 
text-decoration: underline; 
}

#apps a.more:link{
font-size:1.1em;
font-weight: 300;
color:#077cc1; 
}

#apps a.more:hover{  
font-weight:300;
color:#00192d;
text-decoration: underline; 
}

#introcontainer{
width: 100%;
height:auto;
background: transparent;
padding-top: 1.5em; 
} 
	
.intro{
font: 300 1em Lato, sans-serif;
background: #fff;
padding: 1em;
margin: 0px;
letter-spacing: 1px;
overflow:hidden;
}

.intro h3{ 
letter-spacing: 2px;
text-align:left;
margin-bottom:.5em; 
}

.intro p{  
font-size:1.1em; 
margin-bottom:.5em;
line-height: 1.2em;
letter-spacing: 1.5px;
}

.intro a:link, .intro a:visited{
font-weight:300;
color:#077cc1;
}

.intro a:hover{
color:#00192d; 
font-weight:300;
text-decoration: underline; 
}

#productscontainer{
clear: both;
width: 100%;
background: #fff;
}

.products{
width: 100%; /* 1000px / 1250px */
max-width: 75em; /* 1200px / 16 */
margin: 0 auto;
color: #555862;
line-height: 1em;
}

.productsinfo{
background: #fff;
padding: 0;
margin: 0;
border: 2px dotted #ddd;
min-height:526px;
}

.productsinfo.horizontal{
min-height:400px;
}

.productsinfo.refurbacc p{
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;    
}

.productsinfo h4{  
color:#555862; 
letter-spacing: 3px;
margin:.5em;
line-height: 1.3em;
}

.productsinfo h5{   
padding-bottom: .3em;
}

.productsinfo p{
margin: 1em 1.5em 0 1.5em;  
color:#555862;
letter-spacing: 1px; 
}

.productsinfo a{  
font-weight:300;
color:#077cc1; 
}

.productsinfo a:hover{  
font-weight:300;
color:#00192d;
text-decoration: underline; 
}

.productsinfo img{ 
padding: 0em;
display: block;
margin: auto auto; 
}

#scopescontainer{
clear: both;
width: 100%;
background: transparent;
margin-top: 3em;
}
	
#scopes{
width: 100%; /* 800px / 1250px */
max-width: 76.92em; /* 1000px / 13 */
margin: 0 auto;
font-size: 1em; /* 13 / 16 */
color: #555862;
}

#scopes img{
vertical-align: baseline;
padding: 0 5em 0 0;
}

#scopes img.icon{
vertical-align: baseline;
padding: 0 0 0 0;
}

#scopesdetails{
padding: 0 0 0 3em;
font-size: 1em; /* 13 / 16 */
color: #555862;
text-align:left;
border-left:2px dotted #ddd;
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}		

#scopesdetails h2{
margin: 0 0 .1em 0;
color:#077cc1;
}	

#scopesdetails h3{
margin: 0 0 1.2em 0;
}

#scopesdetails p{
margin: .7em 0;
font-size: 1em;
color: #555862;
text-align:left;
letter-spacing: 1px;
}

#scopesdetails ul{
list-style-type: disc;
list-style-position:inside;
letter-spacing: 1px;
}

#scopesdetails li{
margin-bottom:.3em;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}

#scopesdetails a{
font-weight:300;
color:#077cc1;
}

#scopesdetails a:hover{
color:#00192d; 
font-weight:300;
text-decoration: underline; 
}

#specsdetails{
width:100%;
margin-bottom:2em;
font-size: 1em; /* 13 / 16 */
color: #555862;
text-align:left;
}		

#specsdetails .col{
margin: 0;
font-size: 1em; /* 13 / 16 */
color: #555862;
text-align:left;
}

#specsdetails p{
margin: .3em 0 0 0;
}

#specs{
font-family: Lato, sans-serif;
width: 100%;
border-collapse: collapse;
margin-top: 3em;
}

#specs td, #specs th {
font-size: 1em;
font-weight:300;
word-spacing: 1px;
border: 1px solid #077cc1;
padding: 3px 7px 2px 7px;
}

#specs th {
font-size: 1.1em;
text-align: left;
padding-top: 5px;
padding-bottom: 4px;
background-color: #077cc1;
color: #fff;
}

.floatleft{
float: left;
}

.floatright{
float: right;
}

#aboutcontainer{
width:100%;
margin-top:3em;
}

#about{
text-align:left;
}

#about h2{
color:#077cc1;
margin:0 0 .5em 0;
letter-spacing: 1px;
}

#about h4{
margin:0 0 .5em 0;
}

#about p{
width:100%;
font-size:1.05em;
letter-spacing: 1px;
padding-bottom: .75em;
}

#about a{
color:#077cc1;
letter-spacing: 1px;
}

#about a:hover{
text-decoration:underline;
}

#about img{
margin-bottom: 3em;
}

#gallerycontainer{
clear: both;
width: 100%;
background: #fff;
}

.gallery{
width: 100%; /* 1000px / 1250px */
max-width: 75em; /* 1200px / 16 */
margin: 0 auto;
color: #555862;
line-height: 1em;
}

.galleryimage{
background: #fff;
padding: 0;
margin: 0;
border: 2px dotted #ddd;
min-height:275px;
}

.galleryimage h5{   
padding: .3em 0 .3em 0;
}

#contact{
padding-bottom:5em;
}

#contact h2{
text-align:left;
color:#077cc1;
padding-bottom:.5em;
letter-spacing: 1px;
}

#contact h4{
text-align:left;
padding-top:1em;
}

#contact ul{
list-style-type: disc;
list-style-position:inside;
letter-spacing: 1px;
}

#contact li{
margin-bottom:.3em;
}

#contact p{
margin-top:2em;
}

#contact a{
color:#077cc1;
letter-spacing: 1px;
}

#contact a:hover{
text-decoration:underline;
}

#brandscontainer{
clear: both;
width: 100%;
border-top: 3px double #ddd;
background: #fff;
}
	
#brands{
clear: both;
width: 100%;
margin: 0 auto;
}

#brands img{
display: inline-block;
max-width: 175px;
padding: 1.5em .75em;	
}

#footercontainer{
width: 100%;
background: #00192d;
}
	
footer{
clear: both;
width: 75%;
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
font-size: 1em; /* 13 / 16 */
letter-spacing: .5px;
padding: 1.5em 0em;
color: #fff;
}

footer ul li{
font-family:Lato, sans serif;
font-size:.9em;
line-height:2.5em;
list-style-type:none;
}

footer a{ 
text-decoration:none;
}

footer a:hover{ 
text-decoration:underline;
}

footer p{
max-width: 270px;
font-size: .9em;
color:white;
letter-spacing:2px;
padding:0 0 2em 2em;
text-align:left;
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}

.logos{
background: transparent no-repeat left center;
padding: 0px 0px 30px 0px;
}

#smallprintcontainer{
width: 100%;
background:#00192d;
}
	
#smallprint{
clear: both;
width: 45%; /* 1000px / 1250px */
max-width: 100em; /* 1200px / 12 */
margin: 0 auto;
font-family:Lato, sans-serif;
font-weight:300;
font-size: 0.75em; /* 12 / 16 */
padding: 2em 0;
color: #aaa;
}

#smallprint p{	
text-align: center;
letter-spacing:1px;
margin-bottom: 10px;
}

#smallprint a:link, #smallprint a:visited{ 
color:#aaa; 
text-decoration: none; 
}
#smallprint a:hover{ 
color:#fff; 
text-decoration: underline; 
}


/*  SECTIONS  ============================================================================= */

.section{
	padding: 0 0 1em 0;
	margin: 0;
}

.sectionend{
	background: none;
}



/*  GRID COLUMN SETUP   ============================================================================= */

.col{
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}

.col:first-child{ 
margin-left: 0; 
} /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
.col{ 
margin: 1% 0 1% 0%;
}
}
/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}

/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7{
	width: 100%;
}

.span_6_of_7{
	width: 85.48%;
}

.span_5_of_7{
  	width: 70.97%;
}

.span_4_of_7{
  	width: 56.45%;
}

.span_3_of_7{
  	width: 41.92%;
}

.span_2_of_7{
  	width: 27.42%;
}

.span_1_of_7{
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7{
		width: 100%; 
	}
	.span_6_of_7{
		width: 100%; 
	}
	.span_5_of_7{
		width: 100%; 
	}
	.span_4_of_7{
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7{
		width: 100%; 
	}
	.span_1_of_7{
		width: 100%; 
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3{
	width: 100%; 
}

.span_2_of_3{
	width: 66.1%; 
}

.span_1_of_3{
	width: 32.2%;	
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3{
		width: 100%; 
	}
	.span_2_of_3{
		width: 100%; 
	}
	.span_1_of_3{
		width: 100%;
	}
}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6{
	width: 100%;
}

.span_5_of_6{
  	width: 83.06%;
}

.span_4_of_6{
  	width: 66.13%;
}

.span_3_of_6{
  	width: 49.2%;
}

.span_2_of_6{
  	width: 32.26%;
}

.span_1_of_6{
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6{
		width: 100%; 
	}
	.span_5_of_6{
		width: 100%; 
	}
	.span_4_of_6{
		width: 100%; 
	}
	.span_3_of_6{
		width: 100%; 
	}
	.span_2_of_6{
		width: 100%; 
	}
	.span_1_of_6{
		width: 100%; 
	}
}


/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5{
	width: 100%;
}

.span_4_of_5{
  	width: 79.68%; 
}

.span_3_of_5{
  	width: 59.36%; 
}

.span_2_of_5{
  	width: 39.04%;
}

.span_1_of_5{
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5{
		width: 100%; 
	}
	.span_4_of_5{
		width: 100%; 
	}
	.span_3_of_5{
		width: 100%; 
	}
	.span_2_of_5{
		width: 100%; 
	}
	.span_1_of_5{
		width: 100%; 
	}
}						

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/*  GLOBAL OBJECTS ============================================================================= */

.breaker{ 
clear: both; 
}

.group:before,.group:after{
content:"";
display:table;
}

.group:after{
clear:both;
}

.group{
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.floatleft{
float: left;
}

.floatright{
float: right;
}

.fullwidth{ 
width:100% !important; 
}

/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder{
font-size : .875em; 
line-height : 1.4em; 
}

input:-moz-placeholder{ 
font-size : .875em; 
line-height : 1.4em; 
}

.ie7 img, .iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;

-moz-hyphens : auto; }

/*  MEDIA QUERIES  ============================================================================= */

@media screen and (max-width: 1200px){
.mainNav li{ 
padding: 0px 0px; 
}

.mainNav li a { 
padding: 5% 5% 5% 13%;  
}
}

@media screen and (max-width: 1140px){
.mainNav li { 
padding:0px 0; 
}	

.mainNav li a { 
padding: 5% 5% 5% 13%; 
font-size:1.5em; 
}
}


@media screen and (max-width: 1024px){
header, #slidecontainer, footer{
width: 100%; /* 960px / 1024px */
}

.productsinfo{
padding-bottom:1em
}

footer{
width: 93.75%; /* 960px / 1024px */
}
}

@media screen and (max-width: 890px){
.mainNav li a { 
padding: 5% 5% 5% 20%; 
font-size:1em; 
}

.productsinfo{
min-height:550px;
}

#brands img{
max-width: 125px;   
}
}


@media screen and (max-width: 768px){
.mainNav{  
}

.mainNav li{ 
background: #transparent; 
width: 100%; 
padding: 0;  
}

		
/* On hover on mobile, o make sure hover state is showing */
.mainNav li a { 
color:#000; 
}
			
/* Turn off some styles */

.mainNav li:hover{ 
background: transparent; 
box-shadow:none; 
border-radius:0; 
text-shadow:none; 
color:#000; 
}

.mainNav li:hover a { 
text-shadow:none; 
color:#000; 
}

.productsinfo{
min-height:580px;
padding:1em;
}
 			
}

@media screen and (max-width: 660px){
body{ 
font-size: 90%; 
}

#intro h1{ 
font-size: 1.6em; 
}  

#intro h2{ 
font-size: 1.3em; 
}

#intro h3{ 
font-size: 1.1em; 
}

p.introtext{ 
font-size: 1.3em; 
}

.mainNav li a:link, .mainNav li a:visited{ 
color: #886611; 
padding: 5% 5% 5% 25%;
font-size: 13px;
}

.mainNav li a:hover{ 
padding: 5% 5% 5% 25%; 
font-size: 1em;
background: transparent url(StencilIconGoldSm.png) no-repeat center left;
}

.mainNav li a.current{ 
padding: 5% 5% 5% 25%; 
font-size: 1em;
background: transparent url(StencilIconGoldSm.png) no-repeat center left;
}

div#contact-area {
margin-top: 4.16667%;	
}
}

@media only screen and ( max-width: 620px ) 
{
#nav{
position: relative;
}
        
#nav > a{
}

#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{
display: block;
}
 
/* first level */
 
#nav > ul{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
        
#nav:target > ul{
display: block;
}
        
#nav > ul > li{
width: 100%;
float: none;
}
 
/* second level */
 
#nav li ul{
position: static;
}

#brands img{
max-width: 100px;
padding: 1em;    
}

}

@media screen and (max-width: 480px){
.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {
width: 100%; 
margin:0 0 1em 0;
}

.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 {
width: 100%; 
margin:0 0 1em 0;
}

.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
width: 100%; 
margin:0 0 1em 0;
}
	
.testimonial{ 
font-size:1.3em; 
}

.mainNav{  
width: 100%;
}

.mainNav li a{ 
padding: 5% 5% 5% 13%;
margin: 0%;
}

.mainNav li a:link, .mainNav li a:visited{ 
color: #886611; 
padding: 6px 0px;
font-size: 2em;
}

.mainNav li a:hover{ 
padding: 6px 0px; 
font-size: 1.5em;
background: transparent url(StencilIconGold.png) no-repeat center right;
}

.mainNav li a.current{ 
padding: 6px 0px; 
font-size: 2em;
background: transparent url(StencilIconGold.png) no-repeat center right;
}

h4{
margin-top: 1em;
}

header img.large{
display: none;
}

header img.small{
display: block;
}

#brandscontainer{
padding: 2em 0 0 0;    
}

#brands img{
max-width: 175px;
padding: 0;    
}
}

@media screen and (max-width: 320px){
}