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

.title {margin: auto; padding: 10px 0 0 0; height: 45px; 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;}
.bullet {font-size: 20px; color: #154102; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 28px;}

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

#quick {margin: auto; padding: 10px 0 15px 12px; background-image: url(images/quickbg.jpg); 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: #022f59;}
.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: #2d7bce; text-decoration: underline;}
a:visited {color: #2d7bce; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff; 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: 512px;}
#header-sub {margin: auto; padding: 0; width: 984px; height: 450px;}
#logo {margin: 380px 0 0 0; padding: 0; width: 984px; height: 114px; position: absolute; z-index: 5; text-align: center;}
#logo-sub {margin: 314px 0 0 0; padding: 0; width: 984px; height: 114px; position: absolute; z-index: 5; text-align: center;}
#address {margin: 30px 0 0 557px; padding: 10px 0 0 0; width: 388px; height: 52px; color: #493816; position: absolute; z-index: 1; font-size: 12px; text-align: center; line-height: 16px; background-image: url(images/addressbg.jpg); background-position: top center; background-repeat: no-repeat;}
#menuwrapper {margin: auto; padding: 0; height: 35px;}
#menuinner {margin: auto; padding: 0; height: 35px; width: 960px; background-color: #012f63;}


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

/* menu styles */
.jsddm {margin: 0; padding: 0; position: relative; z-index: 999}
.jsddm li {	float: left; list-style: none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-right: 1px solid #013979; }
.jsddm li a {display: block; padding: 0 15px 2px 15px; text-decoration: none; width: auto; color: #ffffff; white-space: nowrap;}
.jsddm li a:hover {background-color:#ffffff; color: #2d7bce}
		
.jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 999; background-color: #ffffff;}
.jsddm li ul li { float: none; display: inline; border: none;}	
.jsddm li ul li a {padding: 3px 5px 3px 10px; font-size: 13px; text-align: left; width: 170px; color: #012f63; border-bottom: 1px dotted #012f63; font-style: normal;}
.jsddm li ul li a:hover {background-color:#2d7bce; color: #ffffff}
/* end menu styles */

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

#frame {margin: auto; padding: 0; height: 413px; 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 15px 0; width: 715px; float: left; }
#maincontentright {margin: auto; padding: 0; width: 215px; float: right; 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; height: 175px;}
#footerinner {margin: auto; padding: 25px 0 25px 0; width: 965px; text-align: center; color: #ffffff;}
#footerinner a {color: #ffffff;}
.footermenu {margin: auto; padding: 10px 0 10px 0; background-color: #012f63; 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; border-right: 1px solid #013979; }
.footermenuinner li a {display: block; padding: 0 6px 2px 6px; text-decoration: none;width: auto; color: #ffffff; white-space: nowrap;}
.footermenuinner li a:hover {background-color:#ffffff; color: #2d7bce}

.footercol {margin: auto; padding: 0; float: left; width: 310px;}


.white {color: #ffffff;}
.rooms {line-height: 16px;}
.roomstable {margin: 20px 0 0 0; padding: 3px; 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: 5px 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 #01244c solid; width: 180px;}
.left a {color: #2a4901; font-size: 20px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
.left a:hover {font-weight: bold; }