/* Eleven Feet Media CSS StyleSheet */ /* This Style Guide references StyleGuide_1 of the 4 different templates designed for Domus. This one references for HOME. StyleGuide_1: HOME Page (RED) StyleGuide_2: MainNav (GREEN - LIVE, LEARN, PARTNER, INVEST/FINANCE, CONTACT US Page) StyleGuide_3: HOME Page (BLUE - SubNav) StyleGuide_4: HOME Page (FUSCHIA - Communities/Developments) see IA for details <--*/ /* Zeroing Browser Defaults */ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { margin: 0px; padding: 0px; border: 0px; } /* Using the tag as a wrapper */ body { margin: 0px; /* zeroes the margins on the body */ padding: 0px; /* zeroes the padding on the body */ border: 0px; /* zeroes off any existing border */ min-width: 855px; /* sets minimum width across browsers */ margin: 0px; padding-top: 0px; text-align: center; /* IE5.x workaround */ background: #FFF; /* background-image:url(WebsiteLayout_/Home.gif); background-position:center; background-repeat: no-repeat; */ } /* BEGIN CSS STYLES */ #Container { width: 855px; height: 550px; margin-top: 25px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; position: relative; text-align: left; border: 1px solid #404040; visibility: visible; } #Container_KB { width: 855px; height: 1315px; margin-top: 25px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; position: relative; text-align: left; border: 1px solid #404040; visibility: visible; } #Container_Siena { width: 855px; height: 985px; margin-top: 25px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; position: relative; text-align: left; border: 1px solid #404040; left: -1px; } /*This belongs in the HEADER SECTION*/ /* TopNav */ #TopNav { position: absolute; padding: 0px; margin-top: 30px; z-index: 20; } #TopNav_Communities { position: absolute; margin-left: 477px; } #TopNav_Opportunities { position: absolute; margin-left: 554px; } #TopNav_Values { position: absolute; margin-left: 634px; } #TopNav_AboutUs { position: absolute; margin-left: 680px; } #TopNav_ContactUs { position: absolute; margin-left: 740px; } /* Dotted Lines */ #DottedLines { position: absolute; padding: 0px; margin-top: 65px; z-index: 0; visibility: visible; } #DottedLine1 { position: absolute; margin-top: 0px; visibility: visible; } #DottedLine2 { position: absolute; margin-top: 35px; visibility: visible; } #DottedLine3 { position: absolute; margin-top: 180px; visibility: visible; } /* Main Navigation */ #MainNav { position: absolute; padding: 0px; margin-top: 70px; z-index: 20; visibility: visible; } #MainNav_Live { position: absolute; margin-top: 0px; margin-left: 150px; visibility: visible; } #MainNav_Learn { position: absolute; margin-top: 0px; margin-left: 213px; visibility: visible; } #MainNav_Partner { position: absolute; margin-top: 0px; margin-left: 312px; visibility: visible; } #MainNav_InvestFinance { position: absolute; margin-top: 0px; margin-left: 437px; visibility: visible; } #MainNav_ContactUs { position: absolute; margin-top: 0px; margin-left: 645px; visibility: visible; } #Logo { margin-top: 124px; margin-left: 33px; padding: 0; position: absolute; z-index: 20px; visibility: visible; } #Latest { margin-top: 255px; margin-left: 14px; padding: 0; position: absolute; z-index: 20px; width: 115px; font-family: Helvetica, Arial, sans-serif; color: #492300; font-size: 11px; line-height: 15px; font-style: italic; visibility: visible; text-align: center; } #Latest A:link { color: #FF5700; text-decoration: none; } #Latest A:visited { color: #FF5700; text-decoration: none; } #Latest A:active { color: #775A40; text-decoration: none; } #Latest A:hover { color: #775A40; text-decoration: none; } #Gateway { margin-top: 255px; margin-left: 14px; padding: 0; position: absolute; z-index: 20px; width: 115px; font-family: Helvetica, Arial, sans-serif; color: #492300; font-size: 11px; line-height: 15px; font-style: normal; visibility: visible; text-align: left; font-weight: normal; } #Gateway A:link { color: #492300; font-style: normal; text-decoration: none; font-weight: bolder; } #Gateway A:visited { color: #775A40; font-style: normal; text-decoration: none; font-weight: bolder; } #Gateway A:active { color: #FF5700; font-style: normal; text-decoration: none; font-weight: bolder; } #Gateway A:hover { color: #FF5700; font-style: normal; text-decoration: none; font-weight: bolder; } #KB { margin-top: 295px; margin-left: 14px; padding: 0; position: absolute; z-index: 20px; width: 115px; font-family: Helvetica, Arial, sans-serif; color: #492300; font-size: 11px; line-height: 15px; font-style: normal; visibility: visible; text-align: left; font-weight: normal; } #KB A:link { color: #492300; font-style: normal; text-decoration: none; font-weight: bolder; } #KB A:visited { color: #775A40; font-style: normal; text-decoration: none; font-weight: bolder; } #KB A:active { color: #FF5700; font-style: normal; text-decoration: none; font-weight: bolder; } #KB A:hover { color: #FF5700; font-style: normal; text-decoration: none; font-weight: bolder; } /* This belongs in the BODY SECTION*/ #BodyArea { position: absolute; visibility: visible; } #Home_MiddleImage { position: absolute; margin-top: 125px; margin-left: 156px; padding: 0px; z-index: 20px; visibility: visible; } #Home_BottomImage_News { position: absolute; margin-top: 370px; margin-left: 155px; padding: 0px; z-index: 20px; } #Home_Paragraph { position: absolute; margin-top: 379px; margin-left: 325px; padding: 0px; z-index: 30px; width: 435px; font-family: Helvetica, Arial, sans-serif; color: #492300; font-size: 13px; line-height: 17px; } #KB_MiddleImage { position: absolute; margin-top: 295px; margin-left: 156px; padding: 0px; z-index: 20px; visibility: visible; }