/* CSS Document */

		/* GENERAL */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	background-color: #295E92;
}

a:link {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color:#FFCC00;
	font-weight: lighter;
}

			/* HEAD AND NAV */

.header {
	background: url("images/Sunset_Header.jpg") top left no-repeat;
	width: 825px;
	height: 100px;
	position: absolute;
	top: 12px;
	left: 7px;
	border: solid 2px #999999;
}

div.navbar {
	position: absolute;
	left: 12px;
	top: 210px;
	width: 144px;
}

div.navbar p {
	background-color: #333333;
	padding: 4px;
	margin-top: -9px;
}


			/* CONTENT */
		
div#content {
	position: absolute;
	top: 140px;
	left: 185px;
	width: 600px;
}

#mainimg {
	float: right;
	width: 400px;
	height: 264px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#copywrite {
	font-size: 9px;
	font-style: italic;
	top:300px;
	text-align:center;
}

			/* GALLERY PAGE */

#amenities {
	position: absolute;
	left: -15px;
	top: 75px;
	width: 250px;
}

#specifics {
	position:absolute;
	top:445px;
	text-align:left;
	font-size:14px;
	color: #FFCC00;
}

	/* Medium images*/
#apDiv1 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:visible;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv2 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
} 
#apDiv3 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv4 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv5 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv6 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv7 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv8 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}
#apDiv9 {
	position:absolute;
	left:250px;
	top:165px;
	width:400px;
	height:267px;
	z-index:10;
	visibility:hidden;
	background-color:#295E92;
	border: solid 2px #CCCCCC;
}


	/* Small scrolling images */
#thDiv1 {
	position:absolute;
	left:245px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:visible;
	background-color:#295E92;
}
#thDiv2 {
	position:absolute;
	left:385px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:visible;
	background-color:#295E92;
}
#thDiv3 {
	position:absolute;
	left:525px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:visible;
	background-color:#295E92;
}
#thDiv4 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}
#thDiv5 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}
#thDiv6 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}
#thDiv7 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}
#thDiv8 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}
#thDiv9 {
	position:absolute;
	left:480px;
	top:60px;
	width:130px;
	height:87px;
	z-index:11;
	visibility:hidden;
	background-color:#295E92;
}


#leftNav {
	position:absolute;
	left:194px;
	top:70px;
	width:40px;
	height:60px;
	z-index:12;
}

#rightNav {
	position:absolute;
	left:670px;
	top:70px;
	width:40px;
	height:60px;
	z-index:13;
}

			/* BOOKING PAGE */

#calimg {
	float: right;
	width: 90px;
	height: 74px;
	margin-left: 20px;
	margin-bottom: 5px;
}

			/* DIRECTIONS PAGE */

#mapimg {
	float: right;
	width: 250px;
	height: 363px;
	margin-left: 40px;
	margin-bottom: 5px;
}

			/* ATTRACTIONS PAGE */

#attimg {
	float: right;
	width: 360px;
	height: 318px;
	margin-left: 10px;
	margin-bottom: 5px;
}

			/* "ENLARGED" IMAGES PAGES */
#center {
	text-align:center;
}