@charset "utf-8";
:focus {
	outline: 0;
}
html { scroll-behavior: smooth; }
article, #author, figure, figcaption, footer, header, hgroup, nav, section, summary {
	display: block;
}
:root {
	--gold: #ffde17;
	--green: #5f7634;
	--teal: #4d8370;
	--mustard: #c08b2c;
	--orange: #c86428;
	--brown: #91361f;
	--light-grey: #e1e1e1;
	--trans_grey: rgba(204, 204, 204,0.4);
	--textblack: #1e1e1e;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
nav {
	float: left;
}
h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	color: #333;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
p {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	width: 100%;
	color: #333;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.round {
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}
.topline {
	padding: 10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
}
.tvscreen {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}
.headindent {
	text-indent: 16px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
/** contact overlay **/
#overlay {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	text-align: center;
	background-color: var(--trans_grey);
	z-index: 100;
}
#overlay #wrapper {
	width: 300px;
	height: auto;
	min-height: 140px;
	padding: 0px 0px 10px 0px;
	margin: 160px auto 0 auto;
	background-color: var(--light-grey);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}
#overlay #wrapper h3 {
	width: 100%;
	height: 42px;
	float: left;
	clear: both;
	line-height: 42px;
	vertical-align: middle;
	text-align: center;
	font-size: 22px;
	padding: 0px;
	margin: 0px;
	color: var(--textblack);
	background-color: var(--gold);
}
overlay #wrapper #actionbox, #overlay #wrapper #actionbox p, #overlay #wrapper h3#messFb {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
#overlay #wrapper input, #overlay #wrapper textarea#message {
	width: 88%;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	padding: 0px 6% 0px 6%;
	margin: 6px 0px 0px 0px;
	float: left;
	clear: both;
	border: none;
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
}
#overlay #wrapper textarea#message {
	padding: 6%;
	height: 140px;
	line-height: 20px;
	font-size: 16px;
}
#overlay #wrapper #actionbox {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
}
#overlay #wrapper #actionbox p#feedback, #overlay #wrapper h3#messFb {
	display: none;
	width: 90%;
	padding: 0px 5% 0px 5%;
	color: #000;
	margin: 6px 0px 6px 0px;
}
#overlay #wrapper #actionbox .actBut, #overlay #wrapper #closeFbck {
	color: #fff;
	width: 130px;
	height: 42px;
	padding: 0px;
	margin: 10px;
	float: left;
	background-color: var(--teal);
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 42px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}
#overlay #wrapper h3#messFb {
	font-weight: 400;
	background-color: transparent;
}
#overlay #wrapper #actionbox .actBut#cancel, #overlay #wrapper #closeFbck {
	background-color: var(--mustard);
}
#overlay #wrapper #closeFbck {
	width: 280px;
}
#overlay #wrapper #actionbox .actBut#send:hover {
	background-color: var(--green);
	cursor: pointer;
}
#overlay #wrapper #actionbox .actBut#cancel:hover, #overlay #wrapper #closeFbck:hover {
	background-color: var(--brown);
	cursor: pointer;
}
/**** masthead ****/
#mastheadwrap, #navwrap {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
#mastheadwrap {
	height: auto;
	background-color: #231f20;
	background-image: url(../public/images/siteimgs/starscape.jpg);
	background-repeat: repeat-x;
}
#mastheadwrap #masthead, #main #navigation, #main, #fwrap #footer {
	width: 1080px;
	height: auto;
	margin: 0 auto 0 auto;
}
#mastheadwrap #masthead {
	text-align: center;
}
#mastheadwrap #masthead img {
	width: 400px;
	height: auto;
	margin: 10px 0px 0px 0px;
}
/**** navigation ****/
#main #navigation nav {
	width: auto;
	height: auto;
}
#main #navigation nav span#mbnav {
	font-family: 'Roboto Slab', serif;
	display: none;
	font-size: 18px;
	width: 236px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	float: left;
	background-image: url(../public/images/siteimgs/mobile-nav.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	background-size: 44px 88px;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 64px;	
	color: #f2f1f2;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #000;
	overflow: hidden;
}
#main #navigation nav span#mbnav:hover {
	color: #FFF100;
	background-position: 10px -44px;
	cursor: pointer;
}
#main #navigation nav ul.collapsible.collapsed {
	transition: max-height 0.3s ease-out;
	transform: scaleY(1);
}
#main #navigation nav ul {
	background-color: #000;
	border-radius: 0px 0px 4px 4px;
	background-clip: padding-box;
}
#main #navigation nav ul, #main #navigation nav ul li {
	width: auto;
	height: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	list-style: none;
}
#main #navigation nav ul li {
	clear: none;
}
#main #navigation nav ul li a {
	font-family: 'Roboto Slab', serif;
	color: #f2f1f2;
	width: auto;
	height: 32px;
	line-height: 32px;
	padding: 6px 16px 6px 16px;
	vertical-align: middle;
	float: left;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-transform: uppercase;
	cursor: pointer !important;
}
#main #navigation nav ul li a:hover {
	color: #231f20;
	transition: background-color 0.3s ease;
	background-color: #FFF100;
}
/****** main ******/
#main #herowrap, #main .widerow, #main #content, #main #content.fullwidth {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
#main #herowrap, #main #herowrap #hero img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#main #herowrap {
	margin: 20px 0px 0px 0px;
}
#main #herowrap #hero {
	width: 100%;
	height: auto;
	float: left;
}
#main #herowrap #hero img {
	width: 100%;
	height: auto;
	float: left;
}
#main #herowrap #textblock {
	width: 296px;
	height: auto;
	position: absolute;
	margin: 260px 0px 0px 60%;
	padding: 20px;
	background-color: #231f20;
	border: 2px solid #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;	
	background-color: #231f20;
	background-image: radial-gradient(rgba(10,117,10, 0.75), #231f20 120%);
	text-shadow: 0 0 1px #C8C8C8;
}
#main #herowrap #textblock h3, #main #herowrap #textblock p {
	color: #fff;
}
#main .widerow {
	margin: 20px 0px 0px 0px;
}
#main .widerow h2 {
}
#main .widerow .widerowsingle {
	width: 1000px;
	height: auto;
	float: left;
	clear: both;
	margin: 20px 40px 0px 20px;
}
#main .widerow .widebox, #main #content #right .rbox {
	width: 255px;
	height: auto;
	float: left;
	clear: none;
	margin: 0px 20px 20px 0px;
 	background-color: #EAEAEA;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#main .widerow .widebox:last-of-type {
	margin: 0px;
}
#main .widerow .widebox a.imgwrap, #main .widerow .widebox .wideboxblock {
	width: 100%;
	height: auto;
	float: left;
	border: none;
}
#main .widerow .widebox a.imgwrap, #main #content #right .rbox a {
	width: 100%;
	height: 192px;
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
	border-bottom: 4px solid #231f20;
}
#main .widerow .widebox a.imgwrap img, #main #content #right .rbox a img {
	width: 100%;
	height: auto;
	float: left;
}
#main .widerow .widebox .wideboxblock {
	width: 223px;
	height: 200px;
	padding: 10px 16px 10px 16px;
	overflow: hidden;
}
#main .widerow .widebox .wideboxblock h3 {
}
#main .widerow .widebox .wideboxblock p {
	font-size: 14px;
}
#main .widerow .widebox .wideboxblock a, #main .widerow .widerowsingle a, #main #content #right .rbox .rtext a, #main #content .mblock .addto, #watchlist a#request, #main #content #left #hirewrap a#deleteAll, #main #content #contactwrap a#resetCon, #main #content #left #hirewrap a#removeAll {
	font-family: 'Roboto Slab', serif;
	color: #fff;
	width: auto;
	height: 32px;
	float: right;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	padding: 4px 20px 4px 20px;
	background-color: #231f20;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}
#main .widerow .widerowsingle p a {
	height: auto;
	min-height: 32px;
	line-height: 32px;
	float: left;
}
#main .widerow .widebox .wideboxblock a:hover,#main .widerow .widerowsingle a:hover, #main #content #right .rbox .rtext a:hover, #main #content .mblock .addto:hover, #watchlist a#request:hover {
	color: #231f20;
	background-color: #FFF100;
	text-decoration: none;
	cursor: pointer;
}
/****** transisition ******/
#main #herowrap .machinetype {
	width: 46%;
	height: 320px;
	margin: 20px 2% 0px 2%;
	float: left;
	position: relative;
	overflow: hidden;
}
#main #herowrap .machinetype img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}
#main #herowrap .machinetype a.linkblock {
	color: #000;
	font-size: 28px;
	font-family: 'Roboto Slab', serif;
	width: 260px;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	padding: 20px;
	margin: 36% 0px 0px 21%;
	position: absolute;
	z-index: 100;
	text-decoration: none;
	background-color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;
	border-top: 10px solid #000;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#main #herowrap .machinetype a.linkblock:hover {
	background-color: #FFF100;
}
/****** content ******/
#main #content {
	width: 1070px;
	margin: 30px 0px 40px 10px;
}
#main #content h1, #main #content #left, #main #content #left article, #main #content #left article .framewrap img, #main #content #right, #main #content #left article h2 {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	padding: 0px;
}
#main #content #left {
	clear: none;
	width: 740px;
	float: left;
}
#main #content #left article, #main #content #left #hirewrap, #main #content #contactwrap {
	clear: none;
	width: 100%;
	float: left;
}
#main #content #left #hirewrap {
	margin: 0px 0px 20px 0px;
}
#main #content #left article h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#main #content #left article, #main #content #left article .framewrap img, #main #content #left article .framewrap iframe {
	margin: 0px;
}
#main #content #left article .framewrap {
	width: 100%;
	float: left;
	clear: both;
	margin: 0px 0px 20px 0px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	background-clip: padding-box;
	overflow: hidden;
}
#main #content #left article .framewrap img {
}
#main #content #left article .framewrap iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main #content #left article h2, #main #content #left article p {
}
#main #content #left article p a {
}
#main #content #right {
	width: 300px;
	float: right;
	clear: none;
	margin: 0px 0px 20px 0px;
}
#main #content #right .rbox {
	width: 300px;
	padding: 0px 0px 20px 0px;
}
#main #content #right .rbox .rtext h3, #main #content #right .rbox .rtext p {
	width: 100%;
	height: auto;
	float: left;
}
#main #content #right .rbox a img {
}
#main #content #right .rbox .rtext {
	width: 260px;
	height: auto;
	float: left;
	padding: 10px 20px 10px 20px;
}
#main #content #right .rbox .rtext h3, #main #content #right .rbox .rtext p {
}
#main #content #right .rbox .rtext a {
	border: none;
}
/**** machines ****/
#main #content ul.machines, #main #content ul.machines li, #main #content ul.machines li ul.info, #main #content ul.machines li ul.info li {
	width: auto;
	height: auto;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
}
#main #content ul.machines, #main #content ul.machines li {
	list-style: none;
}
#main #content ul.machines li {
	width: 532px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
	margin: 0px 16px 20px 0px;
}
#main #content ul.machines li:nth-of-type(even) {
	margin: 0px 0px 20px 0px;
}
#main #content ul.machines li .imgwrap, #main #content ul.machines li .mblock, #main #content ul.machines li .imgwrap img {
	position: relative;
	width: 260px;
	height: 460px;
	float: left;
	clear: none;
}
#main #content ul.machines li.machinehorz .imgwrap {
	width: 532px;
	height: 230px;
	overflow: hidden;
}
#main #content ul.machines li.machinehorz .mblock {
	width: 492px;
	height: 230px;
}
#main #content ul.machines li .imgwrap img {
	width: auto;
	height: 100%;
}
#main #content ul.machines li.machinehorz .imgwrap img {
	width: 100%;
	height: auto;
}
#main #content ul.machines li .mblock {
	width: 232px;
	padding: 0px 20px 0px 20px;
	background-color: #EAEAEA;
	position: relative;
	background-clip: padding-box;
}
#main #content ul.machines li.machinewrap .mblock .mtext, #main #content ul.machines li.machinehorz .mblock .mtext, #main #content ul.machines li.machinehorz .mblock ul.info {
	width: 240px;
	height: auto;
	max-height: 210px;
	float: left;
	overflow: hidden;
}
#main #content ul.machines li.machinewrap .mblock .mtext {
	max-height: 244px;
}
#main #content ul.machines li.machinehorz .mblock ul.info {
	width: 220px;
	margin: 20px 0px 0px 20px;
}
#main #content ul.machines li .mblock h3 {
	margin: 10px 0px 10px 0px;
}
#main #content ul.machines li .mblock p {
	margin: 0px 0px 6px 0px;
	font-size: 14px;
}
#main #content ul.machines li ul.info {
	margin: 10px 0px 10px 0px;
}
#main #content ul.machines li ul.info li {
	width: auto;
	height: 26px;
	float: left;
	overflow: visible;
	padding: 0px 0px 0px 30px;
	background-size: 24px 24px;
	background-image: url(../public/images/siteimgs/li-marker.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style: none;
}
#main #content ul.machines li ul.info li span {
	width: 70px;
	float: left;
	margin: 0px 20px 0px 0px;
}
#main #content ul.machines .mblock .addto {
	position: absolute;
	bottom: 14px;
	right: 20px;
}
#main #content ul.machines li.machinewrap .mblock .addto {
}
/****** watchlist ******/
#watchlist {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #231f20;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}
#watchlist a#closelist {
	color: #fff;
	font-weight: 700;
	width: auto;
	height: auto;
	float: right;
	margin: 0px 20px 20px 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #BE1E2D;
}
#watchlist a#closelist:hover {
	color: #000;
	background-color: #fff;
}
#watchlist #watchtitle, #watchlist p, #watchlist ul, #watchlist ul li {
	color: #fff;
	width: 260px;
	height: auto;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: auto;
	float: left;
	clear: both;
}
#watchlist #watchtitle {
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
}
#watchlist p {
	font-size: 14px;
	margin: 10px 0px 0px 20px;
}
#watchlist ul li, #watchlist a#deleteAll, #main #content #left #hirewrap a#deleteAll, #main #content #left #hirewrap a#removeAll {
	color: #fff;
	width: 260px;
	font-size: 20px;
	font-weight: 700;
	width: 260px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;	
	list-style: none;
	overflow: hidden;
}
#watchlist ul li .remove, #watchlist a#deleteAll, #main #content #left #hirewrap ul#hirelist li .remove, #main #content #left #hirewrap ul#hirelist li .title a, #main #content #left #hirewrap a#deleteAll, #main #content #left #hirewrap a#removeAll {
	width: 32px;
	height: 32px;
	margin: 0px 10px 0px 0px;
	float: left;
	background-image: url(../public/images/siteimgs/rocket-marker.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 32px 64px;
}
#watchlist ul li .remove:hover, #main #content #left #hirewrap ul#hirelist li .remove:hover, #main #content #left #hirewrap ul#hirelist li .title a:hover {
	cursor: pointer;
	background-position: 0px -32px;
}
#watchlist a#request {
	color: #000;
	margin: 10px 0px 0px 20px;
	float: left;
	background-color: #FFF100;
}
#watchlist a#request:hover {
	color: #fff;
}
#watchlist a#deleteAll, #main #content #left #hirewrap a#deleteAll, #main #content #left #hirewrap a#removeAll {
	width: auto;
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 42px;
	background-position: 0px -32px;
	text-decoration: none;
}
#watchlist a#deleteAll:hover {
	color: #BE1E2D;
}
/****** hirelist ******/
#main #content #left #hirewrap ul#hirelist, #main #content #left #hirewrap ul#hirelist li, #main #content #left #hirewrap ul#hirelist li .title {
	width: auto;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}
#main #content #left #hirewrap ul#hirelist {
	margin: 10px 0px 0px 0px;
}
#main #content #left #hirewrap ul#hirelist li {
	width: 220px;
	margin: 0px 20px 20px 0px;
	list-style: none;
}
#main #content #left #hirewrap ul#hirelist li .imgwrap {
	width: 100%;
	height: 140px;
	float: left;
	clear: both;
	overflow: hidden;
}
#main #content #left #hirewrap ul#hirelist li .imgwrap img {
	width: 100%;
	height: auto;
}
#main #content #left #hirewrap ul#hirelist li .title {
	font-family: 'Roboto Slab', serif;
	color: #fff;
	width: 100%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-indent: 6px;
	padding: 4px 0px 4px 0px;
	float: left;
	background-color: #231f20;
	overflow: hidden;
}
#main #content #left #hirewrap ul#hirelist li .title a {
	margin: 0px 0px 0px 10px;
}
#main #content #left #hirewrap a#deleteAll, #main #content #left #hirewrap a#removeAll {
	width: 136px;
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 2px 32px 2px 52px;
	background-position: 10px -31px;
	background-color: #BE1E2D;
}
#main #content #left #hirewrap a#removeAll {
	height: 42px;
	line-height: 42px;
	background-size: 42px 84px;
	background-position: 10px -40px;
}
#main #content #left #hirewrap a#deleteAll:hover, #main #content #left #hirewrap a#removeAll:hover {
	color: #000;
	background-color: #FFF100;
}
/****** contact *******/
#main #content #contactwrap {
	width: 718px;
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 20px 20px;
	background-color: #FFF100;
}
#main #content #contactwrap #hiredate {
}
#main #content #contactwrap #hiredate .datewrap {
	width: 300px;
	height: auto;
	margin: 0px 0px 10px 0px;
	float: left;
	clear: none;
}
#main #content #contactwrap #hiredate .datewrap label, #main #content #contactwrap #hiredate .datewrap #datepick {
	width: auto;
	height: auto;
	margin: 0px 0px 10px 0px;
	float: left;
	clear: both;
}
#main #content #contactwrap #hiredate .datewrap #datepick {
	width: 280px;
}
#main #content #contactwrap #hiredate .datewrap label {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
}
.select {
	display: inline-block;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 80px;
	max-width: 80px;
	box-sizing: border-box;
	margin: 0px 10px 0px 0px;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select::-ms-expand {
	display: none;
}
.select:hover {
	border-color: #888;
}
.select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select option {
	font-weight:normal;
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}
#main #content #contactwrap #contact, #main #content #contactwrap #hiredate {
	width: 100%;
	float: left;
}
#main #content #contactwrap #contact .inwrap {
	width: 300px;
	margin: 0px 20px 0px 0px;
	height: auto;
	float: left;
	clear: none;
}
#main #content #contactwrap #contact .inwrap input, #main #content #contactwrap #contact .inwrap textarea#message, #main #content #contactwrap #hiredate .datewrap input#hiredays, #main #content #contactwrap #hiredate .datewrap input#venue {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-color: #000;
	width: 270px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 20px 0px;
	float: left;
	clear: both;
	background-color: #fff;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#main #content #contactwrap #hiredate .datewrap input#hiredays {
	width: 120px;
}
#main #content #contactwrap #contact .inwrap textarea#message {
	height: 200px;
	padding: 10px;
}
#main #content #contactwrap #contact .inwrap input#submit {
	color: #fff;
	background-color: #231f20;
	width: 280px;
	height: 42px;
	padding: 2px 0px 2px 0px;
}
#main #content #contactwrap #contact .inwrap input#submit:hover {
	cursor: pointer;
	background-color: #2FC83E;
}
#main #content #contactwrap #contact .inwrap input#submit:disabled {
	background-color: #999;
	cursor: auto;
}
#main #content #contactwrap a#resetCon {
	float: left;
}
/**** videoPlayer ****/
#main #content ul.machines li .imgwrap .watch {
	position: relative;
	bottom: -85%;
	left: 0px;
	width: 200px;
	height: 70px;
	background-image: url(../public/images/siteimgs/watch-icon.png);
	background-repeat: no-repeat;
	background-size: 200px 70px;
	z-index: 10;
}
#main #content ul.machines li.machinehorz .imgwrap .watch {
	bottom: -68%;
}
#main #content ul.machines li .imgwrap .watch:hover, #main #content ul.machines li.machinehorz .imgwrap .watch {
	cursor: pointer;
}
#voverlay {
	display: none;
	width: 100%;
	height: 100vh;
	position: absolute;
	background-color: rgba(0,0,255,0.3);
	z-index: 100;
	left: 0px;
	top: 0px;
}
#voverlay #videowrap {
	width: 560px;
	height: 357px;
	margin: 260px auto 0px auto;
	border: 3px solid #000;
}
#voverlay #videowrap #videoPlayer {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	background-color: #fff;
}
#voverlay #videowrap #videoPlayer iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#voverlay #videowrap #videotitle {
	width: 100%;
	height: 42px;
	float: left;
	clear: both;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	line-height: 42px;
	color: #fff;
	background-color: #000;
}
#voverlay #videowrap #vidClose {
	width: 60px;
	height: 60px;
	position: relative;
	left: 92%;
	top: -8px;
	background-size: 60px 60px;
	background-image: url(../public/images/siteimgs/video-close.png);
	background-repeat: no-repeat;
}
/**** footer ****/
#fwrap {
	width: 100%;
	height: auto;
	float: left;	
	background-image: url(../public/images/siteimgs/starscape.jpg);
	background-repeat: repeat-y;
	margin: 40px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}
#fwrap #footer .fbox {
	width: 180px;
	height: auto;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
#fwrap #footer .fbox h3, #fwrap #footer .fbox p, #fwrap #footer #footerwide h3 {
	clear: both;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
	line-height: 22px;
}
#fwrap #footer .fbox p {
	font-size: 14px;
	line-height: normal;
	text-align: left;
}
#fwrap #footer .fbox p img {
	width: 60px;
	height: auto;
	float: left;
	clear: none;
	margin: 0px 10px 40px 0px;
}
#fwrap #footer .fbox p a#gwrb {
	color: #EB5A25;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}
#fwrap #footer .fbox ul, #fwrap #footer .fboxwide ul {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: auto;
}
#fwrap #footer .fbox ul li, #fwrap #footer .fboxwide ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 4px 0px;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	list-style-type: none;
}
#fwrap #footer .fbox ul li a {
	color: #fff;
	width: auto;
	height: auto;
	float: left;
	border: none;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}
#fwrap #footer .fbox ul li a:hover {
	text-decoration: underline;
}
#fwrap #footer #footerwide, #fwrap #footer #footerwide .fwide {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 100%;
}
#fwrap #footer #footerwide {
	width: 460px;
	margin: 0px 0px 6px 60px;
}
#fwrap #footer #footerwide .fwide a, #main #right #socialbox #smedia .srow a {
	width: 64px;
	height: 64px;
	margin: 0px 10px 0px 0px;
	background-image: url(../public/images/siteimgs/social-icons.png);
	background-size: 128px 256px;
	background-position: 0px 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	overflow: hidden;
	clear: none;
	float: left;
}
#fwrap #footer #footerwide .fwide #fwrap a {
	background-image: none;
}
#fwrap #footer #footerwide .fwide a#twitter, #main #right #socialbox #smedia .srow a.twitter {
	background-position: 0px -64px;
}
#fwrap #footer #footerwide .fwide a#instagram, #main #right #socialbox #smedia .srow a.instagram {
	background-position: 0px -128px;
}
#fwrap #footer #footerwide .fwide a#youtube, #main #right #socialbox #smedia .srow a.youtube {
	background-position: 0px -192px;
}
#fwrap #footer #footerwide .fwide a#facebook:hover, #main #right #socialbox #smedia .srow a.facebook:hover {
	background-position: -64px 0px;
}
#fwrap #footer #footerwide .fwide a#twitter:hover, #main #right #socialbox #smedia .srow a.twitter:hover {
	background-position: -64px -64px;
}
#fwrap #footer #footerwide .fwide a#instagram:hover, #main #right #socialbox #smedia .srow a.instagram:hover {
	background-position: -64px -128px;
}
#fwrap #footer #footerwide .fwide a#youtube:hover, #main #right #socialbox #smedia .srow a.youtube:hover {
	background-position: -64px -192px;
}
#fwrap #footer #footerwide .fwide #publish {
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
}
#fwrap #footer #footerwide .fwide #publish a, #fwrap #footer #footerwide .fwide #publish a img {
	width: 80px;
	height: auto;
	float: left;
	clear: none;
	border: none;
	background-image: none;
}
#fwrap #footer #footerwide .fwide #publish a {
	margin: 0px 10px 0px 0px;
}
#fwrap #footer #footerwide .fwide #publish a:hover, #fwrap #footer #footerwide .fwide #publish a:hover > img {
	border: none;
	opacity: 0.9;
	background-image: none;
	text-decoration: none;
}
#fwrap #footer #footerwide .fwide #publish h3, #fwrap #footer #footerwide .fwide #publish p {
	color: #fff;
	width: auto;
	height: auto;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	float: left;
	clear: none;
}
#fwrap #footer #footerwide .fwide #publish #logowrap {
	width: 80px;
	height: auto;
	float: left;
	clear: none;
}
#fwrap #footer #footerwide .fwide #publish #txtwrap {
	width: 70%;
	height: auto;
	float: left;
	clear: none;
}
#fwrap #footer #footerwide .fwide #publish p {
	font-size: 14px;
}
#fwrap #footer #terms {
	width: 100%;
	height: auto;
	float: left;
}
#fwrap #footer #terms p {
	width: 100%;
	height: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
}
/********* mobile css *********/
@media
only screen and (min-width: 767px) and (max-width: 979px),
only screen and (min-width: 767px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (max-width: 979px) and (min-device-pixel-ratio : 2.0){
#main #navigation, #mastheadwrap #masthead, #main, #main #content, #fwrap #footer {
	width: 768px;
}
#mastheadwrap #masthead img {
	width: 400px;
}
#main #herowrap, #main .widerow, #main .widerow .widerowsingle {
	width: 768px;
}
#main #herowrap #textblock {
	margin: 180px 0px 0px 50%;
}
#main .widerow .widerowsingle {
	width: 708px;	
}
#main .widerow .widebox {
	width: 374px;
}
#main .widerow .widebox .wideboxblock {
	width: 342px;
}
#main .widerow .widebox:nth-of-type(even) {
	margin: 0px 0px 20px 0px;
}
#main #content #left.hirenow {
	width: 768px;
}
#main #content #left.hirenow p {
	width: 96%;
}
#main #content #contactwrap h3, #main #content #contactwrap p {
	width: 100%;
	float: left;
	clear: both;
}
#main #content ul.machines li {
	clear: both;
}
#main #herowrap .machinetype img {
	height: 100%;
	width: auto;
}
#main #herowrap .machinetype a.linkblock {
	font-size: 21px;
	width: 220px;
	height: 40px;
	line-height: 40px;
	margin: 50% 0px 0px 13%;
}
#main #content #contactwrap {
	width: 718px;
}
#main #content #right {
	display: none;
}
#fwrap #footer #footerwide {
	width: 320px;
	margin: 0px 0px 6px 0px;
}
}
@media
only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px) and (min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px), only screen and (max-width: 767px){
.headindent {
	text-indent: 0px;
}
#main, #main #navigation, #mastheadwrap #masthead, #mastheadwrap #masthead img, #main #content, #fwrap #footer {
	width: 300px;
}
#main #content.fullwidth {
	margin: 10px 0px 0px 0px;
}
#main #content {
	width: 300px;
	margin: 0 auto 0 auto;
	padding: 0px 0px 10px 0px;
}
#main #herowrap, #main .widerow, #main .widerow .widebox, #main .widerow .widerowsingle {
	width: 300px;
	height: auto;
	margin: 0px 0px 20px 0px;
}
#main #herowrap {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#main #herowrap #textblock {
	width: 260px;
	position: relative;
	margin: 0px;
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
#main #herowrap, #main .widerow .widerowsingle {
	margin: 10px 0px 20px 0px;
}
#main .widerow .widebox .wideboxblock {
	width: 268px;
}
#main #navigation nav span#mbnav {
	display: block;
}
#main #navigation nav ul.collapsible {
	max-height: 0px;
	transition: max-height 0.3s ease-out;
	transform: scaleY(0);
}
#main #navigation nav ul.collapsible.collapsed {
	max-height: 400px;
}
#main #navigation nav ul.collapsible.collapsed li a {
	width: 268px;
}
#main #content #left {
	width: 300px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #EAEAEA;
}
#main #content ul.machines, #main #content ul.machines li, #main #content ul.machines li .imgwrap {
	width: 300px;
}
#main #content ul.machines li .imgwrap img {
	width: 100%;
	height: auto;
}
#main #content ul.machines li.machinehorz .imgwrap {
	width: 100%;
}
#main #content ul.machines li .mblock, #main #content ul.machines li.machinehorz .mblock, #main #content ul.machines li.machinewrap .mblock .mtext, #main #content ul.machines li.machinehorz .mblock .mtext {
	width: 260px;
}
#main #content ul.machines li.machinehorz .mblock {
	height: 460px;
}
#main #content ul.machines li.machinehorz .mblock ul.info {
	margin: 10px 0px 10px 0px;
}
#voverlay #videowrap {
	width: 280px;
	height: 200px;
}
#main #content #left #hirewrap ul#hirelist li {
	width: 300px;
}
#main #content #left #hirewrap ul#hirelist li .imgwrap {
	height: 180px;
}
#main #content #left #hirewrap a#deleteAll {
	width: 214px;
}
#main #content #contactwrap {
	padding: 20px 10px 20px 10px;
	width: 280px;	
}
#main #content #contactwrap #contact .inwrap, #main #content #contactwrap #contact .inwrap textarea#message {
	width: 260px;
}
#main #herowrap .machinetype {
	width: 300px;
	height: 300px;
	margin: 20px 0px 0px 0px;
}
#main #herowrap .machinetype img {
	height: 100%;
	width: auto;
}
#main #herowrap .machinetype a.linkblock {
	font-size: 20px;
	width: 220px;
	height: 40px;
	line-height: 40px;
	margin: 50% 0px 0px 20px;
}
#fwrap #footer .fbox, #fwrap #footer #footerwide {
	width: 300px;
	margin: 20px 0px 0px 0px;
}
}