/* Default Styles */ * { padding:0; margin:0; } body { padding: 10px 0; font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; /* Resets 1em to 10px */ background:#eee;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, embed { margin: 0 0 1.0em 0; padding: 0; } img{ border: 0; } ul { list-style-type:none;} a { cursor:pointer; outline: none; } /* Container */ #container{ margin:0 auto; width:740px; border: solid 1px #000; background:#fff; } /* Header */ #header { width:740px; margin:0; background:#000; height: 65px; position: relative; padding-top: 5px; } /*#header p { width: 160px; margin:0; font-size: 1.0em; padding: 0 30px; float:right; } #header p a { display:block; width: 140px; background: #99cc33; color:#000; line-height:1.3em; letter-spacing:0.1em; font-weight: bold; padding: 2px 10px;text-decoration:none; } #header p a:hover { color: #999999; }*/ #header h1 { margin:0; width:520px; /*float:right;*/ } #header h1 a { display:block; width: 300px; height:52px; margin: 7px 0 0 0; background:url(images/header-logo.jpg) no-repeat; text-indent:-3000px;} #header #language { position:absolute; top: 26px; left:395px; height: 25px; margin:0 auto; width:50px; } #header #language a { font-size: 12px; color: #449BCF; text-decoration: none; } #header #language a:hover { color:#99CC33; } /* Nav Menu */ #nav, #nav ul { width: 740px; height:29px; background:#000; margin:0;} #nav li { float: left; } #nav li:hover { background-position: 0 0;} #nav li ul {position: absolute; left: -999em; height: auto; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav a { display: block; height:29px; text-indent:-3000px; } #nav a:hover, #nav a.current {background-position: 0 -29px; } a#navVision, #nav li#vision { width:62px; } #nav li#vision ul a, #nav li#vision ul li, #nav li#vision ul { width: 180px;} a#navVision { background:url(images/menu/vision.gif); } a#navMaster { background:url(images/menu/masterplan.gif); } a#navManagement { background:url(images/menu/management.gif); } a#navRealEst, #nav li#realestate { width: 100px; } #nav li#realestate ul a, #nav li#realestate ul li, #nav li#realestate ul { width: 108px;} a#navRealEst { background:url(images/menu/realestate.gif); } a#navResort { background: url(images/menu/resortvillas.gif); } a#navSingle { background: url(images/menu/singlefamily.gif); } a#navSkyy { background: url(images/menu/skyy.gif); } a#navAccom, #nav li#accommo { width: 133px; } #nav li#accommo ul a, #nav li#accommo ul li, #nav li#accommo ul { width: 140px;} a#navAccom { background:url(images/menu/accommodations.gif); } a#navActivities { background:url(images/menu/activites.gif); } a#navAttractions { background:url(images/menu/attractions.gif); } a#navGolf, #nav li#golf { width: 51px; } #nav li#golf ul a, #nav li#golf ul li, #nav li#golf ul { width: 180px;} a#navGolf { background:url(images/menu/golf.gif); } a#navCourse { background:url(images/menu/thecourse.gif); } a#navMembership { background:url(images/menu/membership.gif); } a#navCorporate { background: url(images/menu/corporate.gif); } a#navGolfShop { background: url(images/menu/golfshop.gif); } a#navCalEvents { background: url(images/menu/calevents.gif); } a#navTourny { background: url(images/menu/tournaments.gif); } a#navEvents, #nav li#events { width: 65px; } #nav li#events ul a, #nav li#events ul li, #nav li#events ul { width: 180px;} a#navEvents { background:url(images/menu/events.gif); } a#navClubhouse { background:url(images/menu/clubhouse.gif); } a#navWeddings { background:url(images/menu/weddings.gif); } a#navMeetings { background: url(images/menu/meetings.gif); } a#navInvest, #nav li#invest { width: 103px; } #nav li#invest ul a, #nav li#invest ul li, #nav li#invest ul { width: 115px;} a#navInvest { background: url(images/menu/investments.gif); } a#navContact, #nav li#contact { width: 101px; } #nav li#contact ul a, #nav li#contact ul li, #nav li#contact ul { width: 101px;} a#navContact { background:url(images/menu/contact.gif); } a#navLocation { background:url(images/menu/location.gif); } a#navComments { background: url(images/menu/comments.gif); } /* Banner */ #banner { margin:0; width:740px; height:255px; } #subbanner{ float:right; width: 525px; height:30px; margin:0 0 25px 0;} /* Content Wrapper */ #splash { width:740px; margin:0; padding: 0 0 333px 0; background:url(images/home-main2.jpg) top center no-repeat; } #content { width:740px; margin:0; background:#fff; } /* Left Col */ #splash #left { width:222px; float:left; } #content #left { width:215px; float:left; } #content #left #suttonNav { width:215px; padding: 0 0 25px 0; border-top: 7px solid #000; background:url(images/side-foot.GIF) bottom center no-repeat; } #content #left #sidebar { width:215px; padding: 0 0 25px 0; background:url(images/side-foot.GIF) bottom center no-repeat;} #content #left #sidebar li,#content #left #suttonNav li { text-indent:-3000px; } #content #left #sidebar li a, #content #left #suttonNav li a { display: block; width: 215px; } #content #left #sidebar li a.sidenav:hover, #content #left #sidebar a.current { background-position: 0 -29px; } /* Sidebar Specfics */ #content #left #visManagement a { background: url(images/vision/side-management.gif); height: 29px; } #content #left #visMaster a { background: url(images/vision/side-masterplan.gif); height: 29px; } #content #left #homeHours { background: url(images/homes/side-left-1.gif); height:58px; } #content #left #homeCenter a { background: url(images/homes/side-left-2.gif); height:69px;} #content #left #homeSutton a { background: url(images/homes/side-left-3.gif); height:146px;} #content #left #homeMaster a{ background: url(images/homes/sidemenu-masterplan.gif); height:29px; } #content #left #homeEmerald a { background: url(images/homes/sidemenu-singlefamily.gif); height:29px;} #content #left #homeDeer a { background: url(images/homes/sidemenu-resortvillas.gif); height:29px;} #content #left #homeSkyy a { background: url(images/homes/sidemenu-skyy.gif); height:29px;} #content #left #golfCourse a { background: url(images/golf/side-course.gif); height: 29px; } #content #left #golfMembership a { background: url(images/golf/side-membership.gif); height: 29px; } #content #left #golfCorporate a { background: url(images/golf/side-corporate.gif); height: 29px; } #content #left #golfStore a { background: url(images/golf/side-store.gif); height: 29px;} #content #left #golfEvents a { background: url(images/golf/side-events.gif); height: 29px; } #content #left #golfTeetime a { background: url(images/golf/side-teetimes.gif); height: 80px; } #content #left #golfTeetime a:hover { background-position: 0 -80px; } #content #left #clubEagels a { background: url(images/clubhouse/side-welcome.gif); height: 29px; } #content #left #clubEvents a { background: url(images/clubhouse/side-events.gif); height: 29px; } #content #left #clubMeetings a { background: url(images/clubhouse/side-meetings.gif); height: 29px; } #content #left #clubBlank { background: url(images/clubhouse/side-eagles.gif); height: 119px;} #content #left #surAccom a { background: url(images/surroundings/sidemenu-accomm.gif); height: 29px; } #content #left #surLocal a { background: url(images/surroundings/sidemenu-local.gif); height: 29px; } #content #left #surRecActivity a { background: url(images/surroundings/sidemenu-activities.gif); height: 29px; } #content #left #invInvest a { background:url(images/investments/sidebar-investments.gif); height: 29px; } #content #left #conInfo a { background: url(images/contact/side-info.gif); height: 29px; } #content #left #conLocation a { background: url(images/contact/side-location.gif); height: 29px; } #content #left #conComments a { background: url(images/contact/side-comments.gif); height: 29px; } #content #left #sideBlank { background: url(images/sidemenu-blank.gif); height: 21px; } #content #left p.imgpad{ padding: 0 0 0 25px;} #content #left p.menu{ margin: 75px 0 0 0;} #content #left p.rick{ margin: 130px 0 0 0;} #content #left .clear{ clear:both;} #content #left .links { margin: 0 0 0 25px; list-style-type:none;} #content #left .links li { } #content #left .links li a { display:block; text-align:right; color:#666666; text-decoration:none; font-size: 1.1em; padding: 4px 0;} /* Links Specfics */ #content #left #homePriReg a { background:url(images/homes/left1.gif); width: 185px; height:53px; text-align:left; text-indent:-3000px;} #content #left #homeGetHere a { background:url(images/homes/left2.gif); width: 185px; height:99px; text-align:left; text-indent:-3000px; } #content #left #golfRates a { background:url(images/golf/left-2b.gif); width: 185px; height:165px; text-align:left; text-indent:-3000px; } #content #left #golfRates2 a { background:url(images/golf/left-2.gif); width: 185px; height:157px; text-align:left; text-indent:-3000px; } #content #left #golfTourny a { background:url(images/golf/left-3.gif) top right no-repeat; width: 185px; height:88px; text-align:left; text-indent:-3000px; } #content #left #golf360 a { background:url(images/golf/left-4.gif); width: 185px; height:59px; text-align:left; text-indent:-3000px; } #content #left #golfDress a { background:url(images/golf/left-1.gif); width: 184px; height:139px; text-align:left; text-indent:-3000px; } #content #left #acrobat { margin:15px 0;} #content #left #club360 a { background:url(images/clubhouse/360-panoramic-view.gif); width: 185px; height:105px; text-align:left; text-indent:-3000px; } #content #left #surroundingsLinks { border-top: dotted 1px #CC0033;} #content #left #surroundingsLinks li { border-bottom: dotted 1px #CC0033; } #content #left #surroundingsLinks a:hover { color:#CC0033; } #splash #left #sidebar { width:212px; padding: 25px 5px; } #splash #left #sidebar li { text-indent:-3000px; } #splash #left #spWelcome a { display:block; background: url(images/home-side-2010.png); width:212px; height: 274px; } /* Center Col */ /* 360 */ #splash #center { width:325px; padding: 0 15px 0 20px; margin: 25px 0; float:left; color: #666666; } #content #center{ width:325px; padding: 0 17px 25px 25px; float:left; color: #666666; } #content #center h1,#splash #center h1 {text-indent:-3000px; } #content #center h2 {font-size: 18px;font-weight: normal;} #content #center p, #splash #center p {font-size:1.1em; line-height:17px; } #content #center a { color: #449BCF; } #content #center a:hover { color: #99CC33; } #content #center dl { font-size: 1.1em;line-height:17px; padding: 0 0 25px 0; margin: 0 0 20px 0;border-bottom: dotted 1px #666; } #content #center dl dt { font-weight:bold;} #content #center ul { font-size:1.1em; line-height:17px; list-style-type:disc; } #content #center li { margin: 0 0 0 15px; } #content #center .nopad { padding:0; margin:0;} #content #center .spacer { padding:0 0 25px 0; margin: 0 0 45px 0; border-bottom: dotted 1px #666; } #content #center .spacer2 { padding:0 0 25px 0; margin: 0 0 25px 0; border-bottom: dotted 1px #666; } #content #center .blockcontent{ padding: 0 0 20px 30px;} /* Specfics */ #splash #center h1#splash1 { background:url(images/sp-title-1.png) no-repeat; width:230px; height:45px; } #splash #center #splash2 a { display:block; background: url(images/valdinner.gif); width:230px; height:45px; } /*#splash #left #spWelcome a { display:block; background: url(images/home-side-2010.jpg); width:212px; height: 274px; }*/ #content #center h1#vision1{ background:url(images/vision/title-1.gif) no-repeat; width:325px; height:39px; } #content #center h1#vision2{ background:url(images/vision/title-2.gif) no-repeat; width:325px; height:44px; } #content #center h1#vision3{ background:url(images/vision/title-3.gif) no-repeat; width:325px; height:40px; } #content #center h1#vision4{ background:url(images/vision/title-4.gif) no-repeat; width:325px; height:45px; } #content #center h1#vision5{ background:url(images/vision/title-5.gif) no-repeat; width:325px; height:39px; } #content #center h1#vision6{ background:url(images/vision/title-6.gif) no-repeat; width:325px; height:45px; } #content #center h1#vision7{ background:url(images/vision/title-7.gif) no-repeat; width:325px; height:45px; } #content #center h1#vision8{ background:url(images/vision/title-8.gif) no-repeat; width:325px; height:50px; } #content #center h1#vision9{ background:url(images/vision/title-9.gif) no-repeat; width:325px; height:50px; } #content #center h1#vision10{ background:url(images/vision/title-10.gif) no-repeat; width:325px; height:50px; } #content #center h1#vision11{ background:url(images/vision/title-11.gif) no-repeat; width:325px; height:50px; } #content #center h1#homes1{ background:url(images/homes/title-1.gif) no-repeat; width:325px; height:116px; } #content #center h1#homes2{ background:url(images/homes/title-2.gif) no-repeat; width:325px; height:81px; } #content #center h1#homes3{ background:url(images/homes/title-3.gif) no-repeat; width:230px; height:45px; } #content #center h1#golf1{ background:url(images/golf/title-1.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf2{ background:url(images/golf/title-2.gif) no-repeat; width:325px; height:46px; } #content #center h1#golf3{ background:url(images/golf/title-3.gif) no-repeat; width:325px; height:39px; } #content #center h1#golf4{ background:url(images/golf/title-4.gif) no-repeat; width:325px; height:46px; } #content #center h1#golf5{ background:url(images/golf/title-5.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf6{ background:url(images/golf/title-6.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf7{ background:url(images/golf/title-7.gif) no-repeat; width:325px; height:46px; } #content #center h1#golf9{ background:url(images/golf/title-9.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf10{ background:url(images/golf/title-10.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf11{ background:url(images/golf/title-11.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf12{ background:url(images/golf/title-12.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf13{ background:url(images/golf/title-13.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf14{ background:url(images/golf/title-14.gif) no-repeat; width:325px; height:45px; } #content #center h1#golf15{ background:url(images/golf/title-15.gif) no-repeat; width:325px; height:50px; } #content #center h1#golfgear1{ background:url(images/golf/gear-title1.gif) no-repeat; width:325px; height:115px; } #content #center h1#club1{ background:url(images/clubhouse/title-1.gif) no-repeat; width:325px; height:67px; } #content #center h1#club4{ background:url(images/clubhouse/title-4.gif) no-repeat; width:325px; height:73px; } #content #center h1#club5{ background:url(images/clubhouse/title-5.gif) no-repeat; width:325px; height:123px; } #content #center h1#club6{ background:url(images/clubhouse/title-6.gif) no-repeat; width:325px; height:13px; } #content #center h1#surround1{ background:url(images/surroundings/title-1.gif) no-repeat; width:240px; height:45px; } #content #center h1#surround2{ background:url(images/surroundings/title-2.gif) no-repeat; width:230px; height:39px; } #content #center h1#surround3{ background:url(images/surroundings/title-3.gif) no-repeat; width:230px; height:45px; } #content #center h1#surround4{ background:url(images/surroundings/title-4.gif) no-repeat; width:230px; height:45px; } #content #center h1#invest1{ background:url(images/investments/title-1.gif) no-repeat; width:325px; height:67px; } #content #center h1#invest2{ background:url(images/investments/title-2.gif) no-repeat; width:263px; height:43px; } #content #center h1#contact1{ background:url(images/contact/title-1.gif) no-repeat; width:325px; height:38px; } #content #center h1#contact2{ background:url(images/contact/title-2.gif) no-repeat; width:325px; height:40px; } #content #center h1#contact3{ background:url(images/contact/title-3.gif) no-repeat; width:325px; height:46px; } #content #center h1#contact4{ background:url(images/contact/title-4.gif) no-repeat; width:325px; height:40px; } #content #center h1#contact5{ background:url(images/contact/title-5.gif) no-repeat; width:325px; height:45px; } /* Club Events */ #content #center .events-post { border-bottom: dotted 1px #666666; margin: 0 0 15px 0;} #content #center .events-post h3 { margin:0; color:#666666; font-size: 1.4em; } #content #center .events-post .date { color: #999999; font-size: 1.0em;} /* Right Col */ #content #right{ width: 158px; padding:5px 0 0 0; float:left; background:#000;} #content #right ul { width: 158px; padding: 0 0 15px 0; background:url(images/right/sidebar-bottom.gif) bottom center no-repeat; margin:0;} #content #right li { text-indent:-3000px; } #content #right li a { display: block; width:158px; } #content #right #rb2 a { background:url(images/right/sidebar-2.gif); height: 102px; } #content #right #rb3 a { background:url(images/right/sidebar-3.gif); height: 132px; } #content #right #rb4 a { background:url(images/right/sidebar-4.gif); height: 140px; } #content #right #rb6 a { background:url(images/right/sidebar-6.gif); height: 121px; } #content #right #rb7 a { background:url(images/right/sidebar-7.gif); height: 140px; } #splash #right { width: 158px; float:left;} #splash #right ul { width: 158px; margin:0;} #splash #right li { text-indent:-3000px; } #splash #right li a { display: block; width:158px; } #splash #right #sp1 a { background:url(images/sp-ivestopp.png)no-repeat; height: 215px; } #splash #right #sp2 a { background:url(images/chowtime-home.png); height: 185px; } /* Footer */ #footer{ width:740px; background:#000; text-align:right; } #footer p { color:#ccc; font-size: 1.0em; padding: 3px 8px; margin:0; font-weight:bold;} /* Clearfix */ .clearfix {display: inline-block;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Contact form */ #content #center #contact-form { width:325px; margin:40px 0;} #content #center #contact-form fieldset { border:none; } #content #center #contact-form legend { display:none; } #content #center #contact-form fieldset div { margin:5px 0; clear:both; } #content #center #contact-form label { float:left; width:100px; margin-right:10px; font-size:1.1em; } #content #center #contact-form input { width:150px; } #content #center #contact-form textarea { width:180px; } #content #center #contact-form input, #content #center #contact-form textarea { padding:2px; border:1px solid #9933cc; font-size: 1.4em; font-weight:bold; } #content #center #contact-form input:hover, #content #center #contact-form input:focus, #content #center #contact-form textarea:hover, #content #center #contact-form textarea:focus, #content #center #contact-form #submit-go:hover { border-color:#cc99ff; } #content #center #contact-form #submit-go { font-size: 1.1em; font-weight:bold; border: solid 1px #9933CC; background:#eee; cursor:pointer !important; cursor:hand; margin: 20px 0 0 110px; padding: 1px 10px; }