body {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; line-height: 20px; width:100%; background: #c4e1f1 url('../images/bodybg.jpg') repeat-x top left;}
h1 {padding:25px 0 5px 0;font-family: 'Trajan Pro', Georgia, serif;font-weight:bold;text-shadow: rgba(0,0,0,.01) 0px 0px 1px; font-size: 1.8em; color:#004a83; }
h2 {padding:15px 0 2px 0;font-weight:normal;font-size:1.4em;}
h3 {padding:10px 0 5px 0;font-family: Gill, Tahoma, sans-serif;font-weight:bold;font-size:1.1em;}
p {padding:8px 0 7px 0;font-size:1em;}
ul { padding: 6px 0 7px 0; }
li { margin-left: 20px; padding: 4px 15px 4px 5px; list-style: disc; }
a { color: #004A83;}
img { display: block; }
table.table { padding: 0; margin: 0; border: 1px solid #BAD1ED; width: 100%; margin-top: 20px; margin-bottom: 20px; } 
.table th { background-color: #f3f7fc; }
.table th, .table td { padding: 0; margin: 0; border: 1px solid #BAD1ED; padding: 3px 5px 3px 10px; text-align: left;  }
.clrflt {clear:both;display:block;height:0;}
object {z-index:50;}
.contain { _height: 1%; display: block;width:100%; }
.contain:after  {content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; overflow:hidden; }
.contentpadding { padding: 10px 20px 20px 20px; }
.col1 { float: left; width: 50%;}
.col2 { float: left; width: 50%;}


#main {width:950px; background: url('../images/mainbg.png') repeat-y 0px 0; margin-left:auto; margin-right:auto; padding:0 65px;}

/* Header */
#header #supportnav {width:100%; height:27px;font-size:.9em;}
#header #supportnav ul {margin:0; padding: 0;float:right;}
#header #supportnav ul li {margin:0; padding: 0; float:left;height:27px;line-height:25px; padding:0px 25px 0 20px;list-style: none;}
#header #supportnav ul li a{color:white;text-decoration:none;font-size:1em;}
#header #supportnav ul li a:hover {text-decoration:underline;}
#header #supportnav ul li.requestinfo {background: url('../images/requestinfo-bg.png') no-repeat top left; }
#header #supportnav ul li.livechat {background: url('../images/livechat-bg.png') no-repeat top left;margin-left:-10px; }
#header #supportnav ul li.homeowners {background: url('../images/howeowners-bg.png') no-repeat top left; margin-left:-10px;}
#header #logo {width:248px; height:53px; background: url('../images/logo.png') no-repeat top left; text-indent:-9999px;float:left;}
#header #sitenav {font-size:1em;height:33px;width: 682px;padding-top:20px;padding-left: 20px; float: left; font-weight: bold; }
#subnav { background-color: #96b7df;  }
#subnav li { margin:0; padding: 0;float: left; list-style: none;}
#subnav ul { margin:0; padding: 0; }
#subnav a {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; display: block; color: #fff; text-decoration: none; padding: 3px 20px;
   height: 20px; line-height: 20px; border-right: 1px solid #fff; }
#subnav a:hover {text-decoration:underline;}
/* Breadcrumbs */
#breadcrumbs {background:#bad1ed;float:none; height: 24px; padding-left: 11px; width: 939px; }
#breadcrumbs a {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color:#3f3f3f; text-decoration:none;text-transform: uppercase;font-size:10px;
   display:inline;padding:0 10px;font-weight: normal;line-height: 24px; }
#breadcrumbs a:hover {text-decoration:underline;}
#mainbottom {background: url('../images/mainbg-bottom.png') no-repeat top left; margin-left:auto;margin-right: auto; padding: 0 65px;width:950px; height:50px;}

/* Slideshow */
#slideshow { height: 296px; width: 950px; background: #004A83 url('../images/ajax-loader.gif') no-repeat 50% 50%;}
#slideshow-left {width:218px; height:251px; background: url('../images/slideshow-left-bg.png') no-repeat top left;padding:45px 15px 0;float:left;}
#slideshow-left h1 { width: 203px; height: 141px; text-indent: -9999px; background: url('/images/get_closing_cost_credit.png') no-repeat top left; margin-left: 7px; padding: 5px 0 0 0;}
#slideshow-left p {color:white; font-family: 'Trajan Pro', Georgia, serif;font-size:1.1em;line-height:1.2em;text-align:center;padding-top:8px;padding-bottom:0;}
#slideshow-left a.registerbutton {margin-left:34px;margin-top:20px;font-family: 'Trajan Pro', georgia, serif;width:147px; height:47px; background: url('../images/registerbutton.png') no-repeat top left; display:block;color:white; text-decoration:none; text-align:center; padding:6px 0;font-size:1.1em;line-height:14px;}
#slideshow-right {width:702px; height:296px; float:left; position: relative; }
#slideshow-right img { position: absolute; top: 0; left: 0; z-index: 8; }
#slideshow-right img.active { z-index: 10; }
#slideshow-right img.last-active { z-index: 9; }

/* Middle */
#middle { }

/* Welcome home section */
#welcomehome {padding:7px 30px 2px 10px;clear:both;float:left;width:560px;}
#welcomehome h1 {font-size:2em;color:#004a83;font-weight:bold;padding-bottom:10px;}
#welcomehome p {font-size:1em;line-height:1.3em;}
#welcomehome .col1 {width:250px; float:left;padding-right:15px;}
#welcomehome .col2 {width:250px; float:left;}
#welcomehome h2.distinctive {display:block; clear:both; color:#007dc6;font-size:1.2em;font-weight:normal;text-align: center;padding-top:3px;padding:6px 0 1px;}
#welcomehome #communitylist { text-align: center; line-height: 2em; padding-top: 5px; padding-bottom: 10px; }
#welcomehome #communitylist a { color: #007dc6;  }
#welcomehome #communitylist a:hover { color: #004A83; text-decoration: none; }

/* Find home */
#findhome {position:relative;background: #b2d8ee url('../images/findhome-bg.png') no-repeat 0px 25px; height:300px;width:325px;float:left;padding-top:97px;
           padding-left:25px;padding-bottom:25px; }
#findhome h2 {color:#004a83;font-size:1.3em;line-height:1.4em;padding:2px 0 20px;margin:0;}
#findhome h2 .newhome {display:block;font-weight:bold; font-size:1.6em; padding-top: 7px;}
#findhome p {color:#2b2b2b;padding-top:10px;padding-bottom:10px;font-size:1.1em;line-height:1.5em;}
#findhome #communityselector {background: url('/images/dropdown.png') no-repeat top left; width: 135px; height: 20px; padding-left: 15px; cursor: pointer;}
#findhome #communitylist2 { display: none; background-color: #fff; border: 1px solid #004a83; padding: 2px; margin: 5px 0 0 0;}
#findhome #communitylist2 li { list-style: none; padding: 0px 5px; margin: 0; font-size: .9em;}
#findhome #communitylist2 li a { text-decoration: none;}
#findhome #communitylist2 li a:hover { text-decoration: underline;}
#findhome .choosecommunity { padding-top: 20px; }
/* Map */
.findhome-button {background: url('../images/findhome-button.png') no-repeat top left;width:18px;height:18px; display:block;position:absolute;z-index:50}
.findhome-button:hover {background: url('../images/findhome-button-hover.png') no-repeat top left;cursor:pointer;}
.popoutbottom h3 {padding:0;}
.popoutbottom ul {padding:0; margin: 0;}
#c1 {left:238px;top:163px;}
#c2 {left:267px;top:140px;}
#c3 {left:272px;top:225px;}
#c4 {left:315px;top:205px;}
#c5 {left:314px;top:225px;}
#c6 {left:315px;top:183px;}

/* Popout */
.popout{width:305px; position:absolute;left:-301px;top:-73px;display:none;z-index:100;}
.popouttop {background: url('../images/popout-top.png') no-repeat top left;height:21px;display:block;position:relative;}
.popoutbottom {width:295px;position:relative;display:block;background: url('../images/popout-bottom.png') no-repeat bottom left;padding-bottom:38px;}
.popoutbottom h3 { font-size: 1.2em; display:inline-block;margin-left:25px;padding-left:15px;background: url('../images/popout-h3left.png') no-repeat top left; color:white;height:33px;line-height:33px;zoom:1; *display: inline; _height: 33px;}
.popoutbottom h3 a {color:white; background: url('../images/popout-h3right.png') no-repeat top right;text-decoration:none;line-height:33px;height:33px;display:block;padding-right:15px;}
.popoutbottom ul { overflow: hidden; }
.popoutbottom ul li {display:block;margin-left:26px; padding-left:10px; border-left: 1px solid #004a83; border-bottom: 1px solid #004a83;line-height:28px;width:215px;font-size:1.0em;
                    overflow: hidden; *clear:both; list-style: none;}
.popoutbottom ul li a {color:#004a83; text-decoration:none;display:inline;float:left;width:210px; font-weight: bold; overflow: hidden;}
.popoutbottom ul li a span{display:inline;float:right;}
.popoutbottom ul li a:hover {color:#00aeef;}
.popoutbottom ul li.last {-moz-border-radius-bottomleft: 15px;border-bottom-left-radius:15px;}
.popoutindicator {width:23px;position:absolute;top:33px;left:281px;display:block;background: url('../images/popout-center.png') no-repeat center left;height:95px;}

/* Footer */
#footer {padding:0; clear:both;background:#ffffff url('../images/footer-bg.png') no-repeat top right; border-top:2px solid #004a83; color: #494949;}
#footer p {font-size:.7em; line-height: 12px; padding: 0; line-height: 1.3em; font-family: arial; }
#footer #terms {width: 485px;float:left; padding: 10px 10px 10px 0; font-family: arial;   }
#footer #terms a { color: #494949; }
#footer #social {padding:10px 10px; width:100px;float:left;}
#footer #social img { display: inline; }
#footer #social ul li {display:inline;padding:0 3px 0 0; margin:0;}
#footer #tag {clear:both;font-size:.8em;padding:0px 35px; background: url(/images/home.png) no-repeat 0 50%;}
#footer #tag a { color: #3f3b3c; text-decoration: none;}
#footer #tag .bluesep {  color: #7fbee2; padding: 0 5px; font-size: 1.2em;  }

/* Contact Us */
#contactlist { padding-top: 20px; }
#contactlist li { float: left; height: 200px; width: 290px; list-style: none; padding: 0 0 0 20px; margin: 0; }

/* Contact Form */
.normalform { padding-bottom: 25px; }
.normalform label { float: left; display: block; width: 150px; text-align: right; padding-right: 20px; }
.normalform input { float: left; width: 300px; }
.normalform ul li { padding: 3px 0; margin: 0; list-style: none; overflow: hidden;  }
.normalform ul { padding: 25px 0 0 0; margin: 0;}
.normalform #submitbutton { margin-left: 170px; width: 75px; }
.normalform textarea { width: 400px; height: 100px; }

/* Quick Move In Homes */
.bodytext { color: #fff; }

/** Sitemap **/
#sitemap ul.normal { background-color: #f9f9f9; margin-top: 5px; margin-right: 55px; }
#sitemap ul.normal li { list-style: disc; margin-left: 20px; padding: 5px; }
#sitemap ul#communities { padding: 0 0 45px 0px; margin: 0 0 0 0; width: 850px; overflow: hidden;  }
#sitemap ul#communities li { padding: 5px 5px 5px 20px; margin: 10px 10px 0 0; width: 240px; height: 160px; float: left; overflow: hidden; background-color: #f9f9f9; border: 1px solid white;}
#sitemap ul#communities li li { padding: 3px 0; margin: 0 0 0 0; width: 110px; height: auto; float: left; border: none; }
#sitemap p.comingsoon { color: red; }

/** Who We Are **/
.whoweare .col1 { width: 65%; }
.whoweare .col2 { width: 35%; }
.whoweare img { display: block; border: 1px solid #004a83; padding: 2px;  margin-top: 55px; margin-left: 85px;   }

/** Communities **/
.communities { padding-bottom: 20px; }
.communities h1 { padding-bottom: 9px; padding-top: 20px; }
.communities .col1 { float: left; width: 680px; height: 509px;}
.communities .col1 img {  }
.communities .col2 { float: left; height: 512px; width: 216px; padding: 5px 25px 25px 25px;  padding-bottom: 15px; background-color: #d1eae1; overflow: scroll; border-left: 4px solid #fff;}
.communities h2 { font-size: 1.0em; font-weight: bold;  }
.communities ul { margin: 0; padding: 5px 0 0 0; }
.communities li { position: relative;  margin: 0 0 0 0; ; padding: 0 0 0 27px;; list-style: none; font-size: .8em; *margin: 0 0 0 0; }
.communities li p { padding: 0 0 5px 0; line-height: 14px; color: #4e4e4e; }
.communities li h3 { padding: 0; line-height: 14px; color: #000; font-weight:  normal; font-size: 1.1em;  }
.communities .current { color: #be1d2c; }
.communities .future { color: #004982; }
.communities .completed { color: #c08262; }
.communities .redcircle { background: url(/images/red_circle.png) no-repeat 1px 0; color: #fff; position: absolute; height: 19px; width: 20px; left: 0px; line-height: 18px; text-align: center;   }
.communities .bluecircle { background: url(/images/blue_circle.png) no-repeat 0px 0; color: #fff; position: absolute; height: 20px; width: 20px; left: 0px; line-height: 19px; text-align: center;   }
.communities .yellowcircle { background: url(/images/yellow_circle.png) no-repeat 1px 0; color: #fff; position: absolute; height: 19px; width: 20px; left: 0px; line-height: 19px; text-align: center;   }