body
{
margin: 0;
padding: 0;
background: #efeadd url(/i/bg.jpg) top left repeat-x;
font-family: helvetica, sans-serif, arial;
font-size: 1.0em;
}
a
{
text-decoration: none;
outline: none;
-moz-outline-style: none;
-moz-outine-width: 0;
cursor: pointer;
}
div.clear
{
height: 0;
width: 0;
overflow: hidden;
clear: both;
}
.floatleft
{
float: left;
}
.floatright
{
float: right;
}
#wrapper
{
position: relative;
width: 940px;
display: block;
margin: 0 auto 0 auto;
}
#header
{
position: relative;
width: 940px;
display: block;
height: 180px;
background: url(/i/header_bg.jpg) top left no-repeat;
overflow: hidden;
}
#header h1, #header h2, #header h3, #header p, #intro h3, #intro p, #intro_amenities h3, #intro_amenities p, #intro_amenities ul, #intro_amenities li, #intro_location h3, #intro_location p, #intro_floorplans h3, #intro_floorplans p, #intro_contact h3, #intro_contact p, #intro_apply h3, #intro_apply p
{
text-indent: -99999px;
overflow: hidden;
font-size: 0.1em;
}
#headerleft
{
position: relative;
width: 690px;
display: block;
height: 180px;
}
#hlt
{
position: relative;
width: 690px;
display: block;
height: 130px;
}
#headerright
{
position: relative;
width: 165px;
margin-right: 85px;
display: block;
height: 180px;
}
#logo
{
position: relative;
width: 165px;
height: 180px;
display: block;
}

/*////////////////////////

main nav

////////////////////////*/
#nav
{
position: relative;
width: 690px;
height: 50px;
background: url(/i/nav.jpg) 0px -50px no-repeat;
}
ul.menu
{
position: relative;
top: 2px;
left: 15px;
width: 675px;
height: 48px;
list-style-type: none;
display: block;
}
ul.menu li
{
display: inline;
float: left;
width: 113px;
height: 48px;
}
ul.menu li a
{
position: relative;
width: 113px;
height: 48px;
display: block;
text-indent: -99999px;
overflow: hidden;
outline: none;
-moz-outline-style: none;
-moz-outine-width: 0;
}
ul.menu li.mmfloor
{
margin-right: 7px;
}
ul.menu li.mmamenities
{
margin-right: 6px;
}
ul.menu li.mmlocation
{
margin-right: 5px;
}
ul.menu li.mmcontact
{
margin-right: 7px;
}
ul.menu li.mmfloor a
{
background: url(/i/nav.jpg) -15px -2px no-repeat;
}
ul.menu li.mmamenities a
{
background: url(/i/nav.jpg) -135px -2px no-repeat;
}
ul.menu li.mmlocation a
{
background: url(/i/nav.jpg) -254px -2px no-repeat;
}
ul.menu li.mmcontact a
{
background: url(/i/nav.jpg) -372px -2px no-repeat;
}
ul.menu li.mmapply a
{
background: url(/i/nav.jpg) -492px -2px no-repeat;
}
ul.menu li.mmfloor a:hover, ul.menu li.mmamenities a:hover, ul.menu li.mmlocation a:hover, ul.menu li.mmcontact a:hover, ul.menu li.mmapply a:hover,
body.amenities ul.menu li.mmamenities a, body.floorplans ul.menu li.mmfloor a, body.location ul.menu li.mmlocation a, body.contact ul.menu li.mmcontact a, body.apply ul.menu li.mmapply a
{
background: transparent;
}

/*////////////////////////

content

////////////////////////*/
#contentwrap
{
position: relative;
width: 940px;
height: 500px;
display: block;
overflow: hidden;
background: #e4dcc7 url(/i/content_bg.jpg) top left repeat-x;
}
#contentbg
{
position: relative;
width: 910px;
height: 500px;
display: block;
overflow: hidden;
margin: 0 15px 0 15px;
}
div.cbg_homepage
{
background: url(/i/exterior1.jpg) top left no-repeat;
}
div.cbg_amenities
{
background: url(/i/pool1.jpg) top left no-repeat;
}
div.cbg_floorplans
{
background: url(/i/plans1.jpg) top left no-repeat;
}
div.cbg_location
{
background: url(/i/patio1.jpg) top left no-repeat;
}
div.cbg_contact
{
background: url(/i/bed1.jpg) top left no-repeat;
}
div.cbg_apply
{
background: url(/i/kitchen1.jpg) top left no-repeat;
}
#intro
{
position: relative;
width: 426px;
height: 235px;
overflow: hidden;
display: block;
background: url(/i/intro_panel.png) top left no-repeat;
top: 265px;
left: 30px;
}
#intro_amenities
{
position: relative;
width: 426px;
height: 235px;
background: url(/i/amenities_panel.png) top left no-repeat;
overflow: hidden;
display: block;
top: 265px;
left: 30px;
}
#intro_contact
{
position: relative;
width: 426px;
height: 235px;
background: url(/i/contact_panel.png) top left no-repeat;
overflow: hidden;
display: block;
top: 265px;
left: 30px;
}
#intro_apply
{
position: relative;
width: 426px;
height: 235px;
background: url(/i/apply_panel.png) top left no-repeat;
overflow: hidden;
display: block;
top: 265px;
left: 30px;
}
#intro_floorplans
{
position: relative;
width: 426px;
height: 235px;
background: url(/i/floorplans_panel.png) top left no-repeat;
overflow: hidden;
display: block;
top: 265px;
left: 30px;
}
#intro_location
{
position: relative;
width: 426px;
height: 235px;
background: url(/i/location_panel.png) top left no-repeat;
overflow: hidden;
display: block;
top: 265px;
left: 30px;
}
#intro_links
{
position: relative;
height: 75px;
width: 100px;
display: inline;
margin: -75px 0 0 140px;
float: left;
}
div.il_home
{
height: 75px!important;
width: 150px!important;
margin: -75px 0 0 309px!important;
}
div.il_amenities
{
height: 26px!important;
margin: -26px 0 0 356px!important;
}
div.il_floorplans
{
height: 75px!important;
width: 340px!important;
margin: -75px 0 0 120px!important;
}
div.il_location
{
height: 26px!important;
width: 170px!important;
margin: -26px 0 0 281px!important;
}
div.il_contact
{
height: 135px!important;
width: 326px!important;
margin: -136px 0 0 140px!important;
/*opacity: 0.5;
background: red;*/
}
div.il_apply
{
height: 136px!important;
width: 385px!important;
margin: -145px 0 0 58px!important;
}
#intro_links a
{
position: relative;
height: 17px;
width: 100px;
margin-bottom: 8px;
display: block;
background: transparent;
text-indent: -99999px;
overflow: hidden;
outline: none;
-moz-outline-style: none;
-moz-outine-width: 0;
}
div.il_home a
{
width: 150px!important;
}
div.il_location a
{
width: 170px!important;
}
div.il_floorplans a
{
/*background: red!important;*/
}
div.il_floorplans a.link1
{
height: 18px!important;
width: 150px!important;
top: 48px;
margin-bottom: 0px!important;
float: right;
}
div.il_floorplans a.link2
{
height: 18px!important;
width: 150px!important;
top: 1px;
margin-bottom: 0px!important;
float: left;
}
div.il_floorplans a.link3
{
height: 18px!important;
width: 150px!important;
top: 6px;
margin-bottom: 0px!important;
float: left;
}
div.il_floorplans a.link4
{
height: 18px!important;
width: 150px!important;
top: 12px;
margin: 0px 0px 0px 0px!important;
float: left;
}
div.il_contact a.link1
{
height: 18px!important;
width: 135px!important;
top: 70px;
margin-bottom: 0px!important;
float: left;
}
div.il_contact a.link2
{
height: 120px!important;
width: 120px!important;
top: 10px;
margin-bottom: 0px!important;
float: right;
}
div.il_apply a.link1
{
height: 18px!important;
width: 135px!important;
top: 9px!important;
margin-bottom: 0px!important;
float: left;
}
div.il_apply a.link2
{
height: 105px!important;
width: 63px!important;
top: 31px;
margin-bottom: 0px!important;
float: right;
}
div.lightbox
{
position: relative;
height: 0px;
width: 0px;
overflow: hidden;
}
#footer
{
position: relative;
width: 940px;
padding: 10px 0 8px 0;
overflow: hidden;
display: block;
background: #e4dcc7;
text-align: center;
line-height: 1.5em;
font-size: 0.7em;
color: #666;
font-weight: normal;
}
#footer a
{
color: #666;
font-weight: bold;
text-decoration: underline;
}
#footer a:hover
{
color: #333;
}