html {
  font-size: 100.01%;
}
body {
  margin: 0;
  padding: 0;
  background: #36687e url(/custom/framework/header-bg.jpg) repeat-x;
  font-family: Arial, sans-serif;
}
img {
  border: none;
}
a:focus {
  outline:none;
}
#main {
  width: 975px;
  margin: 0 auto;
  font-size: 85%;
  line-height: 16px;
}
#header {
  width: 975px;
  height: 150px;
        display: block;
  background: url(/custom/framework/header-bg.jpg) repeat-x;
}
.logo {
  /*position: relative;
  top: 0px;
  left: 1px;*/
        float: left;
  background: url(/custom/framework/logo.gif) no-repeat;
  width: 429px;
  height: 99px;
  text-indent: -3000px;
  overflow: hidden;
        color: none;
}

#ask_medici_flash {
     position: relative;
     top: -30px;
     /*right: 265px;*/
     right: 0px;
     width: 190px;
     height: 99px;
     display: block;
     float: right;
     z-index: 50;
}

#ask_medici_flash span.blog a {
     width: 190px;
     height: 99px;
     display: block;
     background: url(/custom/framework/blog-pic.jpg) no-repeat;
     text-indent: -9999px;
}

#ask_medici_flash span.blog a:hover {
     background: url(/custom/framework/blog-pic-over.jpg) no-repeat;
}

#facebook {
     position: relative;
     top: -20px;
     right: 4px;
     width: 66px;
     height: 24px;
     display: block;
     float: right;
     z-index: 100;
}

#facebook span a {
     width: 66px;
     height: 24px;
     display: block;
     background: url(/images/facebook-icon.jpg) no-repeat;
     text-indent: -9999px;
     float: right;
     z-index: 100;
}

.top-navigation {
  margin: 37px 17px 0 0;
  padding: 0;
  float: right;
  display: inline;
}
.top-navigation li {
  display: inline;
  float: left;
  background: url(/custom/framework/sep.gif) no-repeat 0 2px;
  padding: 0 11px 0 15px;
  color: #36687e;
  font-family: Arial, sans-serif;
}
.top-navigation li.first {
  background: none;
}
.top-navigation li a {
  text-decoration: none;
  color: #eaa223;
}
.top-navigation li a:hover {
  text-decoration: underline;
}

/*Beta top navigation*/

.top-navigation2 {
  margin: 34px 17px 0 0;
  padding: 0;
  float: right;
  display: inline;
}
.top-navigation2 li {
  display: inline;
  float: left;
  background: url(/custom/framework/sep.gif) no-repeat 0 2px;
  padding: 0 5px 0 8px;
  color: #36687e;
  font-family: Arial, sans-serif;
        font-size: 12px;
}
.top-navigation2 li.first {
  background: none;
}
.top-navigation2 li a {
  text-decoration: none;
  color: #eaa223;
}
.top-navigation2 li a:hover {
  text-decoration: underline;
}



.main-navigation {
  margin: -1px 0 0 1px;
  padding: 0;
  float: left;
  width: 975px;
  display: inline;
}
.main-navigation li {
  display: inline;
  float: left;
}
.main-navigation li a {
  height: 36px;
  text-indent: -3000px;
  overflow: hidden;
  display: block;
  line-height: 20px;
}
.main-navigation li a.home {
  background: url(/custom/framework/home.gif) no-repeat;
  width: 100px;
}
.main-navigation li a.communities {
  background: url(/custom/framework/communities.gif) no-repeat;
  width: 148px;
}
.main-navigation li a.about {
  background: url(/custom/framework/about.gif) no-repeat;
  width: 111px;
}
.main-navigation li a.single {
  background: url(/custom/framework/single-level.gif) no-repeat;
  width: 129px;
}
.main-navigation li a.financing {
  background: url(/custom/framework/financing.gif) no-repeat;
  width: 122px;
}
.main-navigation li a.news {
  background: url(/custom/framework/news.gif) no-repeat;
  width: 121px;
}
.main-navigation li a.special {
  background: url(/custom/framework/special.gif) no-repeat;
  width: 123px;
}
.main-navigation li a.contact {
  background: url(/custom/framework/contact.gif) no-repeat;
  width: 121px;
}
.main-navigation li a:hover {
  background-position: 0 100%;
}
.container {
  width: 975px;
  margin: 15px 0 0;
}
.container-inside { 
  margin: 2px 0 0;
}
.flash {
  margin: 0 0 0 1px;
  display: inline;
  float: left;
  width: 221px;
}
.flash img {
  float: left;
}
.intro-content {
  float: right;
  background: url(/custom/framework/intro-content-bg.jpg) no-repeat 100% -1px;
  width: 315px;
  min-height: 221px;
  padding: 0 32px 0 3px;
}
* html .intro-content {
  height: 221px;
}
.intro-content h1 {
  margin: 0;
  padding: 12px 0 4px;
  color: #fbecc5;
  font: 135% Arial, Helvetica, sans-serif;
}
.intro-content p {
  margin: 0;
  padding: 8px 0 11px;
  font-family: Arial, sans-serif;
  color: #fff;
  line-height: 20px;
}
.intro-content .more {
  float: right;
  color: #e1dabc;
  font-family: Arial, sans-serif;
}
.intro-content .more:hover {
  text-decoration: none;
}
.content {
  width: 975px;
  background: #fff url(/custom/framework/content-header.gif) no-repeat;
  float: left;
  margin: 14px 0 0 1px;
  display: inline;
}
.content-bg-holder {
  width: 975px;
  float: left;
  background: url(/custom/framework/content-footer.gif) no-repeat 0 100%;
  padding-bottom: 25px;
}
.left-part {
  float: left;
  width: 535px;
  margin: 33px 0 0 31px;
  display: inline;
}
.left-part p {
  line-height: 20px;
}

.left-part p a:link, .left-part p a:active, .left-part p a:visited {
  color: #35687D;
}
.left-part p a:hover {
  color: #EAA121;
}
.left-part h1 {
  margin: 0;
  padding: 0 0 21px 0;
  color: #36687e;
  font: 180% Arial, Helvetica, sans-serif;
}
.left-part h2 {
  margin: 0;
  padding: 0 0 21px 0;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}
.left-part h3 {
  margin: 0;
  padding: 0 0 5px 0;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}

.left-part li {
  padding: 0 0 8px 0;
}

.left-part li ul {
  padding: 0 0 0px 0;
}


.left-part h3 a {
  color: #36687e;
  text-decoration: underline;
}
.left-part h3 a:hover {
  text-decoration: none;
}

.left-part2 {
  float: left;
  width: 900px;
  margin: 33px 0 0 31px;
  display: inline;
}
.left-part2 p {
  line-height: 20px;
}
.left-part2 h1 {
  margin: 0;
  padding: 0 0 21px 0;
  color: #36687e;
  font: 180% Arial, Helvetica, sans-serif;
}
.left-part2 h2 {
  margin: 0;
  padding: 0 0 21px 0;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}
.left-part2 h3 {
  margin: 0;
  padding: 0 0 5px 0;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}
.left-part2 h3 a {
  color: #36687e;
  text-decoration: underline;
}
.left-part2 h3 a:hover {
  text-decoration: none;
}
.villas-photo {
  width: 225px;
  float: left;
  margin: 10px 0 0 1px;
  display: inline;
}
.villas-photo img {
  float: left;
  border: 2px solid #cee3fb;
}
.villas-text {
  margin: 10px 0 0 20px;
  float: left;
  width: 258px;
}
.villas-text p {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.villas-text ul {
  margin: 20px 0 0;
  padding: 0;
}
.villas-text ul li {
  list-style: none;
  background: url(/custom/framework/item.gif) no-repeat 0 4px;
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.villas-text ul li a {
  color: #36687e;
  padding-left: 17px;
  display:block;
}
.villas-text ul li a:hover {
  text-decoration: none;
}
.right-part {
  float: right;
  width: 318px;
  margin: 33px 30px 0 0;
  display: inline;
}
.right-part ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}
.sitemap ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}
.sitemap ul ul {
  list-style: none;
  margin-left: 0;
  padding-left: 2em;
  padding-top: .5em;
  padding-bottom: .5em;
  text-indent: -1em;
}
.sitemap li a:link, .sitemap li a:active, .sitemap li a:visited {
  color: #35687D;
}
.sitemap li a:hover {
  color: #EAA121;
}
.link h3 {
  margin: 0;
  padding: 0 0 5px 0;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}
.link:hover {
  text-decoration: underline;
}
.link a:hover {
  text-decoration: underline;
}
.link a h3:hover {
  text-decoration: underline;
}
.link h3 a:hover {
  text-decoration: underline;
}
.link, .link:active, .link:visited {
  color: #35687D;
}
.link:hover {
  color: #EAA121;
}
.right-part li a:link, .right-part li a:active, .right-part li a:visited {
  color: #35687D;
}
.right-part li a:hover {
  color: #EAA121;
}

.web-links ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}

.web-links li a:link, .web-links li a:active, .web-links li a:visited {
  color: #35687D;
}
.web-links li a:hover {
  color: #EAA121;
}

.content-subpage .right-part {
  width: 360px;
  margin: 13px 0 0 20px;
  display: inline;
  float: left;
  overflow: hidden;
}
.right-part h4 {
  margin: 0;
  padding: 10px 0 9px;
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
}
.small-photo {
  float: left;
  width: 112px;
  margin: 15px 0 0;
}
.text {
  float: left;
  width: 206px;
  margin: 10px 0 0;
  padding: 0 0 35px 0;
}
.text p {
  margin: 0;
  padding: 0 0 12px 0;
  color: #000;
  font-family: Arial, sans-serif;
  line-height: 20px;
}
.text p a {
  color: #36687e;
}
.text p a:hover {
  text-decoration: none;
}
.banner {
  display: block;
  margin: 0 0 25px 0;
}
#footer-bg {
  width: 100%;
  background: #cae1fb url(/custom/framework/footer-bg2.jpg) repeat-x;
  min-height: 400px;
  margin: 0;
  clear: both;
}

#footer-bg .footer_text {
  line-height: 20px;
}

* html #footer-bg {
  height: 250px;

}
* html #footer {
  height: 199px;
}

#footer {
  width: 975px;
  background: #cae1fb url(/custom/framework/footer-bg2.jpg) repeat-x;
  min-height: 199px;
  margin: 0 auto;
  padding: 51px 0 0;
  font: 85% Arial, sans-serif;
}
.left-side {
  float: left;
  margin: 46px 0 0;
  width: 477px;
}
.left-side ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.left-side ul li {
  display: inline;
  background: url(/custom/framework/sep.gif) no-repeat 0 4px;
  padding: 0 11px 0px 15px;
  line-height: 25px;
}
.left-side ul li.first {
  background: none;
  padding-left: 0;
}
.left-side ul li a {
  color: #36687e;
}
.left-side ul li a:hover {
  text-decoration: none;
}
.left-side span {
  color: #36687e;
  font-weight: normal;
  display: block;
  text-align: left;
  margin: 28px 0 0;
}

img.bbb {
     margin: 0 20px 0 75px;
}

.right-side {
  float: right;
  width: 490px;
}
.logo2 {
  display: block;
  float: right;
  background: url(/custom/framework/logo2.gif) no-repeat;
  width: 417px;
  height: 81px;
  text-indent: -3000px;
  overflow: hidden;
  margin: 50px 0 0;
}
.right-side ul {
  margin: 0;
  padding: 0;
  float: right;
}
.right-side ul li {
  display: inline;
  background: url(/custom/framework/sep.gif) no-repeat 0 3px;
  padding: 0 12px 0 16px;
  font-weight: bold;
  color: #36687e;
}
.right-side ul li a {
  color: #36687e;
}
.right-side ul li a:hover {
  text-decoration: none;
}
.right-side ul li.first {
  background: none;
}
.tabs2 {
  float: left;
  padding: 42px 0 0;
  width: 499px;
}
.content-subpage .tabs2 {
  padding: 25px 0 0;
}
.tabset {
  float:left;
}
.tabset h4, .tabset h2 {
  margin: 0;
  padding: 0;
  float: left;
}
a.tab {
  margin: 0 2px -1px 0;
  padding: 7px 0 0;
  text-align: center;
  position: relative;
  width: 218px;
  height: 29px;
  background: url(/custom/framework/tab-title-bg.gif) no-repeat;
  display: block;
  text-decoration: none;
  color: #36687e;
  font: 18px Arial, Helvetica, sans-serif;
}
a.tab span {
  width: 214px;
  height: 27px;
  border-bottom: 2px solid #cae1fb;
  display: block;
  margin: 0 0 0 2px;
  cursor: pointer;
}
a.active span {
  border-bottom-color: #fff;
}
div.tab {
  clear: both;
  width: 533px;
  background: url(/custom/framework/tab-body.gif) repeat-y;
  margin: -1px 0 0;
  float: left;
}
.tab-header {
  width: 533px;
  float: left;
  background: url(/custom/framework/tab-header.gif) no-repeat;
}
.tab-footer {
  width: 529px;
  float: left;
  background: url(/custom/framework/tab-footer.gif) no-repeat 0 100%;
  padding: 10px 0 7px 4px;
}
.tab-footer .vert-line {
  /*background: url(/custom/framework/tab-ver-line.gif) repeat-y;*/
  width: 520px;
  float: left;
}
.tab-footer .vert-line .left {
  margin: 0 0 0 13px;
  display: inline;
  float: left;
  width: 245px;
}
*+html .tab-footer .vert-line .left {
  padding-bottom: 10px;
}
.record {
  float: left;
  width: 245px;
  margin: 0 0 12px 0;
}
.vert-line p {
  padding: 0 0 12px 0;
  margin: 0;
  color: #eaa325;
  font-family: Arial, sans-serif;
}
.vert-line a {
  color: #36687e;
  float: left;
  font-family: Arial, sans-serif;
  margin-left: 9px;
  padding: 10px 0 0;
}
.vert-line a:hover {
  text-decoration: none;
}
.tab-imag {
  float: left;
  width: 73px;
  border: 1px solid #d9eafc;
}
.tab-imag img {
  float: left;
}
.imag {
  border: 1px solid #cae1fb;
  float: left;
}
.imag img {
  float: left;
}
.content-subpage .tabs2 .tab-footer {
  padding: 17px 10px 29px 19px;
  width: 504px;
  float: left;
}
* html .content-subpage .tabs2 .tab-footer {
  padding-top: 29px;
  padding-bottom: 9px;
}
*+html .content-subpage .tabs2 .tab-footer {
  padding-bottom: 9px;
}
.content-subpage .tabs2 h3 {
  margin: 0;
  padding: 18px 0 0;
}
.content-subpage .tabs2 p {
  color: #000;
  font-family: Arial, sans-serif;
  line-height: 20px;
  padding: 0 0 2px;
}
.content-subpage .tabs2 ul {
  margin: 0;
  padding: 7px 0 36px 17px;
  float: left;
  width: 220px;
}
.content-subpage .tabs2 ul li {
  list-style: none;
  background: url(/custom/framework/item.gif) no-repeat 0 9px;
  font-family: Arial, sans-serif;
  line-height: 18px;
  padding: 5px 0;
}
.content-subpage .tabs2 ul li a {
  color: #000;
  padding-left: 20px;
  display:block;
  text-decoration: none;
}
.content-subpage .tabs2 ul li a:hover {
  text-decoration: underline;
}
.content-subpage .tabs2 .imag {
  margin: 0 0 0 17px;
  display: inline;
}
.content-subpage h1 {
  color: #36687e;
  font: 175% Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 3px 0 0;
}
.path {
  font: 90% Arial, sans-serif;
  color: #8CB4CD;
  display: block;
  padding: 0;
}
.path a {
  text-decoration: underline;
  color: #8CB4CD;
  padding: 0 1px 0 1px;
}
.path a:hover {
  text-decoration: none;
}
.content-subpage .right-part h2, .content-subpage .right-part h3 {
  color: #36687e;
  font: 135% Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 5px 3px;
}
.content-subpage .right-part h3 {
  padding-bottom: 19px;
}
.content-subpage .right-part p {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  margin: 0 0 0 4px;
}
.content-subpage .right-part p a {
  color: #36687e;
}
.content-subpage .right-part p a:hover {
  text-decoration: none;
}
.gallery-main-imag {
  float: left;
  width: 355px;
  height: 251px;
  margin: 0 0 0 4px;
  display: inline;
}
.gallery-main-imag img {
  float: left;
}
.gallery-images {
  float: left;
  margin: 8px 0 0 2px;
  padding: 0 0 22px 0;
  display: inline;
  width: 360px;
}
.gallery-images .small-imag {
  float: left;
  width: 86px;
  height: 65px;
  border: 1px solid #d8d9d9;
  margin: 1px;
  display: inline;
  background-color: #ececeb;
}
.gallery-images .small-imag img {
  float: left;
  padding: 2px;
}

#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
#hoverNav{
  position: absolute;
  top: -12%;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100% 
  }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  } 
    
#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #36687E;
  }
/*-------------------------Any Link Styles-------------------------*/
.anylinkcss{
     position: absolute;
     visibility: hidden;
     border: 1px solid #5C7DA7;
     border-bottom-width: 0px;
     text-align: left;
     font:normal 12px Arial;
     line-height: 22px;
     z-index: 100;
     background-color: #2C539D;
     width: 220px;
     padding: 0px 0px 0px 0px;
     margin: 0px;
     background-color: #8CB4CD;
}

.anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited {
     display: block;
     padding: 5px 0px 6px 5px;
     *padding: 5px 0px 7px 5px;
     text-decoration: none;
     text-align: left;
     font-weight: bold;
     color: #2A5099;
     font: bold 12px Arial;
     line-height: 18px;
     border-bottom: 1px solid #5C7DA7;
     background-color: #8CB4CD;
}

.anylinkcss a:hover {
     display: block;
     padding: 5px 0px 6px 5px;
     *padding: 5px 0px 7px 5px;
     text-decoration: none;
     text-align: left;
     font-weight: normal;
     color: #36687E;
     font: bold 12px Arial;
     line-height: 18px;
     border-bottom: 1px solid #5C7DA7;
     background-color: #FFF;
}
.disclaimer {
font-size: 10px;
color: #808080;
}



