@import '/cms/styles/common.css';
@import '/styles/listings.css';
@import '/style.css';

.rightlist {
  float:right;
}
.rightlist a {
  float:left;
}


/* COMMON ---------------------------------------------------------------------- */

body {
  background: #0f3b6d url('/images/bg.gif') top repeat-x;
}
  
#bg-top {
  background: url('/images/bg-top.jpg') top center no-repeat;
}

#page {
  margin:0 auto;
  width:900px;
  background-color:#ffffff;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
  height:134px;
  overflow:hidden;
  background:url('/images/header2.jpg') top left no-repeat;
}
.homepage #header {
  background-image:url('/images/header.jpg');
}

#logo {
  width:300px;
}
#logo a {
  outline:none;
}
#logo img {
  width:192px;
  height:72px;
  margin:27px 0 0 49px;
}

#header ul, #header li {
  margin:0;
  padding:0;
  background:none;
}

#header-right {
  width:600px;
}

#header-links {
  height:27px;
  overflow:hidden;
}

#header-links a {
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  display:block;
  padding:6px 10px 0 10px;
  height:21px;
  border-right:1px solid #6896c8;
  outline:none;
}
#header-links li.last a {
  border:none;
}
#header-links li a:hover {
  background:url('/images/header-links-hover.gif') top repeat-x;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
  margin-top:14px;
}
#menu li {
  padding-left:2px;
}
#menu li#menu1 { background:url('/images/menu-separator1.jpg') top left no-repeat; }
#menu li#menu2 { background:url('/images/menu-separator2.jpg') top left no-repeat; }
#menu li#menu3 { background:url('/images/menu-separator3.jpg') top left no-repeat; }
#menu li#menu4 { background:url('/images/menu-separator4.jpg') top left no-repeat; }
#menu li#menu5 { background:url('/images/menu-separator5.jpg') top left no-repeat; }

#menu a {
  display:block;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  height:57px; /* 93 */
  overflow:hidden;
  padding:36px 10px 0 10px;
  outline:none;
}

.homepage #menu1 a,
.root_135 #menu2 a,
.root_136 #menu3 a,
.root_137 #menu4 a,
.root_138 #menu5 a,
#menu a:hover {
  background:url('/images/menu-hover.gif') center 55px no-repeat;
  color:#39506e;
  padding-top:33px;
  height:60px;
}



/* IMPACT ---------------------------------------------------------------------- */

#impact {
  height:314px;
  overflow:hidden;
  background:url('/images/impact.jpg') top left no-repeat;
  padding:0 11px 0 679px;
}

#impact #intro {
  margin:60px 8px 10px 15px;
}

#impact ul, #impact li {
  margin:0;
  padding:0;
  background:none;
}

#impact ul {
  background:url('/images/impact-separator.gif') top left no-repeat;
  padding-top:2px;
}

#impact li {
  background:url('/images/impact-separator.gif') bottom left no-repeat;
  padding-bottom:2px;
  position:relative;
}

#impact a {
  padding:7px 5px 7px 35px;
  display:block; 
  font-weight:bold;
  color:#32445a;
  font-size:14px;
  text-decoration:none;
  background:url('/images/impact-bullet.gif') 15px 8px no-repeat;
  position:relative;
  outline:none;
}
#impact a span {
  color:#5a7ca5;
  font-weight:normal;
  text-decoration:none;
  font-size:14px;
}
#impact a:hover {
  color:#ffffff;
  background-position:18px 8px;
  background-color:#3f6080;
}
#impact a:hover span {
  color:#a1bcdc;
}



/* HOME ------------------------------------------------------------------------ */

.homepage #content-wrapper {
  background:url('/images/home-content.gif') left repeat-y;
}
.homepage #content {
  background:url('/images/home-content-top.jpg') top left no-repeat;
  padding-bottom:20px;
}

.homepage #content .left {
  width:471px; /*530 */
  padding:0 11px 10px 48px;
}

#titlebar {
  height:42px;
  overflow:hidden;
  margin-bottom:15px;
}
#title-left {
  width: 345px;
  padding-top:13px;
}
#title-left h1 {
  color:#ffffff;
}
#title-right {
  width:105px;
  overflow:hidden;
  padding:24px 21px 0 0;
  text-align:right;
}  
#title-right a {
  font-size:11px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  margin-left:10px;
  outline:none;
}
#title-right a:hover {
  text-decoration:underline;
}

.homepage #content .left h2.withicon {
  background:url('/images/h2-icon.gif') 0px 2px no-repeat;
  margin-left: -25px;
  padding-left:25px;
}

#initiatives .col {
  width:133px;
  margin-right:25px;
  padding-left:7px;
}
#initiatives .col3 {
  margin:0;
}
#initiatives h3 {
  margin-left:-7px;
  text-transform:uppercase;
  background-position:top left;
  background-repeat:no-repeat;
  padding:35px 10px 0 7px;
  height:33px; /* 68 */
  overflow:hidden;
}
#initiatives h3, #initiatives h3 * {
  font-size:12px;
}
#initiatives .col1 h3 {  background-image:url('/images/initiatives-h3-1.jpg'); }
#initiatives .col2 h3 {  background-image:url('/images/initiatives-h3-2.jpg'); text-align:center; padding:28px 7px 7px 10px; }
#initiatives .col3 h3 {  background-image:url('/images/initiatives-h3-2.jpg'); text-align:center; }

#initiatives .morelink {
  margin-top:5px;
}


.homepage #content .right {
  width:340px; /* 359 */
  padding:0 6px 0 13px;
}

#toptab {
  height:18px; /* 21 */
  overflow:hidden;
  margin-bottom:10px;
  padding-top:3px;
}
#toptab a {
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  float:right;
  outline:none;
  font-size:11px;
}
#toptab a:hover {
  text-decoration:underline;
}

.homepage #content .right h2 {
  background:url('/images/h2-icon2.gif') 0px 2px no-repeat;
  padding-left:25px;
}

.spotlightbox {
  background:url('/images/hr.gif') top repeat-x;
  padding:10px 0 0 0;
}
.spotlightbox .imagecol {
  width:144px;
  margin-right:10px;
}
.spotlightbox .imagecol img {
  border:2px solid #ffffff;
}
.spotlightbox .infocol {
  width:186px;
}
.spotlightbox .titlelink {
  margin-bottom:10px;
}
.spotlightbox .titlelink a {
  font-size:13px;
  font-weight:bold;
  color: #32445a;
}
.spotlightbox .titlelink a:hover {
  color: #427baf; 
}

.spotlightbox .bedrooms .col {
  width:88px;
  font-size:11px;
}
.spotlightbox .detailslink {
  background:url('/images/hr.gif') bottom repeat-x;
  padding-bottom:1px;
}
.spotlightbox .detailslink a {
  display:block;
  width:180px;
  float:right;
  background:url('/images/detailslink.gif') top right no-repeat;
  padding:6px 10px 0 0;
  height:17px; /* 23 */
  overflow:hidden;
  text-decoration:none;
  text-align:right;
  font-weight:bold;
}
.spotlightbox .detailslink a:hover {
  text-decoration:underline;
  color: #427baf; 
}  

.contactbox-wrapper {
  background:url('/images/contactbox.jpg') top left no-repeat;
}
.contactbox {
  background:url('/images/contactbox-bottom.jpg') bottom left no-repeat;
  padding:15px;
  min-height:98px; /* 128 */
  height:auto !important;
  height:98px;
}



/* SUBNAV ---------------------------------------------------------------------- */

#rootname {
  width:169px;
  overflow:hidden;
}

#rootname #unlink, #rootname a {
  color:#ffffff;
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
  text-decoration:none;
  display:block;
  padding:15px 0 0 25px;
  outline:none;  
}
#rootname a:hover {
  text-decoration:underline;
}

#nav {
  width:158px; /* 169 */
  padding:2px 1px 0 10px;
  background:url('/images/nav.jpg') top left no-repeat;
  height:auto !important;
  height:420px;
  min-height:420px;
}

#nav ul, #nav li {
  padding:0;
  margin:0;
  background:none;
}

#nav ul a {
  display:block;
  padding:5px 5px 5px 15px;
  border-bottom:1px solid #bccfe2;
  color:#2e4b6a;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;
  outline:none;
}

#nav li li a {
  font-size:11px;
  font-weight:normal;
  padding:2px 5px 2px 30px;
  border:none;
  background:url('/images/nav-subitem.gif') 20px 6px no-repeat;
}

#nav li.navactive a,
#nav li a:hover {
  background-color:#ffffff;
}

#nav li li.navactive a,
#nav li.navactive li a {
  background-color:transparent;
}
#nav li li.navactive a,
#nav li li a:hover {
  background:url('/images/nav-hover.gif') 20px 6px no-repeat;
  color: #427baf; 
}



/* CONTENT --------------------------------------------------------------------- */

#banner {
  height:108px;
  overflow:hidden;
  background:url('/images/banner.jpg') top left no-repeat;
}

#breadcrumbs {
  background:url('/images/breadcrumbs.jpg') top left no-repeat;
  height:23px; /* 28 */
  overflow:hidden;
  color:#658bb2;
  padding:5px 0 0 10px;
}
#breadcrumbs a {
  color:#ffffff;
  font-size:11px;
  margin:0 5px;
  outline:none;
}
#breadcrumbs a:hover {
  color:#bdd5e8;
}
#breadcrumbs .current {
  color:#bdd5e8;
  font-size:11px;
  margin-left:5px;
}

h1#pagetitle {
  text-transform:uppercase;
}

#content-full {
  width:720px;
}

#content-content {
  background:url('/images/content-content.gif') top left no-repeat;
  padding:12px 0 15px 15px;
  height:auto !important;
  height:480px;
  min-height:480px;
}

#searchbox-top {
  background:url('/images/searchbox-top.gif') top left no-repeat;
  height:23px; /* 31 */
  width:120px; /* 150 */
  overflow:hidden;
  font-weight:bold;
  padding:8px 0 0 30px;
  margin:50px auto 0 auto;
}
  
#searchbox {
  background:url('/images/searchbox.gif') bottom left no-repeat;
  width:130px; /* 150 */
  height:auto;
  margin:0 auto 20px auto;
  overflow:hidden;
  font-size:10px;
  padding:10px 10px 15px 10px;
}
#searchbox select {
  width:100%;
  font-size:10px;
  outline:none;
}
#searchbox select option {
  font-size:10px;
  outline:none;
}
#searchbox .label {
  font-size:10px;
  font-weight:bold;
  margin:10px 0 3px 0;
}
#searchbox .options {
  margin-top:15px;
}
#searchbox .options a {
  font-size: 10px;
  color:#999;
  outline:none;
}
#searchbox .options a:hover {
  color: #427baf;
}
#searchbox .options .button {
  float:right;
}
#searchbox .options .button  .search {
  font-size:12px;
  font-weight:bold;
  color:#32445a;
  background:url('/images/search.gif') top left no-repeat;
  padding:2px 0 4px 25px;
  cursor:pointer;
}

#searchbox .options .button  .search:hover {
  color: #427baf;
  text-decoration:underline;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
  margin:0 10px 10px 10px;
  background: #e7ecf2 url('/images/footer.gif') top repeat-x;
  padding:10px;
}
#footer ul, #footer li {
  margin:0;
  padding:0;
  background:none;
}
#footer ul {
  width:860px;
}
#footer a {
  color:#32445a;
  text-decoration:none;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #829cb9;
  float:left;
  font-size:11px;
  font-weight:bold;
  outline:none;
}
#footer li.last a {
  border:none;
}
#footer li.lang {
  float:right;
}
#footer li.lang a {
  border:none;
  margin:0;
  padding:0 0 0 10px;
}

#footer a:hover {
  text-decoration:underline;
  color:#427baf;
}

#subfooter {
  width:900px;
  margin:20px auto;
  height:50px;
}

#copyright {
  color:#8ba0b9;
  font-size:10px;
}

#credit {
  float:right;
}
#credit a {
  color:#8ba0b9;
  font-size:10px;
  text-decoration:none;
  outline:none;
}
#credit a:hover {
  color:#ffffff;
  text-decoration:underline;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #dddddd;
  border-right:1px solid #dddddd;
  padding:4px 2px 2px 4px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #dddddd;
  padding:0;
}
input.button {}  



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #999999;
}
.sitemap a:hover {}



/* GOOGLE MAPS ---------------------------------------------------------------- */

#mapwrapper {
  width:695px; 
  height:378px; 
  background:url('/images/map-bg.jpg') top left no-repeat; 
  padding:1px;
  border:1px solid #ccc;
}

#googlemap {
  width:693px; 
  height:376px; 
  border:1px solid #fff;
}

#loadingmap {
  line-height:376px;
  font-size:35px;
  color:#f4f4f4;
  text-align:center;
  font-weight:bold;
}

#gmlb_label {
  margin:0;
}

#popupbox h3 {
  margin-top:0;
  color:#2d607b;
}
#popupbox .left img {
  border:1px solid #A6C7D2;
}
#popupbox .right {
  margin:0 10px;
  width:140px;
}



/* SEARCH FORM ---------------------------------------------------------------- */

#propertyform h2 {
  color:#204151;
  background:none;
}
#propertyform #alloptions {
  display:none;
}
#propertyform .leftcol {
  margin-right:10px;
  width:230px;
}
#propertyform .rightcol {
  margin-right:0;
  width:300px;
}
body.homepage #propertyform .leftcol, body.homepage #propertyform .rightcol {
  width:auto;
}

#propertyform .row {
  margin:0 0 10px 0;
}
body.homepage #propertyform .row {
  margin:0;
}

#propertyform .leftcol .label {
  width:100px;
  font-weight:bold;
}
#propertyform .rightcol .label {
  width:90px;
  font-weight:bold;
}
#propertyform .leftcol .input {
  width:130px;
}
#propertyform .rightcol .input {
  width:210px;
}
#propertyform .input select {
  width:100%;
  color:#333;
}
#propertyform .submit {
  text-align:right;
}

.redstar {
  color:#900;
  font-size:14px;
  font-family:"Courier New", Courier, monospace;
  font-weight:bold;
}

.topline {
  border-top:1px solid #d0d8dd; 
  padding-top:10px;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

.morelink {
  text-align:right;
  color:#999999;
  font-size:9px;
}
.morelink a {
  font-size:11px;
}