html {
overflow: -moz-scrollbars-vertical;
}

* {
margin: 0;
padding: 0;
}

body {background:#333333;}


@font-face {
    font-family: myFirstFont;
	src: url('Quicksand-Regular.ttf') format('truetype');
}

div, input, submit {
    font-family: myFirstFont;
} 

html {font-size: 100%;}

.submit {
text-transform: uppercase; 
font-size:0.9em;
background-color: #da7326;
color:#000;
border: 1px solid #da7326;
font-weight: bold;
}

td {color: #da7326;}
input {width:180px;}

#leftCol {
float:left;
width:17%;
} 

#content {
float:left;
width:66%;
max-width: 1680px;
}

#rightCol {
float:left;
background-color:#333333;
width:17%;
}

#header {
float:left;
margin-top:2%;
background:#3a3a3a;
width:100%;
height:auto;
max-width: 1680px;
color:#da7326;
font-size:1.1vw;
}

.headerImage {
width:100%;
height:auto;
}

#navBlock {
float:left;
width:100%;
max-width: 1680px;
background:#3a3a3a;
padding-bottom: 1%;
}

#nav {
float:left;
margin-left:2.3%;
margin-top:1%;
font-size:0.9em;
background:#3a3a3a;
color:#da7326;
font-size:1.1vw;
}

a:link.navLink {color: #da7326; text-transform: uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}
a:visited.navLink {color: #da7326; text-transform:  uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}
a:hover.navLink {color: #fff; text-transform:  uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}


a:link.navLinkSelected {color: #fff; text-transform: uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}
a:visited.navLinkSelected {color: #fff; text-transform:  uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}
a:hover.navLinkSelected {color: #fff; text-transform:  uppercase; text-decoration: none; font-size: 0.85em; padding: 0px;}

a:link.contactLink {color: #da7326; text-decoration: underline; font-size: 1.0em; padding: 0px;}
a:visited.contactLink {color: #da7326; text-decoration: underline; font-size: 1.0em; padding: 0px;}
a:hover.contactLink {color: #fff; text-decoration: underline; font-size: 1.0em; padding: 0px;}

a:link.brandLink {color: #da7326; text-decoration: none; font-size: 0.9em; padding: 0px;}
a:visited.brandLink {color: #da7326; text-decoration: none; font-size: 0.9em; padding: 0px;}
a:hover.brandLink {color: #fff; text-decoration: none; font-size: 0.9em; padding: 0px;}

a:link.brandLinkB {color: #da7326; text-decoration: none; font-size: 0.9em; padding: 0px; font-weight:bold;}
a:visited.brandLinkB {color: #da7326; text-decoration: none; font-size: 0.9em; padding: 0px; font-weight:bold;}
a:hover.brandLinkB {color: #fff; text-decoration: none; font-size: 0.9em; padding: 0px; font-weight:bold;}


#divider {
float:left;
background:#333333;
width:100%;
height:2%;
max-width: 1680px;
}

#bodyContent {
float:left;
background:#3a3a3a;
width:100%;
height:auto;
max-width: 1680px;
color:#da7326;
font-size:1.1vw;
padding-bottom:20px;
}



#mainImage {
float:left;
max-width: 1042px;
width:62%;
margin-left:2.3%;
margin-top:2.3%;
padding-bottom:5%;
}

.mainImage {
max-width: 1042px;
width:100%;
height:auto;
}




#smLogo {
float:left;
max-width: 50px;
width:13%;
margin-right:2.3%;
margin-top:2.3%;
padding-bottom:5%;
}

.smLogo {
max-width: 50px;
width:100%;
height:auto;
}






#textContent {
float:left;
width:31%;
margin-left:2.3%;
margin-top:2.3%;
font-size:0.85em;
}



.google-maps {
    position: relative;
	
    padding-bottom: 63%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


#smImageSlot {
float: left;
margin-left:2.3%;
margin-top:2.3%;
padding-bottom:5%;
border: 0px solid gray;
max-width: 586px;
width:35%;
}

.smallImage {
max-width: 856px;
width:100%;
height:auto;
}



#textSlotWide {
float: left;
margin-left:2.3%;
margin-top:2.3%;
width:58%;
font-size:0.85em;
border: 0px solid black;
background-color:#3a3a3a; /* 5a5a5a */
text-align: left;
}


#textHeader {
color: #fff;
font-weight: bold;
margin-bottom: 10px;
}

td {
font-size:0.75em;
color:#fff;
}

#brandsL {
float:left;
width:50%;
}

#brandsR {
float:left;
width:50%;
}

#brandText {
margin-top:10px;
float:left;
}

#adminStuff {
text-align: left;
color:#fff;
font-size:0.75em;
}

#emailForm {
clear:left;
float:left;
}