BODY {
	
	font: 62.5%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
	color:#48110E;
	background-color: #000000;
	text-align:center;
	margin-top:0px;
	
}

/* pages
------------------------*/


#pagetop {
	margin: 0 auto;
	margin-top: 3px;
	position:relative;
	width: 933px;
	height: 335px;
	background-image:url(../image/page-top-2.jpg);
}	

#pagemiddle {
	margin: 0 auto;
	position:relative;
	width: 933px;
	height: 400px;
	background-image:url(../image/page-middle-2.jpg);
}	

#pagemiddle2 {
	margin: 0 auto;
	position:relative;
	width: 933px;
	height: 600px;
	background-image:url(../image/page-middle-2.jpg);
}	

#pagebottom {
	margin: 0 auto;
	position:relative;
	width: 933px;
	height: 128px;
	background-image:url(../image/page-bottom-2.jpg);
}	

#pagemenu {
	position:absolute;
	width:800px;
	height:42px;
	z-index:2;
	left: 66px;
	top: 191px;
}

#pagetextlinks {
	position:absolute;
	width:315px;
	height: 28px;
	z-index:3;
	left: 578px;
	top: 2px;
	text-align:right;
	}

#Page_Game {
	position:absolute;
	width:729px;
	height: 339px;
	z-index:3;
	left: 102px;
	top: -46px;
	text-align:right;
	background-image:url(../image/game_page2.jpg);
	}

#Page_game_Text {
	position:absolute;
	width:666px;
	height: 357px;
	z-index:3;
	left: 134px;
	top: -599px;
	text-align:justify;

	}
	
#Page_Images {
	position:absolute;
	width:733px;
	height: 278px;
	z-index:3;
	left: 101px;
	top: -38px;
	background-image:url(../image/page_image_main.jpg);
	text-align:left;
	}
	
#Page_Images_Text {
	position:absolute;
	width:247px;
	height: 238px;
	z-index:3;
	left: 555px;
	top: -28px;
	text-align:justify;
	padding:15px;

}


#Page_Images_Thumbs {
	position:absolute;
	width:733px;
	height: 136px;
	z-index:3;
	left: 102px;
	top: -149px;

}

/* page elements
------------------------*/

#pagetitletext {
	position:absolute;
	width:353px;
	height: 28px;
	z-index:3;
	left: 92px;
	top: 262px;
	text-align:left;
	}

#indexlargeimage {
	position:absolute;
	width:478px;
	height: 342px;
	z-index:3;
	left: 91px;
	top: -52px;
	background-image:url(../image/longshipsmain.jpg);
}

#indexpieces {
	position:absolute;
	width:275px;
	height: 342px;
	z-index:2;
	left: 568px;
	top: -52px;
	background-image:url(../image/longshipspieces2.jpg);
	text-align:justify;
}

#indextext {
	position:absolute;
	width:751px;
	height: 187px;
	z-index:3;
	left: 91px;
	top: -109px;
	background-image:url(../image/longshipstext.jpg);
	text-align:justify;
}



#page_bottom {
	position:absolute;
	width:339px;
	height: 26px;
	z-index:3;
	left: 545px;
	top: 102px;
	text-align:right;
	}

#page_bottom2 {
	position:absolute;
	width:339px;
	height: 26px;
	z-index:3;
	left: 51px;
	top: 101px;
	text-align:left;
	}


/* Text Begin
------------------------*/

		p {
		  font-size: 1.2em;
		  margin: 0;
		  font-weight:normal;
		  line-height: 1.2;
		  
		}
		
		
		
		h1 {
		  font-weight: bold;
		  font-size: 1.3em;
		  line-height: 1;
		  margin: 0;
		}
		
		h2 {
		  font-weight: bold;
		  font-size: 1.4em;
		  line-height: 1;
		  margin: 0;
		}
		
		
		h3 {
		  font-size: 1.4em;
		  margin: 0;
		  font-weight:normal;
		  line-height: 1.2;
		  
		}
		
		

/* Links Begin
------------------------*/
	
	a:link {
		text-decoration: none;
		color:#48110E;
		background:url(../image/underline.gif) repeat-x left bottom;
	}
	a:visited {
		text-decoration: none;
		color:#48110E;
		background:url(../image/underline.gif) repeat-x left bottom;
	}
	a:hover {
		color: #48110E;
		background:url(../images/underline2.gif) repeat-x left bottom;
	}



	div#pagetextlinks a:link {
		text-decoration: none;
		color:#cfb485;
		background:url(../image/underline2.gif) repeat-x left bottom;
	}
	div#pagetextlinks a:visited {
		text-decoration: none;
		color:#cfb485;
		background:url(../image/underline2.gif) repeat-x left bottom;
	}
	div#pagetextlinks a:hover {
		color: #cfb485;
		background:url(../images/underline.gif) repeat-x left bottom;
	}



	div#page_bottom a:link {
		text-decoration: none;
		color:#cfb485;
		background:url(../image/underline2.gif) repeat-x left bottom;
	}
	div#page_bottom a:visited {
		text-decoration: none;
		color:#cfb485;
		background:url(../image/underline2.gif) repeat-x left bottom;
	}
	div#page_bottom a:hover {
		color: #cfb485;
		background:url(../images/underline.gif) repeat-x left bottom;
	}


/* Classes
------------------------*/

.textmargin {
	margin-right:10px;
	margin-left:10px;
}

.textmargin2 {
	margin-left:10px;
	margin-right:80px;

}

.page_bottom{
font-size: 1.0em;
margin: 0;
font-weight:normal;
line-height: 1.2;
color: #cfb485;

}