/* reset */

* {
 padding: 0;
 margin: 0;
}

#wrapper {
  position:relative;
  top:0px;
  left:0px;
  width: 800px;
  margin: 0 auto;
  z-index:1;
  background-color:#f1f2d5;  
}


#sidebar {
	position:relative;
	left:1px;
	top:1px;
	float: left;
	background: #f1f2d5;
	width: 296px;
	height: 100%;
	z-index:3;
	
}
#sidebar li a:hover{
	position:relative;
	float:left;
	color:#303030;
	z-index:3;
}
#sidebar li {
	float:left;
	list-style-type:none;
}
#sidebar li a {
	position:relative;
	float::left;
	list-style-type:none;
	text-decoration:none;
	color:#303030;
	z-index:3;
}

#div_window {
	position:relative;
	top:1px;
	right:-2px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:500px;
	overflow:hidden;
	height:300px;
	background: #cccccc;
	z-index:5;
}

#div_thumbs {
	position:absolute;
	top:0;
	right:0;
	width:500px;
	height:auto;
	background-color:none;
	z-index:7;
	opacity:0;
}

#div_name {
	position:relative;
	top:0px;
	float:left;
	margin-top:1px;
	margin-left:2px;
	margin-right:0px;
	margin-bottom:0px;
	width:500px;
	height:120px;
	background-color:#f1f2d5;
	z-index:6;
	text-align:center;
	color:#786b62;
	background-color:#303030;
}
.div_name-content 
{ 
    position: absolute; 
    bottom: 0px; 
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:17px;
	width:120px;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}

#div_caption {
	position:relative;
	top:-5px;
	float:left;
	width:500px;
	height:auto;
	background-color:#f1f2d5;
	z-index:6;
	margin-top:0px;
	margin-left:2px;
	margin-right:0px;
	margin-bottom:1px;
}

#div_info {
	position:relative;
	top:0px;
	float:left;
	width:500px;
	height:auto;
	background-color:#f1f2d5;
	margin-top:0px;
	margin-left:2px;
	margin-right:0px;
	margin-bottom:1px;
	z-index:6;
}
#div_info ul li{
	clear:left;
	position:relative;
	list-style-type:none;
	text-decoration:none;
	color:#303030;
}
#div_info ul li a {
	position:relative;
	list-style-type:none;
	text-decoration:none;
	color:#f05806;
	z-index:3;
}

#div_info ul li a:hover{
	position:relative;
	color:#303030;
	z-index:3;
	text-decoration:underline;
}


#div_brochure {
	position:absolute;
	top:367px;
	right: 9px;
	width:118px;
	height:auto;
	background-color:none;
	z-index:6;
}

#div_video {
	position:relative;
	float:left;
	right:-2px;
	width:500px;
	height:320px;
	margin-bottom:1px;
	background-color:#f1f2d5;
	z-index:6;
}

#div_ipadvideo {
	position:relative;
	float:left;
	right:-2px;
	width:500px;
	height:320px;
	margin-bottom:1px;
	background-color:#f1f2d5;
	z-index:6;
}

#someVideo {
	width:500px;
	height:320px;
	}

#div_Lcnrs {
	position:relative;
	float:left;
	width:210px;
	height:192px;
	background-color:#f1f2d5;
	z-index:7;
	margin-left:2px;	
}
#div_Lcnrstxt {
	position:relative;
	top:-192px;
	float:right;
	right:4px;
	width:288px;
	height:192px;
	background-color:#f1f2d5;
	z-index:7;
	padding:0px;
	margin-top:0px;
}


.myButtonLink {
	float: left;
	background: #f1f2d5;
	width: 120px;
	height: 80px;
	margin-right: 0px;
	margin-left: 17px;
	box-shadow: 9px 9px 5px 0px #8e8e8e;
	display: inline;
}

#OtagoWanaka {
  	background: url("images/thumb/OtagoWanaka.gif") no-repeat 0 0;
	border:hidden;
}
#OtagoWanaka:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}

#OtagoBrown {
  	background: url("images/thumb/OtagoBrown.gif") no-repeat 0 0;
	border:hidden;
}
#OtagoBrown:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Mosgiel {
  	background: url("images/thumb/03N.gif") no-repeat 0 0;
	border:hidden;
}
#Mosgiel:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Poolburn {
  	background: url("images/thumb/24N.gif") no-repeat 0 0;
	border:hidden;
}
#Poolburn:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Basalt {
  	background: url("images/thumb/18N.gif") no-repeat 0 0;
	border:hidden;
}
#Basalt:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Roxbrough {
  	background: url("images/thumb/42N.gif") no-repeat 0 0;
	border:hidden;
}
#Roxbrough:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Westlands {
  	background: url("images/thumb/Westlands.gif") no-repeat 0 0;
	border:hidden;
}
#Westlands:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Alpine {
  	background: url("images/thumb/Alpine.gif") no-repeat 0 0;
	border:hidden;
}
#Alpine:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#MosgielD {
  	background: url("images/thumb/MosD.gif") no-repeat 0 0;
	border:hidden;
}
#MosgielD:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Wanaka {
  	background: url("images/thumb/Wanaka.gif") no-repeat 0 0;
	border:hidden;
}
#Wanaka:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Hyde {
  	background: url("images/thumb/Hyde.gif") no-repeat 0 0;
	border:hidden;
}
#Hyde:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Fairburn {
  	background: url("images/thumb/Fairburn.gif") no-repeat 0 0;
	border:hidden;
}
#Fairburn:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Epsom {
  	background: url("images/thumb/Epsom.gif") no-repeat 0 0;
	border:hidden;
}
#Epsom:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#UrbanRandom {
  	background: url("images/thumb/UrbanRandom.gif") no-repeat 0 0;
	border:hidden;
}
#UrbanRandom:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Pamela {
  	background: url("images/thumb/Pamela.gif") no-repeat 0 0;
	border:hidden;
}
#Pamela:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Milton {
  	background: url("images/thumb/Milton.gif") no-repeat 0 0;
	border:hidden;
}
#Milton:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#UrbanLinear {
  	background: url("images/thumb/UrbanLinear.gif") no-repeat 0 0;
	border:hidden;
}
#UrbanLinear:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#Galbraith {
  	background: url("images/thumb/Galbraith.gif") no-repeat 0 0;
	border:hidden;
}
#Galbraith:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#TuscanLinear {
  	background: url("images/thumb/TuscanLinear.gif") no-repeat 0 0;
	border:hidden;
}
#TuscanLinear:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}
#TuscanBianco {
  	background: url("images/thumb/TuscanBianco.gif") no-repeat 0 0;
	border:hidden;
}
#TuscanBianco:hover
{ 
  	background-position: 0 -80px;
	box-shadow:         6px 6px 1px 0px #8e8e8e;
}


.Switch
{
  	display: block;
  	width: 120px;
  	height: 80px;

	margin-right:0px;
	margin-left:0px;
	box-shadow:         9px 9px 5px 0px #8e8e8e;
}


.Switch span
{
  position: absolute;
  top: -999em;
}

.text{
	position:static;
	float:left;
	margin-top:1px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:17px;
	width:120px;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}

h1, h3 {
	font-family:Verdana, Geneva, sans-serif;
	padding: 5px;	
}

h2 {
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:3px;
	padding-top:2px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	padding-top:2px;
	text-decoration:underline;
	font-size:12px;
}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	padding-top:2px;
	font-size:10px;
}

p {
		position:static;
	float:left;
	margin-top:1px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:17px;
	width:auto;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}