@charset "utf-8";

/* css - Letterewe Estate - Activities  */
/* 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;
}

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

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

h1 {
	font-size: 11px;
	letter-spacing: 2px;
	padding: 20px 0 2px 0; 
	color: #dca030; 
	font-family: Lucida Sans, sans-serif; 
}

/* ////////////// 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: 123px;
	background: #3a708a; 
}

#header  a, a:hover { text-decoration: none; color: #fff; }

.title {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	height: 32px;
	width: 282px;
	float: left;
	padding: 81px 0 0 97px;
}

.logo {
	height: 95px;
	width: 146px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 2px;
	background: #3a708a;
	float: left;
	text-align: center;
	padding-top: 19px;
}

.subtitle {
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 3px;
	height: 29px;
	width: 276px;
	float: left;
	padding: 84px 0 0 93px;
}

.subtitle img { padding-bottom: 1px; }

#bar {
	height: 10px;
	background: #708fa3;
	clear: both;
}

#container {
	width: 905px; /*905px*/
	height: 473px;
	background: #fff;
}

#content_left {
	font-size: 13px;
	font-family: Times New Roman, serif;
	line-height: 15px;
	padding: 15px 6px 0 97px;
	width: 305px;
	height: 458px;
	background: #fff;
	float: left;
}

#content_middle {
	width: 88px;
	height: 473px;
	float: left;
}

#content_right {
	font-size: 13px;
	font-family: Times New Roman, serif;
	line-height: 15px;
	padding: 15px 97px 0 6px;
	width: 306px;
	height: 458px;
	background: #fff;
	float: right;
}

#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 .activities a { color: #f8b333; }
#navigation .activities a:hover { color: #fff; }

#navigation a { text-decoration: none; }
#navigation a:hover { text-decoration: none; }

#navigation .home a, .lodges a, .estate a, .flora a, .fauna a, .contact a { color: #fff; }
#navigation .home a:hover, .lodges a:hover, .estate a:hover, .flora a:hover, .fauna 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_white.png") no-repeat;
	padding: 0;
	margin: 0 15px 0 37px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_estate {
	background: url("../img/nav/bullet_white.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_orange.png") no-repeat;
	padding: 0;
	margin: 0 25px 0 25px;
	width: 4px;
	height: 39px;
	float: left;
}

.bullet_contact {
	background: url("../img/nav/bullet_orange.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; }