/* MADE BY End Communications (www.endcommunications.com) bburwell@endcommunications.com ===================================================================== =====================================================================*/ /* GLOBAL STYLES ===================================================================== =====================================================================*/ * { margin:0 0 0 0; padding:0 0 0 0; } body { font-family:Arial, Helvetica, sans-serif; color:#4d4e3b; font-size:62.5%; line-height:1.5; background-color:#c8c8b7; } p { padding-bottom:12px; font-size:1.3em; } p.small {font-size:1.1em; } p.large {font-size:2em; font-weight:bold; } h1 { font-family:Georgia,"Times New Roman",Times,serif; color:#00274b; font-size:2.4em; font-weight: normal; } h2 { color:#00274b; font-weight:bold; font-size:0.93em; letter-spacing:1.2px; text-transform:uppercase; padding-bottom:8px;} h3 { font-size:1.1em; font-weight:bold; } h4 { font-size:1.3em; font-weight:bold; } h5 { color:#00274b; font-size:1.8em; font-weight:normal; line-height:1.8; padding-bottom:12px; } h2.stay_free { font-family:Georgia,"Times New Roman",Times,serif; color:#00274b; font-size:24px; font-weight: bold; } td.contact_data {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; } td.stay_free {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; } img.floatLeft { float: left; margin: 6px; } img.floatRight { float: right; margin: 8px; } a { color:#00274b; text-decoration:none; } a:link { } a:hover { text-decoration:underline;} a:visited { } ul { } td {padding:0;} /* TYPOGRAPHY ===================================================================== =====================================================================*/ h5, .serif_title, .serif_title_white, .serif_intro, .pullout .pullout_ch { font-family:Georgia,"Times New Roman",Times,serif; } /*----navigation----*/ #mainNav { font-family:Georgia,"Times New Roman",Times,serif; color:#00274b; font-weight:normal; font-size:1.3em; padding-bottom:8px;} #mainNav ul a { line-height:2.9em; } #mainNav ul a:hover { text-decoration:none; } #housekeepingLinks ul a { font-size:1.1em; line-height:2.6em; color:#fff; } #housekeepingLinks ul a:hover { color:#b0b3d1; text-decoration:none; } #secondaryNav a { color:#4d4e3b; font-size:1.3em; } #secondaryNav a:hover { color:#00274b; text-decoration:none; } #secondaryNav .bannerAd a { font-size:1.1em; } #secondaryNav .bannerAd a:hover { text-decoration:underline; } #secondaryNav ul ul li a { color:#c44e24; } #secondaryNav ul ul li a:hover { color:#c44e24; text-decoration:underline; } /*----header + footer----*/ #header h1 { font-size:1.8em; color:#fff; } #footer { font-size:0.8em; line-height:1.9em; color:#817a69;} /*----content subsections----*/ .serif_title, .serif_title_white { color:#fcc619; font-size:2.2em; line-height:1.2em; } .serif_title_white { color:#fff; } .serif_intro { color:#fff; font-size:1.4em; line-height:1.4em; } .twoColumn_sidebar p, .twoColumn p, .twoColumn_sidebar ul li { font-size:1.1em; } .twoColumn_sidebar a { color:#00274b; } .twoColumn a { color:#c44e24; } .oneColumn p .sidebar_homes p { font-size:1.3em;} /*----specials------*/ .pullout { color:#00274b; } .pullout p { font-size:1.2em; margin-top:8px;} .pullout_ch { color:#D8DEE1; } .pullout_ch p { font-size:1.2em; margin-top:8px;} /* CORE LAYOUT ===================================================================== =====================================================================*/ body { text-align:center; min-width:896px; } #wrapper { width:896px; margin:0 auto; text-align:left; background:url(../_images/background_wrapper.gif) repeat-y left top; } #open_house { width:896px; margin:0 auto; text-align:left; } #contentHolder { width:660px; padding:12px; background-color:#fff; float:right; clear:none;} #contentHolder_wide { padding:12px; background-color:#fff;} /*----navigation----*/ #mainNav { width:896px; height:42px; background-color:#c8c8b7; } #mainNav ul { margin:0; padding:0; list-style: none; } #mainNav ul li { float:left; } #mainNav ul a { display:block; width:100px; line-height:36px; height:36px; background-color:#333; text-align:center; background:url(../_images/nav_background2.jpg) no-repeat left top; } #mainNav ul a:hover { background:url(../_images/nav_background2.jpg) no-repeat right bottom; } #mainNav ul .home a { background:url(../_images/nav_background2.jpg) no-repeat right top; } #mainNav ul .home a:hover { background:url(../_images/nav_background2.jpg) no-repeat right bottom; } #rightofhousekeeping {position:relative; left: 200px; top: 61px; z-index: 5;} #housekeepingLinks { width:486px; height:30px; float:right; vertical-align:bottom; position:absolute; bottom:0; right:0;} #housekeepingLinks ul { margin:0; padding:0; list-style: none; } #housekeepingLinks ul li { float:right; } #housekeepingLinks ul a { display:block; height:30px; text-align:left; text-indent:32px;} #housekeepingLinks .news { background:url(../_images/back_housekeeping_news.jpg) no-repeat left top; width:155px; background-color:#001832;} #housekeepingLinks .events { background:url(../_images/back_housekeeping_events.jpg) no-repeat left top; width:118px !important; } #housekeepingLinks .ourstory { background:url(../_images/back_housekeeping_ourstory.jpg) no-repeat left top; width:123px !important;} #secondaryNav { width:188px; padding:12px 12px 12px 12px; float:left; clear:none;} #secondaryNav ul { margin:0; padding:0; list-style-type: none; } #secondaryNav ul li a { display:block; width:188px; height:24px; border-top:1px solid #fff; padding-top:3px; } #secondaryNav ul li a:hover { background-color:#eeede7; } #secondaryNav h2 { margin-top:20px; } #secondaryNav ul ul li { margin:0; /*background-color:#e8e7df;*/ list-style-type: none; text-indent:12px;} #secondaryNav ul ul li a { width:188px; height:14px; border-top:none; background:url(../_images/bullet_redDash.gif) no-repeat 0 85%; } #secondaryNav ul ul li a:hover { background-color:#e1e0d5; background:url(../_images/bullet_redDash.gif) no-repeat 0 85%; } #secondaryNav .last2 a { padding-bottom:3px; background:url(../_images/bullet_redDash.gif) no-repeat 0 85%; } /*--- adds padding to the last link ---*/ #secondaryNav .last2 a:hover { background:url(../_images/bullet_redDash.gif) no-repeat 0 85%; } /*--- adds padding to the last link ---*/ #secondaryNav .last a { padding-bottom:12px; background:url(../_images/bullet_redDash.gif) no-repeat 0 35%; } /*--- adds padding to the last link ---*/ #secondaryNav .last a:hover { background:url(../_images/bullet_redDash.gif) no-repeat 0 35%; } /*--- adds padding to the last link ---*/ /*----header + footer----*/ #header { width: 896px; height: 109px; text-align:right; padding: 0 0 0 0; background-image:url(/_images/_ma/bg_nav.jpg); background-position:top right; position:relative;} #header img {float:left; border:none;} #header #branding { width:500px; height:53px; float: right; padding:25px 12px 0 0;} #footer { clear:both; width:872px; height:28px; text-align:left; background-color:#e1e0d5; padding:20px 12px 0 12px; background: url(../_images/background_footer.gif) no-repeat left bottom;} #footer .left { float:left; } #footer .right { float:right; } /* CONTENT HOLDER SUBSECTIONS ===================================================================== =====================================================================*/ #intro { width:612px; padding: 24px 24px 12px 24px; background-color:#00274b; margin-bottom:12px; } #intro_short { width:366px; padding: 24px 24px 12px 24px; background-color:#00274b; margin-bottom:12px; } /*----banner ads----*/ #secondaryNav .bannerAd { display:block; margin-bottom:16px; margin-top:-20px; padding: 10px 10px 9px 8px; background-color:#eeede7; } #secondaryNav .bannerAd h2 { padding: 0 0 0 0; } #secondaryNav .newsletter a { display:block; height:30px; padding:42px 12px 0 12px; margin-top:20px; background: url(../_images/background_newsletter.jpg) no-repeat left top; } #secondaryNav .newsletter a:hover { background:url(../_images/background_newsletter.jpg) no-repeat left bottom; } /*----specials----*/ .sidebarHeader_news, .sidebarHeader_updates, .sidebarHeader_calendar { dispaly:block; width:200px; height:22px; padding:8px 0 0 30px; margin-top:12px; margin-bottom:12px; } .sidebarHeader_news { background:url(../_images/back_sidebar_news.png) no-repeat left top; } .sidebarHeader_updates { background:url(../_images/back_sidebar_updates.png) no-repeat left top; } .sidebarHeader_calendar { background:url(../_images/back_sidebar_calendar.png) no-repeat left top; } .newsItem { width:230px; padding-top:3px; border-top:1px solid #cdccc0;} .pullout { padding:12px 10px 12px 12px; background-color:#e3e3da; } .pullout_ch { padding:12px 10px 12px 12px; background-color:#e3e3da; } /*----two column----*/ .twoColumn_content .textHolder, #contentHolder .oneColumn, #contentHolder .twoColumn { clear:both; width:660px; padding-top:8px; border-top:1px solid #cdccc0; margin-bottom:5px; } .twoColumn .rightColumn { width:324px; float:right; } .twoColumn .leftColumn { width:324px; float:left; } .twoColumn .image { padding:0 10px 4px 0; float:left; } /*----content + sidebar----*/ #contentHolder .twoColumn_content { width:402px; float:left; } #contentHolder .twoColumn_sidebar { width:228px; float:right; } #contentHolder .sidebar_homes { width:228px; float:right; } .twoColumn_sidebar #first { margin-top:0; } .twoColumn_content .textHolder { width:402px; } /*--- style for main content divs that need a top boarder. boder top style added above ----*/ /*----forms----*/ td {margin:0 1em;} table input {margin:0 .5em;} /*----content + sidebar----*/ #contentHolder .twoColumn_content { width:402px; float:left; } #contentHolder .twoColumn_sidebar { width:228px; float:right; } #contentHolder .twoColumn_scrapbook { width:380px; float:left; } #contentHolder .sidebar_homes { width:228px; float:right; } #contentHolder .sidebar_scrapbook { float:left; } #contentHolder .sidebar_scrapbook ul { margin:0; padding:0; list-style-type: none; } #contentHolder .sidebar_scrapbook ul li a { display:block; width:280px; height:24px; border-top:1px solid #cdccc0; padding-top:3px; } #contentHolder .sidebar_scrapbook li a:hover { background-color:#eeede7; } #harbor_view_menu { background: #dedede; width: 642px; padding: 10px; float: left; } #harbor_view_menu h4 { color: #102947; float: left; font-size: 16px; } #harbor_view_menu p { float: left; clear: both; margin: 0 0 5px 0; padding: 0; color: #102947; } #harbor_view_menu p span { font-weight: bold; font-size: 12px; padding: 0 5px 0 0; float: left; clear: none; } .article { float: left; width: 642px; padding: 10px; clear: both; margin: 10px 0 0; } .article.odd { background: #f3f3ee; } .article h1 { border-bottom: 1px solid #e2a900; padding: 0 0 5px 0; margin: 0 0 10px 0; } .article h1 span { padding: 0 5px 0 0; } .article p img { float: left; margin: 0 10px 10px 0; } .article.odd .back_to_top a { background: transparent url(../_images/top_odd.jpg) center right no-repeat; padding: 0 15px 0 0; } .article.even .back_to_top a { background: transparent url(../_images/top_even.jpg) center right no-repeat; padding: 0 15px 0 0; } .back_to_top { text-align: right; } .harbor_sidebar { background-color:#eeede7; margin: 0 0 10px 0; padding: 0 0 10px 0; float: left; clear: both; } .harbor_sidebar img { float: left; clear: both; padding: 0; margin: 0; } .harbor_sidebar p, .harbor_sidebar h2 { width: 168px; padding: 0 10px; margin: 0; float: left; clear: both; font-size:1.1em; } #secondaryNav .harbor_sidebar h2 { margin: 5px 0 0; } #secondaryNav .harbor_sidebar h2 a { font-size: 1.1em; color: #00274b; } /* EXTRAS ===================================================================== =====================================================================*/ .clear { clear:both; } .image { padding:0 0 12px 0; } /*----main nav: highlight current page----*/ #home #mainNav .home a { background:url(../_images/nav_background2.jpg) no-repeat right bottom; cursor:default; } /* highlights the current page in the navigation */ #lifestyle #mainNav .lifestyle a, #news #mainNav .news a, #events #mainNav .events a, #homes #mainNav .homes a, #marina #mainNav .marina a, #hotel #mainNav .hotel a, #ottawa #mainNav .ottawa a, #scrapbook #mainNav .scrapbook a, #discover #mainNav .discover a, #contact #mainNav .contact a { background:url(../_images/nav_background2.jpg) no-repeat left bottom; cursor:default; } /* highlights the current page in the navigation */ /*----housekeeping: highlight current page----*/ /* #ourstory #housekeepingLinks .ourstory a, #events #housekeepingLinks .events a, #news #housekeepingLinks .news a {color:#fcc619; text-decoration:none;} */ /*----sub nav - homes: highlight current page----*/ #lifestyle #secondaryNav #harbortown .harbortown a, #lifestyle #secondaryNav #yachtclub .yachtclub a, #lifestyle #secondaryNav #cabanaclub .cabanaclub a, #lifestyle #secondaryNav #siteplan .siteplan a, #homes #secondaryNav #hotelcondos .hotelcondos a, #homes #secondaryNav #condominiums .condominiums a, #homes #secondaryNav #cottage .first a, #homes #secondaryNav #dockominiums .dockominiums a, #homes #secondaryNav #riverrow .riverrow a { color:#00274b; background-color:#faf9f9; background-color:#eeede7; cursor:default; } /* highlights the current page in the navigation */ img {border:none;} /*----Bullet-pointed lists----*/ ul.bullets {font-size:11px; margin-bottom:.2em; margin-left:2em; list-style-position:outside;} ul.bullets2 {font-size:11px; margin-bottom:.2em; margin-left:2em; list-style-position:outside; list-style-image:url(../_images/bullet_dash.gif);} ul.bullets_large {font-size:14px; margin-bottom:.2em; margin-left:2em; list-style-position:outside;} /*----sub nav - scrapbook: highlight current page----*/ #scrapbook #first .first a, #scrapbook #history .history a, #scrapbook #homes .homes a, #scrapbook #lincoln .lincoln a, #scrapbook #special .special a, #scrapbook #hotel .hotel a, #scrapbook #point .point a, #scrapbook #discover .discover a, #scrapbook #goodrun .goodrun a, #scrapbook #boating .boating a { background-color:#e2e0d9; cursor:default; } .sidebar_scrapbook ul li a { font-size:1.3em; } .sidebar_scrapbook ul li a:hover { text-decoration:none; } #sidebar { margin-left:12px; } #sidebar ul li { list-style-type:none !important; font-family:Georgia, serif; font-size:12px; } #sidebar ul li a { color:#666; } #sidebar h2 { font-family:Georgia, serif; font-size:12px; text-transform:none; letter-spacing:0; margin-top:18px; padding-bottom:0; } #sidebar .widget_categories h2 { margin-top:0 !important; } td.available{ font-family:Georgia,"Times New Roman",Times,serif; color:#FFFFFF; font-weight:normal; font-size:16px; } .available_title{ font-family:Georgia,"Times New Roman",Times,serif; color:#FFFFFF; font-weight:bold; font-size:18px; } li.newsletter {font-size:12px; } ul.newsletter {font-family: Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 2em; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; list-style-position: outside; list-style-image: url(arrow.gif); list-style-type: square; padding: 6px; margin: 22px; } ul.newsletter_lg {font-family: Arial, sans-serif; font-size: 18px; font-style: normal; line-height: 2em; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; list-style-position: outside; list-style-image: url(arrow.gif); list-style-type: square; padding: 6px; margin: 2px; }