@charset "utf-8";

/*------OVER ALL STYLES-------*/
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; background:url(../../images/main-bg.gif) repeat-x;}
body,li,ul,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}

#container:after, .content-container:after, .request-info:after, .home-content:after, .footer:after, .contact:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

/*------MAIN CONTAINER------*/
#container{width:935px; padding:11px 0 0 0; margin:0 auto;}

/*------CONTENT CONTAINER------*/
.content-container{width:935px;}

/*------LEFT SIDE------*/
.left-side{float:left; width:210px;}
.logo{width:210px;padding:10px 0 0 0;}
.logo a{width:210px; height:64px; display:block; text-indent:-10000px; background:url(../../images/interstate-logo.gif) no-repeat;}

.shadow-con{ background:url(../../images/left-bg-shadow.gif) repeat-y; margin:15px 0 0 0;}
.shadow-con .shadow-top{ background:url(../../images/left-top-shadow.gif) no-repeat top; padding:13px 0 0 0;}
.shadow-con .shadow-bottom{ background:url(../../images/left-bottom-shadow.gif) no-repeat bottom; padding:0 10px 14px 10px;}

.nav{background:#1d3dc5 url(../../images/nav-bg.gif) repeat-x top; padding:25px; font-size:13px; font-weight:bold;}
.nav li{list-style:none;border-bottom:solid 1px #3d51a5;}
.nav a{color:#FFF;display:block;padding:5px; width:130px;}
.nav a:hover{ background:#d90909 url(../../images/nav-arrow.gif) no-repeat 125px 7px; text-decoration:none;}
.nav ul li{position: relative;}	
.nav ul li ul{position: absolute;width:150px;top: 0;visibility: hidden; background:#d90909; font-size:12px; border:none;}
.nav ul li ul li{border-bottom:solid 1px #fff;}
.nav ul li ul a:hover{background:#d90909 url(../../images/arrow-o.gif) no-repeat 135px 11px;}
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
.nav .selectedtag{ background:#d90909 url(../../images/nav-arrow.gif) no-repeat 125px 7px;}
.nav .current a{ background:#d90909 url(../../images/nav-arrow.gif) no-repeat 125px 7px; text-decoration:none; padding:5px; width:130px;}

.request-info{border-top:solid 1px #FFF;}
.request-info h1{ background:#000; font-size:13px; font-weight:bold; color:#fff; padding:7px 10px;}
.request-info hr{clear:both;}
.request-info label{float:left; width:60px; text-align:right;font-size:11px; padding:0 10px 0 0; margin:10px 0;}
.request-info input{border:none; background:#e5e5e5; width:115px; height:20px; font-size:11px;margin:10px 0;}
.request-info .button{ background:url(../../images/button-bg.gif) repeat-x; padding:0 10px; width:auto; color:#FFF; font-weight:bold;}
.request-info textarea{border:none; background:#e5e5e5; width:115px; height:100px; font-size:11px;margin:7px 0; overflow:hidden;}

/*------RIGHT SIDE------*/
.right-side{float:right; width:715px;}
.phone{ text-indent:-10000px; background:url(../../images/phone.gif) no-repeat right bottom; height:38px; padding:10px;}
.banner{ background:url(../../images/banner-bg.gif) repeat-y; margin:10px 0 0 0;}
.banner .top{ background:url(../../images/banner-top.gif) no-repeat top; padding:7px 0 0 0;}
.banner .bottom{ background:url(../../images/banner-bottom.gif) no-repeat bottom; padding:0 0 6px 0; text-align:center;}

.home-content{width:715px; float:left;}
.welcome{ float:left; width:315px; background:url(../../images/sep.gif) no-repeat right; padding:10px 13px 0 0; line-height:17px;}
.welcome h1{ font-size:21px; color:#000; line-height:21px;}
.welcome h1 span{color:#cd0808;}
.welcome p{padding:0 5px;}
.welcome ul{ margin:5px;}
.welcome li{list-style:none; background:#f5f5f5 url(../../images/home-li.gif) 3px 5px no-repeat; margin:2px 0; padding:3px 0 3px 25px; width:270px;}
.logos{padding:10px 0 0 0; border-top:#CCC solid 1px;width:300px; margin:0 auto 0 auto;} 

.services{ float:right; width:380px; color:#FFF;}
.services a{ font-size:11px; color:#FFF;}
.services .info{ height:65px; padding:60px 0 0 0; font-weight:bold;}
.services .info2{ height:63px; padding:50px 0 0 0; font-weight:bold;}
.services .know1{ text-align:right; padding:0 27px 0 0;}
.services .know2{padding:0 0 0 30px;}

.dedicated{ background:url(../../images/dedicated.gif) no-repeat; height:143px; padding:0 10px 0 90px;}
.ice{ background:url(../../images/ice.gif) no-repeat; height:146px; padding:0 90px 0 10px;}
.trucking{ background:url(../../images/trucking.gif) no-repeat; height:133px; padding:0 10px 0 110px; margin:5px 0 0 0;}

/*------FOOTER------*/
.footer{ background:#000000; color:#000;margin:10px 0 0 0; color:#FFF; padding:10px 0 10px 0; float:left; width:935px;}
.footer a{color:#FFF; padding:0 5px;}
.footer .link{text-align:center; font-weight:bold; line-height:19px;}
.footer .copyright{float:left; width:300px; font-size:11px; padding:15px 0 0 25px;}
.footer .ccs{width:500px;font-size:11px; text-align:right; float:right; padding:10px 25px 0 0; vertical-align:middle;}
.footer .ccs img{ vertical-align:middle;}
.footer .ccs a{padding:0;}

/*------INSIDE PAGE CONTENT STYLES------*/
.inside-content{ width:auto; padding:10px 0 10px 10px; line-height:21px;}
.inside-content h1{font-size:21px; color:#000; padding:0 0 10px 0; border-bottom:#CCC solid 10px;}
.inside-content h1 span{color:#cd0808;}
.inside-content h2{ color:#d90909; font-size:21px; background:url(../../images/h2-arrow.gif) no-repeat 0 13px; padding:10px 0 10px 15px; border-bottom:#E9E9E9 dashed 1px; border-top:#E9E9E9 dashed 1px;}
.inside-content p{margin:8px 0;}
.inside-content ul{margin:0 0 0 10px; list-style:none;}
.inside-content li{ padding:5px 0 5px 15px; background:url(../../images/li-style.gif) no-repeat 0 13px;}
.inside-content li strong{color:#d90909;}
.inside-content li li{background:url(../../images/small-arrow.gif) no-repeat 0 12px;}

.question{ background:url(../../images/question.gif) no-repeat 0 2px; padding:3px 0 3px 45px; font-weight:bold; font-size:13px; color:#dc1a1a;}
.answer{ background:url(../../images/answer.gif) no-repeat 0 2px; padding:0 0 15px 45px;border-bottom:#E9E9E9 dashed 1px;}
.inside-content ol li{ background:none; border-bottom:#E9E9E9 dashed 1px; padding:5px 0 5px 5px;}
.inside-content ol li li{ list-style:lower-alpha; padding:0; border:0; margin:0 0 0 15px;}
.inside-content a{color:#d90909;}
.contact{ width:700px;}
.contact div{float:left; width:290px; margin:10px 40px 0 0; padding:0 0 10px 0; border-top:#EFEFEF solid 4px;}
.contact div h2{ font-size:19px; border-top:none;}

.credit-app{border:#EEE solid 1px; padding:10px;}
.credit-app input{ border:#CCC solid 1px; margin:0 10px 0 10px;}
.credit-app .small{ width:80px;}
.credit-app .checkbox{border:none;}
.credit-app textarea{overflow:hidden;border:#CCC solid 1px; width:600px;}
.credit-app .but{ background:url(../../images/button-bg.gif) repeat-x; padding:0 10px; width:auto; color:#FFF; font-weight:bold;}
.credit-app .line{border-top:#CCC solid 1px; padding:15px;}
.credit-card{ text-align:center; padding:10px 0 0 0;}

.testimonial{ background:url(../../images/quote.gif) no-repeat 0 2px; padding:3px 0 10px 45px; font-size:13px; border-bottom:solid 1px #E2E2E2;}

.free{background:#d90909; color:#FFF; font-weight:bold; width:158px; margin:0 auto; padding:10px;}