/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#0B1B26 url(../images/bg_body.jpg) no-repeat top center} p { font-size:13px; color:#413D32} p a { color:#153257; text-decoration:underline} h1 { font-size:28px; color:#153257} h2 { font-size:22px; color:#153257} h3 { font-size:16px; color:#153257} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:980px; margin:0 auto; padding-top:130px} /* --------------------------------------------- 03. header --------------------------------------------- */ #header { width:980px; height:49px; float:left; background:url(../images/bg_header.gif) repeat-x; margin-bottom:-13px} #header h1 { float:left; padding-left:18px; margin-top:-110px; position:relative} #header h1 a { width:270px; height:160px; float:left; text-indent:-9999px; background:url(../images/logo.png) no-repeat} #menu { width:650px; height:36px; float:left; padding:0; position:relative; padding-left:3px; padding-top:1px} #menu ul {position:absolute; left:-9999px; top:-9999px;} #menu li {float:left;} #menu li a {display:block; float:left; height:36px; padding:0px 12px 0 17px; line-height:36px; font-size:15px; color:#E7B9BD; text-decoration:none} #menu li a:hover { color:#FFFFFF} #menu li.selected a { color:#413D32; background:#F2EFEB url(../images/bg_li_selected.gif) repeat-x} #menu li.selected a:hover { color:#413D32; background:#F2EFEB url(../images/bg_li_selected.gif) repeat-x} #menu li:hover {position:relative; z-index:100;} #menu a:hover {position:relative; z-index:100} #menu a.sub:hover {background:#F2EFEB url(../images/bg_li_selected.gif) repeat-x; color:#413D32;} #menu li:hover > a.sub {background:#F2EFEB url(../images/bg_li_selected.gif) repeat-x; color:#413D32;} #menu :hover ul {left:0; top:36px; z-index:300; padding-top:4px;font-size:14px;background:#F2EFEC; border:1px solid #CB525D; border-top:0} #menu :hover ul li a { width:130px; height:20px; padding:0 22px 7px 12px; line-height:20px;background:#F2EFEC; color:#0488BB} #menu :hover ul li a:hover {color:#153257; background:#F2EFEC} /* --------------------------------------------- 04. content --------------------------------------------- */ #content { width:940px; float:left; background:#F2EFEB url(../images/bg_content.jpg) no-repeat; border-left:1px solid #C95A4E; border-right:1px solid #C95A4E; padding:13px 19px} /* --------------------------------------------- 05. banner --------------------------------------------- */ #banner { width:940px; float:left} #banner .photo { width:940px; height:320px; float:left} #banner .content { width:228px; height:276px; float:left; background:url(../images/bg_bannercontent.png); padding:22px 22px 22px 30px; margin-top:-320px} #banner .content h1 { font-size:25px; color:#FFFFFF; padding-bottom:10px} #banner .content p { font-size:16px; color:#FFFFFF; line-height:1.3em; padding-bottom:10px} #banner .content .button { float:left; font-size:15px; color:#FFFFFF; line-height:26px; padding-right:12px} #banner .content .button a { height:26px; float:left; color:#FFFFFF; text-decoration:none; background:url(../images/bg_button.gif) repeat-x; border:1px solid #7C0612; padding:0 7px} /* --------------------------------------------- 06. facilities --------------------------------------------- */ #facilities { width:620px; float:left; padding-top:13px; padding-right:20px} #facilities h1 { padding-bottom:5px} #facilities h2 a { color:#153257; text-decoration:none;} #facilities h2 a:hover { text-decoration:underline;} #facilities p { font-size:16px; line-height:1.3em; padding-bottom:10px} #facilities .set { width:295px; float:left; padding:10px 22px 10px 0} #facilities .right { padding-right:0} #facilities .set .photo { float:left; padding-right:12px} #facilities .set .photo img { border:3px solid #FFFFFF} #facilities .set .content { width:202px; float:left; margin-top:-5px} #facilities .set .content p { font-size:13px; line-height:1.2em; padding-bottom:0px} .buttonreserve { width:300px; float:left; font-size:19px; color:#FFFFFF; padding-top:28px; padding-bottom:12px} .buttonreserve a { width:298px; height:33px; float:left; background:url(../images/bg_button_reserve.gif) repeat-x; border:1px solid #7C0612; color:#FFFFFF; text-decoration:none; text-align:center; line-height:33px} .locatedfacilities { width:266px; float:left; background:#F7FCFF url(../images/bg_locatedfacilities.gif) repeat-x; border:1px solid #CFC5B3; padding:5px 16px} .locatedfacilities h2 { color:#BE1E2D; line-height:1.3em; border-bottom:1px dashed #413D33; padding-bottom:3px} .locatedfacilities p { color:#6E7072; padding:3px 0} .locatedfacilities ul { width:140px; float:left; padding-right:8px; padding-top:5px} .locatedfacilities ul li { font-size:15px; color:#153257; line-height:1.2em; background:url(../images/icon.gif) no-repeat; padding-bottom:6px; padding-left:21px} .locatedfacilities ul li a { color:#153257; text-decoration:none} .locatedfacilities ul li a:hover { color:#153257; text-decoration:underline} .locatedfacilities ul.right { width:115px; float:left; padding-right:0px; padding-top:5px} /* --------------------------------------------- 07. footer --------------------------------------------- */ #footer { width:978px; height:95px; float:left; background:url(../images/bg_footer.jpg) no-repeat; border-left:1px solid #C95A4E; border-right:1px solid #C95A4E; padding-top:25px} #footer p { color:#726658; text-align:center; line-height:1.5em} #footer p a { color:#726658; text-decoration:none; padding:0 2px} #footer p a:hover { color:#726658; text-decoration:underline} /* --------------------------------------------- 08. innerpage - content --------------------------------------------- */ #contentinner { width:940px; float:left; background:#F2EFEB url(../images/bg_content_inner.gif) repeat-x; border-left:1px solid #C95A4E; border-right:1px solid #C95A4E; padding:20px 19px 0 19px} /* --------------------------------------------- 08.1 innerpage - subnav --------------------------------------------- */ #contentinner .subnav { width:940px; float:left; padding-bottom:3px} #contentinner .subnav p { font-size:14px; color:#89816F} #contentinner .subnav p a { color:#89816F; text-decoration:none} #contentinner .subnav p a:hover { color:#413D32; text-decoration:none} #contentinner .subnav p a.selected { color:#413D32; text-decoration:none} /* --------------------------------------------- 08.2 innerpage - column 1 --------------------------------------------- */ #column1 { width:220px; float:left} #column1 .locations { width:220px; float:left; padding-bottom:18px} #column1 .locations h3 { font-size:17px; color:#413D32; font-weight:bold; padding:10px 0 6px 18px} #column1 .locations h3 a { color:#0488BB; text-decoration:none;} #column1 .locations ul li a:hover { color:#153257;} #column1 .locations ul { width:202px; float:left; background:#F7FCFF url(../images/bg_locatedfacilities.gif) repeat-x; border:1px solid #D3D3CA; padding-left:16px; padding-top:8px} #column1 .locations ul li { font-size:16px; color:#0488BB; line-height:1.2em; padding-bottom:12px} #column1 .locations ul li a { color:#0488BB; text-decoration:none; padding-left:22px} #column1 .locations ul li a:hover { color:#153257; text-decoration:none; background:url(../images/icon.gif) no-repeat 0 2px} #column1 .locations ul li a.selected { color:#153257; text-decoration:none; background:url(../images/icon.gif) no-repeat 0 2px} #contentinner .facility { width:220px; float:left} #contentinner .facility .photo { float:left; padding-right:10px} #contentinner .facility .photo img { border:2px solid #FFFFFF} #contentinner .facility .content { width:135px; float:left} #contentinner .facility .content a { color:#153257; text-decoration:none;} #contentinner .facility .content a:hover { color:#153257; text-decoration:underline;} #contentinner .facility .content p { font-size:10px} /* --------------------------------------------- 08.3 innerpage - column 2 --------------------------------------------- */ #column2 { width:462px; float:left; padding:0 19px} #column2 a { color:#153257; text-decoration:none;} #column2 a:hover { color:#0488BB; text-decoration:underline;} #column2 .photo { width:446px; height:240px; float:left; background:#FFFFFF; border:1px solid #BAB4A9; padding:6px 7px; margin-top:4px; margin-bottom:7px} #column2 .mug-photo { width:160px; float:right; background:#FFFFFF; border:1px solid #BAB4A9; padding:6px 7px; margin-top:4px; margin-bottom:7px; margin-left:10px;} #column2 h3 { font-weight:bold} #column2 p { font-size:16px; line-height:1.3em; padding-bottom:18px} #column2 ul li { color:#413D32; list-style:circle; margin-left:20px; } #column2 ol li { list-style:decimal; color:#413D32; line-height:1.3em; padding-bottom:18px; margin-left:30px;} /* --------------------------------------------- 08.4 innerpage - column 3 --------------------------------------------- */ #column3 { width:220px; float:left; padding-top:38px} #column3 .makereservation { width:219px; float:left; padding-bottom:14px} #column3 .makereservation h2 { width:164px; height:40px; font-size:15px; color:#FFFFFF; font-weight:bold; background:url(../images/bg_heading.gif) no-repeat; padding-top:10px; padding-left:55px} #column3 .makereservation h2 a { color:#ffffff; text-decoration:none;} #column3 .makereservation h2 a:hover { color:#ffffff; text-decoration:underline;} #column3 .makereservation .box { width:201px; float:left; background:#E2D8D0; border:1px solid #8B857A; border-top:none; padding:8px} #column3 .makereservation .set { float:left} #column3 .makereservation .set .photo { width:65px; height:81px; float:left; background:#FFFFFF; border:1px solid #B9B4A9} #column3 .makereservation .set p { font-size:11px; float:left; padding:0 0 8px 12px} #column3 .makereservation .set p strong { color:#153257} #column3 .makereservation ul { width:200px; float:left; padding-bottom:5px} #column3 .makereservation ul li { width:200px; float:left; font-size:13px; color:#153257; padding-bottom:7px} #column3 .makereservation ul li a { float:left; background:url(../images/icon_pdf.gif) no-repeat 0 3px; color:#153257; text-decoration:none; padding-left:35px} #column3 .makereservation ul li a:hover { text-decoration:underline} #column3 .makereservation .direction { width:200px; float:left} #column3 .makereservation .direction h3 { font-size:18px} #column3 .makereservation .direction p { font-size:11px; padding-bottom:10px} #column3 .makereservation .direction .map { float:left; height:215px; padding-bottom:4px}