/* BEGIN RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent; border: 0; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; font-style:normal; -webkit-text-size-adjust:none;}

ol, ul {list-style: none;}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav.nav, article, footer, address, img {display: block;} 

/* Clearfix */
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
*, *:before, *:after {box-sizing: inherit;}

/* BASIC STYLES */
body {font-size:14px; line-height:20px; background: #fff; overflow-x:hidden;}
#contentwrap {width:90%; margin:0 auto;}
#site-width {width:75%; margin:0 auto;}
h1 {font-family: 'Oswald', sans-serif; font-size: 72px; line-height: 76px;}
h2 {font-family: 'Oswald', sans-serif; font-size: 36px; line-height: 40px; color:#ff4e02;}
h3 {font-size: 24px; line-height: 30px;}
h4 {font-size: 18px; color:#ff4e02;}

#inventorywrap h1 {font-size: 36px;line-height: 26px;color: #ff4e02;}

#inventorywrap h2 {font-size: 16px;line-height: 26px;color:#000;font-family: 'Roboto Condensed', sans-serif;}

.style1 {font-family: 'Oswald', sans-serif; font-size: 32px; line-height: 40px; font-weight:300; color:#000;}
.style2 {font-size:12px; line-height:20px; font-weight:bold; text-transform:uppercase;}

p {font-size:18px; margin:5px 0 15px; line-height:31px;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; color:#005a94;}

/* HEADER */
header {max-width:100%; background:url(../siteart/headbg.jpg) repeat; padding:1em 0; color:#fff;}
.logo {float:left; width:20%;}
.logo img {width:100%;}
.headerright {padding-top:1em; float:right; width:50%; text-align:right; font-family: 'Oswald', sans-serif; font-size:20px;}
.headerright a {text-align:right; font-family: 'Oswald', sans-serif; font-size:20px; color:#fff;}
.headerright img {display:inline-block; vertical-align:middle;}

/* NAVIGATION */
#navwrap {background:#000; max-width: 100%; margin:0 auto; color:#fff;}
nav.nav {margin:0 0; padding: .25em 0; position: relative; z-index: 22; white-space: nowrap; max-width:100%; text-align: center;}
nav.nav ul {display: inline-block; list-style-type: none; padding: 0; margin: 0; font-size: 18px; text-transform: uppercase;}
nav.nav li {display: inline-block;}
nav.nav li:first-child a {padding-left: 0;}
nav.nav a {font-family: 'Oswald', sans-serif; color: #fff; display: inline-block; padding: 10px 15px; font-weight:700; font-size:22px;}
nav.nav a:hover {color: #095ba7;}
nav.nav .knob {cursor: ew-resize; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%);} /** RESIZE HANDLE **/
	@media (max-width: 1000px) {nav.nav .knob {display: none;}}  
.nav__dropdown {padding: 10px !important; white-space: nowrap; top: 80%; right: 0; background-color: #000; transition: 300ms cubic-bezier(0.25, 2, 0.25, 1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0;}
.nav__dropdown.show {-webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25); transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); }
	@media (max-width: 650px) {
		.nav__dropdown {right: auto; left: 0;}
		.nav__dropdown:after {right: auto; left: 20px;}}
.nav__dropdown:after {content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 1px solid #068df6; border-left: 1px solid transparent; border-right: 1px solid transparent; content: ''; top: -6px; right: 10px;}
		.nav__dropdown-wrapper {display: inline-block; -webkit-perspective: 500px; perspective: 500px; }
	@media (max-width: 650px) {.nav__dropdown-wrapper {position: static !important;}}
.nav__dropdown-toggle {outline: none; display: inline-block; border: none; background: none; font-family: 'Oswald', sans-serif; font-size:22px; font-weight:700; text-decoration: none; color:white; padding: 10px 20px; background-image: url("/siteart/downarrow.png"); background-repeat: no-repeat; background-position: 100% center; text-transform:uppercase;}
.nav__dropdown li {display: block !important; color: #fff;}
.nav__dropdown li a{color: #fff;}
.nav__dropdown a {display: inline-block; padding: 10px; font-size: 16px; }

/* SEARCH BAR */
#search input{color: #000; width: 40%; background-image:url(../siteart/headicons/search.png); background-position:300px 4px; background-repeat:no-repeat; padding:10px 40px 5px; -webkit-transition: width 0.4s ease-in-out;  transition: width 0.4s ease-in-out; font-family: 'Oswald', sans-serif; margin-top:15px; font-size:16px;}

/* CONTENT STYLES */
.cycle-slideshow{position: relative; width:100%; margin:0 auto; z-index: 0 !important;}
.cycle-slideshow img{width: 100%; height: auto; position: relative; z-index: 0;}


#main {width:100%; margin:0 auto;}
#main img {width:100%;}
.tagline {width:50%; position:absolute; top:400px; left:110px; font-size:52px; line-height:53px; font-family: 'Oswald', sans-serif; color:#fff;}

.pageleft {float:left; width:50%; padding:4em 0 2em;}
.lift {position:absolute; right:0; z-index:-1;}
.list {position:absolute; right:0; padding-top:10.75em}
.pageright a {color:#fff; font-family: 'Oswald', sans-serif; font-size:28px; font-weight:700; padding-right:8em;}

.line {border-top:1px solid #ccc; width:100%; margin:.75em 0; padding:.75em 0;} 

#inventorywrap {width:75%; margin:3em auto;}

.column_two {float:left; width:15%; margin:10px 0;}

.column_four {display:inline-block; width:23%; border:1px solid #ccc; padding:.5% 1%; margin:1% .25%;}
.column_four a {color:#ff4e02;}

.rentbtn {background:#005a94; width:200px; text-align:center; color:#fff; padding:15px 0 10px; font-family: 'Oswald', sans-serif; font-size:20px; font-weight:700; }

.linkbtn {display:inline-block; background:#005a94; width:23%; margin:1% 0 1% 1%; text-align:center; color:#fff; padding:15px 0 10px; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:700; }
.linkbtn:hover {background:#ff4e02;}

.promobtn {display:block; background:#ff4e02; width:100%; max-width:300px; margin:1% 0; text-align:center; color:#fff!important; padding:10px 0; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:700; text-transform: uppercase;}
.promobtn:hover {background:#005a94; color:#fff!important;}

.col_two {display:block; vertical-align:top; border:1px solid #ccc;}
/*.col_two img {width:100%;}*/


/* INVENTORY BLOCKS */
#invwrap {margin:.5em 0 2em;}
.inv {float:left; width:24%; margin:1% 0 0 1%;}
.inv img {width:100%;}
.invtext {font-family: 'Oswald', sans-serif; color:#000; font-size:18px; padding:10px 0; text-align:center;}
.backbtn {float:right;}
.backbutton {font-family: 'Oswald', sans-serif; font-weight:700; background:none; border:none; text-shadow:none;}
.back {display:inline-block; vertical-align:middle; margin-top:-5px;}

.hosted-content #listings-title {color:000!important;}

/* SPEC */
.divTable{display: table; width: 100%; margin:1em 0;}
.divTable a {color:#000;}
.divTable a:hover {color:#ff4e02;}
.divTableRow {display: table-row;}
.divTableHeading {display: table-header-group;}
.divTableCell, .divTableHead {border: 1px solid #999999; display: table-cell; padding: 3px 10px;}
.divTableHeading {display: table-header-group; font-weight: bold;}
.divTableFoot {display: table-footer-group; font-weight: bold;}
.divTableBody {display: table-row-group;}

.vertical-tb  {background:#747474; width:300px; padding:12px; color:#fff; font-weight:bold; text-align:center;}
.vertical-tb a {color:#fff;}
.vertical-tb a:hover {color:#000;}

.boom {display:inline-block;}
.boom a {display:inline-block; text-align: center; color:#000;}
.boom a:hover{color:#7C7C7C;}
.boom img{display:inline-block; width:200px;}

/* HOME BUTTONS */
.homeinventory {width:33.33%; float:left;}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.hovereffect a.info {display: inline-block; margin: 115px auto 0; font-family: 'Oswald', sans-serif;  font-size:48px; color:#fff;}
.hovereffect a.info:hover {border-bottom:1px solid #ff4e02; padding-bottom:15px;}

/* SCROLLING INVENTORY */
.scroll {background:#323232; padding:.5em 0;}
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:92px;}

#manu {background:#fff; text-align:center;}
#manu img {display:inline-block; vertical-align:middle; padding:1%; height:169px;}

/* FOOTER */
footer {max-width:100%; background:url(../siteart/footbg.jpg) repeat; padding:1.5em 0; color:#fff; font-size:14px;}
footer a {color:#fff;}
#footerleft {float:left; width:50%; padding:1.25em 0; border-right:1px solid #fff;}
.column_three {display:inline-block; vertical-align:top; width:33%;}

#footerright {float:right; width:42%; padding:1.25em 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:13px; color:#fff;}
a.footerlink:hover {font-size:13px; color:#095ba7;}
.footertext{font-size:13px; color:#fff;}
.smallfootertext{font-size:13px; color:#fff;}
.divfooter {width:100%; line-height:20px;}

/* FORM */
#formpage {vertical-align:top;}

#formpage div {vertical-align:top; padding:6px 5px;}
        
#formpage input {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px;}

#formpage textarea {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px;}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {border:1px solid #8e8d8d;	color:#8e8d8d; vertical-align:middle; font-size:12px; line-height:normal; padding:5px;}
   
#formpage input  {width:100%;}
 
#formpage input.larger  {width:100%;}

#formpage textarea {width:100%; height:85px;}

#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; border:1px solid #16598d; 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:200px;  margin:0; padding:10px 0 5px; background:#ff4e02 url('../siteart/submit_btn.jpg') repeat-x; font-size:14px;line-height:14px; font-weight:bold; color:#fff; border:1px solid #ff4e02; text-transform:uppercase; font-family: 'Oswald', sans-serif; }
#formpage input.button:hover {background:#095ba7; border:1px solid #095ba7;} 

/*control the Captcha */
.captcha {width:30%;}
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:left !important; 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 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0;	margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
 
 
/************************************************ Responsive Styles **/
@media screen and (max-width: 1480px) and (min-width:1224px) {
h1 {font-size:56px;}
p {font-size:16px; line-height:25px;}

.headerright {width:60%; font-size:16px; line-height:26px;}
.headerright a {font-size:16px;}
.headerright img {height:25px;}
#search input{background-position:235px 4px;}

nav.nav a {font-size:18px;}
.nav__dropdown-toggle {font-size:18px;}

.tagline {font-size:48px; top:300px; left:75px;}

.column_two {width:25%;}

.hovereffect a.info {margin:75px auto 0; font-size:36px;}

#site-width {width:80%;}
.pageleft {width:53%; padding:2em 0 3em;}
.lift {right:-175px;}
.list {padding-top:8em;}
.pageright a {font-size:28px;}
#manu img {height:140px;}

.column_three {width:30%;}
}

@media screen and (max-width: 1223px) and (min-width:1024px) {
h1 {font-size:48px; line-height:50px;}
#inventorywrap h1{font-size:26px;}
h2 {font-size:26px;}
.style1 {font-size:26px;}
p {font-size:14px; line-height:22px;}

.logo {width:28%;}
.headerright {width:70%; font-size:15px; line-height:26px;}
.headerright a {font-size:15px;}
.headerright img {height:25px;}
#search input{background-position:225px 4px;}

nav.nav a {font-size:16px;}
.nav__dropdown-toggle {font-size:16px;}

.tagline {font-size:36px; top:275px; left:50px;}

.column_two {width:30%;}

.hovereffect a.info {margin:50px auto 0; font-size:28px;}

#site-width {width:80%;}
.pageleft {width:53%; padding:2em 0 2em;}
.lift {right:-300px;}
.list {padding-top:8em;}
.pageright a {font-size:18px; padding-top:1}
.line {margin:.6em 0; padding:.6em 0;}

.linkbtn {font-size:16px;}

#manu {padding:1em 0;}
#manu img {height:110px;}

#footerleft {width:55%; padding-right:3em;}
.column_three {width:31%;}

#footerright {width:40%;}
}


@media screen and (max-width: 1023px) and (min-width:650px) {
h1 {font-size:32px; line-height:34px;}
#inventorywrap h1{font-size:18px; line-height:26px;}
h2 {font-size:18px; line-height:26px;}
#inventorywrap h3 {font-size:16px; line-height:26px;}
h3 {font-size:16px; line-height:26px;}
.style1 {font-size:18px; line-height:26px;}
p {font-size:12px; line-height:20px;}

#contentwrap {width:95%;}
.logo {width:30%;}
.headerright {width:70%; font-size:11px; line-height:26px;}
.headerright a {font-size:11px;}
.headerright img {height:25px;}
#search input{width: 60%; background-position:245px 4px; padding:8px 20px 5px; font-size:13px;}

nav.nav a {font-size:16px;}
.nav__dropdown-toggle {font-size:16px;}

.tagline {font-size:28px; line-height:38px;  top:275px; left:25px;}

.column_two {width:40%;}

.captcha {width:50%;}

.hovereffect a.info {margin:30px auto 0; font-size:20px;}

#site-width {width:80%;}
.pageleft {width:59%; padding:2em 0 0em;}
.lift {right:-500px;}
.list {padding-top:7em;}
.pageright a {font-size:16px; padding-right:4em;}

.line {margin:.4em 0; padding:.4em 0;}

#inventorywrap {width:90%;}

.inv {float:left; width:32%; margin:1% 0 0 1%;}
.invtext {font-size:16px; padding:10px 0;}

.linkbtn {font-size:12px;}
		
.column_four {width:48%;}

#manu {padding:1em 0;}
#manu img {height:75px;}

#footerleft {float:none; width:100%; padding-right:3em; border-right:none; border-bottom:1px solid #fff;}
.column_three {width:31%;}

#footerright {float:none; width:100%;}
}


@media screen and (max-width: 649px) and (min-width:421px) {
h1 {font-size:32px; line-height:34px;}
#inventorywrap h1{font-size:18px; line-height:26px;}

h2 {font-size:18px; line-height:26px;}
h3 {font-size:16px; line-height:26px;}
.style1 {font-size:18px; line-height:26px;}
p {font-size:12px; line-height:20px;}

.logo {width:30%; margin-top:1em;}
.headerright {width:70%; font-size:11px; line-height:26px;}
.headerright a {font-size:11px;}
.headerright img {height:25px;}
#search input{width: 75%; background-image:none; padding:8px 20px 5px; font-size:13px;}

nav.nav a {font-size:14px;}
.nav__dropdown-toggle {font-size:14px;}

.tagline {display:none;}

.hovereffect a.info {margin:20px auto 0; font-size:16px;}

#site-width {width:80%;}
.pageleft {width:59%; padding:2em 0 0em;}
.lift {right:-575px;}
.list {padding-top:7em;}
.pageright a {font-size:12px; padding-right:3em;}

.line {margin:.25em 0; padding:.25em 0;}

#inventorywrap {width:90%;}

.column_two {width:45%;}

.captcha {width:75%;}

.inv {float:left; width:32%; margin:1% 0 0 1%;}
.invtext {font-size:13px; padding:10px 0;}

.linkbtn {width:48%; font-size:14px;}

.col_two {display:block; width:100%;}	
	
.column_four {width:48%;}	
	
#manu {padding:1em 0;}
#manu img {height:40px;}

#footerleft {float:none; width:100%; padding-right:3em; border-right:none; border-bottom:1px solid #fff;}
.column_three {width:32%; font-size:12px;}

#footerright {float:none; width:100%;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:12px;}
a.footerlink:hover {font-size:12px;}
.footertext{font-size:12px;}
.smallfootertext{font-size:12px;}

.nav__dropdown {right: 0; left: auto;}
.nav__dropdown:after {right: auto; left: 20px;}
.nav__dropdown-wrapper {position: static !important;}
}
 

@media screen and (max-width: 420px) and (min-width:360px) {
h1 {font-size:32px; line-height:34px;}
#inventorywrap h1{font-size:18px; line-height:26px;}
h2 {font-size:18px; line-height:26px;}
h3 {font-size:16px; line-height:26px;}
h4 {font-size:16px;}
.style1 {font-size:18px; line-height:26px;}
p {font-size:12px; line-height:20px;}

.logo {float:none; width:75%; margin:0em auto 0;}
.headerright {float:none; width:100%; font-size:14px; line-height:26px; text-align:center;}
.headerright a {font-size:14px;}
.headerright img {height:25px;}
#search input{width: 100%; margin:.5em auto; background-image:none; padding:8px 0 5px; text-align:center; font-size:13px;}

nav.nav a {font-size:14px;}
.nav__dropdown-toggle {font-size:14px;}

.tagline {display:none;}

.hovereffect a.info {margin:20px auto 0; font-size:16px;}

#site-width {width:87%;}
.pageleft {float:none; width:100%; padding:2em 0 0em;}
.lift {display:none;}
.list {display:none;}

#inventorywrap {width:90%;}

.column_two {width:60%;}

.captcha {width:100%;}
.CaptchaPanel {text-align:center !important;}
#formpage input.button,#formpage input.button:focus {width:100%;}

.inv {float:left; width:48%; margin:1% 0 0 2%;}
.invtext {font-size:13px; padding:10px 0;}

.divTableCell, .divTableHead {display:block}
.rentbtn {width:100%; font-size:16px;}

.linkbtn {display:block; width:100%; margin:1% auto; font-size:14px;}
	
.col_two {display:block; width:100%;}	
	
.column_four {width:48%;}	

#manu {padding:1em 0;}
#manu img {height:45px;}

#footerleft {float:none; width:100%; padding-right:3em; border-right:none; border-bottom:1px solid #fff;}
.column_three {width:32%; font-size:12px;}

#footerright {float:none; width:100%;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:12px;}
a.footerlink:hover {font-size:12px;}
.footertext{font-size:12px;}
.smallfootertext{font-size:12px;}

.nav__dropdown {right: 0; left: auto;}
.nav__dropdown:after {right: auto; left: 20px;}
.nav__dropdown-wrapper {position: static !important;}
}
 

@media screen and (max-width: 359px){
h1 {font-size:28px; line-height:34px;}
#inventorywrap h1{font-size:18px; line-height:26px;}
h2 {font-size:18px; line-height:26px;}
h3 {font-size:16px; line-height:26px;}
h4 {font-size:14px; line-height:20px;}
.style1 {font-size:18px; line-height:26px;}
p {font-size:12px; line-height:20px;}

.logo {float:none; width:75%; margin:0em auto 0;}
.headerright {float:none; width:100%; font-size:14px; line-height:26px; text-align:center;}
.headerright a {font-size:14px;}
.headerright img {height:15px;}
#search input{width: 100%; margin:.5em auto; background-image:none; padding:8px 0 5px; text-align:center; font-size:13px;}

nav.nav a {font-size:14px;}
.nav__dropdown-toggle {font-size:14px;}

.tagline {display:none;}

.homeinventory {width:100%; float:none;}
.hovereffect a.info {margin:30px auto 0; font-size:16px;}

#site-width {width:87%;}
.pageleft {float:none; width:100%; padding:2em 0 0em;}
.lift {display:none;}
.list {display:none;}

#inventorywrap {width:90%;}

.column_two {float:none; width:100%;}

.captcha {width:100%;}
.CaptchaPanel {text-align:center !important;}
#formpage input.button,#formpage input.button:focus {width:100%;}

.inv {float:none; width:100%; margin:1% auto;}
.invtext {font-size:12px; padding:10px 0;}

.divTableCell, .divTableHead {display:block}
.rentbtn {width:100%; font-size:14px;}

.linkbtn {display:block; width:100%; margin:1% auto; font-size:14px;}

.col_two {display:block; width:100%;}
	
	
.column_four {display:block; width:100%;}	

#manu {padding:1em 0;}
#manu img {height:35px;}

#footerleft {float:none; width:100%; padding-right:3em; border-right:none; border-bottom:1px solid #fff;}
.column_three {float:none; width:100%; margin:10px 0; font-size:12px;}

#footerright {float:none; width:100%;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:10px;}
a.footerlink:hover {font-size:10px;}
.footertext{font-size:10px;}
.smallfootertext{font-size:10px;}

.nav__dropdown {right: 0; left: auto;}
.nav__dropdown:after {right: auto; left: 20px;}
.nav__dropdown-wrapper {position: static !important;}

}