@charset "UTF-8";
/* CSS Document */
/* Transport logistics */
/* written by hairyLemon */
/* 28 Jan 2009 */

body {
text-align:center;
background-image:url(../img/bg.jpg);
background-position:left;
background-repeat:repeat;
padding: 0px;
margin: 0px;
}

/*-------- puts site in center of browser ---------*/
#frame {
width:981px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
}

/*-------- header ---------*/
#headerimg {
height: 132px;
width: 981px;
padding: 0px;
margin: 0px auto 0px auto;
}

#headerimg_right{
float:right;
background-image:url(../img/header_right.jpg);
height:132px;
width:674px;
}

#headerimg_left{
float:left;
}

#headerimg_left img{
border: 0px;
}

#banner{
background-image:url(../img/banner.jpg);
background-repeat:no-repeat;
width:981px;
height:58px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#banner p{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
padding:7px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#menu{
height:40px;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
width:981px;
margin:0px;
}

#menu_right{
background-image:url(../img/menu.jpg);
height:38px;
width:416px;
float:right;
padding:0px;
margin:0px;
}

#menu_right ul{
padding: 10px 0px 0px 22px;
margin: 0px;
}

#menu_right li{
padding: 0px 15px 0px 6px;
margin: 0px;
display:inline;
list-style:none;
height: 28px;
}

#menu_right a:link, #menu_right a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#menu_right a:hover{
color:#acc5cb;
text-decoration:none;
}

/* suckerfish multi level drop down menu http://www.htmldog.com/articles/suckerfish/ */

#nav {
margin: 9px 0px 0px 0px;
clear:both;
padding: 0px 0px 0px 0px;
/*width:602px;*/
float:left;
height:32px;
}
	
#nav img {
border: 0px;
}

#nav ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px ;
float:right;
}
	
#nav li {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
list-style:none;
}
	
#nav a {
font: 11px Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 16px;
display: block;
}

	
	#nav li:hover a, #nav a:hover{
	color:#acc5cb;
	}

	#nav li ul{
	position:absolute;
	background-image:url(../img/ul.gif);
	background-repeat: no-repeat;
	left:-999em;
	width:110px;
	float:left;
	font-weight:normal;
	border:0;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	}

	#nav li li {
	width:110px;
	margin:0;
	padding:0;
	}

	#nav li ul a:link, #nav li ul a:visited {
	background:0;
	text-transform:none;
	color:#fff;
	width:84px;
	font: 11px Arial, Helvetica, sans-serif;
	padding:4px 17px 9px 9px;
	display:block;
	margin:0;	
	text-align:left; /* left align lower levels */
	/*border-bottom: 1px solid #666666;*/
	}

	#nav li ul a:hover {
	color:#ffffff;
	background-color:#3d8191;
	}

/* THIRD LEVEL DROP DOWN, 2ND LEVEL SUCKERFISH */

	
	#nav li ul li ul {
	float:left;
	margin:-20px 0px 0px 110px;

	}
	
	
	

/* update next 2 rules to match number of levels in menu - this is for 3 levels */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}

#nav li:hover, #nav li.sfhover {
position: static;
}
	
	
#nav li.end a:link, #nav li.end a:visited {
background: 0;
font: 10px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:  0px 0px 0px 2px;
}
	
#nav li.end a:hover {
color:#00ffff;
text-decoration:none;
margin:  0px 0px 0px 2px;
}

/*------------------------------------------END OF NAVIGATION----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

/*----------------Content area------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}


#content{
width:937px;
background-color:#FFFFFF;
margin:0px;
padding:17px 16px 0px 28px;
display:block;
}

#content_left{
float:left;
background-image:url(../img/nz.gif);
background-position:right top;
background-repeat:no-repeat;
width:386px;
min-height:200px;
padding:0px 150px 20px 0px;
margin:0px 0px 15px 0px;
}

#content_left h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#3d8191;
border-bottom:1px dotted #3d8191;
margin:auto;
padding:0px 10px 0px 0px;
}

#content_left h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3d8191;
font-weight:bold;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#content_left p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;}

#content_left a:link, #content_left a:visited{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#content_left a:hover{
padding:0px;
margin:0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3d8191;
}

#content_left ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px 0px 8px 0px;
margin:0px;
color:#000000;

}

#content_left li{

list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 12px;
}

#content_right{
float:right;
width:400px;
}

#content_right ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px 0px 10px 0px;
margin:0px;
color:#000000;

}

#content_right li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px 0px px 0px;
margin:0px 0px 0px 0px;
display:inline;
list-style:none;
color:#000000;
}

#content_right img{
border:none;
}

#content_right a:link, #content_right a:visited{
border:0px;
padding:0px;
margin:0px;
text-decoration:none;
}




#content_onecollum{
width:920px;
background-color:#FFFFFF;
margin:0px;
padding:0px 16px 20px 0px;
display:block;
}

#content_onecollum h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#3d8191;
border-bottom:1px dotted #3d8191;
margin:auto;
padding:0px 10px 0px 0px;
}

#content_onecollum h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3d8191;
font-weight:bold;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#content_onecollum p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;}

.white{
background-color:#FFFFFF;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
color:#626263;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin:0px;
padding:4px 4px 4px 4px;
}

.whiteBold{
background-color:#FFFFFF;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
color:#626263;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin:0px;
padding:4px 4px 4px 4px;
font-weight:bold;

}

.whiteleft{
background-color:#FFFFFF;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
color:#626263;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0px;
padding:4px 4px 4px 4px;

}

.whiteleftalign{
background-color:#FFFFFF;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
color:#626263;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0px;
padding:4px 4px 4px 4px;
}

.titlegreen{
background-color:#5b95a1;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
border-top:1px solid #5b95a1;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin:0px;
padding:4px 4px 4px 4px;
}

.titlegreenLeft{
background-color:#5b95a1;
border-bottom:1px solid #5b95a1;
border-left:1px solid #5b95a1;
border-right:1px solid #5b95a1;
border-top:1px solid #5b95a1;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0px;
padding:4px 4px 4px 4px;
}

.blank{
background-color:#fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0px;
padding:4px 4px 4px 4px;
}

#images{
margin:0px;
padding:0px 0px 30px 0px;
}

#images td{
margin:0px;
padding:0px;

}

/*--------Footer-----------*/

#footer{
background-image:url(../img/footer_bg.gif);
background-position:left;
background-repeat:repeat-x;
height:34px;
font-weight:bold;
font-size:16px;
color:#015b6f;
}

#footer p{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
color:#015b6f;
padding:10px 0px 0px 0px;
margin:0px;
}

#hairylemon{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}


#hairylemon a:link, #hairylemon a:visited{
padding:0px;
margin:0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

#hairylemon a:hover{
padding:0px;
margin:0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3d8191;
}

#sitemap{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding:0px 0px 0px 15px;
margin:0px;
}


#sitemap a:link, #sitemap a:visited{
padding:0px;
margin:0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

#sitemap a:hover{
padding:0px;
margin:0px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3d8191;
}