body { background-color: #597395; margin: 0 auto; background-image: url('../_images/bg.jpg') ; background-repeat: repeat-x; background-position: top; padding-top: 15px; }

.clearer { display: block; width: 100%; height: 0; padding: 0; float: none; clear: both; }
.padderbig {padding-left: 21px; padding-right: 21px; padding-top: 0px; padding-bottom: 0px;}
.textpadder {padding-left: 20px;}
.padder {padding: 7px;}

#wrapper {display: block; width: auto; height: auto; margin: 0 auto;}
#content {background-color: #ffffff; width: 850px; height: auto; min-height: 200px; margin: 0 auto;}
#header {display: block; background-color: transparent; width: 850px; background: url('../_images/header_bk.jpg') repeat-x; margin: 0 auto;}
#headerfloral {display: block; width: 850px; height: 200px; background: transparent url('../_images/headerright.jpg') no-repeat bottom right; margin: 0 auto;}

#header .left {float: left;}
#header .right {float: right; padding-top: 58px;}

#header span {display: none;}
.floatleft {position: relative; float: left;}
.floatright {position: relative; float: left;}


/**  NAV **/
#nav {display: block; height: 57px; width: auto; background: transparent url('../images/_nav_repeat.jpg') ; background-repeat: repeat-x; margin: 0 auto;
padding: 0;}

#header .nav { float:right; width:100%; background: transparent; font-size: 13px; line-height:normal; }
#header .nav ul {margin:0; padding:10px 0px 0px 40px; list-style: none; }
#header .nav li { display:inline; margin:0px; padding:0px; }
#header .nav a { float:right; background:url("../_images/tableft.gif") no-repeat left top; margin:0; padding:0px 0px 0px 4px; text-decoration:none; }
#header .nav a span { float:left; display:block; background:url("../_images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E;  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header .nav a span {float:none;}
/* End IE5-Mac hack */
#header .nav a:hover span {  color:#122640;  }
#header .nav a:hover {  background-position:0% -42px;  }
#header .nav a:hover span { background-position:100% -42px;}

/**  FOOTER **/
#well {width: 850px; height: auto; min-height: 600px; font-family: arial, 'lucida console', sans-serif; margin: 0 auto; color: #444; font-size: 13px; line-height: 125%;}
#well h2 {color: #222;}
#well h3 {color: #995149;}

#well h4 {color: #995149;}

#well .center {position: relative; padding: 17px; width: 800px; margin: 0 auto;}
#well .left h2 {color: #222;}
.plans {text-decoration: none; color: #995149;}
.plans a {text-decoration: none; color: #995149;}
.plans p {text-decoration: none; color: #995149;}

#well .left {position: relative; float: left; padding: 13px; width: 320px;}
#well .left h3 {color: #122640;}
#well .left span {display: none;}
#well .left .postit {position: relative; float: left; height: 283px; width: 300px; padding-top: 30px; background: transparent url('../_images/postit.jpg') no-repeat center;
 }
#well .left .postit .word {padding-top: 35px; padding-left: 25px; padding-right: 15px;}
#well .left .postit .word span {display: none;}
#well .left .postit .word h3 {color: #122640;}

#well .left .postit .rent {padding-top: 100px; padding-left: 60px; padding-right: 10px;}

#well .right {position: relative; float: left; padding-left: 0px; padding-top: 10px; width: 490px;}
#well .right span {display: none;}

#contact {padding-left: 25px;}


/**  FOOTER **/
#footer {display: block; height: auto; width: 850px; margin: 0 auto; padding: 0; font-size: 90%; padding-bottom: 20px;}
#footer .left {float: left; padding-top: 15px; padding-left: 5px; color: #fff;}
#footer .right {float: right; padding-top: 15px; padding-right: 5px; color: #fff;}
#footer .right a {text-decoration: none; color: #fff;}
#footer .right a:hover {text-decoration: none; color: #000;}