@charset "utf-8";

/*-----------------------------
   DOCUMENT
   GLOBAL CSS OVERRIDE
   LAYOUT CONTAINERS
   PAGE STYLES
   CONTACT MAILER
-----------------------------*/



/* DOCUMENT
-----------------------------*/

	html {
		overflow: -moz-scrollbars-vertical;
	}
	
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	body {
		position: relative;
		text-align: center;
		font: 12px/18px "Arial", sans-serif;
		color: #ffffff;
		background: #000000 url(../images/page-bg.png) left top repeat-x;
	}



/* GLOBAL CSS OVERRIDE
-----------------------------*/

	a, a:link, a:visited {
		color: #cf8800;
		text-decoration: none;
	}
		a:hover {
			color: #7bb731;
		}

	.arrow {
		background: url(../images/link-arrow.png) right 2px no-repeat;
		padding-right: 17px;
		display: inline-block;
		line-height: 18px;
	}
		.arrow:hover {
			background: url(../images/link-arrow.png) right -16px no-repeat;
		}
	
	h2 {
		font: 16px/normal "Arial", sans-serif;
		text-align: left;
		color: #ffde00;
		margin: 0 0 5px 0;
		padding: 0;
	}	

	p {
		padding: 0;
		margin: 0 0 15px 0;
	}
	


/* LAYOUT CONTAINERS
-----------------------------*/

	div#page-container {
		position: relative;
		margin: 0 auto;
		width: 1007px;
		height: auto;
		padding: 0 0 60px 0;
		text-align: left;
		overflow: hidden;
	}

	div#mainnav {
		position: relative;
		padding: 22px 0 0 0;
		margin: 0;
		overflow: hidden;
		background: #000000 url(../images/nav-bg.png) left top repeat-x;
	}
		div#mainnav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
		}
			div#mainnav ul li {
				float: left;
				width: 143px;
				height: 53px;
				margin-right: 1px;
			}
			div#mainnav ul li.last {
				margin-right: 0;
			}
				div#mainnav ul li a {
					display: block;
					width: 143px;
					height: 53px;
					background: url(../images/nav-sprites.png) 0 0 no-repeat;
				}

				/* BEGIN NAV SPRITES */

				div#mainnav ul li.home a {
					background-position: 0 0;
				}
					body.home div#mainnav ul li.home a,
					div#mainnav ul li.home a:hover {
						background-position: 0 -53px;
					}
					body.home div#mainnav ul li.home a {
						cursor: default;
					}

				div#mainnav ul li.services a {
					background-position: -144px 0;
				}
					body.services div#mainnav ul li.services a,
					div#mainnav ul li.services a:hover {
						background-position: -144px -53px;
					}
					body.services div#mainnav ul li.services a {
						cursor: default;
					}

				div#mainnav ul li.fleet a {
					background-position: -288px 0;
				}
					body.fleet div#mainnav ul li.fleet a,
					div#mainnav ul li.fleet a:hover {
						background-position: -288px -53px;
					}
					body.fleet div#mainnav ul li.fleet a {
						cursor: default;
					}

				div#mainnav ul li.assurance a {
					background-position: -432px 0;
				}
					body.assurance div#mainnav ul li.assurance a,
					div#mainnav ul li.assurance a:hover {
						background-position: -432px -53px;
					}
					body.assurance div#mainnav ul li.assurance a {
						cursor: default;
					}

				div#mainnav ul li.tracking a {
					background-position: -576px 0;
				}
					body.tracking div#mainnav ul li.tracking a,
					div#mainnav ul li.tracking a:hover {
						background-position: -576px -53px;
					}
					body.tracking div#mainnav ul li.tracking a {
						cursor: default;
					}

				div#mainnav ul li.clients a {
					background-position: -720px 0;
				}
					body.clients div#mainnav ul li.clients a,
					div#mainnav ul li.clients a:hover {
						background-position: -720px -53px;
					}
					body.clients div#mainnav ul li.clients a {
						cursor: default;
					}

				div#mainnav ul li.contact a {
					background-position: -864px 0;
				}
					body.contact div#mainnav ul li.contact a,
					div#mainnav ul li.contact a:hover {
						background-position: -864px -53px;
					}
					body.contact div#mainnav ul li.contact a {
						cursor: default;
					}

				/* END NAV SPRITES */


	div#footer {
		position: relative;
		margin: 0;
		padding-top: 25px;
		font: 11px/16px "Arial", sans-serif;
		color: #2e360c;
		text-align: center;
		overflow: hidden;
	}
		div#footer div.links {
			background: url(../images/footer-bg.png) no-repeat;
			margin-bottom: 10px;
		}
			div#footer div.links ul {
				font: 11px/16px "Arial", sans-serif;
				text-align: center;
				padding: 0;
				margin: 0;
				list-style-type: none;
				overflow: hidden;
			}
				div#footer div.links ul li {
					display: inline;
					margin: 0 10px;
				}

		div#footer a {
			color: #747e69;
		}
			div#footer a:hover {
				color: #7bb731;
			}

		div#footer img.logo {
			margin: 15px auto 0 auto;
		}
	
	
	div.titlebar {
		position: relative;
		height: 53px;
		background: url(../images/titlebar-bg.png) right top no-repeat;
		margin-bottom: 2px;
	}
		div.titlebar div.open {
			position: absolute;
			left: 0;
			top: 0;
			width: 1px;
			height: 53px;
			background: url(../images/titlebar-open.png) no-repeat;
		}
		div.titlebar h2 {
			font: 20px/53px "Helvetica", "Arial", sans-serif;
			text-align: left;
			letter-spacing: -0.5px;
			color: #ffffff;
			margin: 0;
			padding: 0 0 0 30px;
			background: url(../images/titlebar-open.png) no-repeat;
		}


	div.contentbox-left {
		border-top: 1px solid #3b4035;
		border-right: 1px solid #3b4035;
		border-bottom: 0;
		border-left: 1px solid #3b4035;
		padding: 20px 60px 70px 30px;
		margin-bottom: 10px;
		background: url(../images/contentbox-left-bottom-bg.png) left bottom repeat-x;
	}
	
	div.contentbox-left.small {
		padding-bottom: 20px !important;
	}

	div.contentbox-right {
		position: relative;
		border-left: 1px solid #3b4035;
		border-top: 1px solid #3b4035;
		border-bottom: 0;
		padding: 20px 60px 70px 30px;
		margin-bottom: 10px;
		background: url(../images/contentbox-right-bottom-bg.png) left bottom no-repeat;
		overflow: hidden;
	}
		div.contentbox-right div.border-right {
			position: absolute;
			right: 0;
			top: 0;
			width: 1px;
			height: 125px;
			background: url(../images/contentbox-right-border.png) no-repeat;
		}

		div.contentbox-right.home {
			padding: 0;
			background: url(../images/home-trucks.jpg) -1px bottom no-repeat;
			font: 16px/22px "Arial", sans-serif;
		}
			div.contentbox-right.home .arrow {
				font: 11px/18px "Arial", sans-serif;
			}
		
		div.contentbox-right.gallery {
			padding: 20px 0 25px 15px;
		}
		
		div.contentbox-right.clients {
			padding-bottom: 40px;
			padding-right: 0px;
		}

		div.contentbox-right.contact {
			padding-bottom: 40px;
			padding-right: 0px;
			overflow: hidden;
		}
			div.contentbox-right.contact h2 {
				margin-bottom: 10px;
			}

	div.section-bg {
		height: 224px;
	}
		div.section-bg.services {
			background: url(../images/headers/services.jpg) no-repeat;
		}
		div.section-bg.fleet {
			background: url(../images/headers/fleet.jpg) no-repeat;
		}
		div.section-bg.assurance {
			background: url(../images/headers/assurance.jpg) no-repeat;
		}
		div.section-bg.tracking {
			background: url(../images/headers/tracking.jpg) no-repeat;
		}
		div.section-bg.clients {
			background: url(../images/headers/clients.jpg) no-repeat;
			height: 280px !important;
		}
		div.section-bg.contact {
			background: url(../images/headers/contact.jpg) no-repeat;
			height: 280px !important;
		}

	div#content-container {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
	}
		/* for overlapping taller header backgrounds */
		body.clients div#content-container,
		body.contact div#content-container {
			margin-top: -56px;
		}	
	
	div.column-default {
		position: relative;
		float: left;
		width: 427px;
		margin-right: 9px;
	}

	div.column-home-small {
		position: relative;
		float: left;
		width: 329px;
		margin-right: 9px;
	}

	div.column-home-main {
		position: relative;
		float: left;
		width: 669px
	}

	div.column-clients {
		position: relative;
		float: left;
		width: 580px;
		margin-right: 9px;
	}

	div.column-contact {
		position: relative;
		float: left;
		width: 525px;
		margin-right: 9px;
	}

	div.column-clientlist {
		width: 250px;
		float: left;
		margin-right: 20px;
	}
	
	table.clientinfo {
		border: 0;
		padding: 0;
		margin: 0 0 20px 0;
	}
		table.clientinfo td.label {
			width: 75px;
		}

	img.quote-clients {
		margin: 90px 0 0 35px;
	}
	img.quote-contact {
		margin: 90px 0 0 50px;
	}

	a.tracking img {
		border: 3px solid #3b4135;
		margin-right: 10px;
	}
		a.tracking:hover img {
			border: 3px solid #7bb731;
		}
		

	div.equalize {
		overflow: hidden;
	}



/* PAGE STYLES
-----------------------------*/

	ul.photogallery {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
		ul.photogallery li {
			float: left;
			margin: 0 9px 9px 0;
		}
			ul.photogallery li a {
				border: 3px solid #3b4135;
				display: block;
				width: 120px;
				height: 90px;
			}
				ul.photogallery li a:hover {
					border: 3px solid #7bb731;
				}
	
	
	ul.photogallery-nav {
		list-style-type: none;
		margin: 10px 20px 0 0;
		padding: 0;
		overflow: hidden;
		float: right;
	}
		ul.photogallery-nav li {
			float: left;
			margin: 0 0 0 8px;
			font: 12px/16px "Arial", sans-serif;
		}
			ul.photogallery-nav li.active a,
			ul.photogallery-nav li.active a:hover {
				color: #3b4135;
				cursor: default;
			}
	
			ul.photogallery-nav li.prev a {
				background: url(../images/nav-prev.png) left 0 no-repeat;
				display: block;
				width: 10px;
				height: 16px;
			}
				ul.photogallery-nav li.prev a:hover {
					background: url(../images/nav-prev.png) left -16px no-repeat;
				}
	
			ul.photogallery-nav li.next a {
				background: url(../images/nav-next.png) left 0 no-repeat;
				display: block;
				width: 10px;
				height: 16px;
			}
				ul.photogallery-nav li.next a:hover {
					background: url(../images/nav-next.png) left -16px no-repeat;
				}
	
			ul.photogallery-nav li a {
				color: #cf8800;
			}
				ul.photogallery-nav li a:hover {
					color: #7bb731;
				}
	
	
	ul.downloads {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
		ul.downloads li {
			margin: 0 0 20px 0;
			position: relative;
			overflow: hidden;
		}
			ul.downloads li a.pdf {
				float: left;
				margin-right: 15px;
				display: block;
				width: 54px;
				height: 54px;
				background: url(../images/adobe-pdf.png) no-repeat;
			}
			ul.downloads li h2 {
				margin: 0;
				padding: 7px 0 5px 0;
				color: #ffffff;
			}



/* CONTACT MAILER
-----------------------------*/

	#mailer input[type=text],
	#mailer textarea {
		font: 11px/normal "Arial", sans-serif;
		color: #ffffff;
		background: #000000;
		border: 1px solid #5e6d6c;
		width: 240px;
		margin-bottom: 7px;
	}
	
	span.required {
		color: #ffde00;
	}


	div.formerror-errors,
	div.formerror-success {
		position: relative;
		margin: 0 0 20px 0;
	}
	
	div.formerror-errors {
		color: #d11e1e;
	}

	div.formerror-success {
		color: #ffffff;
	}
	
		div.formerror-errors ul {
			margin: 0 0 0 15px;
			padding: 0;
			list-style-type: square;
			line-height: normal;
		}

		div.formerror-success ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			line-height: normal;
		}