body
{
background:url(images/bg.png) repeat-x #ddd;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px auto auto auto;
color:#000;
}

a:link {text-decoration: none; font-weight: bold; color: #c95711;}
a:visited {text-decoration: none; font-weight: bold; color: #c95711;}
a:hover {text-decoration: none; font-weight: bold; color: #cc0000;}


.clear {clear:both;}
span.orange {color:#c95711;}

p{
text-align:justify;
padding:0px;
margin:0px;
}
p.middle_text{
line-height:13px;
}
h1 {color: #c95711;}
h2 {
font-size:16px;
font-weight:bold;
padding:10px 0 10px 0;
margin:0px;
color:#3a0655;
}
h2 a a:link a:hover a:visited{
font-size:16px;
font-weight:bold;
padding:10px 0 10px 0;
margin:0px;
color:#3a0655;
text-decoration:none;
}
h3{
font-size:15px;
font-weight:bold;
padding:10px 0 10px 0;
margin:0px;
color:#3a0655;
}
#main_container{
width:880px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:880px;
height:138px;
margin:auto;
background:url(images/header-bg.png) repeat-x;
}
#logo{
padding:22px 0 0 10px;
float:left;
}
.top_phone{
width:280px;
height:96px;
float:right;
color:#FFFFFF;
padding:10px 0 0 0;
}
.phone_text{
font-size:14px;
font-weight:bold;
float:right;
padding:8px 22px 0px 10px;
}
img.left{
float:left;
}
span.black{
color:#000000;
font-size:14px;
}
#center_big_box{
width:825px;
height:240px;
clear:both;
margin: 0px auto;
background-color:#ddd;
}
#center_big_box.home{
background:url(images/big-box-bg.jpg) no-repeat top left #ccc;
}
#center_big_box.storage{
background:url(images/big-box-su-bg.jpg) no-repeat top left #ccc;
}
#center_big_box.trailer{
background:url(images/big-box-trailer-bg.jpg) no-repeat top left #ccc;
}
#center_big_box.container{
background:url(images/big-box-container-bg.jpg) no-repeat top left #ccc;
}
#center_big_box.tips{
background:url(images/big-box-tips-bg.jpg) no-repeat top left #ccc;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:388px;
float:right;
padding:0px;
}
ul.menu {
list-style-type:none; display:block; width: auto; 
margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:12px;
font-weight:bold;

}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0; margin:0px 10px 0px 10px; text-align:center; color:#FFFFFF;
text-decoration:none;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0; margin:0px 10px 0px 10px;text-align:center; text-decoration:none; color: #fff;}

a.nav:hover {
color: #e1cc90; text-decoration:none;}


/*------------------main_content-------------------*/
#main_content{
width:880px;
height:auto;
padding: 15px 0 25px 0;
background-color: #ffffff;
/* background:url(images/center_bg.gif) repeat-x top #FFFFFF; */
}

.box{
width:270px;
height:150px;
float:left;
margin:20px 5px 15px 12px;
background:url(images/box-bg.png) no-repeat top;
background-color: #f5f6f6;
border: 1px solid #BBB;
}

.box_text {width:150px; float:left; color: #444; font-weight: bold;}

img.left_img{
float:left;
padding:10px 10px 0 5px;
}
img.right_img{
float:right;
padding: 0px;
}
.box_title{
padding:10px 10px 10px 15px; font-weight: bold;
float:left; color: #fff; font-size: 20px;
}
.box_subtitle{
padding:10px 10px 10px 15px;
float:left;
}
.middle_box_text{
float:left;
width:250px;
color:#444;
font-size: 14px;
padding:0 0 0 20px;
}
.middle_box_content{
clear:both;
padding:10px 0 0 40px;
}
.middle_box_content_contact{
clear:both;
padding:0 0 0 20px;
}
a.read_more{
display:block;
width:127px;
height:26px;
float:right;
margin:5px 0 0 0;
text-align:center;
text-decoration:none;
color:#FFFFFF;
line-height:26px;
background:url(images/read_more_bg.gif) no-repeat center;
}
.bottom_content{
}
.left_box {float:left; padding:0 0 0 30px; width: 400px;}
.right_box {float:right; padding: 0 30px 0 0; width: 370px;}

.left_img_box{
clear:both;
float:left;
padding:0 15px 20px 0;
}
.left_text_content{
color: #333;
width:330px;
float:left;
}
.left_text_content_services{
width:220px;
float:left;
}
.partners_box{
background-color:#e7e6e1;
margin:2px 0 0 0;
}
img.partners_image{
padding:2px 0 2px 20px;
}
/*--------list---------*/
ul.list{
padding:0px;
margin:0px;
list-style:none;
}
ul.list li{
padding:8px 0 8px 0;
margin:0px;
list-style:none;
}
ul.list li a{
background:url(images/list_arrow.gif) no-repeat left;
text-decoration:none;
color:#fff;
padding:0 0 0 25px;
}
/*---------------register_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 5px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color:#333;
font-weight: bold;
}
input.contact_input{
width:253px;
height:18px;
background-color:#f1f1f1;
color:#444;
border:1px #857c7c solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444;
background-color:#f1f1f1;
border:1px #857c7c solid;
float:left;
}
.contact_info{
width:380px;
float:left;
padding:0 0 0 20px;
color:#FFFFFF;
}
p.adress{
float:left;
padding:10px 0 0 15px;
line-height:13px;
}
/*---------------footer----------------*/
#footer{
font-size: 11px;
border-top: 5px solid #5b2281;
width:880px;
color:#3a0655;
}
.left_footer{
float:left;
width:400px;
padding:5px 0 0 5px;
}
.right_footer{
float:right;
padding:5px 5px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#3a0655;
font-weight: normal;
}
.right_footer a:hover{
text-decoration:none;
}