body {
	/*min-width: 860px;*/
}

div.wrapper {
	width: 100%;
}

div.whitefields {
/*	margin: 0 15% 0 15%;*/
	width: 80%;
    margin: auto;
}


div.header {
	padding: 1.4ex 0 0 0;
	height: 123px;
}

div.header-contentpage {
	/*background-image: url("../img/top-bg-contentpage-103h.png");*/
	/*background-image: url("../img/index-logo-and-social.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;*/
	
	/*background-size: 0px 130px;
	padding: 10px 0 0 0;
	/*margin: 0 0 3ex 0;*/
	/*height: 130px;*/
}

div.header-contentpage img {
	width: 100%;
}

div.header-contentpage-social-and-truck {
	width: 15%;	
	height: 12ex;
	border: 0px solid brown;
	float: right;
	position: absolute;
	right: 25%;
	top: 1%;
}

img.header-contentpage-truck {
	/*background-image: url("../img/header-contentpage-truck.png");
	background-repeat: no-repeat;
	padding: 3ex 3ex 0 3ex;*/
	width: 100%;
	/*width: 240px;*/
	position: relative;
	/*right: 140px;*/
	top: 0px;
	z-index: 110;
}

div.contentpage_logo {
	width: 17%;	
	height: 6vw;
	border: 0px solid brown;
	float: left;
	position: absolute;
	left: 12%;
	top: 0%;
}

div.contentpage_logo a, div.contentpage_social a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0px solid green;
}

div.contentpage_social {
	position: absolute;
	border: 0px solid blue;
	float: right;
	width: 10%;
	right: 11%;
	top: 3vw;
}

div.contentpage_facebook {
	width: 21%;	
	height: 2.3vw;
	border: 0px solid red;
	float: left;
	position: relative;
	left: 7%;
}

div.contentpage_twitter {
	width: 21%;	
	height: 2.3vw;
	border: 0px solid yellow;
	float: left;
	position: relative;
	left: 18%;
}

div.contentpage_linkedin {
	width: 21%;	
	height: 2.3vw;
	border: 0px solid green;
	float: left;
	position: relative;
	left: 29.7%;
}



div.bg-logo {
	/*background-image: url("../img/top-logo.png");
	background-repeat: no-repeat;*/
	padding: 1% 3ex 0 3ex;
	width: 20%;
	float: left;
	z-index: 50;
	/*vertical-align:middle;
	position: relative;
	top:50%;*/
	/*border: 1px solid;*/
}

div.bg-logo img {
	width: 100%;
}


div.bg-24x7 {
	background-image: url("../img/top-24x7.png");
	background-repeat: no-repeat;
	height: 40px;
	padding: 7px 0 0 43px;
	/*font-size: 36pt;
	color: #8E9DA7;*/
    font-family: "HelveticaReg";
    font-size: 1.4em;
    color: #8e9da7;	
}
div.social {
	text-align: right;
}
div.social a {
	margin-left: 1ex;
}
div.top-menu {
	background-color: #9AA7B4;
	padding-left: 4%;
}


div.top-menu-item {
	display: block;
	float: left;
	position: relative;
	z-index: 5;		/* doesn't help <a> to take whole height above the truck-and-landscape-and-truck.png */
}
div.top-menu a {
	display: block;
	background-color: #9AA7B4;
	color: white;
	text-decoration: none;
	vertical-align: middle;
	padding: 1.2ex 2ex 1.2ex 2ex;
	/*height: 1.1vw;*/
	font-family: "HelveticaReg";
	font-size: 1vw;
	z-index: 5;		/* doesn't help <a> to take whole height above the truck-and-landscape-and-truck.png */
}
div.top-menu a.current {
	background-color: #73808E;
}

div.top-menu a:hover {
	/*text-decoration: underline;*/
	background-color: #73808E;
}
div.top-menu-item-requestQuote {
	float: right;
	margin-right: 3ex;
}
div.top-menu-item-requestQuote a {
	background-color: #FF6E00;
	/*width: 20.4ex;*/
}

div.top-menu-item-requestQuote a:hover,
div.top-menu-item-requestQuote a.selected {
	background-color: #e36200;
}

div.top-menu-item:hover > div.top-submenu {
    display: block;
}

div.top-submenu {
    display: none;
	background-image: url("../img/topmenu-submenu-bg.png");
	/*background-position: 58px 0px;
	background-repeat: no-repeat;*/
	position: absolute;
	border-left: 1px solid #AEB4BC;
	border-right: 1px solid #AEB4BC;
	border-bottom: 1px solid #AEB4BC;
	z-index: 50;
	width: 20vw;
}
div.top-submenu a {
	display: block;
	background-color: #9AA7B4;
	border-top: 1px solid #AEB4BC;
	color: white;
	text-decoration: none;
	vertical-align: middle;
	/*padding: 16px 3ex 14px 3ex;
	padding: 1ex 4ex 1ex 4ex;*/
	font-family: "HelveticaReg";
	font-size: 1vw;
	z-index: 5;
}
div.top-submenu a:hover {
	/*text-decoration: underline;*/
	background-color: #73808E;
}


div.index-landscape-and-truck {
	/*background-image: url("../img/index-landscape-and-truck.png");
	background-repeat: no-repeat;*/
	/*margin-top: -3px;*/
	/*height: 858px;*/
	/*position:relative;*/
}
div.index-landscape-and-truck img {
	width: 100%;
	/*height: 160px;*/
	/*margin-top: -13px;
	position: relative;
	z-index: 0;*/
}


div.index-icons-and-text {
	padding: 1ex 10% 1ex 10%;
}

div.index-icons-and-text table td.index-icon {
	/*margin: 5% 5% 5% 5%;*/
	text-align: center;
}
div.index-icons-and-text table td.index-icon img {
	width: 36%;
}
div.index-icons-and-text table td.index-icon a {
	display: block;
	text-align: center;
	font-family: "HelveticaReg";
	font-size: 1.3vw;
	font-weight: bold;
	color: #678a0a;
	margin-bottom:1ex;
	text-decoration: none;
}

div.index-icons-and-text table td.index-icon a:hover {
	color: gray;
	/*text-decoration: underline;*/
}

div.index-blue {
	background-color: #356FC5;
	/*height: 568px;*/
	padding: 0 13% 0 13%;
}

div.index-blue div.index-blue-text-padding {
	padding: 1em 0 0 0;
	float: left;
	width: 75%;
}

div.index-blue p {
	font-family: "HelveticaReg";
	font-size: 1.4vw;
	color: white;
	padding: 0 2ex 1.5ex 0;
}

div.index-blue-right-picture {
	/*background-image: url("../img/index-road.png");
	background-position: 17px 0px;
	background-repeat: no-repeat;*/
	/*float: right;*/
	/*width: 219px;
	height: 23%;*/
}

div.index-blue img {
	width: 23%;
}

div.index-contact-bottom {
	font-family: "HelveticaReg";
	font-size: 0.75em;
	color: #9aa7b4;
	text-align: center;
	padding: 1% 0 1% 0;
}

div.index-contact-bottom img {
	width: 20%;
}

div.index-contact-bottom hr {
	/*height: 1px;*/
	color: #9aa7b4;
	margin: 2ex 0 2ex 0;
}



div.left-menu {
	padding: 2% 2ex 5ex 5%;
	/*margin-left: 30px;*/
	border: 0px solid gray;
	float: left;
	width: 26%;		/* 100% - div.content */
}

div.left-menu-item {
	border: 0px solid green;
	clear: both;
	
}

div.left-menu-item img {
	width: 100%;
	/*text-align: left;
	vertical-align: middle;*/
	margin: 1ex 0 0 0;
}

div.left-menu-item a {
	display: block;
	text-align: left;
	font-family: "HelveticaReg";
	font-size: 1vw;
	font-weight: bold;
	color: #4179CA;
	margin-bottom:1ex;
	text-decoration: none;
	float: left;
}

div.left-menu-item a:hover, div.left-menu-item a.current {
	color: gray;
}

div.left-menu-item a.with-image {
	width: 26%;
}

div.left-menu-item a.with-text {
	padding: 11% 0 0 5%;
	width: 60%;
	font-weight: normal;
	font-size: 1.2vw;
}


div.content {
	font-family: "HelveticaReg";
	font-size: 1.2vw;
	padding: 3ex 0 2ex 0;
	/*margin-right: 10%;*/
	width: 60%;		/* 100% - div.left-menu */
	border: 0px solid gray;
	float: left;
	color: #465564;
}

div.content h1 {
	color: #9AA7B4;
	font-weight: normal;
	font-size: 1.7em;
}

div.content img.w33 {
	width: 27%;
	padding-right: 5%;
}

div.content img.w100 {
	width: 99%;
	padding-right: 1%;
}





/* BEGIN request_quote.php, contact_us.php */

form input,
form textarea,
form button {
	font-family: "HelveticaReg";
    font-size: 1.2vw;
}
form input.w100,
form textarea.w100 {
	width: 100%;
}
form button.btn-green {
	border: 1px solid gray;
	background-color: #ACCF2A;
	color: white;
	padding: 0.5ex 3em 0.5ex 3em;
	text-style: uppercase;
}

/* END request_quote.php, contact_us.php */