/* 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=
Created by Martin Kruit
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=
*/

html{overflow-y: scroll;} 


* { margin: 0; padding: 0; border: 0; }

body
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	background: #6A6A6A url('../img/background_fade.jpg') repeat-x;
}

body, td
{
	font-size: 11px;
	line-height: 15px;
}
p { margin: 0 0 1em 0; }
#content h1
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 150%;
    font-weight: 100;
	font-style: italic;
    letter-spacing: -0.04em;
	text-align: center;
    color: #D6C3A8;
	background: #000 url('img/h1.gif') left center repeat-x;
}
#content h1 span
{
	padding: 0px 10px;
	background-color: #000;
}
#content h2
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	color: #D6C3A8;
}
#content h3
{
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
    font-weight: 120;
	font-style: italic;
	text-align: center;
    color: #D6C3A8;
	}
td {padding: 2px 0;}


/*========================================
	Form Settings
========================================*/
input, textarea { border: 1px solid #ccc; background-color: #fff; }
input.grey { border: 1px solid #ccc; background-color: #FFEFE8; }
input:hover, textarea:hover { border: 1px solid #666; background-color: #D6C3A8; }

/*========================================
	Links Settings
========================================*/

a:link,a:visited { color: #D6C3A8; text-decoration: none; }
a:hover { color:#D6C3A8; text-decoration: underline; }

/*========================================
	Container
========================================*/

div#container
{
	margin: 0 auto;
	width: 700px;
	height: 700px;
	text-align: left;
	background: #6A6A6A;
}

/*========================================
	Banner
========================================*/

div#banner
{
	height: 73px;
	text-indent: -9999px;
	background: #000 url(../img/banner3.jpg) top center no-repeat;
}

/*========================================
	Global Menu
========================================*/

div#globalnav
{
	width: 700px;
	height: 36px;
}

div#globalnav ul#menu
{
	position: relative;
	width: 700px;
	height: 36px;
	background: #000 url(../img/menu3.jpg) top left no-repeat;
}

div#globalnav ul#menu li
{
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a
{
	height: 36px;
	display: block;
}
	
div#globalnav ul#menu li a
{
	text-indent: -9999px;
	text-decoration: none;
}
	
#about_us        			{ left: 0px; width: 130px; }
#accommodation 				{ left: 120px; width: 180px; }
#facilities         		{ left: 283px; width: 123px; }
#activities         		{ left: 388px; width: 127px; }
#contact_us     			{ left: 503px; width: 125px; }
#map     					{ left: 623px; width: 80px; }

#about_us a:hover			{ background: transparent url(../img/menu3.jpg) -0px -36px no-repeat; }
#accommodation a:hover 		{ background: transparent url(../img/menu3.jpg) -120px -36px no-repeat; }
#facilities a:hover			{ background: transparent url(../img/menu3.jpg) -283px -36px no-repeat; }
#activities a:hover			{ background: transparent url(../img/menu3.jpg) -388px -36px no-repeat; }
#contact_us a:hover			{ background: transparent url(../img/menu3.jpg) -503px -36px no-repeat; }
#map a:hover				{ background: transparent url(../img/menu3.jpg) -623px -36px no-repeat; }

/*========================================
	Content
========================================*/

div#main
{
	background: #6A6A6A url(../img/main_middle_line.jpg) center top repeat-y;
}


div#content
{
	width: 700px;
	padding: 25px 61px 20px 55px;
	width/**/:/**/584px;
	background: transparent url(../img/main_top_line.jpg) center top no-repeat;
}

div#left
{
	float: left;
	width: 290px;
	padding-right: 15px;
	width/**/:/**/275px;
	background: transparent url(../img/divide.gif) right top repeat-y;
}

div#right
{
	float: right;
	width: 280px;
}

div#footer
{
	clear: both;
	width: 700px;
	padding: 0 61px 0 55px;
	width/**/:/**/584px;
	height: 40px;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	color: #999;
	background: #6A6A6A url(../img/main_bottom_line.jpg) center top no-repeat;
}