/************
* Layout    *
************/

html,body{
	margin:0;
	padding:0;
}
body{
	font: 76% arial,sans-serif;
	text-align: center;
	background: white;
	color: #999;
	width: 100%;
	height: 100%;
}
div#container{
	width: 900px;
	height: 600px;
	border: 0px;
	background: #FFF;
	/*position: absolute;
	top: 33.33%;
	left: 50%;
	margin: -200px 0px 5px -450px;*/
	padding: 0px;
	margin: 40px auto 5px auto;
}

div#header{
	width: 890px;
	height: 33px;
	text-align: right;
	padding: 0px 5px 0px 5px;
}
div#content{
	width: 100%;
	height: 516px;
	text-align: left;
}
div#nav{
	width: 100%;
	height: 28px;
	background: url(images/bg-nav-ie6.png);
}
div#footer{
	width: 100%;
	height: 23px;
	text-align: center;
}

/************
* Text size *
************/
.text-normal{
	font-size:100%;
}
.text-small{
	font-size: 88%;
}
.text-verysmall{
	font-size: 80%;
}
.text-large{
	font-size: 110%;
}
.bold{
	font-weight: bold;
}

/********************
* Content - Static *
*********************/
ul,ol {
	list-style: none;
}

div#header h1, div#footer h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-size: 10px;
	color: #999;
}
span#byline {
	color: #CCC;
	padding: 3px 0px 3px 0px;
}

/********************
* Hyperlinks         *
*********************/

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
span#byline a:link {
	color: #CCC;
	text-decoration: underline;
}
span#byline a:visited {
	color: #CCC;
	text-decoration: underline;
}
span#byline a:hover {
	color: #999;
	text-decoration: underline;
}
span#byline a:active {
	color: #CCC;
	text-decoration: underline;
}

/********************
* Colors            *
*********************/

.orange {
	color: #EF3D23;
}
.gray-dark {
	color: #4C493E;
}
.gray-medium {
	color: #999999;
}
.gray-light {
	color: #CCC;
}

/********************
* Main Nav Menu     *
*********************/

ul#main-nav{
	padding: 7px 0px 0px 0px;
	margin: 0;
	width: 100%;
	text-align: left;
}
ul#main-nav li{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 10px;
	text-align: left;
	color: #CCC;
	overflow: hidden;
	display: inline;
}
ul#main-nav li a img{
	border: 0;
}
ul#main-nav li#home {
	margin-left: 20px;
}
ul#main-nav li#about {
	margin-left: 0px;
}
ul#main-nav li#amenities {
	margin-left: 20px;
}
ul#main-nav li#rooms {
	margin-left: 20px;
}
ul#main-nav li#activities {
	margin-left: 20px;
}
ul#main-nav li#rates {
	margin-left: 20px;
}
ul#main-nav li#photos {
	margin-left: 0px;
}
ul#main-nav li#contact {
	margin-left: 20px;
}


/**********************************************************************
* Content Pages     ***************************************************
***********************************************************************/


/********************
* Home              *
*********************/
img#home-text {
	margin: 0px 0px 8px 5px;
}
img#home-logo {
	margin: 10px 0px 0px 28px;
}
img#home-photos-center, img#home-photos-right {
	margin-left: 1px;
}

/********************
* About             *
*********************/
div#content-about{
	width: 854px;
	height: 516px;
	margin-left: 46px;
}
div#scroll-btns {
	float: left;
	margin: 50px 0px 0px 10px;
}
img#about-logo {
	margin-top: 75px;
}
img#heading-about{
	margin-top: 230px;
	float:left;
}
div#about-text {
	width: 515px;
	height: 112px;
	overflow: hidden;
	float: left;
	clear: left;
}
div#about-text p {
	color: #FFF;
}
img#scroll-up, img#scroll-down {
	cursor: pointer;
	margin-top: 2px;
}

/********************
* Amenities        *
*********************/
div#content-amenities {
	width: 855px;
	height: 516px;
	margin-left: 45px;
}
img#amenities-logo {
	float: left;
	margin-top: 3px;
}
div#amenities-text {
	margin-top: 280px;
	margin-left: 38px;
	width: 670px;
	height: 190px;
	float: left;
}
img#heading-amenities {
	float: left;
}
ul#amenities-left {
	clear: left;
}
ul#amenities-left, ul#amenities-center, ul#amenities-right{
	list-style: disc;
	width: 210px;
	padding-left: 12px;
	height: 120px;
	float: left;
	margin-left: 0px;
}
ul#amenities-list li{
	width: 238px;
}
ul#amenities-left li, ul#amenities-center li, ul#amenities-right li {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	list-style: disc;
}

/********************
* Rooms             *
*********************/
div#content-rooms {
	margin: 0px 38px 0px 44px;
	height: 516px;
	width: 818px;
}
div#rooms-text{
	margin-top: 20px;
	width: 200px;
}
img#rooms-top, img#rooms-bottom {
	float: right;
	margin-bottom: 3px;
}
img#rooms-bottom {
	clear: right;
}
ul#rooms-list {
	list-style: disc;
	padding-left: 15px;
}
ul#rooms-list li{
	color: #000;
	line-height: 160%;
}

/********************
* Activities        *
*********************/
div#content-activities{
	margin: 0px 34px 0px 285px;
	height: 516px;
	width: 581px;
}
div#activities-text{
	margin-top: 140px;
	width: 200px;
	float: left;
}
img#activities-logo {
	float: right;
	margin-top: 80px;
}
ul#activities-list {
	list-style: disc;
	padding-left: 15px;
}
ul#activities-list li{
	color: #000;
	line-height: 160%;
}

/********************
* Rates             *
*********************/
div#content-rates {
	margin: 0px 93px 0px 75px;
	width: 732px;
	height: 516px;
}
img#rates-logo {
	margin: 116px 0px 110px 77px;
	float: left;
}
img#heading-rates {
	float: left;
	clear: left;
}
table#rates-table {
	float:left;
	clear: left;
	width: 100%;
	color: #FFF;
	border: 0px;
	margin-top: 10px;
}
table#rates-table td, table#rates-table th{
	height: 14px;
	width: 240px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
table#rates-table td.right, table#rates-table th.right{
	width: 276px;
}

/********************
* Photos            *
*********************/
div#content-photos {
	margin: 0px 47px 0px 42px;
	height: 516px;
	width: 811px;
	text-align: right;
}
div#photos-text{
	width: 100%;
	text-align: left;
}
img#heading-photos {
	margin-bottom: 30px;
}
img#photos-logo {
	margin-bottom: 30px;
}
img#photos-viewer {
	float: right;
}
ul.imgnav {
	padding: 0;
	width: 200px;
}
ul.top li {
	padding-left: 6.25px;
}
ul.imgnav li {
	display: inline;
}
ul.imgnav li a:link {
	color: white;
	text-decoration: none;
}
ul.imgnav li a:visited {
	color: white;
	text-decoration: none;
}
ul.imgnav li a:hover{
	color: white;
	text-decoration: underline;
}
ul.imgnav li a:active {
	color: white;
	text-decoration: none;
}
img#left, img#right {
	cursor: pointer;
	margin-top: 30px;
}
img#left {
	margin-left: 40px;
}

/********************
* Contact           *
*********************/
div#content-contact{
	width: 630px;
	height: 516px;
	margin-left: 270px;
}
div#contact-form {
	float: left;
	margin-top: 225px;
	clear: both;
	width: 340px;
}
img#contact-logo{
	float: left;
	margin-top: 35px;
	margin-left: 55px;
}
input, textarea {
	border: 1px solid #CCC;
	background: white;
	color: #666;
	margin-bottom: 3px;
	padding: 0.15em;
}
input {
	width: 174px;
}
textarea {
	overflow: auto;
}
img#submit {
	float: left;
	margin-left: 10px;
	margin-top: 402px;
}
span#errors {
	color: #EF3D23;
	float: right;
	width: 140px;
}