HTML {
overflow: -moz-scrollbars-vertical;
}

body{
	font-size: 62.5%;
	font-family: lucida sans, century gothic,
	arial, helvetica, sans-serif;
    color: #333333;	
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #313d19;

}

	/* hide from ie on mac \*/
html {
		height: 100%;
	}

	/* end hide */

#content{
	width: 760px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: auto;
	background-color: #ccd3ab;
	background-image: url(images/background2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: scroll;
}


#header {
	width: 760px;
	height:201px;
	background-color: #313d19;
	
}

.one
{
	background-image:url(images/banner-trees.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.two
{
	background-image:url(images/banner-river.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.three
{
	background-image:url(images/banner-river2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.four
{
	background-image:url(images/banner-centre.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.five
{
	background-image:url(images/banner-nikau.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.six
{
	background-image:url(images/banner-chalets.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.seven
{
	background-image:url(images/banner-stream.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.eight
{
	background-image:url(images/banner-river3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.nine
{
	background-image:url(images/banner-chalet2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.ten
{
	background-image:url(images/banner-river5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
.eleven
{
	background-image:url(images/banner-river4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
#header .logo
{float:left; padding-top:90px; padding-left:20px;
}
#contentfull {
	width:500px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float:right;
	border-top : 5px solid #c5cca7;
		}

#contentleft {
	width:180px;
	float:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
		}
		
	
	#contentright {
		width:540px;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 0px;
		float:right;
	}
	
	#contentrightphoto {
		width:540px;
		padding-top: 0px;
		padding-right: 20px;
		padding-bottom: 0px;
		padding-left: 0px;
		float:right;
	}


#navigation {
	width:760px;
	height: 26px;
	border-bottom : 2px solid #666666;
	border-top : 1px solid #666666;
	background-color: #96a55a;
}


#footer {
	clear:both;
	width:760px;
	border-bottom : 1px solid White;
	
	height: 30px;
	margin-top:40px;
}

#flashcontent {
		height: 400px;
		background-color: #ccd3ab;
	}

.right {float:right; padding-top:10px; padding-left:10px;}

#box {
	background-color:#f0f2e4;
	margin-right: 0px;
	width:140px;
	color: #000000;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: lucida sans, century gothic,
	arial, helvetica, sans-serif;
	border:thin solid #000000;
	background-repeat: repeat;
	background-image: url(images/background.gif);
}

#box2 {
	background-color:#f0f2e4;
	margin-right: 20px;
	width:140px;
	color: #000000;
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.3em;
	font-family: lucida sans, century gothic,
	arial, helvetica, sans-serif;
	border:thin solid #000000;
}

table{
	font-size: 1.2em;
	width: 400px;

}

.list {
	list-style-type: circle;
	font-size: 1.2em;
	line-height: 1.5em;
}
	
/* typography start*/
h1, h2, h3, h4, h5{
	font-family: lucida sans, century gothic,
	arial, helvetica, sans-serif;
	
	color: #333333;
	background-color: transparent;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-type: circle;	
}
html>body h1, h2, h3, h4, h5 {	margin-bottom: -.5em;	}
h1	{	font-size: 1.85em;	margin-top: .1em; font-weight: bold; padding-top : 20px;
	}
h2	{	font-size: 1.4em;	font-weight: bold; padding-top : 10px;
}
h3	{
	font-size: 1.2em;
	
	
}  
h4	{	font-size: 1.3em;  line-height: 1.6em;  }
h5	{	font-size: 1em;   	}
p	{
	font-family: lucida sans, century gothic,
	arial, helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
}
a	{
	text-decoration: underline;
	color: #333333;
	background-color: transparent;
}


.footer_text {	font-family: lucida sans, century gothic, arial, sans-serif;	color: #666;	margin : 0px;	padding : 10px; 	font-size: 1.1em;}

/* typography end */

/* navigation start */
/*first level navigation and rollover*/
#nav, #nav ul {font-family: arial, sans-serif;	font-size: 1.2em;	padding: 0px;	margin: 0;	list-style: none;	z-index:2; 	background-color: #96a55a;} 
#nav a {display: block;	color: #030303;	text-decoration: none;	padding: 6px 10px 6px 10px; width: auto; border-right : 1px solid #666666;} 
#nav li { float: left; width: auto;}

#nav li ul { position: absolute; width: 12em; left: -999em;} 
#nav li:hover ul, #nav li.sfhover ul {left: auto; border : 1px solid #666666; }

#nav .current a {background: #dce1c5; }
#nav a:hover {background: #789243;}

#nav .end {border-right : 0px}

#nav .dropdown a {background: #313d19;	color: #ffffff;	width:13em;	font-size: .9em; border-bottom : 1px solid white;	border-left : 0px solid white;	border-right : 0px solid white;	padding: 5px;}
#nav .dropdown a:hover{	background: #96a55a;}



/*2nd level navigation and rollover*/
#nav2 {
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
width: 100px;
padding: 0px;
margin: 0px;
}

#nav2 ul {
list-style: none;
margin: 0px;
padding: 5px;
border: none;
}
#nav2 ul li {
margin: 0px;
padding: 0px;
}
#nav2 ul li a {
font-size: 1.1em;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 5px 4px;
text-decoration: none;
color: #333333;
width:120px;
font-weight: normal;
}

#nav2 a:link#current, #nav2 a:visited#current, #nav2 a:hover,
#nav2 ul li a:hover, #nav2 ul li a:focus, #active{
color: #000000;
background-color: #a86d05;
}

#nav2 ul li a:focus, #active{
color: #000000;
background-color: #d8941d;
}

table{border-spacing:1px;font:1.1em lucida sans, Arial, Helvetica, sans-serif;background:#c3c3c3;color:#333333; width:520px}
td, th{padding:4px;}
tbody tr{background:#aaaaaa;text-align:left;}
tbody tr.odd{background:#b3c56d; border-top:1px solid #ffffff;}
tbody tr td{height:30px;background:#96a55a;}
tbody tr.odd td{background:#b3c56d;}

.booking {width:500px; border:0; background:#ccd3ab;}
.booking tr td{
	background:#ccd3ab;
	font-size: 1.1em;
}