*{padding: 0px;}

a{
border:0;
padding:0;
margin:0;
}

img{
margin:0;
padding:0;
}

body{
background: url('images/verticalbar.gif') repeat-x;
}

#stuff {
float:right;
margin: 0px;
width: px;
font-size:13px;
border: 0px solid #3366ff;
}


#container {
padding: 0px;
margin: 0 auto;
width: 750px;
height: 578px;
padding: 0px;
border: 0px solid black;
}

#header{
border:0px solid pink;
background-repeat: no-repeat;
height:132px;
border: 0px solid yellow;
width: 100%;
}

#navigation {
border:0px solid pink;
height:53px;
width:100%;
}

#left{
width: 26%;
float:left;
height:430px;
border: 0px solid yellow;
}

#right{
width: 73%;
float:left;
height:px;
color:white;
font-family: "lucida grande", verdana;
size: 13px;
border: 0px solid black;
}

#main
{
clear: both;
float:right;
width:100%;
height: px;
border: 0px solid blue;
background: url('images/service_pixel.jpg') repeat-x;
}





#head{
clear:both;
font-family: lucida grande, verdana;
text-decoration:;
width:250px;
font-size: 20px;
margin:0 auto;
margin-top: 10px;
border: 0px solid black;
color: #3366ff;
font-weight: bold;
}

#headtext{
margin: 30px auto;
margin-left:20px;
font: 13px "Lucida Grande", "Trebuchet MS", "Verdana", "Arial", sans serif;
color: white;
font-size: 14px;
}

#footer{
background: url('images/footer.jpg');
width:100%;
clear: both;
margin:auto;
font-color: white;
text-align: right;
border:0px solid yellow;
height:44px;
}


#navbar {
width: 100%;
height:53px;
background: url('images/allbar.gif') no-repeat;
position:relative;
margin: 0;
padding:0px;
border:0px solid black;
}

#navbar li, #whole a {
height: 53px;
display: block;
border:0px solid black;
}

#navbar li {
margin: 0;
padding: 0;
list-style: none;
position: absolute; top: 0;
border:0px solid black;
}

#home {left: 0; width: 103px;}
#vision {left: 102px ; width:102px;}
#services {left: 205px; width: 114px;}
#online {left: 319px; width: 178px;}
#careers {left: 497px; width: 108px;}
#contact {left: 605px; width: 145px;}

#home a:hover {
    background: transparent  url(images/allbar.gif)
    0 -53px no-repeat;}

#vision a:hover {
	background: transparent url (images/allbar.gif)
	-103px -53px no-repeat;}

#vision a:hover {
    background: transparent url(images/allbar.gif)
    -103px -53px no-repeat;}
	
#services a:hover {
    background: transparent url(images/allbar.gif)
    -205px -53px no-repeat;}

#online  a:hover {
    background: transparent url(images/allbar.gif)
    -319px -53px no-repeat;}

#careers a:hover {
    background: transparent url(images/allbar.gif)
    -497px -53px no-repeat;}
  

#contact a:hover {
    background: transparent url(images/allbar.gif)
    -605px -53px no-repeat;}
    
#blah
{
position: relative;
top: 30px;
margin-left: 35px;
margin:auto;
border: 3px solid blue;
padding: 10px;
width: 655px;
height: 350px;
}

.slidedoormenu{
list-style-type: none;
margin-top: 40px;
margin-left:0px;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #003399; /* thick left border of menu */
position:relative;
top:0px;
left:0px;
}

.slidedoormenu li{
border-bottom: 1px solid blue; /* Gray border beneath each menu item */
margin:0px;
}

.slidedoormenu li a{
background: black url(vstrip1.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
background-position:-378px 0;
font: 13px "Lucida Grande", "Trebuchet MS", "Verdana", "Arial", sans serif;
display: block;
color: white;
width: auto;
border-bottom: 1px solid #0066cc; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}

.slidedoormenu li a:hover{
background-position: 0px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: blue;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}









.lcl_pic{
border: 2px solid black;
height: 170px;
width: 270px;
margin:0px auto;
}

.d2d_pic{
border: 2px solid black;
height: 470px;
width: 270px;
margin:0px auto;
}

.land_pic{
border: 2px solid black;
height: 300px;
width: 470px;
margin:-10px auto;
}

.container_pic{
border: 2px solid black;
height: 300px;
width: 400px;
margin:0px auto;
}

.customs_pic{
border: 2px solid black;
margin:0px auto;
}

.ocean_pic{
border: 2px solid black;
height: 300px;
width: 400px;
margin:0px auto;
}

.air_pic{
border: 2px solid black;
height: 300px;
width: 300px;
margin:0px auto;
}


.warehousing_pic{
border: 2px solid black;
height: 300px;
width: 500px;
margin:0px auto;
}

.packing_pic{
border: 2px solid black;
margin:0px auto;
}

.cargo_pic{
margin-top:20px;
border: 2px solid black;
height: 300px;
width: 500px;
margin:0px auto;
}
img{
margin:0px;
padding:0px;
}
.cargo_pic{
margin-top:20px;
border: 2px solid black;
height: 300px;
width: 500px;
margin:0px auto;
}