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

body{
	margin: 0;
	padding: 0;
	background-color: #555;
}

.hole-detail,#full-course{
	width: 800px;
	height:659px;
	background-color: #999;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.hole-detail{
	width: 800px;
	height:659px;
	background-color: #999;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#full-course{
	list-style: none;
	background-image: url('Achasta-holesmap-course.jpg');
	margin: 0; padding: 0;
	position: absolute;
	z-index: 2000;
}

#full-course li{
	position: absolute;
	width: 22px;
	height: 22px;
	opacity: .50;
	margin: 0;
	padding: 0;
}
#full-course li a{
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 22px;
	height: 22px;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#slider-nav{
	position: absolute;
	height: 683px;
	width: 800px;
	overflow: hidden;
}

#nav{
	width: 800px;
	height: 24px;
	position: absolute;
	top: 667px;
	text-align: center;
	*margin-left: 300px;
}



#nav a{
	display: inline-block;
	*float: left;
	width: 6px;
	height: 6px;
	background-color: #333333;
	text-indent: -500px;
	overflow: hidden;
	margin: 3px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition: background-color .5s linear;
}

#nav a.activeSlide{
	background-color: #999999;
}

#prev, #next{
	width: 32px;
	height: 32px;
	text-indent: -10000px;
	cursor: pointer;
	background: transparent url(arrows.png) no-repeat 2px 50%;
	z-index:1000;
	position: absolute;
	top: 250px;
}

#prev{
	left: 12px;
}

#next{
	left: 756px;
	background-position: -30px 50%;
}

.tour-link{
	background: transparent url(360-tour.png) no-repeat 0 0;
	text-decoration: none;
	position: absolute;
	width: 40px;
	height: 42px;
	text-indent: -5000px;
}

.tour-link:hover{
	
}

#overview-back{
	color: #CCCCCC;
	text-decoration: none;
	top: auto;
	bottom: 6px;
	right: 6px;
	position: absolute;
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#download-pdf{
	display: block;
	position: absolute;
	z-index:20000;
	left: 6px;
	bottom: 1px;
	background: transparent url(pdf-download.png) no-repeat top left;
	text-indent: -5000px;
	width: 38px;
	height: 39px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition: all .5s ease-in-out;
}

#download-pdf:hover{
	width: 99px;
	height: 82px;
	background: transparent url(pdf-download.png) no-repeat right top;
}