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

@import url("reset.css");

/**********/
/* Global */
/**********/

html {
	font-family: "Rockwell", "Trebuchet MS", "Arial";
	background:#2f3988;
}

body {
	background:url(images/titleBG.png) top left repeat-x;
	color:#630;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	padding:.5em;
	color:#300;
}
h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size:large;}
h4 {font-size:medium;}
h6 {font-size:small;}

p {margin:0 1em;}

#waveBG {
	background:url(images/waveBG.png) top center no-repeat;
}
#shadowBG {
	background:url(images/shadowBG.png) top center repeat-y;
}
#sandBG {
	background:url(images/sandBG.jpg) top center repeat;
}
.superScript {
	position:relative;
	bottom:.4em;
	font-size:.7em;
}
.center {
	text-align:center;
}

:focus {
	outline:thin brown dotted;
}

/********/
/* Text */
/********/

/*************/
/* Container */
/*************/

#container {
	margin:-3px auto 0 auto;
	width:960px;
}

/**********/
/* Header */
/**********/

#header {
	height:153px;
	background:url(images/titleBG.png);
}

/*********/
/* Title */
/*********/

#title {
	margin:auto;
	width:960px;
}

/**************/
/* Navigation */
/**************/


#navigation {
	width:958px;
	margin:-.3em 0 0 0;
	background:url(images/nav/navBG.jpg) repeat-x;
}

#navList {
	margin:0 0 0 1em;
}

#navigation li {
	display:inline-block;
}

#navigation li a {
	display:block;
	height:50px;
}

li.tollFree {
	width:496px;
	height:50px;
	background:url(images/nav/tollFree.jpg) 256px 0px no-repeat;
}

li.home {
	width:90px;
	height:50px;
	background:url(images/nav/navSprite.jpg) 0px 0px no-repeat;
}
li.home:hover {
	background:url(images/nav/navSprite.jpg) 0px -50px no-repeat;
}
li.home:active {
	background:url(images/nav/navSprite.jpg) 0px -100px no-repeat;
}
#homePage li.home {
	background:url(images/nav/navSprite.jpg) 0px -150px no-repeat;
}
#homePage li.home a {
	display:none;
}

li.roomsRates {
	width:140px;
	height:50px;
	background:url(images/nav/navSprite.jpg) -90px 0px no-repeat;
}
li.roomsRates:hover {
	background:url(images/nav/navSprite.jpg) -90px -50px no-repeat;
}
li.roomsRates:active {
	background:url(images/nav/navSprite.jpg) -90px -100px no-repeat;
}
#roomsRatesPage li.roomsRates {
	background:url(images/nav/navSprite.jpg) -90px -150px no-repeat;
}
#roomsRatesPage li.roomsRates a {
	display:none;
}

li.reservations {
	width:125px;
	height:50px;
	background:url(images/nav/navSprite.jpg) -230px 0px no-repeat;
}
li.reservations:hover {
	background:url(images/nav/navSprite.jpg) -230px -50px no-repeat;
}
li.reservations:active {
	background:url(images/nav/navSprite.jpg) -230px -100px no-repeat;
}
#reservationsPage li.reservations {
	background:url(images/nav/navSprite.jpg) -230px -150px no-repeat;
}
#reservationsPage li.reservations a {
	display:none;
}

li.contact {
	width:89px;
	height:50px;
	background:url(images/nav/navSprite.jpg) -355px 0px no-repeat;
}
li.contact:hover {
	background:url(images/nav/navSprite.jpg) -355px -50px no-repeat;
}
li.contact:active {
	background:url(images/nav/navSprite.jpg) -355px -100px no-repeat;
}
#contactPage li.contact {
	background:url(images/nav/navSprite.jpg) -355px -150px no-repeat;
}
#contactPage li.contact a {
	display:none;
}

/***********/
/* Content */
/***********/

#content {
	background:url(images/contentBG.jpg);
	border-left:thin solid black;
	border-right:thin solid black;
}

#cycleSlides {
	background:white;
	width:958px;
	height:204px;
}

#cycleSlides img {
	width:958px;
	height:204px;
}

#testimonials {
	padding:.5em;
	margin:.7em 1em;
	border: 3px double #36C;
	background:#FF9;
	width:367px;
	height:6em;
	position:relative;
	float:right;
}

#roomsRates {
	margin:auto;
	width:840px;
}
#roomsRates .data {
	text-align:center;
	width:50%;
	padding-top:2em;
}
#roomsRates .photo {
	vertical-align:middle;
	text-align:center;
	width:50%;
	padding-bottom:1em;
}
#roomsRates ul {
	text-align:left;
	margin-left:43%;
	list-style-type:disc;
}

/*********/
/* Forms */
/*********/

#form1 {
	border:thin solid #CCC;
	margin:1em;
}
.submit { 
	margin-left: 125px; 
	margin-top: 10px;
} 

.label { 
	display: block; 
	float: left; 
	width: 120px; 
	text-align: right; 
	margin-right: 5px; 
} 

.form-row { 
	padding: 5px 0; 
	clear: both; 
	width: 100%; 
} 

label.error { 
	width: 400px; 
	display: block; 
	float: left; 
	color: brown; 
	padding-left: 10px; 
} 

input[type=text], textarea { 
	width: 250px; 
	float: left; 
}

input.error {
	background:#FCF;
}

textarea { 
  height: 50px; 
}

textarea.error {
	background:#FCF;
}

/**********/
/* Bottom */
/**********/

#bottom {
}

#bottom img {
	margin:0 .5em 0 1em;
	border:thin black solid;
}

/*******/
/* Map */
/*******/

#map {
	position:relative;
	float:right;
}

#map iframe {
	margin:0 1em 0 .5em;
	border:thin black solid;
}

/**********/
/* Footer */
/**********/

#footer {
	padding:1em;
	clear:both;
	height:150px;
	text-align:center;
	color:#300;
	background:url(images/footerBG.jpg) top left repeat-x;
}

#footer p {
	font-size:.8em;
}
#footer a {
	color:#FF6;
}