@charset "utf-8";

/* css - Letterewe Estate - home  */
/* 2009, by Dennis Aarts - http://www.dennisaarts.nl */


/* /////////////// basic elements /////////////// */

html, body {
	background: #c4c4c4 url("../img/layout/bg.jpg");
	font-family: Lucida Sans, sans-serif;
	padding: 0;
	margin: 0px 0 15px 0;
}

p, span, h1, h2, h3 { 
	margin: 0; 
	padding: 0;
}

a {	outline: none; text-decoration: none; }
img { border: 0px; }


/* ////////////// layout ///////////////// */

#wrapper {
	margin: 0 auto;
	width: 905px;
	height: 690px;
	background: #3a708a;
	position: relative;
	z-index: 2px;
}

#shadow {
	background: url("../img/layout/shadow.png") no-repeat;
	width: 927px;
	height: 700px;
	margin: 0 auto;
	z-index: 1px;
}

#header {
	width: 905px;
	height: 166px; /* 256px */
	background: #3a708a;
	padding-top: 90px;
	text-align: center;
}

#header p {
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 10px;
	padding-top: 5px;
}

#header img {
	width: 85px;
	height: 85px;
	margin: 0 auto;
	position: relative;
}

#content {
	width: 905px;
	height: 340px;
	background: #3a708a;
	text-align: center;
}

#content p {
	margin-top: 45px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 9px;
}

#content p img { margin-bottom: 1px;}

#footer { 
	height: 94px;
	text-align: center;
}

/* ////////////// navigation ///////////////// */

#navigation {
	background: #3a708a;
	height: 39px;
	padding-left: 62px;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	display: inline;
	font-weight: bold;
	font-size: 8px;
	letter-spacing: 3px;
	float: left;
}

#navigation .home a { color: #f8b333; }
#navigation .home a:hover { color: #fff; }

#navigation .estate a, .lodges a, .flora a, .fauna a, .activities a, .contact a { color: #fff; }
#navigation .estate a:hover, .lodges a:hover, .flora a:hover, .fauna a:hover, .activities a:hover, .contact a:hover { color: #f8b333; }

.home{ margin: 0 0 0 15px; }
.lodges { margin: 0 0 0 0px; }
.flora { margin: 0 0 0 5px; }
.fauna { margin: 0 0 0 5px; }
.activities { margin: 0 0 0 -10px; }
.contact { margin: 0 0 0 -5px; }

.bullet_home {
	background: url("../img/nav/bullet_orange.png") no-repeat;
	padding: 0;
	margin: 0 15px 0 37px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_estate {
	background: url("../img/nav/bullet_orange.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 29px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_lodges {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 23px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_flora {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 20px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_fauna {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 28px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_activities {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 25px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_contact {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 10px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_blank {
	background: url("../img/nav/bullet_white.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 15px;
	width: 4px;
	height: 39px;
	float: left;
}

.estate { padding-top: 15px; color: #f8b333; }
.home, .lodges, .flora, .fauna, .activities, .contact { padding-top: 15px; color: #fff; }