@charset "utf-8";
/* CSS Document */

body {
	background-color:#8e8e8e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
p, h1, h2, h3 {
	margin:0px;
	}

p {
	text-align:justify;
	margin-bottom:8px;
	}
	
strong {
	color:#000;
	}
	
table, img {
	border:none;
	}
	
.clear {
	clear:both;
	}
		
#wrapper {
	width:807px;
	margin:auto;
	margin-top:15px;
	}
	
#container {
	width:807px;
	height:800px;
	position:relative;
	}

#border-top {
	height:15px;
	width:800px;
	background-image:url(../images/border_top.jpg);
	background-repeat:no-repeat;
	}
	
#border-left {
	height:771px;
	width:14px;
	background-image:url(../images/border_left.jpg);
	background-repeat:no-repeat;
	float:left;
	}	

#border-right {
	height:771px;
	width:13px;
	background-image:url(../images/border_right.jpg);
	background-repeat:no-repeat;
	float:left;
	}	
	
#border-bottom {
	height:14px;
	width:800px;
	background-image:url(../images/border_bottom.jpg);
	background-repeat:no-repeat;
	}	
	
#cork {
	width:773px;
	height:771px;
	background-image:url(../images/cork_pattern.jpg);
	background-repeat:repeat;
	float:left;
	display:inline-block;
	}
	
#shadow-right {
	width:7px;
	height:806px;
	background-image:url(../images/shadow_right.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top:-800px;
	}

#shadow-bottom {
	width:800px;
	height:6px;
	background-image:url(../images/shadow_bottom.jpg);
	background-repeat:no-repeat;
	}
	
#content {
	}
	
#footer {
	height:30px;
	width:800px;
	margin-top:10px;
	padding-top:5px;
	/*border-top:solid 1px #63615e;*/
	color:#63615e;
	}
	
#footerNav {
	font-size:11px;
	float:left;
	}

	#footerNav a {
		margin:0 5px 0 5px;
		color:#63615e;
		text-transform:uppercase;		
		text-decoration:none;
		}
	#footerNav a:hover {
		color:#CCCCCC;
		}
		
#footer #credit a {
	float:right;
	height:10px;
	width:10px;
	display:block;
	background-image: url(../images/octane.png);
	background-repeat:no-repeat;
	background-position:0px;
	margin-right:5px;
	}
	
#footer #credit a:hover {
	background-position:-10px;
	}
	
#copyright {
	margin:5px 0px 0px 5px;
	font-size:10px;
	}
	#copyright a {
		color:#63615e;
		text-decoration:none;
		}
		#copyright a:hover {
			color:#CCCCCC;
			}

/* ------------ CONTENT ---------- */

#navHeader {
	position:absolute;
	z-index:99;
	height:303px;
	width:604px;
	background-image:url(../images/fogu_nav_banner.png);
	background-repeat:no-repeat;
	left:185px;
	top:15px;
	}
	
#photo {
	position:absolute;
	z-index:2;
	height:232px;
	width:241px;
	left:-12px;
	top:20px;
	}
	
#photoPin {
	background-image:url(../images/grnPin1.png);
	width:39px;
	height:43px;
	display:block;
	position:absolute;
	z-index:98;
	top: 21px;
	left: 52px;
	}
				
#welcome {
	position:absolute;
	top:242px;
	left:19px;
	z-index:10;
	height:481px;
	width:346px;
	background-image:url(../images/welcome.png);
	background-repeat:no-repeat;
	}
	
	#welcome #text {
	font-size:12px;
	color:black;
	margin-left: 24px;
	width:300px;
	line-height:16px;
	}
	
	#photoPin2 {
	background-image:url(../images/grnPin1.png);
	width:39px;
	height:43px;
	display:block;
	position:absolute;
	z-index:98;
	top: 236px;
	left: 139px;
	}

.smPhoto {
	height:112px;
	width:119px;
	background-image:url(../images/bg_smphoto.png);
	background-repeat:no-repeat;
	float:left;
	}
	
	.smPhoto img {
		height:75px;
		width:100px;
		margin:8px;
		}
		
.paper {
	position:absolute;
	top:242px;
	left:10px;
	z-index:10;
	height:487px;
	width:348px;
	background-image:url(../images/paper_crumpled.png);
	background-repeat:no-repeat;
	}

.paper2 {
	position:absolute;
	top:280px;
	left:430px;
	z-index:10;
	height:487px;
	width:348px;
	background-image:url(../images/paper_crumpled.png);
	background-repeat:no-repeat;
	}
	
.paper2 ol {
	color:#da0010;
	font-weight:bold;
	font-size:14px;
	margin-left:-20px;
	}
	
.text {
	margin:10px auto;
	font-size:12px;
	color:black;
	width:300px;
	line-height:16px;
	}

li {
	margin-bottom:5px;
	}

li span {
	font-size:12px;
	color:black;
	font-weight:normal;
	}
	
#photoPin3 {
	background-image:url(../images/pin_orange.png);
	width:30px;
	height:40px;
	display:block;
	position:absolute;
	z-index:98;
	top: 380px;
	left: 715px;
	}

a {
	color:#000;
	text-decoration:none;
	}
	
a:hover {
	color:#da0011;
	text-decoration:underline;
	}

.story {
	margin-left:15px;
	margin-top:8px;
	width:316px;
	color:black;
	}
	
	.story .title {
		color:#da0011;
		font-size:12px;
		margin-bottom:3px;
		}