/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image:url(images/bg_top.jpg);
 background-repeat:repeat-x;
 background-color:#171741;
 line-height:19px;
 
}
#outerwrap { 
 margin: 0 auto;
 width: 940px; 
 background:url(images/top_bg.gif) top center no-repeat;
z-index:100px;
}
#wrapper { 
 margin: 0 auto;
 width: 940px; 
 background:url(images/bg_shadow.gif) top center repeat-y;
}
#wrapper2 {
	margin: 0 auto;
	width: 900px;
	background-color: #FFFFFF;
 }

#header {
 color: #333;
 width: 900px;
 float: left;
 height: 277px;
 margin: 0px;
}

#navigation {
 float: left;
 width: 900px;
 color: #333;
 margin: 0px;
 height:36px;
 background-image:url(images/nav1.gif);
 background-repeat:repeat-x;
}
#middle{ 
background-image:url(images/bg_white.jpg);
background-repeat:no-repeat;
background-position:top; 
width:900px; height:100%;

}
 
#leftcolumn { 
 color:#062e5f;
 margin: 0px;
 padding: 10px 10px 10px 30px ;
 width: 580px; height:auto;
 float: left;
background-image:url(images/bg_white.jpg);
background-repeat:no-repeat;
}
#rightcolumn {
	float: right;
	color: #333;
	margin: 0px;
	padding: 10px;
	height: auto;
	width: 250px;
	background-image:url(images/bg_white.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-color: #FFFFFF;
}
#footer { 
 width: 880px;
 clear: both;
 color: #ffffff;
 background: #666666;
 margin: 0px;
 padding: 10px;
 font-size:10px;
 font-family:Tahoma,Arial, Helvetica, sans-serif;
}

#footer a{color:#cccccc;}

blockquote{ 
margin-left:30px;
padding-left:10px;}

a:link, a:active, a:visited{
text-decoration:underline;
color:#db4811;
}

a:hover{
text-decoration:underline;
color:#2d2b75;
}

#progress
{
background-image:url(images/box_magglass.gif);
background-repeat:no-repeat;
width:234px;
height:250px;
margin-top:10px;
color:#ffffff;
line-height:22px;
font-size:11px;
font-family:Tahoma,Arial, Helvetica, sans-serif
}

#progresstxt{
margin:10px 10px 5px 33px;
padding-top:62px;
color:#062e5f; text-align:center;
}

#progresstxt2{
margin:10px 10px 5px 33px;
padding-top:0px;
color:#062e5f; text-align:center;
}

#download
{
background-image:url(images/box_dload.gif);
background-repeat:no-repeat;
width:234px;
height:142px;
margin-top:10px;
color:#ffffff;
line-height:22px;
font-size:11px;
font-family:Tahoma,Arial, Helvetica, sans-serif
}

#dloadtxt{
margin:0px 10px 5px 70px;
padding-top:55px;
}

#dloadtxt a{ color:#FFFFFF;}
#dloadtxt a:hover{ color:#093f82;}

#boxvessel
{
	background-image:url(images/box_vessel.gif);
	background-repeat:no-repeat;
	width:234px;
	height:350px;
	margin-top:10px;
	color:#ffffff;
	line-height:22px;
	font-size:11px;
	font-family:Tahoma,Arial, Helvetica, sans-serif
}

#vesseltxt{
	margin:0px 10px 5px 70px;
	padding-top:77px;
}

#vesseltxt a{ color:#FFFFFF; }
#vesseltxt a:hover{ color:#093f82;}

#weather
{
background-image:url(images/box_weather.gif);
background-repeat:no-repeat;
width:234px;
height:290px;
margin-top:10px;
color:#ffffff;
line-height:16px;
font-size:11px;
font-family:Tahoma,Arial, Helvetica, sans-serif
}

#weathertxt{
margin:0px 5px 5px 45px;
padding:80px 5px 5px 0;}

#weathertxt a{ color:#FFFFFF;}
#weathertxt a:hover{ color:#093f82;}

#customer
{
background-image:url(images/box_customer.gif);
background-repeat:no-repeat;
width:234px;
height:80px;
margin-top:10px;
color:#ffffff;
line-height:28px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;

}

#custxt{
margin:0px 5px 5px 70px;
padding-top:15px;}

#custxt a{
color:#ffffff;
text-decoration:none;}

#visitor
{
background-image:url(images/box_visitor.gif);
background-repeat:no-repeat;
width:234px;
height:80px;
margin-top:10px;
color:#ffffff;
line-height:28px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;

}

/*navigation*/

#stylefive{
position:relative;
line-height:normal;
display:block;
height:36px;
font-size:11px;
font-weight:bold;
font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;}

#stylefive ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;}

#stylefive ul li{display:block;float:left;margin:0;}

#stylefive ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:11px 20px 0 20px;
height:27px; text-transform:uppercase;
background:transparent url(images/divider.gif) no-repeat top right;}

#stylefive ul li a:hover,#stylefive ul li a.current{
color:#fff;
background:url(images/bg_off.gif) repeat-x top right;}


h1{
color:#062e5f;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding-bottom:5px;
border-bottom:1px solid #cccccc;
text-transform:uppercase;
}

h2{
color:#093f82;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-bottom:5px;
text-transform:uppercase;}

h3{
color:#093f82;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-bottom:5px;
border-bottom:1px solid #cccccc;
margin-bottom:10px;
text-transform:uppercase;}

.floatlft{
float:left;
padding: 0 15px 10px 0;
}

.floatrgt{
float:right;
padding: 15px 0px 10px 15px;
width:270px;
}

.floatmap{
float:right;
padding: 0px 0px 10px 15px;
width:270px;
}

.orange{
color:#e8561d;
font-size:14px;
font-weight:bold;
}

.small{font-size:11px; line-height:18px;}
.tabmore {
float:right;
border:none; 
padding-top:5px;
padding-bottom:6px;
padding-right:10px;}

.borderwhite{
border: 1px solid #ececec;
padding:6px;
background-color:#FFFFFF;
}

a:hover .borderwhite {
border: 1px solid #fff;
padding:6px;
background-color:#e8561d;
}

#navlist { list-style-image: url(images/arrows.gif); } 
#navcontainer {margin-left:30px;}


/* form functions*/

label,input,textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}
input,textarea {
border:1px solid #cccccc;
background-color:#ececec;}

#button {
margin-right:80px;
float:right;
}
label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

form br {
	clear: left;
}

.load{background:url('images/loader.gif') no-repeat center;}

.date {
	background: url(images/date.gif) no-repeat;
	height: 65px;
	margin-bottom: 0px;
	margin-right:20px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #ffffff;
	padding: 0px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-top:0;
}
.date .day {
	display: block;
	color: #FFFFFF;
	font: 24px Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top:0;
}

.date .year {
color: #FFFFFF;
font: 11px Tahoma;
margin-top:0;
}