@charset "utf-8";
* {margin:0; padding:0;}
body {
	background-color:#04081C;
	font-family:Calibri, Arial, Helevetica, _sans;
	color:#fff;
	font-weight:normal;
}
h1{font-size:15px;}
h2{font-size:18px;}
h3{font-size:13px;}
p,
li {font-size:12px; list-style:none;}
a {text-decoration:none; color:#FFF;}
/*------------------------Container------------------------*/
#container {
	margin:47px auto 0px auto;
	width:1048px;
	height:1100px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

	/*------------------------Masthead------------------------*/
	#masthead {
		margin:0 106px;
		height:136px;
		width:836px;
		position:relative;
		
	}
	#masthead img {
	position:absolute;
	width:183px;
	height:112px;
	bottom:0px;
	left:-38px;
	}
	#masthead h1 {
		text-align:right; padding-top:107px;
	}
	/*------------------------End Masthead------------------------*/

	/*------------------------Content------------------------*/
	#content {
		height:700px;
		width:659px;
		margin:14px 106px 0 283px;
		
	}
		
		/*------------------------Top Boxes------------------------*/
		#top_boxes{
			background-image:url( ./gfx/bg_topbox_solid.png);
			background-repeat:no-repeat;
			height:293px;
			padding-top:25px;
		}
		#top_boxes h3 {
			padding:26px 0 1em 0;
			color:#F93;	
		}
		#top_boxes ul {
			margin-left:28px;
		}
		#top_boxes ul li {
			padding:3px 0 3px 7px;
			margin:2px 0;
		}
		
		#top_boxes p{
			padding:0 0 1em 0;
		}
		#top_boxes li:hover {
				background-image:url( ./gfx/top_boxes_rollover.png);
				background-repeat:no-repeat;
				background-position:top left;
			}
			/*------------------------Leftside------------------------*/
			#leftside {
				width:295px;
				height:288px;
				float:left;
				margin:0px 13px 5px 20px;
				background-image:url( ./gfx/bg_leftside.png);
				background-repeat:no-repeat;
				background-position:bottom left;
			}
			#leftside h2,
			#leftside h3{
				text-transform:uppercase;
			}
			/*------------------------End Leftside------------------------*/
			
			/*------------------------Rightside------------------------*/
			#rightside {
				width:291px;
				height:288px;
				margin:0px 20px 5px 0px;
				padding-left:348px;
				background-image:url( ./gfx/bg_rightside.png);
				background-repeat:no-repeat;
				background-position:bottom right;
			}
			/*------------------------End Rightside------------------------*/
			
		/*------------------------End Top Boxes------------------------*/
		
		/*------------------------Top Boxes Btm------------------------*/
		#top_boxes_btm {
			background-image:url( ./gfx/bg_topbox_btm.png);
			background-repeat:no-repeat;
			height:18px;
			clear:both;
		}
		/*------------------------End Top Boxes Btm------------------------*/
	
		/*------------------------Bottom Boxes------------------------*/
		#bottom_boxes {
			background-image:url( ./gfx/bg_bottombox.png);
			background-repeat:no-repeat;
			height:128px;
			width:659px;
			padding-top:16px;
		}
		div.bg_solid#bottom_boxes {
			background-image:url( ./gfx/bg_bottombox_solid.png);
		}
		
			/*------------------------Nav------------------------*/
			#nav {
				height:auto;
				width:137px;
				float:left;
				margin:0px 11px 0px 20px;
			}
			#nav ul {
			}
			#nav li {
				padding:3px 0 3px 6px;
				text-transform:capitalize;
			}
			#nav li.selected,
			#nav li.selected:hover{
				background-image:url( ./gfx/nav_selected.png);
				background-repeat:no-repeat;
				background-position:top left;
			}
			#nav li:hover {
				background-image:url( ./gfx/nav_rollover.png);
				background-repeat:no-repeat;
				background-position:top left;
			}
			/*------------------------End Nav------------------------*/
			
			/*------------------------Message------------------------*/
			#message {
				height:auto;
				width:451px;
				margin:0px 20px 0px 0px;
				padding-left:188px;
				background-image:url( ./gfx/bg_pyrate_sighting.png);
				background-repeat:no-repeat;
				background-position:188px 5px;
			}
			#message h3 {
				padding-left:85px;
			}
			#message ul{
				color:#fcaf35;
			}
			#message ul li {
				font-size:10px;
				list-style:square;
				list-style-position:outside;
				color:#FFF;
				margin-left:100px;
				padding:5px 0 5px 45px;
	            position:relative;		
			}
			#message ul li span {
				font-weight:bold;
				color:#fcaf35;
				position:absolute;
				top:5px;
				left:0;
			}
			
			#message ol li{
				margin-left:25px;
				list-style:decimal;
				font-size:11px;
			}
			/*------------------------End Message------------------------*/
			
		/*------------------------End Bottom Boxes------------------------*/
		
		/*------------------------Bottom Boxes Btm------------------------*/
		#bottom_boxes_btm {
			height:21px;
			background-image:url( ./gfx/bg_bottombox_btm.png);
			background-repeat:no-repeat;
			clear:both;
		}
		/*------------------------End Bottom Boxes Btm------------------------*/
		
		/*------------------------Footer------------------------*/
		#footer {
			margin:0 6px;
			width:647px;
			padding-top:5px;
		}
		#footer p {
			font-size:12px;
			letter-spacing:0.1em;
		}
		#footer p span {
			float:right;
		}
		/*------------------------End Footer------------------------*/
		
		/*------------------------Skull n Bones------------------------*/
		#skull_bones {
	height:140px;
	width:301px;
	margin:10px 5px 0 353px;
	position:fixed;
	right: 20px;
	bottom: 30px;
		}
		#pop {
			height:43px;
			width:58px;
			position:absolute;
			right:0px;
			bottom:0px;
		}
		#pyrate_pop {
			position:absolute;
			display:none;
			height:90px;
			width:306px;
			background-image:url( ./gfx/bg_pyrate_pop.png);
			background-repeat:no-repeat;
			left:0;
			top:0;
			padding-top:6px;
		}
		#pyrate_pop p {
			line-height:18px;
			padding:0 14px 4px 14px;
			color:#000;
			font-size:13px;
		}
		/*------------------------End Skull n Bones------------------------*/
	
	/*------------------------End Content------------------------*/

/*------------------------End Container------------------------*/