/* ROYAL DOCKS
------------------------------------------------------------*/
html, body { width: 100%; height: 100%; }
body
{
	display: table;
	font: 100%/1.0 verdana, arial, sans-serif;
	background: #001800;
	color: #fff;
	text-align: center;
}
/* SETUP
------------------------------------------------------------*/
.clear { clear: both; }
#container { width: 100%; min-height: 420px; background: url(../images/bg_body.jpg) repeat-x; }
#content { width: 960px; margin: 0 auto; text-align: left; }
strong { font-weight: bold; }
em { font-style: italic; }
/* HEADER
------------------------------------------------------------*/
#top { width: 960px; height: 67px; position: relative; overflow: hidden; }
#top #logo { position: absolute; left: 0; top: 18px; }
#top #infos { width: 245px; margin-top: 18px; float: right; text-align: right; font: 80%/1.0 "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#top #infos img { margin-left: 2px; margin-bottom: 10px; }
/* NAV
------------------------------------------------------------*/
#nav { width: 960px; height: 40px; background: #091301 url(../images/bg_nav.gif) no-repeat; }
#nav ul { width: 960px; height: 40px; float: left; position: relative; }
#nav li { display: block; float: left; position: relative; }
#nav a
{
	display: block;
	float: left;
	height: 28px;
	padding: 12px 15px 0 15px;
	background: url(../images/bg_nav_item.gif) no-repeat right center;
	text-transform: uppercase;
	font: 80% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a:active { color: #febe35; }
/* SUBMENUS */
#nav li:hover ul, #nav li.sfhover ul { top: 39px; left: 0; }
#nav li ul { position: absolute; left: -999em; width: 230px; height: auto; background: #091301; border-width: 1px 0; border-style: solid; border-color: #555; }
#nav li ul a { padding: 10px 15px; height: auto; width: 200px; background: none; white-space: normal;}
#nav li ul a:link, #nav li ul a:visited { color: #fff; background: #091301; text-decoration: none; }
#nav li ul a:hover, #nav li ul a:active { color: #febe35; background: #091301; text-decoration: none; }
/* HEADER IMAGE
------------------------------------------------------------*/
#headerimage { width: 960px; height: 334px; background: url(../images/headers/1.jpg) no-repeat; overflow: hidden; }
/* COLUMNS
------------------------------------------------------------*/
.wrapper { width: 960px; overflow: hidden; }
.full { margin: 1em 0; }
.threecolumn { margin: 1em 0; min-height: 170px; background: url(../images/bg_columns_three.gif) no-repeat; }
.alt { min-height: 142px; padding-top: 8px; background: url(../images/bg_columns_three_alt.gif) no-repeat; }
.column { width: 225px; float: left; display: inline; }
.wide { width: 470px; margin-left: 20px; }
.narr { width: 140px; margin-left: 20px; }
.right { float: right; }
.imgright { float: right; margin: 0 0 0 1em; }
.bordered { border: 1px solid #444 }
.nomargin { margin-left: 0; }
.apartmentlarge { width: 635px; }
.apartmentsmall { width: 310px; }
/* MAIN
------------------------------------------------------------*/
#main { font-size: 70%; line-height: 1.4; }
#main h1, #main h2, #main h3
{
	margin: 0 0 1em;
	text-transform: uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.0;
}
#main h1 { font-size: 130%; color: #febe35; }
#main h2 { font-size: 120%; color: #febe35; margin: 1em 0 0.5em; padding-top: 1em; border-top: 1px solid #333; }
#main h3 { font-size: 110%; color: #f8df60; margin: 1em 0 0.2em; }
#main .noborder { border: 0; padding: 0; }
#home h2 { font-size: 130%; margin: 0 0 1em 0; border: 0; padding: 0; }
#home h3 { font-size: 120%; margin: 0 0 1em; }
#main .property h2 { margin-top: 0; padding: 0; border: 0; }
#main p { margin: 0 0 1em; }
#main ul { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: square; }
#main ol { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: decimal; }
#main strong em { color: #ffe3a8; font-style: normal; }
#main .events strong { color: #ffe3a8; }
#main a:link { color: #ffe3a8; text-decoration: underline; }
#main a:visited { color: #ccc; text-decoration: underline; }
#main a:hover, #main a:active { color: #febe35; text-decoration: underline; }
#main h2 a:link, #main h2 a:visited { color: #febe35; text-decoration: none; }
#main h2 a:hover, #main h2 a:active { color: #ffe3a8; text-decoration: none; }
/* SEARCH AGAIN
------------------------------------------------------------*/
#top-search #submit-check-avail
{
	color: #fff;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	display: block;
	width: 141px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	background-color: #000;
	background-image: url(../images/check-availability-btn.gif);
	background-repeat: no-repeat;
	line-height: normal;
	margin: 0;
	position: absolute;
}
#top-search #submit-check-avail:link, #top-search #submit-check-avail:visited { color: #fff; background-position: left bottom; }
#top-search #submit-check-avail:hover, #top-search #submit-check-avail:active { color: #fff; background-position: left top; }
#submitwrapper { clear: both; padding: 10px 0 0; width: 262px; height: 36px; position: relative; }
/* BOOKING PROGRESS
------------------------------------------------*/
#booking-progress { width: 960px; height: 3em; overflow: hidden; }
#booking-progress ul { float: left; margin: 0 0 1em; padding: 0; list-style: none; }
#booking-progress li { display: block; float: left; color: #fff; width: 219px; text-align: center; padding: 2px 20px 2px 0; background-position: right center; background-repeat: no-repeat; }
#booking-progress li.current { color: #000; font-weight: bold; background-color: #febe35; background-image: url(../images/bg_booking_current.gif); }
#booking-progress li.completed { background-color: #333; background-image: url(../images/bg_booking_completed.gif); }
#booking-progress li.completeder { background-color: #333; background-image: url(../images/bg_booking_completeder.gif); }
#booking-progress li.remaining { background-color: #333; background-image: url(../images/bg_booking_remaining.gif); }
#booking-progress li.last { background-color: #333; background-image: url(../images/bg_booking_last.gif); }
#booking-progress li.laster { color: #000; background-color: #febe35; background-image: url(../images/bg_booking_laster.gif); }
#booking-progress a:link, #booking-progress a:visited { color: #ffffff; text-decoration: none; }
#booking-progress a:hover, #booking-progress a:active { color: #ffe3a8; text-decoration: none; }
/* BOOKING FORM
------------------------------------------------------------*/
#bookingform { margin: 1em 0; padding: 0; }
#bookingform fieldset { margin: 1em 0; }
#bookingform .column { width: 470px; float: left; }
#bookingform .right { float: right; }
#bookingform label, #bookingform input, #bookingform select, #bookingform textarea { display: block; float: left; margin-bottom: 1em; }
#bookingform br { clear: left; }
#bookingform label { clear: left; width: 160px; padding-top: 4px; font-weight: bold; color: #ccc; }
#bookingform input, #bookingform select, #bookingform textarea
{
	font: 100% verdana,arial,sans-serif;
	color: #102b03;
	background: #fff9d9 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #474747 #242424 #121212 #242424;
	padding: 3px;
	line-height: 1;
	margin-top: 3px;
	width: 254px;
	vertical-align: top;
}
#bookingform .hidden { display: none; }
#bookingform select { width: 80px; }
#bookingform .hwid { width: 75px; }
#bookingform label.inline { display: inline; float: none; padding: 0; }
#bookingform input.check { width: auto; border: 0; margin: 0 5px 0 0; }
#bookingform .submit { width: auto; height: auto; padding: 0; border: 0; }
.extraslist { margin: 0 0 2em; padding: 0; list-style: none; line-height: normal; }
.extraslist li { display: block; padding: 5px; background: #fbf4e9; border-bottom: 1px solid #fff; }
/* BOOKING CONFIRMATION
-------------------------------------------------*/
#main .confirmation { margin: 1em 0; line-height: 1; width: 960px; }
#main .confirmation th, #main .confirmation td { padding: 4px; background: #333; }
#main .confirmation th { background: #222; }
#main .confirm
{
	border: 1px solid #444;
	background: #febe35;
	color: #000;
	font-weight: bold;
	padding: 1em;
	margin: 0 0 1em;
}
#main .confirm p { margin: 0; }
/* APARTMENT SEARCH
-------------------------------------------------*/
.property { width: 440px; background: #444; padding: 10px; margin-bottom: 20px; }
.property .book { float: right; }
.property p { margin-bottom: 1px; }
/* APARTMENTS
------------------------------------------------------------*/
.wrapper li { margin-bottom: 0.5em; }
#main #apartments #thumbs { margin: 0; padding: 0; list-style: none; }
#main #apartments #thumbs li { display: block; float: left; margin: 0 5px 5px 0; }
#main #apartments #thumbs li.first { margin-left: 0; }
#main #apartments #thumbs img { cursor: pointer; }
#main #apartments img { border: 1px solid #444; }
#main .gallery { width: 960; overflow: hidden; margin-top: 10px; }
#main .gallery ul { margin: 0; padding: 0; list-style: none; }
#main .gallery a { float: left; margin: 0 15px 15px 0; }
#main .gallery a.first { margin-right: 0; }
#main .gallery a { display: block; width: 225px; height: 150px; text-align: center; vertical-align: middle; float: left; background-color: 000; text-decoration: none; }
#main .gallery a img { border: 0; }

/* BREADCRUMB
------------------------------------------------------------*/
#breadcrumb { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #222; color: #333; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; }
#breadcrumb li { display: inline; }
#breadcrumb strong { font-weight: normal; color: #ccc; }
#breadcrumb a:link, #breadcrumb a:visited { color: #ffe3a8; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #febe35; text-decoration: underline; }
/* FORMS
------------------------------------------------------------*/
.genform { overflow: hidden; }
.genform input, .genform select, .genform textarea
{
	font: 90% verdana,arial,sans-serif;
	color: #102b03;
	background: #fff9d9 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #474747 #242424 #121212 #242424;
	padding: 1px;
	line-height: 1;
}
.genform input, .genform textarea { padding: 2px 4px; }
.genform label { font-size: 90%; font-weight: bold; display: block; margin: 0 0 3px; }
.genform .formcol { float: left; margin: 0 0 1em; }
.genform .right { float: right; }
.genform #arr { width: 130px; }
.genform #promocode { clear: left; width: 200px; }
.genform .submit { padding: 0; background: none; margin: 0; }
/* HOMEPAGE
------------------------------------------------------------*/
/* INTRO */
#primary h1 { margin: 0 0 0.25em; }
#primary h2 { text-transform: none; color: #ffe3a8; }
/* OFFERS */
#main .event { font-size: 90%; margin-bottom: 1em; overflow: hidden; }
#main .event img { float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
#main .event h3 { margin-bottom: 0.25em; }
/* BOOKING FORM */
#bookonline p { clear: both; }
#pf-apt { width: 226px; }
#pf-datestart { width: 90px; white-space: nowrap; }
#pf-no-days { width: 62px; }
#pf-promocode { width: 80px; }
/* LOGIN FORM */
#login { padding: 0 4px 0 8px; }
#login p { clear: both; }
#login .formcol input { width: 90px; }
/* ATTRACTIONS */
#main #attractions { margin: 0; padding: 0; list-style: none; }
#attractions li { display: inline; }
#attractions img { margin-right: 8px; }
#attractions .last { margin: 0; }
/* WALCIS */
#walcis { margin-top: 33px; }
/* MAP
------------------------------------------------------------*/
#main .gmap { text-transform: normal; }
#main .gmap h2 { padding: 0; margin: 0 0 0.25em; border: 0; color: #000; }
#main .gmap p { color: #000; }
#main .gmap p span { color: #fff; padding: 1em; display: block; }
#main .gmap a { color: #3B75B3; }

#gmapfacilities { width: 700px; height: 500px; border: 1px solid #444; overflow: hidden; float: left; margin: 0 10px 10px 0; }
#gmaplocation { width: 468px; height: 400px; border: 1px solid #444; overflow: hidden; }
#gmaplocation.large { width: 958px; height: 500px; border: 1px solid #444; overflow: hidden; }

.maplist li { font-size: 110%; color: #f8df60; margin: 1em 0 0.2em; text-transform: uppercase; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/* FORM
------------------------------------------------------------*/
#cform table { line-height: 1.0; }
#cform td, #cform th { padding: 9px 4px 11px; }
#cform .c1 { width: 80px; }
#cform .c2, #cform .c3, #cform .c4 { }
#cform .newsection td, #cform .newsection th { padding-top: 1em; }
#cform strong { text-transform: uppercase; color: #febe35; }
#cform label { font-weight: bold; color: #ccc; }
#cform input, #cform select, #cform textarea
{
	font: 100% verdana,arial,sans-serif;
	color: #fff;
	background: #222 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #474747 #242424 #121212 #242424;
	padding: 3px;
	line-height: 1;
	margin-top: 3px;
	width: 154px;
	vertical-align: top;
}

#cform .fwid { width: 394px; }
#cform .mwid { width: 222px; }
#cform .qwid { width: 52px; }
#cform .submit { margin: 0; padding: 0; border: 0; }
#cform .err { border: 2px solid #febe35; }
#main .error
{
	border: 1px solid #444;
	background: #febe35 url(../images/bg_alert.gif) 1% 50% no-repeat;
	color: #000;
	font-weight: bold;
	padding: 1em 1em 1em 36px;
	margin: 0 0 1em;
}
#main .error p { margin: 0; }
/* TOOLTIP
------------------------------------------------------------*/
#tooltip
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #4c4c4c;
	background-color: #000;
	padding: 5px;
	font-size: 70%;
	color: #febe35;
}
#tooltip h3 { margin: 0; font-size: 100%; }
/* FOOTER
------------------------------------------------------------*/
#footer { width: 960px; text-align: left; margin: 1em auto; padding-top: 1em; border-top: 1px solid #444; color: #febe35; font-size: 70%; line-height: 1.4; }
#home #footer { text-align: center; }
#footer p { margin: 0 0 1em; }
#footer strong { font-weight: normal; color: #fff; }
#footer strong em { font-weight: bold; font-style: normal; }
#footer a:link, #footer a:visited { color: #ffe3a8; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #febe35; text-decoration: none; }
#footer #walcisfooter { float: right }
#footer .ddlink:link, #footer .ddlink:visited,
#footer .ddlink:hover, #footer .ddlink:active { color: #ccc; text-decoration: none; }