html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after{content:"";}blockquote{quotes:"""";}.clear{display:inline-block;}.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*html .clear{height:1%;}.clear{display:block;}.hide{display:none;}
/***************** START SITE CODE *****************/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#bg { background:url(/images/bg.png) repeat-y center #d2e8f7; margin:0 auto; }
#wrapper { margin:0 auto; width:950px; background:#fff; }
#header { height:302px; }
#header img { width:950px; height:302px; }
#long { position:relative; }
#long img { height:461px; width:950px; }
#short img { height:302px; width:950px; }
#curve { margin-top:-56px; }
#curve img { height:56px; width:950px; }
h1 { color:#62899A; font-weight:bold; font-size:1.6em; padding-bottom:10px; margin-bottom:0; }
strong { font-weight:bold; }
table { background:#fff; }
td, th { background:#CBE0F3; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:5px; }
th { font-weight:bold; }
em { font-style:italic; }
#right .gradient { background:url(/images/right_gradient.jpg) repeat-x top left; height:330px; width:177px; }
.sub_text { margin-bottom:1em; }
table { color:#9D9C97; }
.bedBox { width:300px; background:#fff; padding:3px; border:1px solid #000; position:absolute; margin-top:9em; display:none; }
.bedBoxHeader { background:url(/images/q.jpg) bottom right no-repeat #CBE0F3; }
/***************** START top menu **********************/
#menu_container { position:absolute; top:40px; z-index:9999999; }
.menu { margin:0; list-style:none; height:65px; background:transparent url(/images/top_nav_bg.png); position:relative; z-index:9999999; font-family:arial, verdana, sans-serif; }
.menu li.top { display:block; float:left; background:url(/images/divider.gif) no-repeat 92px 8px; }
.menu li.last { background-image:none; }
.menu li a.top_link { display:block; float:left; height:65px; padding-top:10px; text-align:center; width:95px; line-height:13px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer; }
.menu li a.top_link:hover { color:#000; background:url(/images/top_nav_over.jpg) repeat-x 0 3px; }
.menu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }
.menu a:hover { visibility:visible; position:relative; z-index:200; }
.menu li:hover { position:relative; z-index:9999999; }
.menu ul { position:absolute; z-index:9999999; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; width:260px; }
.menu :hover ul { left:0; top:55px; background: #E6B559; padding:3px; white-space:nowrap; height:auto; z-index:300; }
.menu :hover ul li { display:block; height:20px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #956A3D; }
.menu :hover ul li.last { border:none; }
.menu :hover ul li a { display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none; }
/*********** home **************/
.menu li.home a.top_link:hover { color:#000; background: url(/images/top_nav_over.gif) repeat-x 0 3px; }
.menu li.selected { color:#000; background: url(/images/top_nav_over.gif) repeat-x 0 3px; }
.menu li.home:hover > a.top_link { color:#000; background: url(/images/top_nav_over.gif) repeat-x 0 3px; }
.menu :hover ul.home { background:#F3BF5C; }
.menu :hover ul li.home a:hover { background:#93743B; color:#fff; }
/*********** hotel *************/
.menu li.hotel a.top_link:hover { color:#000; background: url(/images/top_nav_over.gif) repeat-x 0 3px; }
.menu li.hotel:hover > a.top_link { color:#000; background: url(/images/top_nav_over.gif) repeat-x 0 3px; }
.menu :hover ul.hotel { background:#F3BF5C; }
.menu :hover ul.hotel li a:hover { background:#F9DFB0; color:#000; }
/*********** flying fish restaraunt *************/
.menu li.flying:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -73px; color:#000;}
.menu :hover ul.flying { background:#C54D57; }
.menu li.flying a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -73px; }
.menu :hover ul.flying li a:hover { background:#DB9196; color:#000; }
/*********** st michaels spa *************/
.menu li.spa:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -146px; color:#000; }
.menu :hover ul.spa { background:#45ADAC; }
.menu li.spa a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -146px; color:#000; }
.menu :hover ul.spa li a:hover { background:#98D6D6; color:#000; }
/*********** meetings and conferences *************/
.menu li.meetings:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -218px; color:#000; }
.menu :hover ul.meetings { background:#8DB4DB; }
.menu li.meetings a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -218px; color:#000; }
.menu :hover ul.meetings li a:hover { background:#BAD1E9; color:#000; }
/*********** weddings and occaisions *************/
.menu li.weddings:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -290px; color:#000; }
.menu :hover ul.weddings { background:#D0B0D5; }
.menu li.weddings a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -290px; color:#000; }
.menu :hover ul.weddings li a:hover { background:#F5EEF6; color:#000; }
/*********** out n about *************/
.menu li.about:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -363px; color:#000; }
.menu :hover ul.about { background:#A9CF7A; }
.menu li.about a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -363px; color:#000; }
.menu :hover ul.about li a:hover { background:#deeccb; color:#000; }
/*********** news and coming up *************/
.menu li.news:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -436px; color:#000; }
.menu :hover ul.news { background:#7A94CF; }
.menu li.news a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -436px; color:#000; }
.menu :hover ul.news li a:hover { background:#cbd5ec; color:#000; }
/*********** special offers *************/
.menu li.offers:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 -508px; color:#000; }
.menu :hover ul.offers { background:#B24A4B; }
.menu li.offers a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 -508px; color:#000; }
.menu ul.offers li a { color:#000; }
.menu ul.offers li a:hover { background:#DDC1C0; color:#000; }
/*********** contact/find us *************/
.menu li.contact:hover > a.top_link { background:url(/images/top_nav_over.gif) repeat-x 0 3px; color:#000; }
.menu :hover ul.contact { background:#BDD2A7; }
.menu li.contact a.top_link:hover { background:url(/images/top_nav_over.gif) repeat-x 0 3px; color:#000; }
/* Stop menu items from inheriting background image from menu selection */
#leftNavigationMenu li ul li.selected { background-image:none; }
/************* START content styles*********************/
#content_2,
#content { float:left; padding:30px 28px 87px 37px; width:698px; background:url(/images/main_content_fade.jpg) no-repeat top right; color:#9D9C97; }
#content p a,
#content_2 p a { text-decoration:underline; font-weight:bold; color:#9D9C97; }
#content p a:hover,
#content_2 p a:hover { text-decoration:none; color:#73726c; }
#content .feedback { margin:0; padding:0; width:100%; padding-bottom:50px; }
#content .feedback th { width:35%; padding:5px 0; }
#content .feedback td { width:64%; }
#content img { max-width:510px; }
/************* START left_logo_holder styles *********************/
.left_logo_holder,
.left_logo_holder_2 { float:left; font-style:italic; width:175px; height:282px; background:url(/images/left_panel_logo.jpg) no-repeat; margin-top:50px; }
.left_logo_holder_2,
#content_2 .left_logo_holder_2 { width:200px; background-image:none; }
.left_logo_holder img,
.left_logo_holder_2 img { margin-bottom:10px; width:138px; }
/************* START left_content styles *********************/
.left_content,
.left_content_2 { padding:0 0 10px 10px; float:left; width:513px; }
.left_content_3 { padding:0 10px 15px 0px; }
.left_content_2 { width:488px; }
.left_content { color:#9D9C97; }
.left_content p { margin-bottom:1em; }
.left_content hr,
#content hr { border:none; border-bottom:1px dotted #666; }
.left_content ul { list-style:disc; padding-left:20px; }
.left_content li a { text-decoration:underline; font-weight:bold; color:#9D9C97; }
.left_content li a:hover { text-decoration:none; }
/************* START link_list styles *********************/
ul.link_list { margin-left:0; padding-left:0; padding-bottom:1em; list-style:none; }
ul.link_list a { display:block; color:#628998; text-decoration:none; padding:3px 0 3px 15px; background:url(/images/blue_arrow.gif) no-repeat 0 3px; }
ul.link_list a:hover { text-decoration:underline; }
/************* START content_header styles *********************/
.content_header { padding-bottom:10px; }
.content_header a { color:#979797; text-decoration:underline; }
.content_header a:hover { color:#979797; text-decoration:none; }
.content_header p { color:#9d9c97; }
/************* START gallery styles *********************/
#gallery { padding-bottom:1em; }
#gallery .main_img { padding-bottom:5px; }
#gallery .main_img img { max-width:698px; padding-top:5px; }
#gallery .sub_img { margin:0; padding:0; float:left; padding-right:5px; }
#gallery .sub_img img { width:112px; height:77px; }
#gallery .last { padding-right:0; }
/************* START image_holder styles *********************/
#location, #tour, #fish, #spa, #weddings, #meetings
{ padding:0; margin:0 0 10px 0; width:250px; float:left; }
#location, #tour
{ margin-top:1em; }
#location, #spa, #weddings
{ margin-right:10px; }
#location img, #tour img, #fish img, #spa img, #weddings img, #meetings img
{ width:250px; height:122px; padding:0; margin:0; }
#location p, #tour p, #spa p, #fish p, #weddings p, #meetings p
{ padding:10px 0 10px 15px; color:#fff; font-weight:bold; margin:0; }
#location p a, #tour p a, #spa p a, #fish p a, #weddings p a, #meetings p a
{ color:#fff; text-decoration:none; }
#location p a:hover, #tour p a:hover, #spa p a:hover, #fish p a:hover, #weddings p a:hover, #meetings p a:hover
{ color:#fff; text-decoration:underline; }
#location { background:#A9CF7A; }
#tour { background:#F3BF5C; }
#fish { background:#C6BD96; }
#spa { background:#45ADAC; }
#weddings { background:#D0B0D5; }
#meetings { background:#90BDE6; }
.image_holder { float:left; width:226px; margin-right:10px; margin-bottom:10px; }
.last { margin-right:0; }
.image_holder img { border:none; height:103px; }
.image_holder p { font-weight:bold; padding:10px; margin:0; }
#content_2 .image_holder p a { text-decoration:none; color:#fff; }
#content_2 .image_holder p a:hover { text-decoration:underline; color:#fff; }
.image_holder_title { font-size:1.2em; padding:0; margin:1em 0 0.5em; font-weight:bold; }
/************* START newsHolder styles *********************/
.newsHolder_1 { margin-top:1em; min-height:113px; overflow:visible; }
.newsHolder_1 img { float:left; margin-right:10px; }
.newsHolder_1 h3 { margin:10px; font-weight:bold; font-size:1.2em; }
.newsHolder_1 p { margin:10px; }
#content .newsHolder_1 a:link { text-decoration:underline; color:#fff; }
.newsHolder_1 a:hover { text-decoration:none; }
.newsHolder_2 { margin-top:1em; min-height:113px; overflow:visible; }
.newsHolder_2 img { float:left; margin-right:10px; }
.newsHolder_2 h3 { margin:10px; font-weight:bold; font-size:1.2em; }
.newsHolder_2 p { margin:10px; }
#content .newsHolder_2 a:link { text-decoration:underline; color:#fff; }
.newsHolder_2 a:hover { text-decoration:none; }
/************* START news_container_left styles *********************/
.news_container_left { width:343px; float:left; padding-right:9px; margin-bottom:1em; }
.news_container_right { width:345px; float:left; margin-bottom:1em; }
.news_container_left p,
.news_container_right p { color:#86837A; }
/************* START newsHolder_3 to newsHolder_6 styles *********************/
.newsHolder_3 { margin:0 10px 10px 0; width:343px; float:left; padding:0; min-height:160px; }
.newsHolder_3 img { float:left; margin:0 5px 0 0; padding:0; width:150px; }
.newsHolder_3 h3 { margin:5px; font-size:1.2em; padding:0; font-weight:bold; }
.newsHolder_3 p { padding:5px; margin:0; }
.newsHolder_5 { margin:0 10px 10px 0; padding:0; width:343px; float:left; min-height:160px; }
.newsHolder_5 img { float:right; margin:0 0 0 5px; padding:0; }
.newsHolder_5 h3 { margin:5px; padding:0; font-size:1.2em; font-weight:bold; }
.newsHolder_5 p { margin:5px; padding:0; }
.newsHolder_4 { width:345px; float:left; min-height:160px; margin:0 0 10px 0; padding:0; }
.newsHolder_4 img { float:left; padding:0; margin:0 5px 0 0; }
.newsHolder_4 h3 { margin:5px; padding:0; font-size:1.2em; font-weight:bold; }
.newsHolder_4 p { margin:5px; padding:0; }
.newsHolder_6 { width:345px; margin:0 0 10px 0; float:left; min-height:160px; padding:0; }
.newsHolder_6 img { float:right; margin:0 0 0 5px; padding:0; }
.newsHolder_6 h3 { margin:5px; font-size:1.2em; padding:0; font-weight:bold; }
.newsHolder_6 p { margin:5px; padding:0; }
/************* START button_menu styles *********************/
.button_menu { list-style-type:none; padding-bottom:20px; padding-top:1em; }
.button_menu li { background:url(/images/contact_btn_bg.jpg) no-repeat top left; padding:15px; }
.button_menu li.left a { background:url(images/white_arrow_orange_left.gif) no-repeat top left; padding-left:20px; text-decoration:none; font-weight:bold; font-size:1.1em; }
.button_menu a { background:url(/images/white_arrow.jpg) no-repeat top left; padding-left:20px; text-decoration:none; }
.button_menu a:hover { text-decoration:underline; }
/************* START offers_box styles *********************/
.offers_box { width:226px; padding:0 0 10px 0; float:left; margin:0 10px 10px 0; }
.offers_box img { width:226px; height:150px; }
.offers_box h3 { padding:10px 20px; margin:0; font-weight:bold; }
.offers_box p { padding:5px 10px 10px 10px; margin:0; }
.offers_box strong { font-weight:bold; }
.offers_box a { text-decoration:none; }
.offers_box a:hover { text-decoration:underline; }
.last { margin-right:0; }
/************* START rooms_table and offers_table styles *********************/
.rooms_table { width:698px; margin-top:1px; padding:5px 5px 30px 5px; }
.rooms_table th { font-weight:bold; }
.rooms_table td { margin:3px 20px 3px 5px; }
.rooms_table .bottom { padding-top:30px; }
.offers_table td { padding:5px; }
.offers_table th { padding:5px; }
/************* START link_list styles *********************/
.link_list { margin-left:0; padding-left:0; padding-bottom:1em; padding-top:1em; }
.link_list a { display:block; text-decoration:none; padding:3px 0 3px 15px; background:url(/images/blue_arrow.gif) no-repeat 0 3px; }
.link_list a:hover { text-decoration:underline; }
/************* START content_box_small styles *********************/
.content_box_small { margin-right:10px; float:left; }
.content_box_small h3 { padding:5px 5px 15px 10px; }
.content_box_small h3 a { text-decoration:none; }
.content_box_small h3 a:hover { text-decoration:underline; }
.container_left { float:left; width:344px; margin-right:10px; }
.container_left img { width:339px; padding-right:5px; }
.container_right img { width:339px; }
.container_right { float:right; width:339px; padding-left:5px }
/************* START right, right_nav styles *********************/
#right { float:left; padding:0 0 0 10px; color:#608A96; }
#right_nav { padding:0; margin:0; }
#right .right_content { width:177px; }
#right_nav .empty,
#right_nav .title { background:url(/images/right_nav_bg.jpg) repeat-x top left; padding:5px 0 5px 5px; width:172px; }
#right_nav .empty p,
#right_nav .title p { margin:0; color:#608A96; }
#right_nav .empty p a,
#right_nav .empty p a:visited { text-decoration:none; color:#608A96; margin:0; }
#right_nav .empty p a:hover { text-decoration:underline; color:#608A96; }
#right_nav .content { background:url(/images/right_nav_bg_2.jpg) repeat-x top left #94BABD; padding:5px 0 5px 5px; width:172px; color:#fff; margin:0; }
#right_nav .content p { margin:0; padding:0; }
#right_nav .content p a,
#right_nav .content p a:visited { text-decoration:none; color:#fff; }
#right_nav .content p a:hover { text-decoration:none; color:#fff; }
#right_nav .title:hover { cursor:pointer; }
#right_nav .selected { background: url(/images/right_nav_bg_2.jpg) repeat-x top left; color:#fff; }
#right_nav p.content_inner { background:url(/images/right_nav_bg_2.jpg) repeat-x top left #94BABD; padding:5px 0 5px 5px; margin:-10px 0 -5px -12px; width:172px; color:#fff; }
#right_nav .inner { background:#94BABD; padding:5px 0 5px 5px;width:172px; }
#right_nav .inner p { margin:0; padding:0 0 3px 0; color:#fff; }
#right_nav .inner option { margin:0; padding:0 3px; }
#right_nav .inner form { margin:0; padding:0; width:172px; }
#right_nav .content_2 { background:#fff; border:2px solid #CBE0F3; width:153px; padding:10px 10px 0 10px; border-top:none; }
#right_nav .content_2 h3 { color:#628998; font-size:1em; padding:10px 0 3px 0; font-weight:bold; }
#right_nav .content_2 p.item { font-size:0.8em; border-bottom:1px solid #628998; padding-bottom:8px; color:#A1A2A4; }
#right_nav .content_2 p.item a { color:#62899A; font-weight:bold; text-decoration:none; }
#right_nav .content_2 p.item a:hover { color:#62899A; text-decoration:none; }
#right_nav .content_2 p.last { border:none; }
#right_nav .no_title { margin-top:-15px; }
#right .right_input { background:#CBE0F3; padding:0 10px 8px 10px; margin-top:5px; width:157px; }
/************* START rightNavigationMenu styles *********************/
#rightNavigationMenu li.selected a { font-weight:bold; font-size:1.2em; }
#rightNavigationMenu li { vertical-align:baseline; zoom:1; }
#rightNavigationMenu li a { padding:5px 10px; text-decoration:none; font-size:1em; display:block; }
#rightNavigationMenu a:hover { text-decoration:underline; }
/************* START inner_menu styles *********************/
#right .inner_menu { list-style-type:none; border-top:2px solid #fff; }
#right .inner_menu li { vertical-align:baseline; zoom:1; }
#right .inner_menu li a.first { border-top:none; }
#right .inner_menu li a { padding:5px 10px 5px 20px; text-decoration:none; display:block; }
#right .inner_menu li a:hover { text-decoration:underline; }
/************* START right_input (home section form elements) styles *********************/
#right .right_input p { padding:5px 0; }
#right .right_input input { width:155px; }
/************* START footer styles *********************/
#footer { background:#fff; }
#footer ul#footerNavigationMenu { text-align:center; }
#footerNavigationMenu li { display:inline; }
#footer .footer_links { text-align:center; padding:0 0 30px 0; color:#62899A; }
#footer .footer_links a { color:#62899A; text-decoration:none; }
#footer .footer_links a:hover { text-decoration:underline; }
/************* fixes *********************/
* html #right_nav .content_2 { width:153px; padding:10px 10px 0 10px; margin:0; }
* html #right_nav .content_2 p.item { margin:0 10px 0 0; }
* html #right_nav p.content_inner { position:absolute; padding:5px 0 5px 5px; }
* html #right .right_input { width:147px; }
* html #right .right_input input { width:151px; }
.ghosted {
color: #999;
}
.header-slideshow {
line-height:0;
width:950px;
height:461px;
}
.header-slideshow ul {
list-style:none;
margin:0;
line-height:0;
}
.header-slideshow li {
position:absolute;
left:0;
top:0;
z-index:3;
display:none;
}
.header-slideshow li.active {
z-index:5;
display:block;
}
.header-slideshow li.last-active {
z-index:4;
}
.tripadvisor-block img {
width:auto;
}