@charset "utf-8";

/* Road Warriors CSS */


/* **************************************************
	GENERAL STYLES
// ************************************************** */
ul.clean {
	list-style-type: none;
}




body {
	background:url(../images/bg-body.jpg) #000 no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body.internal {
	background:url(../images/bg-internal.jpg) #000 repeat-y top center;
}
.black-layer {
	width:100%;
	height:500px;
	position:absolute;
	background:url(../images/bg-internal-black.png) repeat-x;
	z-index:-5;
	left:0;
}
.black-layer-bottom {
	width:100%;
	height:100px;
	position:absolute;
	background:url(../images/bg-internal-black-bottom.png) top;
	z-index:-5;
	left:0;
}
.black-layer-bottom-home {
	width:100%;
	height:200px;
	position:fixed;
	background:url(../images/bg-internal-black-bottom-home.png) top;
	z-index:-5;
	left:0;
	bottom:0;
}
p {
	line-height:1.3;
	margin:10px 0;
}
.text-right { text-align: right; }
.text-center { text-align: center; }
.required { color: #d31610;}
a, a:visited {
	outline:none;
	cursor:pointer;
	color:#d31610;
}
a.blue, a:visited.blue {
	color:#00F;
}
#wrapper {
	width:961px;
	margin:0 auto;
}
#header {
	width:961px;
	height:155px;
	overflow: auto;
}
#header .banner {
	float: right;
}
.internal #header .banner img {
	padding-top: 30px;
	width: 350px;
}
.phone {
	color:#fff;
	position:absolute;
	margin:123px 0 0 75px;
	font-size:22px;
	*margin:123px 0 0 -180px;
}
h1.logo, a.logo {
	width:260px;
	height:144px;
	display:block;
	text-indent:-5000px;
	background:url(../images/logo.png);
	float:left;
}
.gps {
	width:195px;
	height:154px;
	display:block;
	text-indent:-5000px;
	background:url(../images/button-gps.png);
	float:right;
}

.social {
	width:30px;
	height:578px;
	position:fixed;
	left:0;
	top:50%;
	display:block;
	margin: -289px 0 0 0;
	padding: 0;
}

.social li {
	margin: 0;
	padding: 0;
	display: block;
}

.social li a {
	text-indent:-5000px;
	display:block;
	width:30px;
}

.facebook {
	height:100px;
	background:url(../images/button-follow-us.png);
}

.linkedin {
	height:100px;
	background:url(../images/button-linkedin.png);
}

.linkedin_01 {
	height:214px;
	background:url(../images/button-linkedin-michael_mckeever.png);
}

.linkedin_02 {
	height:164px;
	background:url(../images/button-linkedin-anthony_m.png);
}

/* =====================================================================
							NAVIGATION
===================================================================== */

#navigation-wrapper {
	width:960px;
	height:53px;
}
#navigation-wrapper ul li {
	float:left;
	list-style:none;
}
#navigation-wrapper ul li a {
	height:53px;
	display:block;
	text-indent:-5000px;
	background-image:url(../images/bg-navigation.jpg);
}
.nav-1 {
	width:85px;
	background-position:0 0;
}
.nav-1:hover {
	width:85px;
	background-position:0 -53px;
}
.nav-2 {
	width:100px;
	background-position:-85px 0;
}
.nav-2:hover {
	width:100px;
	background-position:-85px -53px;
}
.nav-3 {
	width:141px;
	background-position:-185px 0;
}
.nav-3:hover {
	width:141px;
	background-position:-185px -53px;
}
.nav-4 {
	width:106px;
	background-position:-326px 0;
}
.nav-4:hover {
	width:106px;
	background-position:-326px -53px;
}
.nav-5 {
	width:163px;
	background-position:-432px 0;
}
.nav-5:hover {
	width:163px;
	background-position:-432px -53px;
}
.nav-6 {
	width:126px;
	background-position:-595px 0;
}
.nav-6:hover {
	width:126px;
	background-position:-595px -53px;
}
.nav-7 {
	width:119px;
	background-position:-721px 0;
}
.nav-7:hover {
	width:119px;
	background-position:-721px -53px;
}
.nav-8 {
	width:120px;
	background-position:-840px 0;
}
.nav-8:hover {
	width:120px;
	background-position:-840px -53px;
}


/* =====================================================================
							HOMEPAGE
===================================================================== */

.home-left {
	width:720px;
	/*height:638px;*/
	/* height:738px; */
	height: 870px;
	background:url(../images/bg-home-3.png);
	float:left;
}
.home-right {
	width:241px;
	/*height:549px;*/
	height:749px;
	background:url(../images/bg-home-right1.png);
	float:left;
}

.slider-wrapper {
	margin: 13px 0 0 21px;
	padding: 12px 13px 13px 12px;
	background:url(../images/bg_slider.png) no-repeat;;
}
#slider {
	width:674px; height:318px; overflow: hidden;
	position: relative;
}

#slider .phrase {
	position: absolute; left: 0; right: 0; bottom: 30px;  height: 56px; text-align: center;
}
#slider .phrase img {display: block; margin: 0 auto;}

.home-banner {
	width: 674px;
	height: 125px;
	margin: 3px 0 0 21px;
	padding: 12px 13px 13px 12px;
	
}

.home-content {
	width:435px;
	height:194px;
	padding:15px 20px;
	margin-top:7px;
	float:right;
}
.home-content h2 {
	font-size:27px;
	color:#ae1610;
	float:left;
	margin-right:3px;
	padding-left:60px;
}
.home-content h2 + p {
	margin:0;
	padding:11px 0 5px;
}
.home-content h3 {
	color:#000;
	font-size:18px;
	padding-left:135px;
}
.home-content h3 + p {
	margin:5px 0;
}
.home-content ul {
	margin-left:10px;
}
.home-content li {
	list-style:none;
	background:url(../images/bullet.jpg) no-repeat;
	padding-left:18px;
	margin:5px 0;
	color:#a21510;
}
.home-buttons {
	height:133px;
	width:196px;
	margin:14px 0 0 27px;
	padding:2px;
}
.home-buttons a {
	width:197px;
	height:43px;
	display:block;
	text-indent:-5000px;
	margin:0 0 2px;
	background:url(../images/button-transportation.jpg);
}
.home-buttons a + a {
	background:url(../images/button-up-fitting.jpg);
}
.home-buttons a + a + a {
	background:url(../images/button-marshalling-yards.jpg);
}
.request-quote {
	width:184px;
	height:271px;
	margin:42px 0 44px 17px;
	padding:8px;
}

.request-quote h2 {
	margin-top:5px;
	font-size:27px;
	color:#ae1610;
}
.request-quote-form {
	margin-top:10px;
}
.request-quote-form input {
	width:170px;
	height:15px;
	padding:3px 5px;
	border:2px ridge #a51510;
	outline:none;
	margin:7px 0;
	color:#666;
}
.request-quote-form select {
	width:183px;
	height:24px;
	padding:1px 0;
	margin:7px 0;
	border:2px ridge #a51510;
	outline:none;
	color:#666
}
.request-quote-form .submit {
	width:182px;
	height:55px;
	background:url(../images/button-next.jpg);
	outline:none;
	border:none;
	text-indent:-5000px;
	margin:15px 0 0;
	cursor:pointer;
}
.bbb {
	width:200px;
	height:137px;
	margin:0 0 0 17px;
}
.veteran {
	width:200px;
	height:137px;
	margin:50px 0 0 17px;
	padding-left: 30px;
}
.vt{margin: 41px 0 0 80px;}
/* =====================================================================
							    FOOTER
===================================================================== */

#footer {
	width:961px;
	color:#fff;
	clear:both;
}
#footer p {
	float:left;
}
#footer p + p {
	margin-left:330px;
}
#footer a {
	color:#fff;
}
#footer img {
	margin:10px 20px 0 0;
	float:right;
}

/* =====================================================================
							    INTERNAL
===================================================================== */

.request-quote-button {
	width:213px;
	height:75px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	margin:0 0 0 380px;
	background:url(../images/button-request-quote.png);
	*margin:0 0 0 120px;
}
.request-quote-button_intro {
  background: url("../images/button-request-quote_empty1.png") repeat scroll 0 0 transparent;
  color: white;
  display: block;
  font-size: 10px;
  height: 52px;
  margin: 74px 0 0 340px;
  padding-left: 40px;
  padding-right: 6px;
  padding-top: 22px;
  position: absolute;
  text-decoration: none !important;
  width: 256px;
}
.request-quote-button_intro_home {
  background: url("../images/button-request-quote_empty1.png") repeat scroll 0 0 transparent;
  color: white;
  display: block;
  font-size: 10px;
  height: 52px;
  margin: 0 0 0 340px;
  padding-left: 40px;
  padding-right: 6px;
  padding-top: 22px;
  position: absolute;
  text-decoration: none !important;
  width: 256px;
}
#content-top {
	width:920px;
	height:45px;
	margin:0 auto;
	background:url(../images/bg-content-top.jpg);
	margin-top:15px;
}
#content-top h1 {
	color:#d31610;
	padding:22px 0 0 72px;
	font-size:27px;
}
#content-area {
	width:828px;
	margin:0 auto;
	padding:15px 20px 5px 72px;
	background:url(../images/bg-content.jpg);
	font-size:14px;
	line-height:18px;
}
#content-area p {
	margin: 0 0 10px;
	line-height:18px;
}
#content-area h2 {
	font-size:18px;
	//color:#333;
	color:#d31610;
	padding:15px 0 5px;
}
#content-area h3 {
	padding:10px 0 5px;
	color:#7E5859;
	font-size:14px;
	font-weight:bold;
}
#content-area ul {
	padding:0 0 0 15px;
}
#content-area ul li {
	margin:5px 0;
}
#content-bottom {
	width:920px;
	height:72px;
	margin:0 auto;
	background:url(../images/bg-content-bottom.jpg);
}
.border-top {
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #CCC;
}
.underline {
	text-decoration:underline;
}
#contact {
	float:left;
}
#contact p {
	margin:5px 0;
}
.iframe {
	float:left;
	margin:15px 30px 0 0;
	border:1px solid #000;
}
.red {
	color:#d31610;
}
.atlinks img {
	float:left;
}
.atlinks p {
	margin-top:11px;
}
.solutions div + div {
	width:580px;
	float:left;
}
.solutions div + div + div {
	width:240px;
}
.solutions p {
	text-align:center;
}
.map {
	float:left;
	margin:20px 35px 10px 5px;
}
#content-area .arrows {
	padding:0;
}
.arrows li {
	list-style:none;
	background:url(../images/bg-list-item.jpg) no-repeat;
	padding-left:25px;
}
#content-area .black-arrow {
	background:url(../images/bg-heading.jpg) no-repeat;
	 padding:0 0 0 20px;
	 margin:20px 0 5px;
}

/* =====================================================================
							    FORMS
===================================================================== */
.form_error_rich {
	font-size: 20px;
	color: red;
	font-weight: bold;
}


#content-area #html_mail_form {
	width: 300px;
	float: right;
	padding: 0 0 40px 40px;
	background: #ffffff;
}

#content-area #html_mail_form .error {
	color: #a51510;
}

#content-area #html_mail_form * {
	box-sizing: border-box;
}

#content-area #html_mail_form p {
	margin: 0 0 10px 0;
}

#content-area #html_mail_form label {
	display: block;
	color: #333;
	padding: 0 0 5px 5px;
	font-weight: 700;
}


#content-area #html_mail_form input[type=text] {
	width:100%;
	padding: 3px 5px;
	border:2px ridge #a51510;
	outline:none;
	margin:0 0 5px 0;
	color:#666;
	background: none;
}
#content-area #html_mail_form textarea {
	width:100%;
	padding:3px 5px;
	border:2px ridge #a51510;
	outline:none;
	margin:0 0 5px 0;
	color:#666;
	background: none;
}

.row {
	max-width: 800px;
}
#content-area #html_mail_form input[type=submit]   {
	width: 170px;
	height: 43px;
	background-image: url(../images/button-submit.jpg);
	cursor: pointer;
	border: none;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;	
	display: block;
}

#content-area input[type=text], #content-area input[type=date], #content-area select {
	outline:none;
	color:#000;
	background: #fff;
	border-radius: 4px;
	padding:5px 10px;
	margin: 0 5px;
}
#content-area input[type="radio"] {
	margin-left: 10px;
}
.copy-from {
	margin: 5px 0 20px;
	font-size: 14px;
}

#content-area input[type=text] {
	line-height:26px;
}
#content-area input[type=date] {
	line-height:26px;
}
#content-area select {
	height: 40px;
}
#content-area input:focus, #content-area select:focus {
	border: 2px solid #a51510;
	background: #ffffbf;
	color: #a51510;
}


#content-area input:focus, #content-area select:focus {
	border: 2px solid #a51510;
	background: #ffffbf;
	color: #a51510;
}

div.col-20 {
	width: 160px;
	float: left;
}
	div.col-20 input[type=text] {
		width: 80%;
	}
	div.col-20 input[type=date] {
		width: 90%;
	}
	div.col-20 select {
		width: 95%;
	}
div.col-30 {
	width: 240px;
	float: left;
}
	div.col-30 input[type=text] {
		width: 85%;
	}
	div.col-30 input[type=date] {
		width: 90%;
	}
	div.col-30 select {
		width: 95%;
	}

div.col-40 {
	width: 320px;
	float: left;
}
	div.col-40 input[type=text] {
		width: 90%;
	}
	div.col-40 input[type=date] {
		width: 90%;
	}
	div.col-40 select {
		width: 95%;
	}


div.col-50 {
	width: 400px;
	float: left;
}
	div.col-50 input[type=text] {
		width: 90%;
	}
	div.col-50 input[type=date] {
		width: 90%;
	}
	div.col-50 select {
		width: 95%;
	}
div.col-100 {
	width: 800px;
	float: none;
}
	div.col-100 input[type=text] {
		width: 90%;
	}
	div.col-100 input[type=date] {
		width: 90%;
	}
	div.col-100 select {
		width: 95%;
	}

/* Clear floats after the columns */
.row::after {
	content: "";
	display: table;
	clear: both;
  }


#content-area label {
	//display: block;
	font-weight: 700;
	font-size: 14px;
	color: #333;
	padding: 10px 0 5px 5px;
}




.notice {
	width: 90%;
	margin: 15px auto;
	background-color: #ffffbf;
	border: 1px solid #a51510;
	padding: 10px;
	font-weight: bold;

}

#content-area input[type=submit]   {
	width: 169px;
	height: 43px;
	background-image: url(../images/button-submit.jpg);
	cursor: pointer;
	border: none;
	outline: none;
	margin-top: 10px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}
/* #content-area form #vehicles, #content-area form #vehicles div {
	float:none;
	width:auto;
} */
/* #content-area form #vehicles div div {
	float:left;
	width:400px;
} */
#content-area form div.block, #content-area form #vehicles div .block  {
	padding-bottom:10px;
	width:828px;
}
.checkboxes p {
	width:200px;
	float:left;
}
#content-area input.radio {
	width:30px;
	height:auto;
	margin-left:5px;
	background:none;
}
#content-area form h3 {
	font-weight:700;
	color:#333;
	padding-left: 5px;
}
span.small {font-size:12px;}
#content-area form .border-top, .clear {
	clear:both;
}
#content-area form h3.padding-bottom {
	padding-bottom:15px;
}
#add-vehicle {
	margin-top:10px;
	width:169px;
	height:43px;
	display:block;
	text-indent:-5000px;
	background-image:url(../images/button-add-vehicle.jpg);
	float:left;
}
#add-vehicle:hover {
	background-position:bottom;
}

#content-area #submit {
	width:169px;
	height:43px;
	background-image:url(../images/button-submit.jpg);
	cursor:pointer;
	border:none;
	outline:none;
	margin-left:400px;
	margin-top:10px;
}
#content-area #request-quote-form #submit {
	margin-left:0;
}
#content-area #submit:hover {
	background-position:bottom;
}
.questions h3 {
	cursor:pointer;
}
.questions ul {
	display:none;
}
.block select {
	padding:3px;
	width:300px;
	margin-top:10px;
}

.write_testimonial {
	float: right;
	text-align: center;
	width: 475px;
	margin-top: -50px;
}