@charset "utf-8";
/* CSS Document */
body {
 font: 13px Helvetica, Arial, sans-serif normal;
 margin: 0;
 padding: 0;
 text-align:center;
 background-image:url(../img/bg-blue.gif);
 background-repeat:repeat-x;
 background-color:#48688C;
}

img{
border:none;
}

#page_container{
margin:0 auto;
width:945px;
text-align:left;
background:url(../img/header_bg.gif) no-repeat top left;
background-color:#FFFFFF;
}

.wrap{
padding:5px;
}

#sidebar{ /* total width: 275px */
float:left;
width:235px;
margin:20px;
display:inline;
}

#logo{
border:1px solid #ccc;
border-right:2px solid #ccc;
border-bottom:3px solid #ccc;
background:#fff;
}

.menu_box{
border:1px solid #ccc;
border-right:2px solid #ccc;
border-bottom:3px solid #ccc;
margin:5px 0;
text-transform:uppercase;
font-size:14px;
padding:7px 5px 5px 10px;
}
.menu_box a:link, .menu_box a:visited{
text-decoration:none;
color:#666;
display:block;
}

.menu_box a:hover, .menu_box a:active{
color:#013066;
}

.menu_box.active {
background:#e7e7e7;
}

.menu_box.active a:link, .menu_box.active a:visited, .menu_box.active a:hover, .menu_box.active a:active{
color:#013066;
}

#main{
float:left;
width:640px;
margin:0 20px 20px 0;
display:inline;
}

a:link, a:visited{
color:#013066;
}
a:hover, a:active{
text-decoration:none;
}

#order_display{
padding:5px 0 0 0;
width:620px;
text-align:right;
margin:0;
}

#main .menu{
padding:102px 0 0 0;
text-align:justify;
text-transform:uppercase;
width:640px;
font-size:14px;
}

#main .menu a:link, #main .menu a:visited{
text-decoration:none;
color:#013066;
}

#main .menu .pipe{
word-spacing:1.5em;
color:#999;
font-weight:100;
}

#main h1{
color:#013066;
margin:30px 0 5px 0;
padding:0;
font-size:18px;
text-transform:uppercase;
font-weight:normal;
display:block;
border-bottom:1px solid #2e69ae;
}

#main h2{
color:#666666;
margin:15px 0 5px 0;
padding:0;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
display:block;
border-bottom:1px solid #999999;
}

#main h3{
color:#666666;
margin:15px 0 5px 0;
padding:0;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}

/* unnecessary
#main h3 a:visited, main h3 a:visited, main h3 a:visited, main h3 a:link {
color:#666666;
margin:30px 0 0 0;
padding:0;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
display:block;
text-decoration:none;
} */

#main h4{
color:#666666;
margin:10px 0 5px 0;
padding:0;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}

/* unnecessary
#main h4 a:visited, main h3 a:visited, main h3 a:visited, main h3 a:link {
color:#666666;
margin:10px 0 0 0;
padding:0;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
display:block;
text-decoration:none;
} */

#footer{
margin:20px 0;
border-top:1px solid #ccc;
color:#666;
background:#e7e7e7;
clear:both;
}

#footer .wrap{
padding:5px 5px 5px 150px;
}
.footerbox{
float:left;
border-left:1px solid #ccc;
padding:5px 25px 3px 5px;
line-height:1.5em;
font-size:11px;
}

.bookend{
border-right:1px solid #ccc;
}

.footerbox a:link, .footerbox a:visited{
color:#666;
text-decoration:none;
}

.footerbox a:hover, .footerbox a:active{
color:#333;
}
.footerbox ul{
list-style-type:none;
display:inline;
}

#clear_left{
clear:left;
}
#clear_right{
clear:right;
}
.clear_both{
clear:both;
height:1px;
padding:0;
margin:0;
}

#separator_line{
border-bottom:1px dotted #999999;
padding-top:5px;
margin:0;
height:1px;
clear:both;
}

#vehicle {
width:630px;
margin:2px 0 10px 0;
}

#vehicle .left{
float:left;
padding:0 10px 0 0;
}

#vehicle .right{
float:right;
}

#companyinfo_column_1 {
width:311px;
float:left;
}

#companyinfo_column_2 {
width:311px;
float:left;
}

#companyinfostaff_columns {
width:98px;
float:left;
margin:0 6px 20px 0;
}

#companyinfoteam_column {
width:450px;
float:left;
margin:0 6px 20px 0;
}

#companyinfo {
width:625px;
float:left;
padding:0 10px 0 0;
}

#homeinfo {
width:625px;
float:left;
padding:0 5px 0 0;
}

#homeimage {
float:left;
padding:0 7px 0 0;
}

.text_highlight{
padding:5px;
border:#ccc 1px solid;
background:#e7e7e7;
font-weight:bold;
}