/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* General Site Settings */

p {
	margin-top: 0;
	margin-bottom: 0;
}

a {
	color: #ed174b;
}

body {
	text-align: center;
	background-color: #FFFFFF;
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	margin-top: 0;
}

#site {
	width: 1152px;
	height: 802px;
	position:relative;
	margin-left: auto;
	margin-right:auto;
	background-image:url(../images/bg_main.jpg);
	text-align: left;
	background-repeat: no-repeat;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Content Regions. */

.title {
	font-family: Arial;
	font-size:27px;
	color: #ed174b;
	text-align: left;
	overflow: hidden;

	position:absolute;
	left: 317px;
	top: 300px;
	width: 600px;
	height:35px;
}
	
.content {
	font-family: Arial;
	font-size: 12px;
	color: #003862;
	overflow-x: auto;
	overflow-y: auto;
	text-align: left;
	margin: 0px;
	padding-right:10px;
	position:absolute;
	left: 317px;
	top: 344px;
	width: 600px;
	height: 347px;
}

#sitewyze {
	position: absolute;
	left: 0px;
	top: 762px;
	width: 1152px;
	text-align:center;
}

#sitewyze a {
	color: #888888;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
}

#sitewyze a:hover {
	text-decoration: underline;
}

#quicklink1 {
	position: absolute;
	left: 943px;
	top: 310px;
	cursor: pointer;
}

#quicklink2 {
	position: absolute;
	left: 949px;
	top: 421px;
	cursor: pointer;
}

#quicklink3 {
	position: absolute;
	left: 927px;
	top: 522px;
	cursor: pointer;
}

#quicklink4 {
	position: absolute;
	left: 936px;
	top: 617px;
	cursor: pointer;
}

#leftNav {
	position:absolute;
	left: 80px;
	top: 202px;
	width: 213px;
	height: 275px;
	background-image:url(../images/bg_drayton_valley.jpg);
	text-align: left;
	background-repeat: no-repeat;
}

#leftNav h2 {
	position:absolute;
	top: 72px;
	width: 213px;
	color: #064b7e;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 17px;
	text-align: center;
	cursor:pointer;
}

#leftNavMenu {
	position:absolute;
	left: 95px;
	top: 300px;
	width: 213px;
	text-align: left;
}

#leftNavMenu div.text {
	position: absolute;
	margin-top: 4px;
	left: 13px;
	font-family: Arial;
	font-size: 14px;
}

#leftNavMenu div.leftNavBtn {
	width: 192px;
	height: 24px;
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
	cursor:pointer;
	color: #064b7e;
	background-image:url(../images/leftnav.png);
}

#leftNavMenu div.leftNavBtnActive {
	width: 192px;
	height: 24px;
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
	cursor:pointer;
	color: #ed174b;
	background-image:url(../images/leftnav_over.png);
}

#leftNavWeather {
	position:absolute;
	left: 80px;
	top: 479px;
	width: 213px;
	text-align: center;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* GALLERY */

div#galleryholder {
	position: absolute;
	top: 350px;
	left: 314px;
}

div#galleryholder img#mainImage {
	border: 1px solid #000000;	
}

div#galleryholder div.gallerytext {
	color: #003862;
	font-family: Arial;
	font-size: 12px;
	
	height: 250px;
	width: 207px;
	overflow-y: auto;
	padding-right: 10px;
}

div#galleryholder div#phototitle {
	margin-top: 3px;
	color: #ed174b;
	font-family: Arial;
	font-size: 12px;
}

div#galleryholder img.thumbimageactive {
	padding:0;
	margin:0;
	margin-left:2px;
	margin-right:2px;
	border: solid 2px #bc9238;
}

div#galleryholder img.thumbimage {
	padding:0;
	margin:0;
	margin-left:2px;
	margin-right:2px;
	border: solid 2px #ffffff;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* AVAILABILITY FORM */

div#availForm {
	position:absolute;
	left: 88px;
	top: 534px;
	width: 202px;
	height: 193px;
	background-image:url(../images/bg_form.png);
	color: #685127;
	font-size: 9px;
	font-family: Arial;
	font-weight: bold;
}

div#availFormLoc { position: absolute; left: 7px; top: 33px; }
div#availFormLocField { position: absolute; left: 59px; top: 30px; }

div#availFormArr { position: absolute; left: 7px; top: 54px; }
div#availFormArrDayField { position: absolute; left: 59px; top: 51px; }
div#availFormArrMonField { position: absolute; left: 99px; top: 51px; }
div#availFormArrYrField { position: absolute; left: 151px; top: 51px; }

div#availFormArrD { position: absolute; left: 59px; top: 91px; }
div#availFormArrM { position: absolute; left: 99px; top: 91px; }
div#availFormArrY { position: absolute; left: 151px; top: 91px; }

div#availFormDep { position: absolute; left: 7px; top: 75px; }
div#availFormDepDayField { position: absolute; left: 59px; top: 72px; }
div#availFormDepMonField { position: absolute; left: 99px; top: 72px; }
div#availFormDepYrField { position: absolute; left: 151px; top: 72px; }

div#availFormRooms { position: absolute; left: 111px; top: 108px; }
div#availFormRoomsField { position: absolute; left: 151px; top: 105px; }

div#availFormAdults { position: absolute; left: 7px; top: 129px; }
div#availFormAdultsField { position: absolute; left: 48px; top: 126px; }
div#availFormChildren { position: absolute; left: 95px; top: 129px; }
div#availFormChildrenField { position: absolute; left: 151px; top: 126px; }

div#availFormCode { position: absolute; left: 7px; top: 150px; }
div#availFormCodeField { position: absolute; left: 94px; top: 147px; }
div#availFormSearch { position: absolute; left: 123px; top: 168px; cursor: pointer; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* JOBS */

div#jobs ul { list-style-type: none; padding:0; margin:0; border-top: 1px dashed #aaaaaa; }
div#jobs li { padding-top:10px; padding-bottom:10px; margin:0; border-bottom: 1px dashed #aaaaaa; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* NAVIGATION */

#topNav {
	top: 261px;
	left: 294px;
	position: absolute;
	height: auto;
	width: 684px;
}
	
#topNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	width: 684px;

}
	
#topNav li {
	float:left;
	width: 171px;
	display: inline;
}
	
#topNav a {
	color: #064b7e;
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	font-weight:Normal;	
}
	
#topNav a:hover {
	color:#ed174b;
}
	
#bottomNav {
	display:none;
	top: 970px;
	left: 30px;
	position: absolute;
	text-align: center;
	height: auto;
	width: 900px;
}
	
#bottomNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
	
#bottomNav li {
	width: auto;
	padding-left: 0px;
	padding-right: 45px;
	margin-left: 0px;
	display: inline;
}
	
#bottomNav a {
	color: #0c3e65;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	font-weight:Bold;	
	text-transform: uppercase;
}
	
#bottomNav a:hover {
	color:#000000;
}

div#address {
	font-family: Arial;
	font-size:11px;
	color: #003862;
	overflow-y: auto;
	overflow-x: auto;
	text-align: center;
	margin: 0px;
	padding-right:10px;
	position:absolute;
	left: 317px;
	top: 695px;
	width: 600px;
	height:32px;
}

