/* CSS Document */ /* Eric Meyer's Global Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit; vertical-align:baseline;} /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} caption {text-align: left;font-weight: normal;} blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q { quotes: "" "";} /* End if Global Reset */ body { background: #171835 url('images/structure/background.jpg') repeat-x ; font-family: Arial, Helvetica, sans-serif; } /* Site Headings */ h1 {font-size:24px; font-weight:normal; color:#bde4ff; margin-bottom:15px; } h2 {font-size:18px; font-weight:bold; color:#fff; margin-bottom:12px; padding-bottom:10px; border-bottom:1px dotted #d35a39; } h2 a {font-size:16px; font-weight:bold; color:#fff; margin-bottom:12px; padding-bottom:10px; text-decoration:none; } /* Site Header */ #headercontainer { margin: 30px auto 0 auto; } #header { width:978px; margin: 0 auto 0 auto; height:134px; background: url('images/structure/header.jpg') no-repeat top left; } #header img {float:left; margin-left:30px; margin-top:35px;} /* Site Navigation */ #nav { display:table; background: url('images/structure/menu-background.png') no-repeat top left; width:217px; height:222px; float:left; margin-left:22px; margin-top:15px; } #nav ul {margin:1px; margin-top:6px;} #nav li a {color:#fff; text-decoration:none; display:block; font-size:17px; font-weight:normal; padding:8px 20px; text-align:right; border-bottom:1px solid #102359; } #nav li a:hover, #nav li.selected a {background: url('images/structure/nav-hover.gif') repeat-x top left; color:#fff; } /* Home Page Promo / Welcome Section*/ #promocontainer { margin: 0 auto 0 auto; } #promo { width:978px; margin: 0 auto 0 auto; background: url('images/structure/promo-background.jpg') no-repeat top left; } #promo-content { height:252px; overflow:hidden; } #promo-content h1 {color:#f29278;} #promo a {color:#fff} #welcome {float:left; width:480px; margin-left:30px; margin-top:35px;} #welcome p {color:#fff; line-height:18px; font-size:13px; margin-bottom:20px;} #reservations {line-height:22px; text-align:right; float:left; width:200px; color:#fff; font-size:16px; margin-top:15px;} #reservations-inner p {line-height:30px; text-align:right; float:right; width:200px; color:#fff; font-size:20px; margin-top:15px;} p.float-right { } #byline { text-align:right; float:left; width:200px; color:#fff; font-size:11px; margin-top:5px;} #sub-menu a.reservations-btn { margin-left:30px; } /* Main Content Area Parent */ #maincontainer { margin: 0 auto 0 auto; } #main { width:978px; margin: 0px auto 0 auto; background: url('images/structure/main-background.png') repeat-y top left; display:table; } #main p, #main-inner p {font-size:12px; color:#352515; line-height:16px; margin-bottom:15px;} #main a, #main-inner a {color:#352515} /* Home Page Column */ #maincolumns {} #maincolumns .column {width:240px; float:left; border-right:1px solid #242b6e;} #maincolumns .column p {color:#fff; line-height:16px; font-size:13px; } #maincolumns .columnright {width:237px; float:left; background:url('images/structure/vertical-background.gif') repeat-x top left; } #maincolumns .columnright img {margin-top:12px;} #maincolumns .columnright a {color:#fff;} #maincolumns .columnright p {color:#fff; line-height:20px;} #maincolumns .reconnect { margin-left:9px; background: url('images/structure/reconnect-background.jpg') no-repeat top left;} #maincolumns .relax {background: url('images/structure/relax-background.jpg') no-repeat top left;} #maincolumns .refresh {background: url('images/structure/refresh-background.jpg') no-repeat top left;} /* Column Content Padding*/ #maincolumns .column-content {padding:20px; padding-bottom:0px; } /* Inner Page Left Column */ #maincolumns .column-inner-left {width:240px; float:left; } #submenu {clear:both; padding-right:10px; margin-top:10px; } #submenu ul {text-align:left; color:#fff; line-height:18px; font-size:14px; list-style:disc; margin-left:25px; padding-left:25px; } #submenu ul li a {color:#bde4ff; } #submenu ul li {margin-bottom:12px;} /* Inner Page Right Column */ #maincolumns .column-inner-right {font-size:13px;} #maincolumns .column-inner-right {width:698px; float:left; background:#fff; margin-left:14px; margin-top:15px; border:1px solid #102359 } #maincolumns .column-inner-right ul {margin-left:15px; padding-left:15px; line-height:17px; font-size:13px; list-style:disc; margin-bottom:15px;} #maincolumns .column-inner-right p {color:#000; line-height:16px; font-size:13px; } #maincolumns .column-inner-right a {color:#222b6a} #maincolumns .column-inner-right h1 {font-size:22px; font-weight:normal; color:#000; margin-bottom:12px; padding-bottom:10px; border-bottom:1px dotted #d35a39; } #maincolumns .column-inner-right h2 {font-size:16px; font-weight:bold; color:#d35a39; margin-bottom:12px; border:none; font-style:italic;} #maincolumns .column-inner-right img {border:1px solid #171835;} #maincolumns .inner-right-wide {width:948px;} .photo {text-align:right; font-style:italic; width:650px; } .photo img {margin-bottom:5px; float:left;} .photo span {font-size:11px;} #float-right { float:right; margin:30px 0px 30px 15px; } .letterpaper {background:#f5eedb; border:1px solid #dfd0a6; padding:20px; font-family:Verdana;} /* Site Footer */ #footercontainer { margin: 0px auto 0 auto; display:table; clear:both } #footer { clear:both; width:978px; margin: 0 auto 0 auto; height:37px; background: url('images/structure/footer-background.gif') no-repeat top left; color:#8e8f9d; font-size:11px; } #footer-left {float:left; line-height:14px; padding:25px 20px;} #footer-right {float:right; text-align:right; line-height:14px; padding:25px 20px;} #footer a {color:#8e8f9d} #footer-left p, #footer-right p {padding:14px 0px;}