/* 
	Title: Hungrybrowser - Screen style sheet
	Description: Resets HTML tags
	Client: Hungrybrowser
	Date: 02/03/2008
	Version 1.00
	Author: Ben Ellis
*/

/* ------------------------------------------------------------
	Default elements
---------------------------------------------------------------- */

body {
	margin: 0px 0px 00px 0px;
	padding: 0px;
	background: #d2a569 url("../img/bg.jpg") top left repeat scroll;
	color: #000000;
	font-size: 75%;
	font-family: "Lucida Sans Unicode", "Lucida sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	outline: none;
}

a:visited {
	color: #666666;
	text-decoration: underline;
}

a:active {
	color: #CC0000;
	text-decoration: underline;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

acronym {
	border-bottom: 1px #999999 dashed;
	cursor: help;
}

/* ------------------------------------------------------------
	Logo
---------------------------------------------------------------- */

#logo span {
	display: none;
}

#logo a {
	display: block;
	width: 574px;
	height: 641px;
	background: url("../img/logo.jpg");
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
} 

/* ------------------------------------------------------------
	Photo frame
---------------------------------------------------------------- */

#frame {
	position: relative;
	width: 776px;
	height:557px;
	margin: 0px 0px 0px 10px;
	background:url("../img/frame.jpg");
}

/* ------------------------------------------------------------
	Intro
---------------------------------------------------------------- */

#intro {
	display: none;
}

/* ------------------------------------------------------------
	Navigation
---------------------------------------------------------------- */

#nav {
	position: relative;
	width: 850px;
	height: 65px;
	margin: 5px 0px 0px 7px;
	padding: 0px;
}

#nav li {
	height: 77px;
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a span {
	display: none;
}

#nav li a {
	width: 63px;
	height: 45px;
	margin: 0px 7px 0px 0px; 
	float: left;
	display: block;
	background-position: 0px 0px;
}

#nav li a:hover {
	background-position: -63px 0px;
}



/* Intro */

#nav li#scene_0 a {
	background-image: url("../img/nav_0.jpg");
}

/* Scene 1 */

#nav li#scene_1 a {
	background-image: url("../img/nav_01.jpg");
}

/* Scene 2 */

#nav li#scene_2 a {
	background-image: url("../img/nav_02.jpg");
	margin-top: 10px; 
}

/* Scene 3 */

#nav li#scene_3 a {
	background-image: url("../img/nav_03.jpg");
}

/* Scene 4 */

#nav li#scene_4 a {
	background-image: url("../img/nav_04.jpg");
}

/* Scene 5 */

#nav li#scene_5 a {
	background-image: url("../img/nav_05.jpg");
}

/* Scene 6 */

#nav li#scene_6 a {
	background-image: url("../img/nav_06.jpg");
	margin-top: 10px; 
}

/* Scene 7 */

#nav li#scene_7 a {
	background-image: url("../img/nav_07.jpg");
}

/* Scene 8 */

#nav li#scene_8 a {
	background-image: url("../img/nav_08.jpg");
	margin-top: 10px; 
}

/* Scene 9 */

#nav li#scene_9 a {
	background-image: url("../img/nav_09.jpg");
	margin-top: 1px; 
}

/* Scene 10 */

#nav li#scene_10 a {
	background-image: url("../img/nav_010.jpg");
}

/* Scene 11 */

#nav li#scene_11 a {
	background-image: url("../img/nav_011.jpg");
	margin-top: 10px; 
}

/* ------------------------------------------------------------
	Footer
---------------------------------------------------------------- */

#footer {
	font-size: 11px;
	margin: 2px 0px 0px 10px;
	font-weight: bold;
}

#footer li {
	display: inline;
}