* { margin: 0px; padding: 0px }

body { background: #3d537a; margin: 0px; text-align: center; font: 12px Helvetica, Arial, sans-serif; line-height: 14px }
p { margin: 10px 0px }
ul { padding-left: 25px }
#wrapper { width: 795px; margin: 0px auto; padding: 4px; background: #fff }

a { color: #3d537a }
a:hover { text-decoration: none }

#header { width: 801px; margin: 10px auto; height: 45px; text-align: left }
#header img.logo { position: relative; z-index: 1; left: 27px; top: 8px }

h3.button a { background: #aec4e5; border: 2px solid #3d537a; display: block; width: 250px; text-align: center; padding: 7px; text-decoration: none }
h3.button a:hover { background: #fff }

/* Utility Nav */
#top-links { float: right; margin-top: 35px; font-size: 11px }
#top-links ul { list-style-type: none }
#top-links ul li { display: inline; padding: 0px 5px }
#top-links ul li a { color: #fff }
#top-links ul li a:hover { text-decoration: none }

/* Nav */
#nav { background: #aec4e5; height: 40px; overflow: hidden; font-size: 12px; border: 1px solid #15263b; border-bottom: 6px solid #000 }
#nav ul { list-style-type: none; margin: 0px; padding: 0px; float: right }
#nav ul li { display: block; float: left; background: url('../img/nav-separator.gif') 0px 10px no-repeat; padding: 15px 0px; margin-right: 4px }
#nav ul li.first-child { background: none }
#nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 16px 10px 12px 10px; margin-left: 4px }
#nav ul li a:hover, #nav ul li a.current { background: url('../img/nav-background-on.gif') bottom center no-repeat }
/*#nav ul li a:hover, #nav ul li a.current { color: #3d537a; background: #fff }*/

/* Subnav */
#subnav ul { list-style-type: none; margin: 0px; padding: 1px 0px; background: url('../img/subnav-background.gif') 0px 0px repeat-y; height: 22px; border-left: 1px solid #15263b; border-right: 1px solid #15263b }
#subnav ul li { display: inline; padding: 0px 5px 0px 7px; margin: 0px; background: url('../img/footer-nav-separator.gif') 0px 0px no-repeat }
#subnav ul li.first-child { background: none }
#subnav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px }
#subnav ul li a:hover, #subnav ul li a.current { color: #aec4e5 }

#subnav ul.living-space { padding-left: 100px; background-position: 255px 0px }
#subnav ul.residents { padding-left: 230px }

/* Content */
#content { border: 1px solid #15263b; border-top: none; clear: left; line-height: 16px }
#content.index { background: url('../img/index-content-background.gif') top right repeat-y }
#content.secondary { background: #fff; padding-top: 15px }

#content #index-slideshow { border-bottom: 6px solid #000; background: #fff; width: 793px; height: 342px; overflow: hidden; margin: 0px }
#content ul li { padding: 3px 0px; text-align: left }

#content .copy { padding: 10px 20px 10px 24px; text-align: left }
#content .copy h1 { margin: 5px 0px; color: #aec5e5; font-size: 20px } 
#content .copy h2 { margin: 5px 0px 10px 0px; color: #3d537a; font-size: 18px } 
#content .copy h3 { margin: 5px 0px; color: #3d537a; font-size: 14px }

/* Callout on index */
#content #callout { width: 200px; padding: 10px 20px 50px 30px; float: right; margin-left: 20px; color: #000; text-align: left; margin-bottom: -126px } /* Negative margin used to compensate for the positioned image */
#content #callout h2 { margin: 4px 0px 10px 0px; color: #3d537a; font-size: 15px }
#content #callout p { margin: 2px 0px }
#content #callout h2, #content #callout p { position: relative; bottom: 115px }
#content #callout img { position: relative; bottom: 80px; left: 150px; z-index: 100 }



/* Footer */
#footer { text-align: right; font-size: 11px; line-height: 14px; width: 801px; background: url('../img/footer-background.gif') top center no-repeat; margin: 0px auto; padding: 10px 0px; color: #fff }
#footer ul { list-style-type: none; margin: 0px; padding: 0px }
#footer ul li { display: inline; padding: 0px 5px 0px 7px; margin: 0px; background: url('../img/footer-nav-separator.gif') 0px 1px no-repeat }
#footer ul li.first-child { background: none }
#footer a { color: #fff; text-decoration: none }
#footer a:hover { text-decoration: underline }
#footer p { margin: 0px }

/* Misc. styles */
a img { border: none }
.clear-left { clear: left }
.clear-right { clear: right }
.clear { clear: both }
span.highlight { background: #ffc; font-weight: bold }

/* Form CSS */
fieldset { border: 0px; display: block }
legend { font-weight: bold }

.label { width: 100px; padding-right: 10px; float: left; font-weight: normal; text-align: left; margin: 6px 0px }
.input { width: 250px; float: left }
.select { width: 200px; float: left }
.textarea { width: 250px; float: left; font-family: sans-serif }

.input, .select, .textarea { border: 1px solid #ccc; border-top: 1px solid #777; padding: 1px; background: url('../img/input-background.gif') 0px 0px repeat-x }

.input, .select, .textarea, .checkbox { margin: 3px 0px } 
.required { color: #dc5855 }
.error { border: 2px solid #dc5855 }

/* GMap */
#map-wrapper { width: 460px; height: 360px; background: url('../img/map-background.gif') 0px 0px no-repeat; float: right; text-align: center; margin: 15px 0px 40px 25px }
#map { width: 440px; height: 340px; margin: 7px auto; text-align: left }

/* Floorplan */
#floorplan { width: 450px; float: right; text-align: center }

/* Photo Gallery */
#slideshow-background { background: url('../img/photo-gallery-background.jpg'); width: 475px; height: 290px; padding-top: 20px; margin-left: 150px }
#slideshow { margin: 12px 0px 0px 56px }

ul#slideshow-nav { margin: 0px; padding: 0px }
#slideshow-nav li { width: 107px; height: 110px; background: url('../img/gallery-thumbnail-background.gif') no-repeat; float: left; margin: 0px; list-style: none; padding: 0px }
#slideshow-nav a { width: 90px; height: 91px; padding: 4px; margin: 0px 0px 0px 3px; display: block }
#slideshow-nav a.activeSlide { background: #aec4e5 }
#slideshow-nav a:focus { outline: none }
#slideshow-nav img { border: none; display: block }

/* Site Map */
td.nav, td.subnav, td.subsubnav { font-size: 14px; padding: 5px }
td.nav { background: url('../img/nav-node.png') 2px 3px no-repeat; padding-left: 20px }
td.subnav { background: url('../img/subnav-node.png') 10px 3px no-repeat; padding-left: 40px }
td.subnav.last { background: url('../img/subnav-node-last.png') 10px 3px no-repeat }
td.subsubnav { background: url('../img/subsubnav-node.png') 10px 3px no-repeat; padding-left: 57px }
td.subsubnav.last { background: url('../img/subsubnav-node-last.png') 10px 3px no-repeat }