@charset "utf-8";
/* CSS Document */

/* Normalizes margin padding and borders */
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; font-size : 100%; font-weight:100; list-style:none; }
img, fieldset { border : 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
a { text-decoration:none; }
a:link, a:visited {	color:rgb(77, 64, 64); }

@font-face {
  font-family: "Museo";
  src: url("fonts/museo_700-webfont.eot");
  src: local('Museo'), 
  local('Museo-700'),
  url('fonts/museo_700-webfont.woff') format('woff'),
  url('fonts/museo_700-webfont.ttf') format('truetype'),
  url('fonts/museo_700-webfont.svg#webfontVJuRVqkz') format('svg');
}

@font-face {
  font-family: "Anivers";
  src: url("fonts/anivers_regular-webfont.eot");
  src: local('Anivers'), 
  local('Anivers-Regular'), 
  url('fonts/anivers_regular-webfont.woff') format('woff'), 
  url('fonts/anivers_regular-webfont.ttf') format('truetype'), 
  url('fonts/anivers_regular-webfont.svg#webfontCb5frAsW') format('svg');
}


/*  <!-- HTML and Body Layout -->  */

html {
	background-color:rgb(197,183, 165);
	background:url('images/dunes.jpg');
	text-align : center;
}

body {
	position:relative;
	width : 80em;
	margin : 20px auto;
	text-align : left;
	font-family: Arial;
	font-size:62.5%;
	color:white;
	background:#4d4040 url('images/dune_layers.png') 50% 100% repeat-x ;
	background-color:rgba(26,21,21, 0.6);
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 1);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 1);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 1);
	border-top: solid 1px rgba(255,255, 255, 0.8);
	border-left: solid 1px rgba(255,255, 255, 0.5);
}



/*  <!-- 1. Branding -->  */

.branding {
	text-align:center;
}

#drifting_sands {
	font-family: "Museo", Arial;
	color:rgb(197, 183, 165);
	font-size:10em;
	text-transform:lowercase;
	text-shadow:4px 4px 4px rgba(0,0,0,0.6), -1px -1px 1px rgba(255,255,255,1);
} 

.branding p {
	font-family: "Anivers", Arial;
	color:white;
	font-size:2.6em;
	text-transform:uppercase;
} 

.branding em {
	color:#e96e32;
	font-size:1.6em;
	font-weight:bold;
	text-shadow:2px 2px 2px rgba(0,0,0,0.6);
} 
	


/*  <!-- 2. Main Navigation -->  */

.navigation {
	font-size:2em;
	text-align:center;
	padding-left:86px;
	margin-bottom: 0px;
	margin-top: 24px
}

.navigation h2 {
	height:0px;
	overflow:hidden; 
}

.navigation li {
	display:inline;
} 	

.navigation a {
	display:block;
	float:left;
	background-color:rgb(197,183, 165);
	margin:0px 5px;
	padding:0.18em 0.6em;
	border-top: solid 1px rgba(255, 255, 255, 0.6);
	border-left: solid 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

.navigation a:hover, .navigation a:focus {background-color:#e96e32; color:#FFFFFF; text-shadow: none;}

#current_nav_index li[id="home"] a,
#current_nav_accommodation li[id="accommodation"] a,
#current_nav_activities li[id="activities"] a,
#current_nav_directions li[id="directions"] a,
#current_nav_contact_us li[id="contact_us"] a { background-color:#e96e32; color:#FFF; text-shadow: none; }

#facebook a { 
	text-shadow:none;
	float:right;
	text-indent : -9999px;
	overflow:hidden;
	margin-right:20px;;
	padding:0.18em 0.9em;
	text-transform:lowercase;
	color:white;
	background:url(images/fb.jpg) 50% 0px;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
	
#facebook a:hover, #facebook a:focus {
		background:url(images/fb.jpg) 50% 30px;
}
	



/*  <!-- 4. Content -->  */

.content {
	background:url('images/sign.png') no-repeat;
	margin-top:-94px;
	padding-top:134px;
	margin-left:-48px;
	padding-left:48px;
}
	
.sub_content {
	position:relative;
	clear:both;
	background-color:rgba(197,183, 165, 1);
	margin: 0px 20px;
	margin-top:20px;
	padding-right:480px;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:20px;
	border-top: solid 1px rgba(255, 255, 255, 0.6);
	border-left: solid 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
	-moz-border-radius: 1em 4em 1em 4em;
	-webkit-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	color:#4d4040;
}

.sub_content:nth-child(even) {
	-moz-border-radius: 4em 1em 4em 1em;
	border-radius: 4em 1em 4em 1em;
}

.sub_content h2 {font-size:2em; text-shadow:1px 1px 1px rgba(0,0,0,0.2), -1px -1px 1px rgba(255,255,255,0.2)}
.sub_content p {font-size:1.4em; color:#FFF; }
.sub_content ul {font-size:1.4em; color:#FFF; }

#content_holiday_home { padding:8px 0px; text-align:center; background-color:#e96e32; color:white; -moz-border-radius: 1em 1em 1em 1em; -webkit-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em; }
#content_holiday_home h2 { text-shadow: 1px 1px 2px rgba(0,0,0,0.8) }

#content_welcome {background:rgb(197,183, 165) url('images/beach.jpg') no-repeat right top; min-height:170px; height:auto !important; height:170px; }
#content_amenities {background:rgb(197,183, 165) url('images/amenities.jpg') no-repeat right top; min-height:170px; height:auto !important; height:170px}
#content_share_room {background:rgb(197,183, 165) url('images/share_room.jpg') no-repeat left top; min-height:160px; height:auto !important; height:160px; 	text-align:right; padding-right:20px; padding-left:480px;}
#content_double_room {background:rgb(197,183, 165) url('images/double_room.jpg') no-repeat right top; min-height:160px; height:auto !important; height:160px;}
#content_single_room {background:rgb(197,183, 165) url('images/single_room.jpg') no-repeat left top; min-height:160px; height:auto !important; height:160px; 	text-align:right;  padding-right:20px; padding-left:480px;}
#content_camping {background:rgb(197,183, 165) url('images/camping.jpg') no-repeat right top; min-height:160px; height:auto !important; height:160px;  }
#content_hokitika {background:rgb(197,183, 165) url('images/hokitika.jpg') no-repeat right top; min-height:170px; height:auto !important; height:170px}
#content_wildfoods {background:rgb(197,183, 165) url('images/wildfoods.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right; padding-right:20px; padding-left:480px;}
#content_lakes {background:rgb(197,183, 165) url('images/lakes.jpg') no-repeat right top; min-height:110px; height:auto !important; height:110px;}
#content_gorge {background:rgb(197,183, 165) url('images/gorge.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right;  padding-right:20px; padding-left:460px;}
#content_tuhua {background:rgb(197,183, 165) url('images/tuhua.jpg') no-repeat right top; min-height:110px; height:auto !important; height:110px}
#content_tramping {background:rgb(197,183, 165) url('images/tramping.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right; padding-right:20px; padding-left:480px;}
#content_sports {background:rgb(197,183, 165) url('images/sports.jpg') no-repeat right top; min-height:110px; height:auto !important; height:110px;}
#content_glaciers {background:rgb(197,183, 165) url('images/glaciers.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right;  padding-right:20px; padding-left:480px;}
#content_map {background:rgb(197,183, 165) url('images/map.jpg') no-repeat right top; min-height:170px; height:auto !important; height:170px}
#content_car {background:rgb(197,183, 165) url('images/car.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right; padding-right:20px; padding-left:480px;}
#content_bus {background:rgb(197,183, 165) url('images/bus.jpg') no-repeat right top; min-height:110px; height:auto !important; height:110px;}
#content_air {background:rgb(197,183, 165) url('images/air.jpg') no-repeat left top; min-height:110px; height:auto !important; height:110px; 	text-align:right;  padding-right:20px; padding-left:560px;}
#content_address {background:rgb(197,183, 165) url('images/loading.gif') no-repeat 70% 50%; height:400px; -moz-border-radius: 1em 0em 0em 4em; border-radius: 1em 0em 0em 4em;}

.sub_content iframe {
	position:absolute;
	top:0px;
	right:0px;
}




/*  <!-- 5. Site Info -->  */
 
.site_info {
	text-align:center;
	padding-top:60px;
	color:rgb(197,183, 165);
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
} 

.site_info h2 {
	height:0px;	/* hides navigation <h2>Navigation</h2> text */
	overflow:hidden; 
}

.site_info a {
	font-family: "Museo", Arial;
	text-transform:lowercase;
	color:rgb(197,183, 165);
	font-size:1.1em;
}