/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#3F3F3F;/*#918F90;*/
background-color:#002c58;/*#3F3F3F;*/
}

/*this pushes the horizon (container) down to 50% while giving the ability to pick a min-height so the main content doesn't get cut off at the top of the page*/
#containerpush{
position:absolute;
top:0;
width:100%;
height:50%;
min-height:310px;
}

/*this is necessary to keep the other box in the middle without the lines creating scrollbars i think or something...*/
#container{ /* in ie */
/*
position:absolute;
background-color:#3F3F3F;
left:0;
right:0;
top:0;
bottom:0;
*/
position:absolute;
bottom:0;
width:100%;
height:1px;
}

#main{
position:relative;
background-color:#FFFFFF;
width:800px;
margin:auto;
margin-top:-263px;
/*top:50%;*/
}

.line{
position:absolute;
width:1352px;
height:2px;
left:-276px;
background-image:url(/images/line.png); /* in ie */
background-repeat:no-repeat;
z-index:75;
}
.top{
top:-1px;
}
.bottom{
bottom:-1px;
}

.shadow{
position:absolute;
width:38px;
top:0;
bottom:0;
z-index:50;
}
.right{
right:-38px;
background-image:url(/images/rightshadow.png); /* in ie */
background-repeat:repeat-y;
}
.left{
left:-38px;
background-image:url(/images/leftshadow.png); /* in ie */
background-repeat:repeat-y;
}

/*top and bottom images and phrases*/
#header{
position:absolute;
top:-45px;
left:20px;
z-index:600;
}
#header img{
border:none;
}
/*
#header span{
position:absolute;
bottom:40px;
left:380px;
}*/
#span1{
position:absolute;
bottom:40px;
left:380px;
}
#language{
position:absolute;
bottom:42px;
width:155px;
left:580px;
color:#918F90;
}
#footer{
position:absolute;
bottom:-65px;
right:20px;
z-index:100;
color:white;
}
#footer span{
position:absolute;
top:35px;
right:90px;
}
/*#copyright{
position:absolute;
top:-60px;
left:-770px;
width:500px;
}*/
#copyright{
position:absolute;
top:30px;
left:-670px;
width:500px;
}
/*end top and bottom*/

#mainwrap{
overflow:hidden;
}
#truckwrap{ /* in ie to fix the problem with things falling off the bottom */
float:left;
width:550px;
padding-bottom:1000px;
margin-bottom:-1000px;
}

#truckwrap .truck{
margin-bottom:-3px;
}
#truckwrap  a:link{
text-decoration:none;
color:#918F90;
}
#truckwrap  a:visited{
text-decoration:none;
color:#918F90;
}
#truckwrap a:hover{
text-decoration:none;
color:#F27E24;
}

#content{
position:relative;
border-top:solid #dcddde 2px;
padding:35px 255px 30px 0px;
color:#000000;
margin-left:-50px;
background-color:#FFFFFF;
}

#content_benefits{
position:relative;
border-top:solid #dcddde 2px;
padding:20px 10px 40px 10px;
color:#000000;
margin-left:-50px;
background-color:#FFFFFF;
}
#content p{ /* ugh, this fixes the stupid padding/margin problem in firefox*/
margin-top:0;
font-size:8pt;
}
#content span{
position:absolute;
top:10px;

color:gray;
font-size:8pt;
font-weight:bold;
}
#featured{
position:absolute;
top:40px;
right:38px;
height:100px;
width:150px;
text-align:right;
font-size:small;
padding-right:70px;
color:#918F90;
}

#featured img{
position:absolute;
right:0;
border:solid #fff 1px;
}
#featured img:hover{
border:solid #F27E24 1px;
}