/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:Helvetica, Arial, sans-serif;
	color: black;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

header, nav, article, footer {display:block;}

body {
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	-webkit-text-size-adjust: none;
}

.wrap {width:90%; max-width:1230px; margin:0 auto;}
.sm-wrap {width:85%; max-width:1160px; margin:0 auto;color: white;}

.show-tablet {display:none;}



/************************** typography styles **/

p {margin-bottom:14px; color: white;}
.no-margin {margin:0 !important;}

a {color:#e40000; text-decoration:none;}
a:hover {color:#000;}

.red {color:#e40000;}
.black {color:#000;}
.white {color:#fff;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

h1 {
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}

h2 {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}

h5 {
	color:#000;
	font-size:18px;
	font-weight:bold;
	margin-bottom:0;
}



/************************** header styles **/

header {background:#fff; width:100%; padding:20px 0;}

.logo {width:24.5%; float:left;}
.logo img {width:100%; height:auto; display:block; max-width:301px;}

.head-contact {
	width:75.5%;
	float:left;
	text-align:right;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-top:25px;
}





/************************** nav styles **/

nav {background:url('../siteart/layout/nav-bg.jpg') repeat-x;}

/*nav li {float:left; display:inline; position:relative;}
nav a:link, nav a:active, nav a:visited {
	text-decoration:none;
	display:block;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:0 22px;
}
*/
/*
nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 40px;
	left:0;
	background:#000;
}

nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

*/

nav ul li:hover > ul {
	display: block;
	z-index:99999;
}

nav ul ul li {
	float: none; 
	position: relative;
	display:block;
}
/*
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
	font-size:16px;
	line-height:16px;
	padding:5px 22px 5px 22px;
	border-bottom: 1px solid #666;
}
*/
nav ul ul li a:hover {
	background: #ca0000;
	color:#fff;
}






/************************** content styles **/

.content-contain {width:100%; display:block; height:auto; position:relative; border-bottom:3px #fff solid;}

.cycle-slideshow {
	width:100%;
	z-index:3;
	overflow:hidden;
}
.cycle-slideshow img {
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	top:0; left:0;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #000; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #e40000;}
.cycle-pager > * { cursor: pointer;}


.content {
	width:85%;
	margin:0 7.5%;
	top:30px;
	background:url('../siteart/layout/60-white.png') repeat;
	position:absolute;
	z-index:9;
	text-align:center;
}
.content-pad {padding:55px 4.5%;}


article {
	background:url('../siteart/layout/gray-pattern.jpg') repeat;
	padding:30px 0;
	border-bottom:3px #fff solid;
}
article.inventory {background:#fff;}

.contact-info {width:28%; float:left; margin-right:2%;}

.map {width:70%; float:left;}
.map iframe {width:100%; height:300px; display:block;}

.inv {width:100%; display:block;}
.inv iframe {width:100%; height:2100px; display:block; background:#fff;}




/************************** footer styles **/

footer {width:100%; background:#000; padding:40px 0; line-height:12px;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#fff;}
a.footerlink:hover {text-decoration:none; color:#fff;}

.footertext{font-size:10px; color:#fff;}
.smallfootertext{font-size:10px; color:#fff;}

.divfooter {width:96%; max-width:585px; text-align:center; margin:0 auto;}





/************************** form styles **/

.row {display:block; width:100%;}
.row:after {content:""; clear:both; display:block;}

.col3 {width:26.33333%; float:left; margin:0 3.5%;}

#formpage label {display:block; margin-bottom:3px;color: white;}

#formpage input {
	width:100%;
	width:calc(100% - 10px);
	padding:6px 5px;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	margin-bottom:15px;
	-webkit-appearance: none;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 10px);
	padding:6px 5px;
	color:#8e8d8d;
	font-size:12px;
	height:133px;
	background:#fff;
	margin-bottom:15px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 10px);
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	background:#fff;
	margin-bottom:15px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}


#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#e40000;
    font-size:14px;
	line-height:14px;
    color:#fff;
}
#formpage input.button:hover {
	background:#ca0000;
	color:#fff;
}
 


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 3px 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
	color: #fff;
}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:3px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}




/************************** responsive styles **/
@media screen and (max-width:1280px) {
	nav a:link, nav a:active, nav a:visited {font-size:17px; padding:0 16px;}
	nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
		padding:5px 16px 5px 16px;
	}
}
@media screen and (max-width:1140px) {
	nav a:link, nav a:active, nav a:visited {font-size:15px;}
}

@media screen and (max-width:1024px) {
	.wrap, .sm-wrap {width:96%;}
	
	.logo {width:30%;}
	.head-contact {width:70%; margin-top:20px;}
	
	nav a:link, nav a:active, nav a:visited {
		padding:0 9px; font-size:13px;
	}
	/*
	nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
		padding:5px 9px 5px 9px;
	}
	*/
	
	.content {width:96%; margin:0 2%;}
	
	.col3 {width:31.33333%; margin:0 1%;}
	
	.contact-info {width:100%; margin-right:0%;}
	.map {width:100%;}
	
}


@media screen and (max-width:768px) {	
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	h5 {font-size:16px;}
	
	#simple-menu {
		float:left;
		background:url('../siteart/layout/mobile-nav-icon.png') no-repeat center center;
		height:40px;
		width:40px;
		display:block;
		cursor:pointer;
	}
	
	.head-contact {font-size:16px;}
	
	.content-pad {padding:30px 4.5%;}
	
	.col3 {width:100%; margin:0 0;}
	
}


@media screen and (max-width:640px) {
	h5 {font-size:14px;}
	
	.logo {width:35%;}
	.head-contact {width:65%; margin-top:10px;}
	
	.content-pad {padding:15px 4.5%;}
	
	.map iframe {height:250px;}
}


@media screen and (max-width:480px) {
	h5 {font-size:12px;}
	
	.logo {width:46%; margin:0 27%;}
	.head-contact {width:100%; text-align:center; margin-top:10px;}
	
	.content {top:0px; width:100%; margin:0 0;}
	
	.map iframe {height:200px;}
	
}


@media screen and (max-width:320px) {
	.cycle-slideshow {display:none;}
	.content {background:#fff; position:relative;}
}