body, html {margin: 0; padding: 0; background-color: #012f63; background-image: url(images/bg.jpg); background-position: top center; background-repeat: no-repeat;}
div {font-size:13px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; line-height: 20px; color: #ffffff; }
h1 {font-size: 32px; color: #333333; }
h2 {font-size: 18px; color: #333333; font-style: italic;}
b, strong {font-weight: bold;}
hr {border-top: 1px dashed #333333; height: 1px;}
td {vertical-align: top;}
img {border: none;}

.title {margin: auto; padding: 10px 0 0 0; line-height: 30px; font-size: 30px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif}
.subtitle2 {font-size: 18px; color: #6a500e; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.bullets {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; line-height: 25px; font-size: 16px;}

.clear {margin: auto; padding: 0; clear: both;}

#quick {margin: auto; padding: 10px 0 15px 12px; background-color: #14559c; width: 185px; text-align: left; font-size: 11px;}
.quickcol1 {margin: auto; padding: 10px 5px 0 0; width: 115px; float: left; font-size: 11px; height: 55px;}
.quickcol2 {margin: auto; padding: 10px 5px 0 0; width: 60px; float: left; font-size: 11px; height: 55px;}
.quickbutcol {margin: auto; padding: 0 0 0 3px; clear: both;}
.quickbut {margin: auto; padding: 0; background-image: url(images/quickbut.png); width: 160px; height: 32px; border: none; color: #ffffff; background-color: #14559c;}
.quicktitle {margin: auto; padding: 0 0 0 16px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;}
.quickinput {margin: auto; padding: 0; width: 75px;}
.quickselect {margin: auto; padding: 0; width: 50px;}
.trigger {margin: auto; padding: 0 0 0 5px; position: absolute;}


/* Calendar (from Hotel Del) */
#bookCal {margin: auto; padding: 0; background-color:#0a7ed8;}
.cpCurrentMonthDateDisabled {color:#000000;}
.cpCurrentMonthDate, .cpCurrentMonthDate a:link, .cpCurrentDate, .cpCurrentDate a:link {color:#ffffff;}
.cpOtherMonthDate, .cpOtherMonthDate a:link {color:#333333;}
.cpCurrentDate, .cpCurrentDate a:link {color: #81abfe;}
.cpOtherMonthDateDisabled {color:#000000;}
.cpMonthNavigation a:link, a:visited {text-decoration:none; color:#ebefeb;}
.cpMonthNavigation {text-align: center;}
.cpMonthNavigation td {text-align: center;}


a:link {color: #2e86c3; text-decoration: underline;}
a:visited {color: #2e86c3; text-decoration: underline;}
a:hover {color: #9dd1f6; text-decoration: none;}
a:active {color: #9dd1f6; text-decoration: none;}

#wrapper {margin: auto; padding: 0; }
#wrapper-sub {margin: auto; padding: 0; background-repeat: repeat-x; background-image: url(images/bg2.jpg); background-position: top center;}
#header {margin: auto; padding: 0; width: 984px; height: 550px;}
#header-sub {margin: auto; padding: 0; width: 984px; height: 470px;}
#logo {margin: 390px 0 0 380px; padding: 0; width: 234px; height: 114px; position: absolute; z-index: 300; text-align: center;}
#logo-sub {margin: 314px 0 0 0; padding: 0; width: 984px; height: 114px; position: absolute; z-index: 5; text-align: center;}

#menu-left {margin: auto; padding: 0 0 0 10px; float: left; width: 425px;}
#menu-right {margin: auto; padding: 0; float: right; width: 350px;}

/* menu styles */
#menuwrapper  {margin: 462px 0 0 12px; padding: 0px; width: 960px; height: 50px; position: absolute; z-index: 100; background-color: #012e62; }
#menuinner {margin: auto; padding: 0;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {margin: 0px; padding: 0px; list-style: none; font-family: Arial, Helvetica, sans-serif}
ul.dropdown {margin: 15px 0 0 0; padding: 0; position: relative; z-index: 999; width: 390px;}
ul.dropdown li {margin: auto; padding: 0; float: left; font-size: 14px; text-align: center;}
ul.dropdown li a {color: #ffffff; margin: 0px; padding: 3px 15px 2px 15px; text-decoration: none;}
ul.dropdown li a:hover {color: #9cd1f6; background-color: #0d58a1;}
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 999; color: #0a2f44;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 999; }
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {left: 99%;}

ul.dropdown li:hover > ul {margin: auto; padding: 0 0 0 0; visibility: visible; width: 172px; }
ul.dropdown li ul li {margin: auto; padding: 0; float: left; width: 172px; border-bottom: 1px dotted #9cbcc7; background-image: url(images/menudrop.png); border-right: none;}
ul.dropdown li ul li a {margin: auto; padding: 10px 10px 0 10px; text-transform: none; float: left; border: none; font-size: 13px; }
ul.dropdown li ul li a:hover {color: #9cd1f6; background: none;}
ul.dropdown li ul li:hover {background-color: #ffffff;}

.corner {background-image: none;}
/* end menu styles */

#flashwrapper {margin: auto; padding: 0;}
#flash {margin: auto; padding: 0; height: 476px; width: 984px;}

#frame {margin: auto; padding: 0; height: 476px; width: 984px;}
#frameoverlay {margin: 0; padding: 0; width: 984px; height: 413px; position: absolute; z-index: 3; text-align: center;}

#container {margin: auto; padding: 0 0 15px 0;  width: 965px; }
#container p {margin: 0 0 15px 0; padding: 0;}
#maincontentleft {margin: auto; padding: 20px 0 0 15px; width: 720px; float: right; }
#maincontentright {margin: auto; padding: 0; width: 220px; float: left; text-align: center;}
#maincontentright-sub {margin: auto; padding: 0; width: 227px; float: right; text-align: center;}
#maincontentrightinner {margin: auto; padding: 20px 0 15px 0; text-align: center;}
#maincontentcolend {margin: auto; padding: 0; background-image: url(images/leftend.jpg); background-repeat: no-repeat; width: 246px; height: 75px;}

#flashres {margin: auto; padding: 0; height: 250px; width: 1000px; clear: both;}
#maincontentres {margin: auto; padding: 20px 0 0 0; width: 950px;}

#footerwrapper {margin: auto; padding: 0; background-color: #01244c; clear: both; }
#footerinner {margin: auto; padding: 10px 0 25px 0; width: 965px; text-align: center; color: #ffffff;}
.footermenu {margin: auto; padding: 10px 0 10px 0; background-color: #023f83; border-top: 1px #01244c solid; height: 20px; }
.footermenuinner {margin: auto; padding: 0; width: 965px;}
.footermenuinner li {	float: left; list-style: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.footermenuinner li a {display: block; padding: 2px 22px 1px 22px; text-decoration: none;width: auto; color: #ffffff; white-space: nowrap;}
.footermenuinner li a:hover {background-color: #2e86c3;}

.footercol {margin: auto; padding: 0; float: left; width: 310px;}
.footer-plug {margin: auto; padding: 10px; color: #333333; width: 800px; text-align: center;}

.white {color: #ffffff;}
.rooms {line-height: 17px;}
.roomstable {margin: 20px 0 0 0; padding: 5px; width: 100%; border-bottom: 2px #2d7bce solid; }
.roomstableinner {margin: auto; padding: 5px; width: 100%;}
.click {font-size: 11px; font-style: italic;}
.error {font-size: 20px; color: #CC0000}
.img {border: 3px solid #2d7bce;}
.pkgcol {margin: auto; padding: 0 5px 20px 0; float: left; width: 230px;}

.socialwrapper {margin: auto; padding: 0; width: 160px; height: 165px;}
.socialbuttons {margin: auto; padding: 10px; float: left; width: 57px; height: 57px}

.photosbot {margin: 10px 10px 0 10px; padding: 0; width: 307px; float: left; text-align: center; color: #322101; text-transform: uppercase; font-size: 16px;}
.photosbot img {border: 5px #6a8916 solid;}

.left {margin: auto; padding: 10px 0 10px 0; border-bottom: 1px #0e4b8d solid; width: 180px;}
.left a {color: #ffffff; font-size: 20px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
.left a:hover {color: #0e4b8d;}


.pkg1 {margin: auto; padding: 33px 0 0 0; width: 198px; height: 90px; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; background-image: url(images/pkgbg.png); background-repeat: no-repeat; background-position: top center;}
.pkg1 img {display: non;}
.pkg1bottom {display: none; }
.pkg1reserve {margin: -62px 0 0 0; padding: 0 0 0 8px; width: 198px; position: absolute; z-index: 50; text-align: center;}
.pkg1reserve a {color: #ffffff; font-size: 15px; text-transform: uppercase; text-decoration: none;}
.pkg1reserve a:hover {color: #39F; font-weight: bold;}