/*  

Theme Name: Benton and Parker

Theme URI: http://www.olhblogspot.com

Description: Benton and Parker

Version: 1.0

*/

@charset "utf-8";

/* CSS Document */



* {

border: 0 none;

margin: 0;

outline: 0 none;

padding: 0; }



/* ========================= Fonts ========================= */



@font-face {

font-family: 'AvenirLTStd85Heavy';

src: url('fonts/avenirltstd-heavy-webfont.eot');

src: local('?'), url('fonts/avenirltstd-heavy-webfont.woff') format('woff'), url('fonts/avenirltstd-heavy-webfont.ttf') format('truetype'), url('fonts/avenirltstd-heavy-webfont.svg') format('svg');

font-weight: normal;

font-style: normal; }



@font-face {

font-family: 'AvenirLTStd65Medium';

src: url('fonts/avenirltstd-medium-webfont.eot');

src: local('?'), url('fonts/avenirltstd-medium-webfont.woff') format('woff'), url('fonts/avenirltstd-medium-webfont.ttf') format('truetype'), url('fonts/avenirltstd-medium-webfont.svg') format('svg');

font-weight: normal;

font-style: normal; }



@font-face {

font-family: 'ErasBoldITCRegular';

src: url('fonts/erasbd-webfont.eot');

src: local('?'), url('fonts/erasbd-webfont.woff') format('woff'), url('fonts/erasbd-webfont.ttf') format('truetype'), url('fonts/erasbd-webfont.svg') format('svg');

font-weight: normal;

font-style: normal; }



/* ========================= Global ========================= */



body {

background: #000 url(../../../images/backgrounds/Spring-2018.jpg)  no-repeat fixed center;

color: #101010;

font-family: Tahoma, Geneva, sans-serif;

font-size: 13px;

text-align: center; /* ie fix */ }



a {

color: #0075b9;

text-decoration: underline; }



a:hover {

color: #1e824e;

text-decoration: underline; }



blockquote, ol, p, ul {

padding-bottom: 10px; }



address {

font-style: normal; }



h2, .entry h2 {

color: #084477;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 23px;

line-height: 24px;

padding-bottom: 3px;

letter-spacing: -1px; }



h3 {

color: #084477;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 16px;

padding-bottom: 15px; }



ol {

padding-left: 30px;

padding-right: 30px; }



ul {

padding-left: 15px;

padding-right: 40px;

padding-bottom:0; }



li {

background: url(../../../images/graphics/bullet.png) no-repeat 0 3px;

list-style: none;

padding-left: 28px; }



#wrapper {

margin: 0 auto;

width: 900px;

text-align: left; }



.text_button {

   border: none;

   background-color: #0075b9;

   padding: 10px;

   margin-top: 10px;

   margin-left: 10px;

   text-decoration: none;

   color: #0075b9;

   font-weight:bold;

   text-color:#ffffff;

}



/* ========================= Masthead ========================= */



#masthead {

background-image: url(../../../images/bg/masthead.png);

height: 160px;

width: 900px; }



#logo {

background-image: url(../../../images/bg/logo.png);

float: left;

height: 160px;

width: 358px; }



#logo a {

display: block;

height: 125px;

margin: 25px 0 0 25px;

width: 325px; }



#hdrinfo {

color: #fff;

float: right;

padding-top: 35px;

padding-right: 30px;

text-align: right;

width: 450px; }



#hdrinfo span.hdr1 {

color: #fff;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 20px; }



#hdrinfo span.hdr2 {

color: #fff;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 14px; }



#hdrinfo span.hdr3 {

color: #fff;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 32px; }



#hdrinfo ul {

padding: 0; }



#hdrinfo ul li {

float: right;

font-size: 13px;

padding: 0;

list-style: none; 

padding-left: 10px;

background: none; }



#hdrinfo a {

color: #fff;

text-decoration: none; }



#hdrinfo a:hover {

color: #fff;

text-decoration: underline; }



/* ========================= Navigation ========================= */



#nav-home {

background-image: url(../../../images/bg/nav.png);

background-position: 0 0;

float: left;

height: 46px;

width: 156px;

z-index: 9999; }



#nav-home:hover {

background-position: 0 -46px; }



#nav-home a {

display: block;

height: 39px;

margin-left: 11px;

width: 145px; }



#nav-about {

background-image: url(../../../images/bg/nav.png);

background-position: -156px 0;

float: left;

height: 46px;

width: 146px;

z-index: 9999;}



#nav-about:hover {

background-position: -156px -46px; }



#nav-about a {

display: block;

height: 39px;

width: 146px; }



#nav-coverage {

background-image: url(../../../images/bg/nav.png);

background-position: -302px 0;

float: left;

height: 46px;

width: 156px;

z-index: 9999; }



#nav-coverage:hover {

background-position: -302px -46px; }



#nav-coverage a {

display: block;

height: 39px;

width: 156px; }



#nav-change {

background-image: url(../../../images/bg/nav.png);

background-position: -458px 0;

float: left;

height: 46px;

width: 214px;

z-index: 9999; }



#nav-change:hover {

background-position: -458px -46px; }



#nav-change a {

display: block;

height: 39px;

width: 214px; }



#nav-claims {

background-image: url(../../../images/bg/nav.png);

background-position: -672px 0;

float: left;

height: 46px;

width: 228px;

z-index: 9999; }



#nav-claims:hover {

background-position: -672px -46px; }



#nav-claims a {

display: block;

height: 39px;

width: 218px; }



/* ========================= Footer ========================= */



#footertop {

background: url(../../../images/bg/footertop.png);

height: 29px;

margin-top: -4px;

width: 900px; }



#footer {

background: url(../../../images/bg/footer.png);

color: #aaa;

font-size: 11px;

padding: 0 35px;

text-align: left;

width: 830px; }



#footerbtm {

background: url(../../../images/bg/footerbtm.png);

height: 30px;

width: 900px; }



.fooblock {

margin-top: -5px;

float: left;

margin-right: 20px;

width: 187px; }



.fooblock ul {

padding: 0 0 20px 0; }



.fooblock ul li {

text-align: left;

border-bottom: 1px solid #555;

background: none;

padding: 0;

line-height: 22px;

height: 22px; }



#footer a {

color: #aaa;

text-decoration: none; }



#footer a:hover {

color: #f8c722;

text-decoration: none; }



.address_block {

float: left;

padding-bottom: 20px;

width: 20%; }



/* ========================= Subpage ========================= */



#content-top {

background: url(../../../images/bg/content-top.png);

height: 32px;

margin-top: -2px;

width: 900px; }



#content {

background: url(../../../images/bg/content.png);

padding-left: 11px;

padding-right: 10px;

width: 879px; }



#content-btm {

background: url(../../../images/bg/content-btm.png);

height: 36px;

width: 900px; }



#left {

float: left;

margin-top: -26px;

margin-bottom: -20px;

text-align: center;

width: 200px; }



#right {

float: right;

line-height: 140%;

margin-top: -26px;

margin-bottom: -20px;

padding: 25px 30px;

text-align: justify;

width: 610px; }



.block-left {

float: left;

text-align: left;

width: 290px; }



.block-right {

float: right;

text-align: left;

width: 290px; }



#right.safety {

background: url(../../../images/graphics/safety-compliance.png) no-repeat top right;

float: right;

line-height: 140%;

margin-top: -26px;

margin-bottom: -20px;

padding: 25px 30px;

text-align: justify;

width: 610px; }





#right.pedestrian {

background: url(../../../images/graphics/pedestrian.png) no-repeat top right;

float: right;

line-height: 140%;

margin-top: -26px;

margin-bottom: -20px;

padding: 25px 30px;

text-align: justify;

width: 610px; }



#right.weather {

background: url(../../../images/bg/weather.png) no-repeat bottom right;

float: right;

line-height: 140%;

margin-top: -26px;

margin-bottom: -28px;

padding: 25px 30px;

text-align: justify;

width: 610px; }



#right.testimonials {

background: url(../../../images/bg/testimonials.jpg) no-repeat top right;

float: right;

margin-top: -26px;

margin-bottom: -27px;

padding: 25px 30px;

height: 358px;

width: 610px; }



#right.truckstop {

background: url(../../../images/bg/truckstop.jpg) no-repeat top right;

float: right;

margin-top: -26px;

margin-bottom: -27px;

padding: 0;

height: 408px;

width: 670px; }



.open-road {

background: url(../../../images/graphics/open-road.png) bottom no-repeat;

margin: 0 -30px -32px -30px;

padding: 0 30px 100px 30px;  }



.foggy {

background: url(../../../images/bg/foggy.png) bottom no-repeat;

margin: 0 -30px -32px -30px;

padding: 0 30px 100px 30px;

min-height: 408px;  }



.button {

     

    /*Step 2: Basic Button Styles*/

    display: block;

    height: 50px;

    width: 300px;

    background: #333;

    border: 2px solid rgba(33, 68, 72, 0.59);

     

    /*Step 3: Text Styles*/

    color: #ffffff;

    text-align: center;

    font: bold 2.5em/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

 

/*Step 3: Link Styling*/

a.button {

    text-decoration: none;

}



.ts1 {

height: 87px;

width: 451px; }



.ts1 a {

display: block;

height: 87px;

width: 451px; }



.ts2 {

height: 79px;

width: 451px; }



.ts2 a {

display: block;

height: 79px;

width: 451px; }



.ts3 {

height: 78px;

width: 451px; }



.ts3 a {

display: block;

height: 78px;

width: 451px; }



.ts4 {

height: 75px;

width: 451px; }



.ts4 a {

display: block;

height: 75px;

width: 451px; }



.ts5 {

height: 88px;

width: 451px; }



.ts5 a {

display: block;

height: 88px;

width: 451px; }



/* ========================= Submenu ========================= */



.sidemenu {

background: url(../../../images/bg/submenu.png);

font-family: 'ErasBoldITCRegular', Arial, sans-serif;

font-size: 15px;

height: 35px;

text-align: left;

width: 200px; }



.sidemenu:hover {

background-position: 0 -35px; }



.sidemenu a {

display: block;

color: #fff;

height: 35px;

line-height: 35px;

text-indent: 15px;

width: 200px;

text-decoration: none; }



.btnimg {

margin-top: 10px; }



#social {

margin-top: 15px; }



/* ========================= Dropdowns ========================= */



/* Level One */

ul.dropdown                         { margin: 0; padding: 0; }

ul.dropdown li                      { float: left; zoom: 1; padding: 0; margin: 0; }

ul.dropdown li a                    { display: block; }

ul.dropdown li:hover                { position: relative; }



/*  Level Two */

ul.dropdown ul {

list-style: none; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 1000; padding: 0; margin: -7px 0 0 0; }



ul.dropdown ul li {

background-color: #006ead; background-image: none; color: #fff; border-bottom: 1px solid #004c77; border-left: 1px solid #004c77; border-right: 1px solid #004c77; float: none; text-align: left; text-indent: 8px; line-height: 30px; height: 30px; }



ul.dropdown ul li:hover {

background-color: #3a6f99; }

									  

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a	{ width: 100%; display: inline-block;  } 



#nav a {

color: #fff;

font-family: 'ErasBoldITCRegular', Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 14px;

text-decoration: none; }



/* ========================= Forms ========================= */



legend, label {

color: #333;

font-family: 'ErasBoldITCRegular', Arial, Helvetica, sans-serif;

font-size: 15px; }



label.other {

font-size: 14px;

color: #101010;

padding-right: 10px;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif; }



fieldset {

margin-bottom: 10px; }



input {

background: url(../../../images/bg/input.jpg);

border-bottom: 1px solid #cbcbcb;

border-top: 1px solid #454545;

border-right: 1px solid #b0b0b0;

border-left: 1px solid #626262;

color: #000;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

font-size: 13px;

height: 30px;

line-height: 30px;

margin-bottom: 15px;

padding: 0 3px;

width: 275px; }



input.ckbox {

background: none;

border: 0 none;

height: 15px;

line-height: normal;

margin-bottom: 15px;

padding: 0 5px 0 0;

width: 15px; }



input.radio {

background: none;

border: 0 none;

height: 15px;

line-height: normal;

margin-top: 3px;

margin-bottom: 15px;

padding: 0 5px 0 0;

width: 15px; }



select {

background: url(../../../images/bg/input.jpg);

border-bottom: 1px solid #cbcbcb;

border-top: 1px solid #454545;

border-right: 1px solid #b0b0b0;

border-left: 1px solid #626262;

color: #000;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

font-size: 13px;

margin-bottom: 15px;

padding: 3px; }



option {

background: #fff;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

font-size: 13px; }



textarea {

background: #f0f0f0;

border-bottom: 1px solid #cbcbcb;

border-top: 1px solid #454545;

border-right: 1px solid #b0b0b0;

border-left: 1px solid #626262;

color: #000;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

font-size: 13px;

height: 75px;

margin-bottom: 15px;

padding: 3px 3px;

width: 275px; }



input.submit {

background: none;

border: 0 none;

height: auto;

line-height: normal;

margin: 0 0 0 -5px;

padding: 0;

width: auto; }



optgroup {

background: #fff;

font-style: normal; }



/* ========================= Miscellaneous ========================= */



.clear {

clear: both;

font-size: 0;

height: 0;

line-height: 0;

width: 0; }



p.head {

color: #084477;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

font-size: 15px;

padding-bottom: 0; }



ul.head li {

color: #084477;

font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif;

line-height: 25px;

font-size: 15px; }



.redtruck {

background: url(../../../images/graphics/red-truck.png) no-repeat top right;

margin-right: -30px;

padding-right: 30px;

margin-top: -25px;

min-height: 375px; }



.line {

border-top: 1px solid #ccc;

height: 25px;

margin: 0 25px; }



.line2 {

border-top: 1px solid #ccc;

height: 25px; }



p.intro {

color: #101010;

padding-bottom:10px;

padding-top: 5px;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

line-height: 120%;

font-size: 14px;}



ul.def {

padding-left: 15px;

padding-right: 0; }



ul.def li {

color: #101010;

background: none;

font-family: 'AvenirLTStd65Medium', Arial, Helvetica, sans-serif;

font-size: 13px;

height: auto;

line-height: 140%;

list-style: disc;

padding-left: 8px; }



/* ========================= Credit ========================= */



#monsoon {

background: url(../../../images/graphics/onletterhead-logo.png);

background=repeat: no-repeat;

height: 25px;

margin: 5px auto 25px auto;

width: 139px; }



#monsoon a {

display: block;

height: 25px;

width: 139px; }



/* ========================= Blog Submenu ========================= */



ul.blogsubmenu { background: none; list-style: none; margin: 15px 0 0 0; padding: 0; height: auto; width: auto; line-height: normal; text-align: left; }

ul.blogsubmenu li  { background: none; list-style: none; margin: 0; padding: 0; height: auto; width: auto; line-height: normal; text-align: left; }

ul.blogsubmenu li ul  { background: none; list-style: none; margin: 0 0 15px 0; padding: 0; height: auto; width: auto; line-height: normal text-align: left; }

ul.blogsubmenu li ul li  { border-top: 1px solid #8d8d8d; border-bottom: 1px solid #0f0f0f; background: none; font-size: 12px; list-style: none; margin: 0; padding: 0 16px; height: 23px; width: auto; line-height: 23px; text-align: left; }

ul.blogsubmenu h2 { color: #fff; font-family: 'ErasBoldITCRegular', 'AvenirLTStd85Heavy', Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 3px; letter-spacing: -1px; padding: 0 15px; }

ul.blogsubmenu a { color: #fff; text-decoration: none; }

ul.blogsubmenu a:hover { color: #f8c722; text-decoration: none; }



/* ========================= Entry ========================= */



.entry { padding-bottom: 25px; }



.entry img {margin:0 10px 10px 10px;}



img.centered { display: block; margin-left: auto; margin-right: auto; }



img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }



img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }



.alignright { float: right; } 



.alignleft { float: left ;}



.allinfos { font-size:11px; height:20px; padding-bottom:10px;}



span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }



span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }



span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }



.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }













.postmetadata { padding:5px; background:#feffe5; }



#commentform p { padding-bottom:10px;}



#commentform #author { border:1px solid #dadada; height:20px; width:200px; }



#commentform #email { border:1px solid #dadada; height:20px; width:200px; }



#commentform #url { border:1px solid #dadada; height:20px; width:200px;}



#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}



.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }



.commentlist cite a { color:#333;}



.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}



acronym, abbr, span.caps { cursor: help; }



acronym, abbr { border-bottom: 1px dashed #999; }



blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; padding-top: 10px; padding-bottom: 5px; border-left: 5px solid #ddd; }



blockquote cite { margin: 5px 0 0; display: block; }



.center { text-align: center; }



hr {

	height:2px;

	background-color:#000000;

	border:0;

	margin-top:10px;

	margin-bottom:20px;

}



a img { border: none; }



.alignright{float:right;}



.alignleft{float:left; padding-left:30px; padding-bottom:20px;}



img.centered{display:block;margin-left:auto;margin-right:auto;}



img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}



img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}



pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}



code {font-size:1.0em;color: #000}





.gallery {text-align:center;}



.gallery img {padding:3px;}



.attachment {text-align:center;}



.attachment img { padding:5px; border:1px solid #999999;}



.imgnav {text-align:center;}



.imgleft {float:left;}



.imgleft img{ padding:5px; border:1px solid #999999;}



.imgright {float:right;}



.imgright img{ padding:5px; border:1px solid #999999;}