/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {
	font-family: Verdana,sans-serif;
	background: url(header-bg.png) repeat-x #e7e3df;
}

br {line-height: 10px;}

.wrapper {width: 960px;margin: 0 auto;}
.clear {clear: both;}
.graphic {text-indent: -99999px;display: block;}
.primary {width: 688px;float: right;display: inline;}
.secondary {width: 188px;float: left;margin: 0 0 0 30px;}



/* Header
---------------------------------- */

div#dc {position: absolute;top: 0;left: 50%;right: 0;width: 960px;margin: 0 0 0 -480px;}
div#dc h2 {width: 188px;height: 175px;float: left;margin: 25px 0 0 30px;}
div#dc h2 a {width: 188px;height: 175px;background: url(dc-logo.png) no-repeat;}
div#dc ul {width: 688px;float: right;display: inline;margin: 4px 0 0 0;border-left: 1px solid #d4cfc9;z-index: 1;}
div#dc ul li {float: left;height: 42px;border-right: 1px solid #d4cfc9;border-left:1px solid #fff;}
div#dc ul li a {line-height: 42px;padding: 0 17px;display: block;font-weight: bold;color: #8b9094;text-transform: uppercase;font-size: 11px;text-shadow: 0 1px 1px #fff;}
div#dc ul li:hover,div#dc ul li.active {background: #fff;}
div#dc ul li:hover a,div#dc ul li.active a {color: #005b7f;}
div#dc ul li.last {border-right: 0;}

div#header {height: 165px;margin: 0 auto;width: 960px;background: url(logo-bg.png) no-repeat;}
div#header h3 {float: left;width: 472px;height: 66px;background: url(h32-steelhauling.png) no-repeat;margin: 75px 0 0 291px;}


/* Main Content
---------------------------------- */

div#content {background: #fff;font-size: 14px;line-height: 19px;color: #555;border-bottom: 1px solid #e7e3df;}
div#content .wrapper {background: url(content-bg.png) no-repeat;padding: 20px 0;}

div#content a {color: #005b7e;}
div#content a:hover {color: #000;}

div#content h1 {font-size: 24px;line-height:28px;margin: 0 0 10px 0;padding: 0 20px;color: #9e0b0f;}
div#content h2 {font-size: 18px;line-height:22px;margin: 20px 0 10px 0;padding: 0 20px;color: #333;}
div#content h2 span {font-size: 12px;color: #999;font-weight: normal;}
div#content h3 {font-size: 14px;line-height: 19px;color: #333;margin: 0 0 10px 0;padding: 0 20px;}
div#content h3 span {font-weight: normal;color: #666;}
div#content h4 {font-size: 12px;line-height: 19px;color: #333;margin: 0 0 10px 0;}
div#content h5 {font-size: 12px;line-height:15px;margin: 0 0 10px 0;padding: 7px 0 0 0;color: #333;}
div#content h5 span {font-weight: normal;color: #666;}
div#content p {font-size: 14px;line-height:19px;margin: 0 0 10px 0;padding: 0 20px;}
div#content p span {color:red;}
div#content p.required {font-size:11px;}
div#content .secondary {font-size: 11px;line-height: 15px;padding: 50px 0 0 0;}
div#content .secondary p {padding: 0;font-size: 11px;line-height: 15px;}
div#content .home,div#content p.home {padding-left: 11px;}
div#content object#player-holder {margin: 10px 0 0 20px;}
div#content img.img-l {float: left;margin: 0 10px 10px 0;border: 3px double #ccc;}
div#content img.img-r {float: right;display: inline;margin: 0 0 20px 20px;border: 3px double #ccc;}
div#content img.img-r:hover {border: 3px double #999;}
div#content div.gallery {padding: 0 20px;}
div#content div.gallery a {float: left;}
div#content div.gallery img {float: left;margin: 0 5px 5px 0;border: 1px solid #ccc;}
div#content table.contact {float:left;width:300px;margin:10px 20px 20px 0;}
div#content table.contact td {vertical-align:top;font-size:12px;line-height:18px;color:#333;padding:0 0 5px 0;}
div#content table.contact td.title {text-align:right;padding:0 20px 0 0;font-weight:bold;width:70px;}
div#content form p {margin:0;font-size:11px;font-weight:bold;}
div#content form input {margin:0 0 12px 20px;}
div#content form input.info {width:200px;padding:2px;}
div#content form textarea {margin:0 0 12px 20px;padding:2px;font-family:arial;font-size:11px;width:400px;height:120px;}
div#content ul {margin: 12px 0 12px 20px;}
div#content ul li {background: url(arrow-000-medium.png) 0 3px no-repeat;padding: 0 0 0 24px;margin: 0 0 10px 0;}
div#content iframe {margin:20px 0 12px 20px;}

div#content a.btn {width: 176px;height: 50px;display: block;line-height: 50px;padding-left: 12px;font-weight: bold;text-transform: uppercase;font-size: 11px;color: #333;text-shadow: 0 1px 1px #fff;margin: 0 0 5px 0;}
div#content a.btn:hover {color: #990000;}
div#content a.team {background: url(home-buttons.png) no-repeat;}
div#content a.map {background: url(home-buttons.png) 0 -50px no-repeat;}
div#content a.msg {background: url(home-buttons.png) 0 -100px no-repeat;}

div#content h1.about {background: url(h1-about.jpg) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;text-indent: -9999px;display: block;}
div#content h1.photo {background: url(h1-photo.png) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
div#content h1.hauling {background: url(h1-hauling.png) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
div#content h1.contact {background: url(h1-contact.jpg) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
div#content h1.equip {background: url(equip-services.jpg) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
div#content h1.over-dimensional {background: url(../images/over-dimensional-header.jpg) no-repeat;width: 686px;height: 248px;border: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
/* Rotating Panels */
div.panels {width: 688px;height: 327px;margin: 0 0 20px 0;overflow: hidden;position: relative;}
div.panel-group {width: 688px;height: 327px;overflow: hidden;color: #fff;font-size: 12px;line-height: 19px;text-shadow: 0 1px 1px #000;font-weight: bold;}
div.panel-content {overflow: hidden; margin: 0; padding: 298px 20px 0 20px; border: none;width: 648px;height: 29px;}
div#p0 {background: url(home-slide-1-fleet.jpg) no-repeat;}
div#p1 {background: url(rotate-red-truck.jpg) no-repeat;}
div#p2 {background: url(rotate-whitetruck.jpg) no-repeat;}
div#p3 {background: url(rotate-pic2.jpg) no-repeat;}
div#p4 {background: url(slide-4.jpg) no-repeat;}
div#p5 {background: url(rotate-pic4.jpg) no-repeat;}
div#p6 {background: url(slide-6.jpg) no-repeat;}
ul.panels-nav {display: none;}


/* ClearFix */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.row {
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px dashed #ccc;
}

.row .col1 {float: left;width: 47.5%;}
.row .col2 {float: right;width: 47.5%;}

div#content .row .col1 p,
div#content .row .col2 p {font-size: 12px;padding: 0;}

.row img {max-width: 100%;border: 3px double #ccc;margin: 0 0 10px 0;}

div#content .row .img-l {margin-right: 40px;}






/* Footer
---------------------------------- */

div#footer {border-top:1px solid #fff;padding: 20px 0;font-size: 11px;line-height: 16px;color: #656565;}
div#footer a {color: #656565;}
div#footer a:hover {color: #000;text-decoration: underline;}

div#footer .secondary {background: url(footer-logos.png) no-repeat;height: 86px;text-indent: -99999px;}
div#footer .primary {width: 668px;}
div#footer h5 {color: #656565;font-size: 18px;line-height: 22px;text-shadow: 0 1px 1px #fff;margin: 0 0 6px 0;}
div#footer ul {}
div#footer ul li {float: left;margin: 0 5px 6px 0;padding: 0 0 0 5px;border-left: 1px solid #656565;line-height: 11px;}
div#footer ul li:first-child {border: none;padding: 0;}
div#footer p {margin: 0 0 5px 0;}