body{margin:0;padding:0;background: url('../images/body_bkrd.jpg') repeat-x #000;}
* { margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,p,form,blockquote,ul,address{font-style:normal;margin:0;padding:0}
img{border:none}
button,button:active,button:focus,button::-moz-focus-inner{outline:none;border:none}
a { color: #fff; text-decoration:underline;}
a:hover { text-decoration: none;}

/* @group clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */

.section{}
.section .details{width:980px;margin:0 auto; /*position: relative; */}

/* @global defs */
#wrapper { width:100%;margin:0 auto; position: relative; padding-bottom: 30px;} 
#header{height:92px;}
#content{min-height:450px;}
#footer{background:#FFF;padding-bottom:40px}
/* @end */

/* @group header */
#header h1{margin:0;padding:0;background:url('../images/surrey.png') no-repeat;width:210px;height:92px;}
#header h1 a{display:block;text-indent:-666em;overflow:hidden;outline:none;width:210px;height:92px; position: relative; z-index: 5000;}
#header .details{position:relative}
#header #mainnav {position:absolute;bottom:10px;right:0px;width:870px;height:40px;list-style-type:none;text-align:right} /* longer width needed for safari */
#header #mainnav li {display:inline;padding:0 20px;background:url('../images/mainnav-sep.png') no-repeat bottom right;}
#header #mainnav li:last-child{padding-right:0px;background:none;}
#header #mainnav li.last-child{padding-right:0px;background:none;}
#header #mainnav li a, #header #mainnav li a:visited{color:#8c8c8c;font-size:8px;line-height:40px;text-decoration:none;letter-spacing:1.5px;}
#header #mainnav li a:hover{color:#FFF;text-decoration:none;}
#header #reserve{position:absolute;top:0px;right:0px;height:33px;width:140px}
#header #reserve a, #header #reserve a:visited{display:block;background:url('../images/reserve.png') no-repeat 0px 0px;width:140px;height:33px;text-indent:-66em;outline:none;overflow:hidden}
#header #reserve a:hover{background-position:0px -33px;}
/* @end */

/* @group content */
#content .details{color:#a5a5a5;font:normal 11px/17px Arial,sans-serif; position:relative; z-index: 3;}
#content .details h1{font:bold 28px/28px 'Times New Roman',Times,serif;color:#FFF;padding: 20px 0 10px 0;}
#content .details h2{font:bold 25px/25px 'Times New Roman',Times,serif;color:#FFF;padding: 20px 0 10px 0;}
#content .details h2.left { float: left; width: 348px;}
#content .details h3{color:#c9c9c9;font:normal 19px/27px 'Times New Roman',Times,serif;padding: 0 0 10px 0;}
#content .details h4{color:#FFFFFF;font:normal 11px/17px Arial,sans-serif;text-transform:uppercase; padding-bottom: 3px;}
#content .details p{margin:0 0 20px 0}
#content .details .res-flow{width:780px;float:left; position:relative; top: -26px; z-index: 1;}
#content .details .left-flow{width:635px;float:left; margin-right:59px;}
#content .details .mid-flow{width:425px;float:left; padding: 0 29px 0 21px;}
#content .details .right-flow{width:286px;padding-top:60px;float:left;}
#content .details .right-flow .callout { width: 276px; height: 291px; border: 1px solid #3a3a3a; padding: 5px 4px;}
#content .details a, #content .details a:visited{color:#a5a5a5;text-decoration:underline}
#content .details a:hover{color:#FFF;}
#content .details .detail-main { clear: both;}
#content .details .section-list { background:url(/images/details-section-divider.png) top left no-repeat; padding: 23px 0;}
.details .section-list h4{padding-bottom: 3px;font:normal 10px/19px Arial,sans-serif;text-transform:uppercase;color:#FFFFFF;}
.details .section-list ul { list-style-type: none;}
.details .section-list ul li { background: url(../images/detail-list-bul.png) 0 5px no-repeat; padding-left: 9px;line-height: 19px; }
#content .details .sidebar-item { background:url(../images/sidebar_head_bkrd.png) top left no-repeat; width: 266px; min-height: 60px; padding: 9px 10px 0 10px; margin-top:24px;}
* html #content .details .sidebar-item { height: 60px;}
#content  .details .sidebar-item p { margin: 0 0 5px 0; font-size: 10px; line-height: 15px; }
#content  .details .sidebar-item h4{padding-bottom: 6px;font:normal 10px/19px Arial,sans-serif; text-transform:uppercase;color:#FFFFFF;}
#content .details a.learn-more { background:url(../images/learn-arrow.png) 0px 1px no-repeat; padding-left: 10px; text-decoration: none; text-transform: uppercase; font-size: 9px; line-height: 9px;}
#content .details a:hover.learn-more { background:url(../images/learn-arrow-over.png) 0px 1px no-repeat; color: #fff;}
#content .details a.right-arrow { display: block; text-decoration: none; text-transform: uppercase; font-size: 10px; line-height: 10px; float: right; width:65px; float: right; text-align: right; background:url(../images/book-now-arrow.png) right 2px no-repeat; padding:0 12px 0 0; margin-top: 35px; }
#content .details a:hover.right-arrow { background:url(../images/book-now-arrow-over.png) right 2px no-repeat; color: #fff;}
#content .details a.back-arrow { background:url(../images/back-arrow.png) 0px 3px no-repeat; padding-left: 10px; text-decoration: none; text-transform: uppercase; font-size: 9px; line-height: 9px;}
#content .details a:hover.back-arrow { background:url(../images/back-arrow-over.png) 0px 3px no-repeat; color: #fff;}
/* @end */

/* @group left nav */
#content .details ul#left-nav {width: 219px; float: left; list-style-type: none; }
#content .details ul#left-nav li{height:10px;width: 206px; background:url(../images/subnav_bkrd.png) top left no-repeat; padding: 12px 10px 12px 3px;  line-height: 10px;}
#content .details ul#left-nav li a{ color: #fff;text-decoration: none; text-transform:uppercase; }
#content .details ul#left-nav li a:hover {color:#8c8c8c; text-decoration: none;}
/* @end */

/* @group reservations left nav */
#content .details ul#res-left-nav {width: 200px; float: left; list-style-type: none; }
#content .details ul#res-left-nav li{height:10px;width: 187px; background:url(../images/res_subnav_bkrd.png) top left no-repeat; padding: 12px 10px 12px 3px;  line-height: 10px;}
#content .details ul#res-left-nav li a{ color: #fff;text-decoration: none; text-transform:uppercase; }
#content .details ul#res-left-nav li a:hover {color:#8c8c8c; text-decoration: none;}
/* @end */

/* @group offer-details */ 
#content .details .left-details { width: 237px; float: left; padding: 16px 0 0 0; background:url(../images/details-line.png) right 56px no-repeat;}
#content .details .mid-details { width: 365px; padding: 15px 63px 0 29px; float: left;}
#content .details .mid-details h4 { padding: 16px 0 2px 0;font:normal 10px/19px Arial,sans-serif;text-transform:uppercase;color:#FFFFFF;}
#content .details .right-details { width: 286px; float: left; padding: 33px 0 0 0;}
#content .details h2.offer-details { font-size: 36px; line-height: 35px; margin: 3px 0 7px 0;}
#content .details .mid-details ul { list-style-type: none; margin: 0 0 20px 0;}
#content .details .mid-details ul li { line-height: 19px; }
#content .details .links { padding: 0 0 20px 0;}
#content .details a.terms { clear: both;font:normal 10px/10px Arial,sans-serif; text-decoration: none; }
.right-details #scrollableOffers { margin-bottom: 24px;}
/* @end */
            
/* @group contact page */
#content .details #contact_form {width:694px;float:left;}
#content .details #contact_form fieldset{border:none;padding:0;margin:0;width:347px; float: left;}
#content .details #contact_form p {padding: 0 0 10px 0; margin:0;}
#content .details #contact_form label { float: left; width: 321px; padding: 0 0 2px 0;  }
#content .details #contact_form label.error { float: none; text-align: left; color: #c00; padding: 0 0 0 5px; }
#content .details #contact_form input { width: 321px; height: 15px; background: #000; border: 1px solid #3c3c3c; padding: 2px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4d4d; }
#content .details #contact_form .submit_button { padding: 5px; width: 100px; background: #DFDFDF; color: #000; border-top: 1px solid #fff; border-right: 1px solid #989898; border-bottom: 1px solid #989898; border-left: 1px solid #fff;}
#content .details #contact_form div.row { padding: 0 0 29px 0; margin:0; position: relative;}
#content .details #contact_form .arrival-date-cont {width:219px; height: 15px; padding: 2px 5px 2px 1px; border: 1px solid #3c3c3c; position: relative; top: 19px;}
#content .details #contact_form input.contact-datepicker {position:absolute;padding: 2px 1px;top:0px; left: 0px;width:206px;height:15px;z-index:5000;border:none;background:#000;}
#content .details #contact_form .arrival-date-cont  img.contact-cal {position:absolute; top:4px; right: 5px; cursor: pointer; }
* html #content .details #contact_form .arrival-date-cont  img.contact-cal {right: 4px;}
#content .details #contact_form button#contact-submit {background:transparent;border:none;overflow:hidden; height: 22px; width: 105px; cursor: pointer; float: right; margin: 15px 23px 0 0;}
/* @end */

/* @group special offers */
#content .details .left-offers { padding-top: 30px;}
#content .details .left-offers ul { list-style-type: none; width: 635px; }
#content .details .left-offers ul li { border-bottom: 1px solid #4d4d4d; margin-bottom: 23px; padding-bottom: 24px;}
#content .details .left-offers ul li .left-sect { width: 199px;float: left; padding-top: 5px;}
#content .details .left-offers ul li .right-sect { width: 436px;float: left;} 
#content .details .left-offers ul li:last-child, #content .details .left-offers ul li.last-child { border-bottom: none;} 
#content .details .left-offers ul li .right-sect h2 {font:bold 27px/27px 'Times New Roman',Times,serif;color:#FFF;padding: 0 0 11px 0; text-transform: uppercase; margin:0;}
#content .details .left-offers ul li .right-sect p {margin: 0 0 12px 0;}
#content .details a.offer-link { background:url(../images/learn-arrow.png) right 1px no-repeat; padding: 0 10px 0 0; text-decoration: none; text-transform: uppercase; font-size: 9px; line-height: 9px; margin-right: 37px;}
#content .details a.last {}
#content .details a:hover.offer-link { background:url(../images/learn-arrow-over.png) right 1px no-repeat; color: #fff;}
#content .details .right-offers{padding-top: 30px;}
#filter-interests { border:0; padding: 11px 0 0 0;}
#filter-interests ul { list-style-type:none;}
#filter-interests ul li {height: 20px; margin-bottom: 7px; padding: 3px 0 0 13px; background:url(../images/radio_bkrd.jpg) top left no-repeat;}
#filter-interests ul li input {display: none;}
#filter-interests ul li label { font:normal 9px/9px 'Times New Roman',Times,serif; text-transform: uppercase; }
#filter-interests ul li img{vertical-align:middle;margin-right:10px}
/* @end */

/* @group footer */
#footer .details{padding-top:40px;text-align:center;}
#footer .details address{color:#000}
#footer .details address span{font:normal 9px/16px Arial,sans-serif;letter-spacing:2px}
#footer .details address em{font:normal 11px/16px 'Times New Roman',Times,serif}
#footer ul{list-style-type:none;margin-top:15px;font:normal 10px/15px Arial,sans-serif;color:#646465;}
#footer ul li{display:inline;padding:0px 10px;background:url('../images/bottomnav-sep.png') no-repeat bottom right;}
#footer ul li:last-child{padding-right:0px;background:none;}
#footer ul li.last-child{padding-right:0px;background:none;}
#footer ul li a, #footer ul li a:visited{font:normal 10px/15px Arial,sans-serif;color:#646465;text-decoration:none}
#footer ul li a:hover{color:#000000}
#footer ul#other{margin-top:10px}
#footer blockquote{text-align:justify;font:normal 10px/12px Arial,sans-serif;color:#bcbcbc;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:top;margin-right:15px;margin-top:20px}
#footer blockquote div {text-align:left; width:620px;}

#footer blockquote div h1, #footer blockquote div h2 { font:bold 10px/12px Arial,sans-serif;}
#footer blockquote div a { color:#bcbcbc; text-decoration: underline;}
#footer blockquote div a:hover {text-decoration:none;}

#footer blockquote p{margin-bottom:8px;}
#footer .phone{white-space:nowrap}
/* @end */

/* @group email-form */
.email-form{width:286px;height:64px;margin-top:24px;margin-bottom:10px;background:url('../images/email-form.png') no-repeat;overflow:hidden;position:relative;z-index:40;}
.email-form fieldset{border:none;padding:0;margin:0;width:286px;height:64px;}
.email-form fieldset legend{height:34px;padding-left:10px;width:276px;font:normal 10px/34px Arial,sans-serif;text-transform:uppercase;color:#FFFFFF;}
.email-form fieldset input{position:absolute;color:#FFF;font:normal 10px/10px Arial,sans-serif;padding-top:4px;padding-left:5px;top:36px;left:12px;width:221px;height:17px;z-index:50;border:0;background:#000;}
.email-form fieldset label{position:absolute;top:36px;left:12px;padding-left:5px;width:221px;height:21px;z-index:60;color:#8b8b8b;font:normal 10px/23px Arial,sans-serif;}
.email-form fieldset button{position:absolute;top:36px;left:238px;height:23px;width:36px;border:0;padding:0;background:#242424;font:normal 12px/12px 'Times New Roman',Times,serif;color:#FFF;}
.email-form fieldset button:hover{background:#efefef;color:#000;cursor:pointer;}
/* @end */

/* @group dropdown */
#drop-cont  { background:url('../images/drop_bkrd.png') repeat-x; width:100%; height: 102px;  z-index: 5; position: absolute; top:-300px; left: 0; overflow: visible;} 
* html #drop-cont { background:url('../images/drop_bkrd_ie6.jpg') repeat-x;}
#dropdown  { width:980px; height:102px; margin: 0 auto;  z-index: 6; overflow: visible; } 
#dropdown h2 { text-indent: -999em; float: left; background:url(../images/drop_reserve.gif) top left no-repeat; width: 329px; height: 83px; }
/* @end */

/* @group dropdown/reserve form */
#reserve-form{width:624px; margin:20px 0 0 27px; float: left;}
#reserve-form fieldset{border:none;padding:0;margin:0;width:528px; float: left;}
#reserve-form fieldset div { float: left; margin:0 6px 6px 0;}
* html #reserve-form fieldset div {margin:0 6px 1px 0;}
#reserve-form fieldset .arr-cont, #reserve-form fieldset .dep-cont {width:233px; height: 15px; padding: 5px 5px 0 0;border: 1px solid #303030; position: relative; }
#reserve-form fieldset input.arrDate, #reserve-form fieldset input.depDate{position:absolute;color:#FFF;font:normal 10px/10px Arial,sans-serif;padding:5px;top:0px; left: 0px;width:212px;height:10px;z-index:50;border:none;background:#000;}
#reserve-form fieldset label.arrDateLabel, #reserve-form fieldset label.depDateLabel{position:absolute;top:0px; left: 0px;padding:5px 5px 0 5px;width:221px;height:10px;z-index:60;font:normal 10px/10px Arial,sans-serif; color: #fff;}
#reserve-form fieldset .input-cont img.cal { float: right; cursor: pointer;}
#reserve-form fieldset .select-cont{ width: 163px;}
* html #reserve-form fieldset .select-cont{ overflow: hidden;}
#reserve-form fieldset .children-cont { margin-right: 4px; } 
#reserve-form fieldset .promo-cont { width: 101px; border: 1px solid #303030; position: relative; height: 20px; }
#reserve-form fieldset input.promo{position:absolute;color:#FFF;font:normal 10px/10px Arial,sans-serif;padding:5px;top:0px; left: 0px;width:91px;height:10px;z-index:50;border:none;background:#000;}
#reserve-form fieldset label.promoLabel{position:absolute;top:0px; left: 0px;padding:5px 5px 0 5px;width:93px;height:10px;z-index:60;font:normal 10px/10px Arial,sans-serif; color: #fff;}
#reserve-form select{width:163px;height:22px;border: none;}
button#reserve-submit {background:transparent;border:none;float:left;overflow:hidden; height: 22px; width: 105px; cursor: pointer;}
#reserve-form #right-reserve { color: #fff; width: 93px; float: left; }
#reserve-form #right-reserve img {display: block; margin-bottom: 6px;}
/* @end */


/* @group flash elements */
#home-flash{width:980px;height:457px;float:left}
#home-flash img{display:block}
#landing-flash{width:980px;height:457px;float:left}
#landing-flash img{display:block}
/* @end */

/* @group ie6 */
* html #content{height:450px;}
/* @end */

/* @group home-search */
#utility-nav dl dd#main-search {height:240px;}
#utility-nav dl dd#main-search .info{height:230px;padding-bottom:10px}
#main-search{}
#main-search .checkbox{vertical-align:middle;cursor:pointer;border:1px dotted #E9E9DF;outline:none}
#main-search .focus{border:1px dotted #B2B0A4}
#main-search form{padding:20px 0 0 24px;color:#281d14;font-size:11px}
#main-search table td label{vertical-align:middle;line-height:18px}
#main-search table {border-collapse:collapse;width:610px;}
#main-search table td{vertical-align:top}
#main-search table td.fields-left{width:375px;}
#main-search table td.fields-right{}
#main-search table td.fields-right h3,#main-search table td.fields-left h3{font:normal 20px/25px Arial,sans-serif;display:block;height:25px;color:#961711;margin:0}
#main-search table td.buttons{vertical-align:middle;padding-top:10px}
#main-search table td.right{text-align:right}
#main-search select{width:261px;height:25px;border:1px solid #a9a684;margin-top:0px;margin-bottom:5px}
#main-search button{width:auto;border:none;background:transparent;padding:0;cursor:pointer;overflow:hidden}
#map-search {height:25px;overflow:visible}
#search-cancel{height:25px;}
#search-reset{height:25px;}
#search-submit{height:25px}		
* html #search-submit{display:inline}
#neighborhood-select{margin-top:5px}
#neighborhood-select li{float:left;width:160px;padding-bottom:0px}
#neighborhood-select li:first-child,#neighborhood-select li.first-child{float:none;width:265px;padding-bottom:5px;border-bottom:1px solid #bcbaaf;margin-bottom:5px}
/* @end */

/* @group custom-select */
.custom-select{position:relative;z-index:2;width:163px;height:22px;background:url('/images/searchbox2.gif') no-repeat;  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #fff}
.custom-select-box{position:relative;z-index:2;float:left;line-height:25px;padding-left:10px;width:153px;height:22px;cursor:pointer;}
.custom-select-list{position:absolute;z-index:1000;top:22px;left:0;width:163px;background:#000;display:none}
.custom-select-list ul { list-style-type: none;}
.custom-select-list ul li{ line-height:20px; }
.custom-select-list ul li a,.custom-select-list ul li a:visited{outline:none;height:20px;display:block;padding:0 5px;color:#fff;text-decoration:none}
.custom-select-list ul li a:hover{background:#3c3c3c;color:#fff;}
/* @end */

/* @group contact form custom selects */
#content .details #custom-select-replaced-num_guests, #content .details #custom-select-replaced-state, #content .details #custom-select-replaced-country{position:relative;z-index:2;width:225px;height:22px;background:url('/images/contact_box.png') no-repeat;  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; float: left; }
#content .details #custom-select-num_guests, #content .details #custom-select-state,#content .details #custom-select-country{position:relative;z-index:2;float:left;line-height:25px;padding-left:10px;width:215px;height:22px;cursor:pointer; line-height: 22px;}
#content .details #custom-list-num_guests, #content .details #custom-list-state, #content .details #custom-list-country{position:absolute;z-index:1000;top:22px;left:0;width:223px;background:#000;display:none; border-right: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c;}
#content .details #custom-list-num_guests ul,#content .details #custom-list-state ul,#content .details #custom-list-country ul{ list-style-type: none; overflow: auto; max-height: 220px;}
#content .details #custom-list-num_guests ul li,#content .details #custom-list-state ul li,#content .details #custom-list-country ul li  { line-height:20px; }
#content .details #custom-list-num_guests ul li a,#content .details #custom-list-num_guests ul li a:visited, #content .details #custom-list-state ul li a,#content .details #custom-list-state ul li a:visited,#content .details #custom-list-country ul li a,#content .details #custom-list-country ul li a:visited{outline:none;height:20px;display:block;padding:0 5px;color:#fff;text-decoration:none;}
#content .details #custom-list-num_guests ul li a:hover, #content .details #custom-list-state ul li a:hover,#content .details #custom-list-country ul li a:hover{background:#3c3c3c;color:#fff;}
/* @end */





/*
 * Clearfix
 */
.clearfix:after {	content: ".";	display: block;clear: both;visibility: hidden;line-height: 0;height: 0;	}
.clearfix {	display: inline-block;	}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {height: 1%;}	

h1.oops { line-height: 50px;}