/* Define Main Elements */



body {margin:0;font-family:"Lucida Grande","Lucida Sans Unicode", Veranda,sans-serif;text-align:center;background-image:url(images/bg.gif);background-repeat:repeat-x;}

img {border:0;padding:0;margin:0;}

h1  { color: white; font-weight: bold; font-size: 1em; line-height: 1.6em; margin-top: 0; padding-top: 17px; padding-left: 30px }

h2 {color:#57100A;font-size:1.1em;padding-left:30px;}

strong  { color: #e4b747; font-weight: bold }



/* Main divs */

#container {width:903px;border:7px solid white; border-top:none; padding-top:0; margin:auto; margin-top:0; margin-bottom:40px;}



/* Masthead */

#header {width:903px;background-image:url(images/top-bar-bg.gif);border-top:1px solid #57100A;}

#top-nav {height:31px;border-top:6px solid #b18e37;background-color:#9b7627;margin-top:21px;}

#top-nav ul {text-align:center;color:white;font-size:0.75em;font-weight:bold;margin-top:0;padding-top:7px;}

#top-nav li {background-image:url(images/top-bullet.gif);background-repeat:no-repeat; background-position:left center; display:inline;padding-left:24px;padding-right:20px;padding-top:7px;padding-bottom:8px;}

#top-nav a{padding-top:7px;text-decoration:none;color:white;padding-bottom:8px;}

#top-nav li:hover {background-image:url(images/top-bullet-inverse.gif);background-repeat:no-repeat; background-position:left center;text-decoration:underline;background-color:#b18e37;}

#header-right {width:487px;height:298px;float:right;border-bottom:6px solid #9b7627;}

#header-logo {height:129px;width:416px;float:left;border-top:19px solid #b18e37;border-bottom:16px solid #b18e37;text-align:center;}

#header-logo a {color:#b18e37;text-decoration:none;}

#header-logo a:hover {text-decoration:underline;}

#header-logo img {margin-top:28px;}

#header-logo p {color:#b18e37;font-size:0.7em;padding-bottom:10px;margin-top:20px;}

#header-left {width:416px;height:134px;float:left;border-bottom:6px solid #9b7627; }



/* Wrapper */

#wrapper {background-image:url(images/wrapper-bg.gif);width:903px;}



/* Navigation Bar */

#navigation {width:208px; float:left;text-align:center;}

#navigation p {color:white;padding-left:14px;padding-top:13px;border-top:1px solid #9b7627;margin-top:1px;text-align:left;}

#navigation a {color:#66100a;text-decoration:none;display:block;padding-bottom:12px;padding-top:10px;}

#navigation dl {text-align:left;border-bottom:1px solid #9b7626;}

#navigation dt {background-image:url(images/bullet-mainnav.gif);background-repeat:no-repeat;padding-left:27px; border-top:1px solid #9c7528;background-position:4% 50%;font-weight:bold;border-bottom:1px dotted #b28e37;}

#navigation dd {color:#66100a;background-color:#9c7528;border-bottom:1px solid #b28e37;margin-left:0;padding-left:27px;font-size:0.6em;padding-top:9px;padding-bottom:8px;} 

#navigation img {clear:both;margin:auto;padding-top:31px;}

#navigation dt:hover {background-color:#9c7528; background-image:url(images/bullet-mainnav-inverse.gif);background-repeat:no-repeat;background-position:4% 50%;}

#navigation dt a:hover {color:white;}



/* Content */

#content {width:690px;float:right;text-align:left;color:white;}

#content p {font-size:0.9em;padding-left:30px;padding-right:20px;line-height:140%;}

#content p a {font-size:1em;font-weight:bold;text-decoration:none;color:white;border-bottom:1px dotted white;}

#content a:hover  { color: #e4b747; border-bottom: 1px solid #b28e38 }

#content .button a {color:white;border:0; padding:0;margin:0;text-decoration:none;text-align:center;font-size:1em;font-weight:bold;width:100%;}

#content .button a:hover {text-decoration:underline;}

#content .button p {padding-top:14px;margin-top:0;}

#content .button {position:absolute; background-image:url(images/apartment-button.gif); height:49px; width:218px; bottom:1px; right:12px;padding:0;margin:0;}





/* Footer */

#footer {width:903px;clear:both;height:31px;background-color:#9c7526;color:white;padding:0;margin:0;}

#footer a {text-decoration:none;color:white;}

#footer ul {padding-left:0;margin-left:0;width:904px;font-size:0.75em;font-weight:bold;padding-top:8px;}

#footer li {display:inline;padding-left:10px;padding-right:10px; margin:0;}

#footer a:hover {text-decoration:underline;}



/* Index page */

.flat {height:383px;width:649px;background-image:url(images/apartment-top.gif);background-repeat:no-repeat;padding-top:15px;margin:auto;margin-top:10px;margin-bottom:10px;}

.details {height:352px;background-image:url(images/apartment-bg.gif);border-right:4px solid #7c6b4d;border-left:4px solid #7c6b4d;clear:both;position:relative;}

.flat-bottom {width:649px;height:15px;background-image:url(images/apartment-bottom.gif);}

.flat img {float:left;clear:left;margin-left:13px;}

.float-right {width:240px;float:right;}

.float-right ul {padding:0;margin:0;font-size:0.8em;padding-left:34px; color:#64130c; font-weight:bold; padding-right:20px;}

.float-right li {padding-bottom:10px;list-style-image:url(images/apartment-bullet.gif);}

.float-right p {padding:0;margin:0;font-size:0.8em;padding-left:34px; color:#64130c; font-weight:bold; padding-right:20px;}

li.large {font-size:1.1em;}



/* Flat Pages */

.images {padding-left:30px;height:244px;}

.area {width:260px;float:right;}

.area ul {padding:0;margin:0;font-size:0.8em;padding-left:34px; color:#64130c; font-weight:bold; padding-right:20px;}

.area li {padding-bottom:10px;list-style-image:url(images/apartment-bullet.gif);}

.area strong {color:#B28E38;}

#content .area p {padding:0;margin:0;font-size:0.8em; color:#9c7528;font-weight:bold;padding-right:20px;}

#content .area h2 {padding:0;margin:0;padding-bottom:20px;padding-top:15px;}

.maps {float:left;position:absolute;top:15px;left:14px;width:332px;height:320px;margin-left:13px;border:1px dotted #7c6b4d;}

#maps {position:absolute;width:582px;height:322px;top:15px;left:28px;border:1px dotted #7c6b4d;}

.GMapEZ {width: 330px; height: 318px;}

#photo {background-image:url(images/contact-bubble-bg.gif);border-right:4px solid #7c6b4d;border-left:4px solid #7c6b4d;clear:both;position:relative;}

#photo-container {width:649px;background-image:url(images/apartment-top.gif);background-repeat:no-repeat;padding-top:15px;margin:auto;margin-top:10px;margin-bottom:10px;}

#photo img {margin-left:13px;margin-right:13px;float:left;}

#availability {background-image:url(images/apartment-button-top.gif);float:right;padding:0;margin:0;margin-right:14px;width:218px;height:49px;padding-bottom:20px;background-repeat:no-repeat;padding-top:3px;}

#photo h2 {padding:0;margin:0;}

#photo p {padding:0;margin:0;color:#b28e38;margin-right:13px;font-weight:bold;padding-top:10px;}

#col-right ul {padding:0;margin:0;padding-top:16px;font-size:0.8em; color:#702620; font-weight:bold; padding-right:20px;}
#col-right {float:right;width:230px;padding:0;margin:0;}
#col-left {float:left;width:400px;padding:0;margin:0;}
#photo li {margin-left: 32px; padding-bottom:10px;list-style-image:url(images/apartment-bullet.gif);}

#photo strong {color:#B28E38;}

#availability p a {color:white;border:0; padding:0;margin:0;text-decoration:none;;font-size:1em;font-weight:bold;width:100%;margin-left:39px;}



/* Contact Form */

.hidden {visibility:hidden;}

.form {padding-left:50px;padding-right:30px;margin:auto; width:600px;}

label {color:#57100A;}

td {width:300px;}



input, select, textarea {border:1px solid #7c6b4d;color:#7c6b4d;font-weight:bold;}

#Submit {border:1px solid #7c6b4d;background-color:#b28e38;color:#66100a;padding-top:5px;padding-bottom:5px;font-size:1em;}

#Submit:hover {background-color:#9c7528;color:white;}

#contact {background-image:url(images/contact-bubble-bg.gif);background-repeat:repeat-x;background-color:#988968;border-right:4px solid #7c6b4d;border-left:4px solid #7c6b4d;clear:both;padding-top:20px;padding-bottom:20px;}

#form-container {width:649px;background-image:url(images/apartment-top.gif);background-repeat:no-repeat;padding-top:15px;margin:auto;margin-top:10px;margin-bottom:10px;}

#contact p {color:#57100A;margin:0;padding:0;font-size:0.9em;}



/* Customer Comments */

#contact #white p {padding-left:30px;padding-right:30px;}

#contact p.right-align {text-align:right;padding-bottom:15px;color:#9c7528;}

#white {width:570px;margin:auto;border:1px dotted white;background-color:white;padding-top:25px;}



/* Useful Divs */

.clear {clear:both;}