@charset "utf-8";

/* CSS Reset
*******************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

table { border-collapse: collapse; border-spacing: 0px; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul, li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; }

image { border: 0px; }
a img { border: none; }



/* Body
*******************************************************************************/

body { background-color: #fff; background: #e8eee4 url('images/main_bg.jpg') repeat-x 50% 0; }



/* Text styles
*******************************************************************************/

@font-face {
    font-family: 'muliitalic';
    src: url('muli-italic-webfont.eot');
    src: url('muli-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('muli-italic-webfont.woff') format('woff'),
         url('muli-italic-webfont.ttf') format('truetype'),
         url('muli-italic-webfont.svg#muliitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliregular';
    src: url('muli-regular-webfont.eot');
    src: url('muli-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('muli-regular-webfont.woff') format('woff'),
         url('muli-regular-webfont.ttf') format('truetype'),
         url('muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a, a:visited { color: #73c81d; text-decoration: none; }

a:hover { text-decoration: underline; }

h1 { width: 630px; height: 98px; background-image:url('images/header_bg.gif'); font-family: "muliregular"; font-size: 36px; color: #fff; font-weight: bold; line-height: 38px; padding: 33px 0px 0px 83px; margin: 0px 0px 0px 11px;}
h1.alt { width: 630px; height: 61px; background-image:url('images/header_bg2.gif'); font-family: "muliregular"; font-size: 36px; color: #fff; font-weight: bold; line-height: 38px; padding: 70px 0px 0px 83px; margin: 0px 0px 0px 11px;}
h2 { font-family: "muliregular"; font-size: 18px; color: #3f4471; margin: 15px 0px 15px 0px; line-height: 20px; font-weight: bold; }
h3 { font-family: "muliregular"; font-size: 18px; color: #3f4471; font-weight: bold; line-height: 20px; margin-bottom: 10px; }



p { margin-bottom: 10px; }

strong { font-weight: bold; }

i, em { font-family: 'muliitalic'; }

p, ul, ol, td, div { font-family: "muliregular","arial", sans-serif; color: #7177a6; font-size: 13px; line-height: 18px; }


input.formfield, textarea.formfield { font-family: "muliregular", sans-serif; color: #6e6e6e; font-size: 13px; padding: 3px 8px 3px 8px; border: 1px #dcdcdc solid; }

select.form_field_select { font-family: "muliregular", sans-serif; color: #6e6e6e; font-size: 13px; padding: 3px 8px 3px 8px; border: 1px #dcdcdc solid; }

select option { font-family: "muliregular", sans-serif; color: #6e6e6e; font-size: 13px; padding: 3px 8px 3px 8px; border: 1px #dcdcdc solid; }




/* Global
*******************************************************************************/

ul.standard { margin: 10px 0px 15px 35px; }

ul.standard li { padding: 4px; list-style: disc; }



#all { width: 960px; margin: 0px auto 0px auto; overflow: hidden; }

#header { width: 960px; height: 185px; }

#logo { width: 227px; height: 91px; margin: 18px 0px 16px 30px; float: left; }

#top_phone { width: 300px; height: 50px; margin: 65px 26px 0px 30px; float: right; }

#phone_icon { width: 40px; height: 40px; float: left; margin: 0px 10px 0px 0px; }

#phone_number { width: 240px; height: 40px; float: left; color: #00008d; font-size: 34px; font-weight: bold; margin: 12px 5px 0px 0px;}

#main_container { width: 960px; background-color: #fff; overflow: hidden; }

#hero { width: 960px; height: 393px; margin-bottom: 10px; }

#column1 { width: 320px; float: left; }
#column2 { width: 640px; float: left; }

#contact_details { padding: 20px 0px 20px 30px; }

#home_text { width: 300px; padding: 5px 30px 20px 40px; float: left; }

#home_features { width: 266px; float: right; padding: 10px 0px 20px 0px; }

#inside_text { width: 550px; padding: 5px 30px 20px 40px; float: left; }

#get_quote_button { float: right; margin: 25px 0px 0px 0px; }


.form_field_name { width: 120px; float: left; padding: 5px 15px 5px 5px; text-align: right; }
.form_field_input { width: 320px; float: left; padding: 5px 0px 0px 0px; }


input.all { border: 1px #dcdcdc solid; font-family: "questrialregular"; color: #949393; font-size: 12px; line-height: 20px; }

textarea { border: 1px #dcdcdc solid; font-family: "questrialregular"; color: #949393; font-size: 12px; line-height: 20px; }

.rule { border-bottom: 1px #e7e7e7 dashed; margin: 15px 0px 15px 0px; }  


ul.sitemap { margin: 10px 0px 15px 35px; }

ul.sitemap li { padding: 4px; list-style: none; border-bottom: 1px #e8f0e0 solid; }


/* Top nav
*******************************************************************************/

#nav_container { width: 960px; height: 50px; background-color: #5d6187; }

#nav { width: 710px; margin: 0px auto 0px auto; }

#nav li { height: 32px; float: left; padding: 18px 40px 0px 40px; }

#nav a { text-align: center; font-family: "muliregular"; font-size: 13px; color: #fff; display: block; text-decoration: none; }

#nav a:hover { text-decoration: none; color: #80d926; }



/* Left nav
*******************************************************************************/

#nav_column { width: 320px; background-color: #6b7098; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }

#nav_top_logistics { width: 295px; height: 35px; background-image: url('images/nav_top_logistics.jpg'); padding: 146px 0px 0px 25px; color: #fff; font-size: 26px; margin: 0px 0px 5px 0px; }
#nav_consulting { width: 295px; height: 33px; background-image: url('images/nav_consulting.gif'); padding: 16px 0px 0px 25px; color: #fff; font-size: 26px; margin: 10px 0px 5px 0px; }
#nav_truck_stands { width: 295px; height: 33px; background-image: url('images/nav_truck_stands.gif'); padding: 16px 0px 0px 25px; color: #fff; font-size: 26px; margin: 10px 0px 5px 0px; }

ul.mainmenu { width: 320px; display: block; overflow: hidden; margin: 0px; list-style: none; padding: 0px; }

ul.mainmenu li { margin: 0px; list-style: none; padding: 0px; }

ul.mainmenu li a,  ul.mainmenu li a:visited { display:block; width: 295px; padding: 3px 0px 0px 26px; color: #fff; font-size: 12px; text-decoration: none; }
ul.mainmenu li a:hover { color: #80d926; }



/* Footer
*******************************************************************************/

#footer { height: 55px; margin: 10px 0px 0px 0px; background-color: #5b608d; overflow: hidden; }

#footer_contents { width: 960px; height: 50px; margin: 0px auto 0px auto; text-align: center; padding: 20px 0px 0px 0px; }

#footer_contents a, #footer_contents a:visited { color: #9ea1c3; }

#footer1 { float: left; margin: 0px 0px 0px 200px; color: #9ea1c3; }
#westside_logo { position: relative; top: -1px; float: left; margin: 0px 3px 0px 3px; }
#footer2 { float: left; }