/* CSS Document */

/* ---------------------- General CSS  ---------------------- */
body {
	background-color: #466392;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}

#content {
	width:777px;
	background-color:#FFFFFF;
	margin: 11px auto 0px; 
	text-align:left;
	position:relative; 
	padding:0px;
}

table
{
	margin: 0px;
	padding: 0px; 
	border-width: 0px;
	width:100%; 
}

img { border: 0px; }



a { color: #0066CC; }
a:hover { color: #002674; }

H2 {
	font-weight:bold; 
	font-size:16px;
	margin-top:0px; 
	margin-bottom:0px; 
	padding:0px 0px;
}
H3 {
	font-family:Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight:normal;
	color:#FFF;
	Margin:0px;
	padding:2px 8px;
}
H4 {
	margin-top:4px; 
	margin-bottom:0px; 
	font-weight:bold; 
	margin-left:15px; 
	font-size:10pt
}


/* ---------------------- header ---------------------- */
#header {
 	width:757px;
	margin: 0px 10px;
	border-top: 15px solid #ffffff;
	border-bottom: 4px solid #002674;
}

#logo {
	float: left;
	width: 97px;
	height: 89px;
}

#topNav {
/* 	height: 15px;  */
	font-size: 10px;
	border-bottom: 1px #0099ff solid;
	float: right;
	padding-bottom: 3px;
}

#topNav a { text-decoration:none; }

H1 { 
	font-family:Georgia, "Times New Roman", serif;
	font-size : 20px; 
	color : #990000; 
	font-weight : Bold;
	padding-left: 110px; 
	padding-top: 20px;
	margin: 0px;	
}

#goldCrown {
	position:absolute;
	left:570px;
	top:45px;
	width:197px;
	height:37px;
}


/* ---------------------- Main Navigation ---------------------- */

ul.navMain{
	font-size : 8px; 
	padding-top: 14px;
	margin: 0px; 
	height:25px;
/*	float:right; */ 
}
	
li.navMain { position:relative; float: right;  list-style-type:none; }

a.home { display: block; width: 74px; height: 25px; background: url('images/home.gif') no-repeat 0 0;}
a.homeBlue {display: block; width: 74px; height: 25px; background: url('images/home_b.gif') no-repeat 0 0;}
a:hover.home {background-position: -74px 0;}

a.amenities { display: block; width: 74px; height: 25px; background: url('images/amenities.gif') no-repeat 0 0;}
a.amenitiesBlue {display: block; width: 74px; height: 25px; background: url('images/amenities_b.gif') no-repeat 0 0;}
a:hover.amenities {background-position: -74px 0;}

a.area { display: block; width: 120px; height: 25px; background: url('images/area_information.gif') no-repeat 0 0;}
a.areaBlue {display: block; width: 120px; height: 25px; background: url('images/area_information_b.gif') no-repeat 0 0;}
a:hover.area {background-position: -120px 0;}

a.map { display: block; width: 116px; height: 25px; background: url('images/map_directions.gif') no-repeat 0 0;}
a.mapBlue {display: block; width: 116px; height: 25px; background: url('images/map_directions_b.gif') no-repeat 0 0;}
a:hover.map {background-position: -116px 0;}

a.meeting { display: block; width: 122px; height: 25px; background: url('images/meeting.gif') no-repeat 0 0;}
a.meetingBlue { display: block; width: 122px; height: 25px; background: url('images/meeting_b.gif') no-repeat 0 0;}
a:hover.meeting {background-position: -122px 0;}

a.specials { display: block; width: 137px; height: 25px; background: url('images/specials.gif') no-repeat 0 0;}
a.specialsBlue { display: block; width: 137px; height: 25px; background: url('images/specials_b.gif') no-repeat 0 0;}
a:hover.specials {background-position: -137px 0;}
	


	
/* ---------------------- Main Body ---------------------- */
#mainBody {
 	width:757px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin: 0px 10px;
	position:relative;
}

/* ---------------------- Booking Form ---------------------- */
#bookNow {
	border:1px solid #990000; 
	width:298px;
	height:208px;
	background: #F8D14A url('/images/bg-bookNow.jpg') repeat-x;
	padding: 0px 0px 0px 0px;
	white-space : nowrap;
	position:relative;
}
#bookNowTitle {
	font-family:Georgia, "Times New Roman", serif;
	font-size:18px;
	color:#990000;
	padding: 8px 0px 5px 10px;
	text-align:left;
}
#bookNowForm {
	padding: 0px 20px 0px 20px;
	margin: 0px;
}
.bookNowFields { padding: 0px 0px 4px 0px; }
.forms { 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px; 
}
div.buttons { 
	padding-top: 4px;
	text-align:center;
}
input.buttons { 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px; 
}
div.bestRate {
	position:absolute; bottom:19px;
	padding-left: 56px;
}
a.bestRate {
	text-decoration: none; 
	color: #990000; 
	font-weight:bold; 
	font-size:13px;
}
	
#langselect {
	padding: 3px 3px 2px 3px;
	position:absolute; bottom:0px;
}
#langselect img{
  	vertical-align: middle;
}
#langselect a {
	vertical-align: middle;
	color:#0066CC;
	font-size:10px;
	text-decoration:none;
}



/* ---------------------- Slide Show ---------------------- */

#slide {
	height:210px;
	width:456px;
	top:1px;
	left:301px;
	position:absolute;
	z-index:3;
}

/* ---------------------- Home Page ---------------------- */

.contactBar { background-color:#dd8712; width:100%;}
.contactPane { 
	width:300px; 
	border-right: 1px solid #FFFFFF;	
	background-color:#F3E9CF; 
	vertical-align:top; 
}
.contactText{
	font-size:9pt; 
	padding: 5px 15px 10px 15px; 
	white-space : nowrap;
}

.welcomeBar { background-color:#002674; width:100%;}
.welcomePane { vertical-align:top; }
.welcomeText { font-size:10pt; padding: 5px 15px 10px 15px; }



.hotelAmentiesBar { background-color:#CC3300; }
.roomAmenitiesBar { background-color:#FB7B00; }
.thingsToDoBar    { background-color:#30759E; }

.roomAmenitiesPane, .thingsToDoPane, .hotelAmentiesPane { background-color:#C0EBFC; vertical-align:top; }

.hotelAmentiesPane { border-right: 1px solid #FFFFFF;  width:252px; }
.roomAmenitiesPane { border-right: 1px solid #FFFFFF;  width:251px; }
.thingsToDoPane    { width:252px; }


ul.bulletlist {
	font-size: 11px; 
	line-height: 150%;
	margin: 0px;
	padding: 5px 5px 5px 20px;
}
/* ---------------------- Amenities Page ---------------------- */

.roomAmenitiesPane2, .hotelAmentiesPane2 { background-color:#D9F3FD; vertical-align:top; width:50%;}

.hotelAmentiesPane2 { border-right: 1px solid #FFFFFF; }
.roomAmenitiesPane2 { }
.rateBar    { background-color:#30759E; }
ul.bulletlist2{
	font-size: 10pt; 
	line-height: 125%;
	margin-top:1px;
	margin-bottom:10px;
}
li.subBullet {list-style: none; padding:1px; margin:0px;}
ul.subBulletlist{
	font-size: 10pt; 
	line-height: 125%;
	padding:0px;
	margin:0px 0px 0px 25px;
}

/* ---------------------- Area Information Page ---------------------- */

div.thingsToDoBar2 { background-color:#30759E; 	border-top: 1px solid #ffffff; }
div.thingsToDoPane2 {background-color: #DFDFCA; padding: 10px 35px 10px 35px; font-size: 12px; line-height: 16px; }

div.poiBar { background-color:#935500; 	border-top: 1px solid #ffffff; }

/* ---------------------- map and directions Page ---------------------- */

div.areaMapBar 	  { background-color:#CC3300; border-top: 1px solid #ffffff; }
div.directionsBar { background-color:#FB7B00; border-top: 1px solid #ffffff; }
div.distancesBar  { background-color:#30759E; border-top: 1px solid #ffffff; }
div.directionsPane {
	font-size: 12px; 
	line-height: 150%;
	padding: 0px 10px 10px 25px;
}

/* ---------------------- meeting and events Page ---------------------- */

div.meetingBar 	  { background-color:#002674; border-top: 1px solid #ffffff; }

/* ---------------------- Boardwalk Package Page ---------------------- */

div.boardwalkBar   { background-color:#CC3300; border-top: 1px solid #ffffff; }


/* ---------------------- Career Page ---------------------- */

div.careerBar  { background-color:#CC3300; border-top: 0px solid #ffffff; }
div.careerPane { padding: 5px 35px 10px 35px; font-size: 12px; line-height: 16px; }



/* ---------------------- Footer ---------------------- */
#footer {
 	width:757px;
	margin: 0px 10px;
	padding-top:10px;
	border-bottom: 10px solid #ffffff;
	border-top: 4px solid #002674;
	text-align:center;
}

.foot1 { font-size: 12px; height: 20px; }

.foot3 { font-size: 11px; }




/* ---------------------- Copyright ---------------------- */

#copyright {
	color:#B1DEE5;
	font-size:10px;
	font-style:italic;
	width:757px;
	text-align:left;	
	margin: 0px auto; 
	padding:1px 0px 25px;
}