@charset "utf-8";
/*-------------basic styling---------------*/
* {
	margin: 0px;
	padding: 0px;
}
	body{
		background-color:#000000;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
	}
	#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align:left;
	background-color: #49493f;
	}
	#clear {
		clear: both;
	}
	/*-------------------------------- header styling -----------------------------------------------------*/
	#header{
	position:relative;
	background-repeat:no-repeat;
	height:215px;
	width:800px;
		}
	#header ul a.first{

    background:none;

        }
	#header ul{
		margin:0;
		padding:0;
		position:absolute;
		left:0px;
		bottom:-2px;
		width:800px;
		list-style:none;
		background:url(../images/navgraphic.gif) repeat-x top left;
		}
	#header ul li{
		float:left;
		}
	#header ul a{
		padding:0 15px;
		font-size:14px;
		line-height:2em;
		text-decoration:none;
		color:#FFFFFF;
		float:left;
		display:block;
		background:url(../images/navsep.gif) no-repeat left top;
		}
	#header ul a.first{
		background:none;
		}
	#header ul a:hover{
		color:#669933;
		}
	#header li.down{
		padding:0 15px;
		line-height:2em;
		text-decoration:none;
		background:none;
		font-size:14px;
		color:#669900;
		float:left;
		display:block;
		}


    /*--------------------------------------------------------- banner styling ---------------------------------------------------------*/
	
	#banner{
	width:800px;
	height:195px;
	text-align:left;
	background:url(../images/aboutbanner.jpg)
		}
	/*--------------------------------------------------------- content styling --------------------------------------------------------*/
	#content{
	position:absolute;
	width:800px;
	color:#FFFFFF;
	background:#49493f;
	margin-bottom:30px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	left: 0px;
	top: 411px;
		}
	#text{
	float:left;
	width:780px;
	text-align:justify;
	margin-left:10px;
	margin-top:10px;
	line-height:1.3em;
		}
	#text p.first{
		padding-top:.25em;
		}
		
	#text h2{
	font-size: 14px;
	padding-bottom:5px;
		}
	#text h2 a{
	text-decoration:none;
	color:#CCCCCC;
	width:60px;
	text-align:left;
	font-size: 14px;
		}
	#text h2 a:hover{
		color:#669900;
		}
	#content ul{
		text-align:center;
		margin-left:40px;
		list-style:none;
		text-align:left;
		}
	#content p.last{
		text-align:center;
		}
	
	/*------------------------------------------------------------ sidebar styling --------------------------------------------------------*/
	#sidebar{
		float:right;
		width:310px;
		height:230px;
		margin-right:.5em;
		margin-top:.5em;
		background: url(../images/port_Large%20Ship.gif) no-repeat top left;
		}
			
	#footer{
		width:800px;
		height:40px;
		float:left;
		text-align:center;
		background:#000000;
		}