/* CSS Document */
html{background:#001932;}
body, h1, h2, h3, p, ul, li, div, span{margin:0; padding:0;}
body{width:100%;margin:auto; background:url(../images/ADL-Website.jpg) no-repeat center top;}
#Body{width:1000px; margin:auto;}
h1, h2{font:bold 20px Tahoma, Arial, sans-serif; color:#003398; margin-bottom:20px;}
h2{margin-bottom:0; color:#ED1122; font-size:14px;}
p, li{font:normal 14px Tahoma, Arial, sans-serif; color:#003398; margin-bottom:10px;}
span.red{color:#ED1122;}
hr{background-color:#d4d4d4;margin: 15px 0;height: 1px;border: none;}
/* ========== Header ========== */
#Header{background:url(../images/Header.gif);height:111px;position:relative;}
#Logo{padding:20px;}
#Header img.truck{position:absolute; top:0; right:0;}
/* ========== Nav ========== */
#Nav{background:url(../images/NavBG.gif) repeat-x;height:43px;}
img.right{float:right;}
img.left{float:left;}
#Nav ul{background:url(../images/NavLeft.gif) no-repeat;height:43px; padding-left:20px;}
#Nav ul li{list-style-type:none; display:inline-block; float:left;padding:4px 2px;}
#Nav a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; display:block; padding:10px 0; height:15px; width:130px; text-align:center; text-decoration:none; text-transform:uppercase;}
#Nav a.short{width:100px;}
#Nav a:hover,#Nav a.active{background:url(../images/Nav-Hover.gif) no-repeat;}
#Nav a.short:hover,#Nav a.short.active{background:url(../images/Nav-home-Hover.gif) no-repeat;}
/* ========== Content ========== */
#ContentArea{background:#fff;}
#HomeTop{background:url(../images/HomeTop.gif) repeat-x; height:346px;}
#SlideshowContent, #HomeRight{float:left; padding:20px;}
#SlideshowContent{height:300px; width:660px;}
#HomeRight{width:260px; height:300px;}
#HomeRight h2{margin-bottom:20px;}
#HomeRight a.bluebutton{display:block; background:url(../images/BlueButton.png) no-repeat; width:112px; height:16px; color:#fff; text-decoration:none; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; padding:7px 0; float:right;}
#Content{padding:20px;}
#Content ul{margin:15px 0 0 10px;}
#Content ul li{list-style:none; background:url(../images/li.gif) no-repeat left top; padding-left:20px; font-size:12px;}
#Content ol li{font-size:12px;}
#Content a{color:#06F;}
blockquote{background: #bef;font-family: tahoma;font-size: 12px;margin: 0;padding: 15px;}
blockquote table td{text-align:center; font-size:14px; padding:5px;}
table#Matrix{border-collapse:collapse; width: 700px; margin:auto; margin-bottom:20px; font-family:Tahoma, Geneva, sans-serif;}
table#Matrix td, table#Matrix th{border:1px solid #CCC; padding:4px; font-size:11px;}
table#Matrix th.title{font-size:16px; font-weight:bold;}
table#Matrix.white{background:#fafafa;}
table#Matrix.white th.title{background:#e1e1e1; color:#000;}
table#Matrix.white tr:nth-child(odd) {background:#f5f5f5;}
table#Matrix.blue{background-color:#eFF; color:#00A;}
table#Matrix.blue td, table#Matrix.blue th{border-color:#ADF;}
table#Matrix.blue th.title{background:#AEF;}
table#Matrix.blue tr:nth-child(odd) {background:#DDF9FF;}
table#Matrix.red{background-color:#fff9ff; color:#A00;}
table#Matrix.red td, table#Matrix.red th{border-color:#fbb;}
table#Matrix.red th.title{background:#d12; color:#fff;}
table#Matrix.red tr:nth-child(odd) {background:#fff3ff;}
ul#principles p{margin-bottom:0;}
ul#principles p.verse{padding-left:15px; font-size:11px;color:#d00;}
ul#principles li{padding-bottom: 10px;border-bottom: 1px solid #ddd;}
#disclosure{width:710px;}
#disclosure p{font-size:10px; padding:20px; background:#bef; margin:0;}
/* ========== Contact ========== */
#Contact{width:710px; margin:auto;}
#Contact ul.Contact{display:inline-block; width:340px;}
#Contact li{margin-bottom:0;}
#Contact li.name, #Contact li.state, #Contact li.invoice{color:#ED1122; font-size:14px;background-image:url(../images/name.gif); font-weight:bold;}
#Contact li.state{ background-image:url(../images/location.gif);}
#Contact li.invoice{background-image:url(../images/invoice.gif)}
#Contact li.phone{background-image:url(../images/phone.gif);}
#Contact li.email{background-image:url(../images/email.gif);}
#Contact li.fax{background-image:url(../images/fax.gif);}
#Contact li{background-position: 0 2px;}
/* ========== COST ANALYSIS ========== */
div.none{display:none !important;}
div.block{display:block !important;}
.VehicleSizeChart{margin-bottom:5px;}
.DailyEstimatedCost h2, .VehicleRates h2, .EmployeeCostAnalysis h2, .EstimatedCost h2, .CompareCost h2, .VehicleMaintenance h2, .RateCalculator h2{margin-bottom:10px;}
.CostAnalysisPage td{font-size:11px;}
.CostAnalysisPage input{font-size:11px; text-align:right; border:1px solid #999;}
.CostAnalysisPage p, .CostAnalysisPage input{font-size:14px;}
.CostAnalysisPage input{text-align:right; width:75px;}
.CostAnalysisPage #fragment-16 input{text-align:left;}
.CostAnalysisPage #fragment-16 div.RateCalculator input{width:50px;}
#tabs div div{text-align:center; padding-top:25px;}
#tab td{font:normal 12px Arial, Helvetica, sans-serif;}
#tab td input{width:75px;}
div.CompareCost {margin-bottom:25px;}
#tab div.CompareCost input{width: 60px;text-align: left;color: #f00;font-weight: bold; margin-right:10px;}
.CostAnalysisPage td.small input{width:45px;}
#fragment-14 h1{text-align:center; margin:0;}
#fragment-14 table{width:750px; margin:auto;}
#fragment-14 td {text-align:left;}
#fragment-14 input, table.SavingsPercent td, .PriceCalculatorSummary input{font-weight:bold; color:#06f; font-size:12px; background:none;}
table.SavingsPercent td{padding-top:10px;}
table.SavingsPercent{margin-bottom:25px;}
.DailyEstimatedCost td, .VehicleMaintenance td, .EstimatedCost td{padding:2px 0;}
div.VehicleSizeChart table{border: 1px solid #adf; width: 758px;margin: auto auto 15px;}
div.VehicleSizeChart table td{padding:5px;}
div.VehicleRates table table{width:200px; border:1px solid #008; margin:auto;}
div.VehicleRates table td{width:25%; padding:5px 0;}
div.VehicleRates table td table td{width: auto;padding: 1px 5px 4px;}
div.EmployeeCostAnalysis table td{padding:2px 12px;}
div.VehicleMaintenance input{margin-right:20px;}
#tab div.RateCalculator table input{text-align: left;color: #f00;font-weight: bold;}
.RateCalculator2 td, .RateCalculator2 input{text-align:center;}
div.VehicleMaintenance, div.VehicleRates, div.VehicleResults, .EmployeeCostAnalysis, div.toolbar{ display:none;}
/* ========== Footer ========== */
#Footer{background:url(../images/Footer.gif) repeat-y; padding:20px 0; border-top:5px solid #8BAED1; text-align:center;}
#Footer ul{ margin:10px 0;}
#Footer li{list-style:none; display:inline-block; border-left:1px solid #bdf; padding:0 10px; margin: 0;height: 12px;line-height: 10px;}
#Footer a, #Footer p{text-decoration:none; color:#bdf;font:normal 10px Tahoma, Geneva, sans-serif; text-align:center;}
#Footer a:hover{color:#fff; text-decoration:underline;}

#links{ background:#1c5489;}
#links a{ color:#fff; text-decoration:none; font-family:tahoma; padding:7px 10px; display:inline-block; margin-right:0 !important;}
#links a:hover{ color:#e7e7e7;}
.smolMenu{ display:none;}
.smolNav { border:1px solid #920000; float:right; height:32px; background-color:#920000; width:36px; margin:0; text-align:right; display:inline-block;}
.smolNav.active, .smolNav:hover{ border:1px solid #920000;}
.smolNav span {background-color:#fff; height:3px; width:22px; margin:4px auto; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}	
.smolNav span:first-child {margin-top:1px;}	
.van{ float:right;}

/* ========== Start Responsive css ========== */
@media only screen and (max-width: 1000px) {
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#Body{ width:98%; margin:0 auto;}
#Nav ul li{ padding:4px 0;}

#SlideshowContent, #HomeRight{ padding:0;}
#HomeRight{ float:right;}
#example{ width:660px !important; height:310px !important;}
#SlideshowContent{ width:670px; height:320px;}
}



@media only screen and (max-width: 980px) {
h1, h2{font:bold 18px Tahoma, Arial, sans-serif; color:#003398; margin-bottom:15px;}	

#Nav img.right, #Nav ul{ display:none;}
#Nav ul{ display:none;background-color:#920000;  }
#Nav, #Nav ul{ padding:0; height:auto; background-image:none;}
#Nav ul li{ display:block; width:100%; text-align:center; float:none; clear:both; margin:0;}
#Nav a, #Nav a.short{ width:100%; height:auto; padding:10px 0;}
#Nav a:hover, #Nav a.short:hover, .smolNav.active{background-image:none; background-color:#750000;}
#Nav a.smolNav{ display:block; width:50px; height:41px;}
.smolMenu{ width:100%; display:block; height:41px; margin-top:5px;}
#SlideshowContent, #HomeRight{ padding:10px; float:none; width:100%;}
#HomeTop{ background-position:left bottom; height:auto;}
#HomeRight{ height:auto;}
#HomeRight a.bluebutton{ float:none; height:30px;}
#contenta.priceCalc{ padding:10px; width:100%;}
#fragment-14 table{width:100%;}
#fragment-14 table td{ padding-right:5px;}
}

@media only screen and (max-width: 800px) {
#Body{ width:98%; margin:0 auto;}
}


@media only screen and (max-width: 768px) {
h1, h2{font:bold 16px Tahoma, Arial, sans-serif; color:#003398; margin-bottom:15px;}
#example, #SlideshowContent, .slides_control, .slides_control img{ width:100% !important; height:auto !important;}
#slides{ position:static !important;}
.slides_container{ width:100% !important; height:250px !important;}
#Footer{ padding:5px 0 10px;}
#Contact{ width:100%; float:none; clear:both;}
#Contact ul.Contact{ margin:15px 2% 0 0; width:47%;}
#disclosure{ width:100%;}
img.imgR, img.imgL{ float:none; text-align: center; margin: 0 auto;}
div.VehicleSizeChart table{ width:100%;}
.scrollH{overflow-x: scroll; margin-bottom:25px;}
table#Matrix{ margin-bottom:10px;}
}

@media only screen and (max-width: 650px) {
#fragment-14 table{width:650px; margin-bottom:20px;}
#fragment-14 table td{ padding-right:10px;}
#fragment-14 .scrollH{overflow-x: scroll; margin-bottom:0px;}
}

@media only screen and (max-width: 600px) {
h1, h2{font:bold 14px Tahoma, Arial, sans-serif; color:#003398; margin-bottom:10px;}
#links{ text-align:center;}
.slides_container{height:200px !important;}
.van{ float:none;}
#Content, #HomeRight{ text-align:center;}
#HomeRight a.bluebutton{ display:inline-block;}
.text-left{ text-align:left;}
#principles li{ background-image:none;}
#Contact ul.Contact{ margin:15px 0 0 0; width:100%;}
#Contact ul.Contact li{ text-align:left;}
img.right{ float:none;}
.health li, .whatBlog li{ text-align:left;}
.whatBlog blockquote table td{ display:block;}
ul.contractorModel{ text-align:left;}
}


@media only screen and (max-width: 500px) {
#Logo{ width:100%;}
#Header img{max-width:40%;}

}

@media only screen and (max-width: 470px) {
.slides_container{height:150px !important;}
}

@media only screen and (max-width: 450px) {
#Logo{ text-align:center;}
#Header img{max-width:100%;}
#Header img.truck{ display:none;}
div.VehicleSizeChart table td{ width:100%; display:block;}
}

@media only screen and (max-width: 380px) {
.slides_container{height:100px !important;}
}


/* ========== End Responsive css ========== */