/*-------------------------------------------    
    Reset all styles 
-------------------------------------------*/

    @import url(reset.css);
    
/*-------------------------------------------    
    General Statements 
-------------------------------------------*/

    * {
      font-size: 15px;
      font-family:  "Calibri", "Arial", sans-serif;
      font-weight: normal;
      color: #444;
    }

    body {
      background : #35697D url("../img/background.png") repeat-x;
      background-position: 0px 80px;
    }
        
    a {
      text-decoration: none;
    }
    
    .bold {
      font-weight: bold;
    }
/*-------------------------------------------    
    Header 
-------------------------------------------*/

    #header {
      background: #000;
      height: 80px;
      width: 100%;
      border-bottom: 1px solid #ccc;
    }
    
    #headerwrapper {
      width: 960px;
      height: 80px;
        margin: 0px auto;
    }
    
    #header h1 { 
      background: url("../img/logo.png") no-repeat;
        text-indent: -9999px;
        height: 29px;
        width: 523px;
        overflow: hidden;
      position: relative;
        top: 40px;
        left: 15px;
    }
    
    #header h2 {
      text-indent: -9999px;
    }
    
    #logodiv h2#logo {
      text-indent: -9999px;
      overflow: hidden;
      background: url("../img/logo-crest.png") no-repeat;
      height: 82px;
      width: 310px;
      position: relative;
      left: 10px;
      top: 10px;
      float: left;
    }
    
    #headerwrapper ul {
      float: right;
        margin-right: 10px;
        margin-top: 10px;
    }
    
    #headerwrapper ul li {
      float: left;
    }
    
    #headerwrapper ul li a {
      color: #fff;
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
        border-left: 1px solid #fff;
        display: block;
    }
    
    #headerwrapper ul li a.noborder {
      border-left: 0px;
    }    
    
/*-------------------------------------------    
    Wrapper 
-------------------------------------------*/

    #wrapper {
      background: #fff;
        width: 960px;
        margin: 0px auto;
        margin-top: 30px;
        /* IE min height hack */
        min-height:700px;
        height:auto !important;
        height:700px;/* Needs to match the min height pixels above */
       -moz-border-radius-topleft: 10px;  
       -moz-border-radius-topright: 10px;  
       -moz-border-radius-bottomright: 10px;  
       -moz-border-radius-bottomleft: 10px;  
       -webkit-border-top-left-radius: 10px;  
       -webkit-border-top-right-radius: 10px;  
       -webkit-border-bottom-left-radius: 10px;  
       -webkit-border-bottom-right-radius: 10px; 
    }
    
/*-------------------------------------------    
    Main Navigation 
-------------------------------------------*/

    #navigation {
      width: 900px;
        margin: 0px auto;
        color: #666;
        font-size: 16px;
      position: relative;
        left: 24px;
    }
    
    #navigation ul {
      height: 70px;
    }
    
    #navigation ul li {
      float: left;
        height: 70px;
        padding: 12px;
        border-left: 1px solid #ababab;
        line-height: 120px;
    }
    
    #navigation ul li.borderright {
      border-right: 1px solid #ababab;
    }
    
    #navigation ul li a {
      color: #666;
      display: block;
    }
    
    #navbar {
      width: 100%;
        height: 20px;
        background: #000;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin-bottom: 8px;
        float: left;
        z-index: -1;
        margin-top: -1px;
    }
    
    /*-------------------------------------------    
      Main Navigation (Different States)
    -------------------------------------------*/
    
        #navigation ul li.active {
          background: #000;
          z-index: 1;
        }
        
        #navigation ul li.active a {
          color: #fff;
        }
        
/*-------------------------------------------    
    Bottom Navigation 
-------------------------------------------*/

      #bottomnavigation {
        float: left;
          width: 100%;
          height: 40px;
          background: rgba(0,0,0,0.4); /* Need to add IE specific transparancy settings */
          color: rgba(255,255,255,0.99);
          margin-top: -10px;
          margin-bottom: 30px;
      }
      
      #bottomnavigation ul {
        float: right;
          margin-right: 50px;
      }
      
      #bottomnavigation ul li {
        float: left;
      }
      
      #bottomnavigation ul li a {
        padding: 16px;
          line-height: 39px;
          color: rgba(255,255,255,0.5); /* Need to add IE specific transparancy settings */
          letter-spacing: -0.3px; /* Does decimal point notation work in other browsers? */
          font-size: 14px;
      }
      
    /*-------------------------------------------    
      Bottom Navigation (Different States)
    -------------------------------------------*/
    
        #bottomnavigation ul li a.active, 
        #bottomnavigation ul li a:hover {
          color: rgba(255,255,255,0.95); /* Need to add IE specific transparancy settings */
        }
        
/*-------------------------------------------    
    Main Picture Box (#focusbox) 
-------------------------------------------*/

    #focusbox {
      clear: both;
        width: 940px;
        height: 257px;
        margin: 0px auto;
        margin-bottom: -10px;
    }
    
    #focusbox.home {
      background: url("../img/focusbox/home.jpg") no-repeat;
    }

    #focusbox.map {
      background: url("../img/focusbox/map.jpg") no-repeat;
    }
    
    #focusbox.search {
      background: url("../img/focusbox/search.jpg") no-repeat;
    }
    
    #focusbox.concierge {
      background: url("../img/focusbox/concierge.jpg") no-repeat;
    }
        
    #focusbox.gettinghere {
      background: url("../img/focusbox/gettinghere.jpg") no-repeat;
    }  
    
    #focusbox.news {
      background: url("../img/focusbox/news.jpg") no-repeat;
    }        
    
    #focusbox.contact {
      background: url("../img/focusbox/contact.jpg") no-repeat;
    }              
 
    #focusbox h3 {
      position: relative;
        top: 217px;
      height: 40px;
      background: rgba(0,0,0,0.5); /* Need to add IE specific transparancy settings */
      color: rgba(255,255,255,0.9);
      font-size: 22px;
      line-height: 37px;
      padding-left: 10px;
      font-family: "Calibri", "Verdana";
        letter-spacing: -1px;
      font-weight: normal;
    }
    
/*-------------------------------------------    
    Main Content General
-------------------------------------------*/ 
    
    h4 {
      font-size: 22px;
        font-family: "Calibri", "Verdana";
        color: #317baf;
        height: 30px;
        line-height: 25px;        
        letter-spacing: -1px;
        margin-bottom: 10px;
    }
    
    .h4withbg {
      background: #edf3f8;
      padding-left: 10px;
       -moz-border-radius-topleft: 5px;  
       -moz-border-radius-topright: 5px;  
       -moz-border-radius-bottomright: 5px;  
       -moz-border-radius-bottomleft: 5px;  
       -webkit-border-top-left-radius: 5px;  
       -webkit-border-top-rightright-radius: 5px;  
       -webkit-border-bottom-left-radius: 5px;  
       -webkit-border-bottom-rightright-radius: 5px; 
    }
    
    .arrows1, .arrows2, .arrows3, .arrows4 {
      background: #edf3f8 url("../img/updown.png") no-repeat;
      background-position: 98% bottom;
    }
    
    
    h5 {
      margin: 10px;
      margin-top: 20px;
      font-weight: bold;
    }
    
    p {
      padding-left: 10px;
      line-height: 18px;
      margin-bottom: 20px;
      font-size: 14px;
    }
    
/*-------------------------------------------    
    Main Content Left (#alpha) 
-------------------------------------------*/

    #alpha {
      float: left;
        width: 230px;
        padding: 10px;
        padding-top: 30px;
        
    }
    
    #alpha a#contact {
      text-indent: -9999px;
      overflow: hidden;
      background: url("../img/contact.png") no-repeat;
      background-position: left bottom;
        height: 18px;
        width: 80px;
    }
    
    #alpha a#contact:hover {
      background-position: left top;
    }
    
    #alpha select {
      float: left;
      width: 200px;
      margin-top: 10px;
    }
    
    #alpha h5#emailaddress a{
      font-size: 13px;
    }
    
    #alpha input#alphasubmit {
      float: left;
        clear: left;
      margin-top: 10px;
      margin-bottom: 10px;
      background: url("../img/search.png") no-repeat;
      background-position: left bottom;
      text-indent: -9999px;
        overflow: hidden;
        height: 20px;
        width: 56px;
      border: 1px solid #fff;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    
  #alpha input#submit:hover {
        background-position: left top;
  }
    
    #alpha a#contact {
      float: left;
      clear: both;
    }
    
    #alpha #nobedroomform {
      margin: 10px;
    }
    
    #alpha h5 {
      font-weight: bold;
      font-size: 18px;
    }
    
    #alpha h5 a {
      color: #000;
      font-weight: bold;
      font-size: 15px;
    }
    
          #bluebox {
        padding: 5px;
        background: #edf3f8;
        height: 160px;
        padding-bottom: 20px;
        padding-top: 2px;
               -moz-border-radius-topleft: 5px;  
       -moz-border-radius-topright: 5px;  
       -moz-border-radius-bottomright: 5px;  
       -moz-border-radius-bottomleft: 5px;  
       -webkit-border-top-left-radius: 5px;  
       -webkit-border-top-right-radius: 5px;  
       -webkit-border-bottom-left-radius: 5px;  
       -webkit-border-bottom-right-radius: 5px; 
      }

/*-------------------------------------------    
    Main Content Right (#beta) 
-------------------------------------------*/    

    #beta {
      float: left;
      width: 690px;
      margin: 10px;
      margin-left: 9px;
      border-left: 1px dotted #317baf;
      padding-bottom: 30px;
      padding-top: 20px;
      /* IE min height hack */
      min-height:200px;
      height:auto !important;
      height:200px;/* Needs to match the min height pixels above */
    }
    
    #beta h4 {
      margin-left: 10px;
      clear: both;
      padding-left: 10px;
    }
    
    #beta p {
      margin-left: 10px;
      margin-right: 10px;
    }
    
    .rolloverlink {
      color: #444;
    }
    
    .rolloverlink:hover {
      color: #317BAF;
    }
	
	.rolloverlinkblue{
	color: #317BAF;
	text-decoration:none;
	}

	.rolloverlinkblue:hover{
	text-decoration:underline;
	}
/*-------------------------------------------    
    Main Content Right (#beta) **VILLA VIEW***
-------------------------------------------*/ 
    
    .villaview h5 {
      margin-left: 10px;
    }
    
    .villaview ul {
    
    }
    
    .villaview ul li {
      padding: 10px;
      list-style-type: disc;
      margin-left: 50px;
    }

    p#floorplan {
      text-align: center;
    }

    p#texthide1, p#texthide2, p#texthide3, p#texthide4 {
      margin-left: 10px;
      color: #777;
    }

/*-------------------------------------------    
    Main Content Right (#beta) **VILLA LISTINGS***
-------------------------------------------*/  

    .villalisting {
      float: left;
      clear: both;
      border-bottom: 1px solid #ccc;
      margin-bottom: 14px;
      padding-bottom: 14px;
    }
    
    .villalisting a {
      color: #369;
    }

    .villalistingalpha {
      float: left;
      width: 244px;
      margin-left: 10px;
    }
    
    .villalistingbeta {
      float: left;
      margin-left: 20px;
      width: 406px;
    }
    
    .villalistingbeta h5 {
      margin-left: 0;
      color: #369;
      font-weight: normal;
      font-size: 24px;
      margin-top: 2px;
    }
    
    .villalistingbeta h6 {
      color: #369;
      font-size: 16px;
      font-weight: bold;
      margin-top: -5px;
    }
    
    .villalistingbeta ul {
      margin-top: 8px;
    }
    
    .villalistingbeta ul li {
      padding-top: 8px;
      width: 100%;
      font-size: 15px;
    }
    
    .villalistingbeta span.color {
      color: #369;
      font-weight: bold;
    }
    
    .villalistingbeta a.moreinfo {
      float: right;
      text-indent: -9999px;
      overflow: hidden;
      background: url("../img/moreinfo.png") no-repeat;
      width: 73px;
      height: 18px;
    }
    
    .villalistingbeta a.moreinfo:hover {
      background-position: left bottom;
    }
/*-------------------------------------------    
    Main Content Right (#beta) MAP
-------------------------------------------*/   

    #map {
      height: 710px;
      width: 640px;
      margin: 0px auto;
    }

/*-------------------------------------------    
    Footer  
-------------------------------------------*/      

    #footer {
      width: 960px;
      margin: 0px auto;
      margin-top: 10px;
      padding-bottom: 20px;
    }

    #footer, 
    #footer a {
      font-size: 11px;
      color: #fff;
      letter-spacing: -0.1px;
    }
    
    #footer h6#one {
      float: left;
      color: #fff;
    }
    
    #footer h6#two {
      float: right;
      color: #fff;
    }

/*-------------------------------------------    
    Forms 
-------------------------------------------*/

    form#contactform fieldset {
      width: 80%;
      margin-left: 20px;
      background: #e8f1f8;
      margin-bottom: 20px;
      border: 1px solid #ccc;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 14px;
    }
    
    form#contactform label {
      float: left;
      clear: right;
      width: 220px;
      margin-left: 20px;
      margin-top: 12px;
      margin-bottom: 8px;
      text-align: left;
    }
    
    form#contactform select {
      width: 200px;
      float: left;
      margin-top: 8px;
      margin-bottom: 8px;
    }
    
    form#contactform input {
      width: 280px;
      clear: right;
      float: left;
      margin-top: 8px;
      margin-bottom: 8px;
    }
    
    form#contactform textarea {
      width: 92%;
      margin-left: 4%;
      margin-bottom: 20px;
      text-align: left;  
      height: 200px;
      clear: left;
      float: left;  
    }
    
    form#contactform input[type="submit"] {
      width: 80px;
    }
    
    form#contactform label.submit {
      margin-top: 11px;
      text-align: left;
      margin-left: 20px;
      width: 110px;
      font-size: 16px;
    }
    
    form#contactform label.comments {
      text-align: left;
      margin-left: 10px;
      font-size: 16px;
      padding: 10px;
      margin-top: 0px;
    }
    
    label.error {
      font-size: 12px;
      color: #900;
      line-height: -200px;
      padding-left: 0px;
      padding-right: 200px;
    }
    
/*-------------------------------------------    
    Photo Gallery
-------------------------------------------*/    

    div#slideshow-adv {
      width: 500px;
      margin: 0px auto;
    }
    
    div#gallery-adv {
      width: 678px;
      margin: 0px auto;
      background: #EDF3F8;
      margin-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: 360px;
       -moz-border-radius-topleft: 5px;  
       -moz-border-radius-topright: 5px;  
       -moz-border-radius-bottomright: 0px;  
       -moz-border-radius-bottomleft: 0px;  
       -webkit-border-top-left-radius: 5px;  
       -webkit-border-top-rightright-radius: 5px;  
       -webkit-border-bottom-left-radius: 0px;  
       -webkit-border-bottom-rightright-radius: 0px; 
    }
    
    div#gallery-adv img{
      text-align: center;
      margin: 0px auto;
    }
    
    div#thumbs-adv {
      width: 678px;
      margin: 0px auto;
      background: #EDF3F8;
      margin-left: 10px;
      padding-top: 0px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
        
    div#thumbs-adv ul{
      width: 478px;
      margin: 0px auto;
      background: #EDF3F8;
      margin-left: 100px;
      padding-bottom: 10px;
         
    }
    
    div#thumbs-adv ul li {
      float: left;
      padding: 10px;
      list-style-type: none;
      margin-left: 0px;   
    }
    
    div.bottom  {
      clear: both;
    }
    
    div.bottom a#prevpagelink {
      float: left;
      margin-left: 30px;
      margin-top: -50px;
    }
    
    div.bottom a#nextpagelink {
      float: right;
      margin-right: 30px;
      margin-top: -50px;
    }
    
    a#nextpagelink {
      background: url("../img/arrow.png") no-repeat;
      height: 33px;
      width: 22px;
      text-indent: -9999px;
      overflow: hidden;
      position: relative;
      left: -30px;
      bottom: 15px;
    }
    
    a#prevpagelink {
      background: url("../img/arrow2.png") no-repeat;
      height: 33px;
      width: 22px;
      text-indent: -9999px;
      overflow: hidden;
      position: relative;
      right: -30px;
      bottom: 15px;
    }
    
/*-------------------------------------------    
    Calendar
-------------------------------------------*/   

      #calender {
        width: 800px;
        margin: 0px auto; 
        text-align: center;    
      }
      
      #calendar >table{
        margin: 0px auto;
        height: 300px;
        width: 550px;
        border-collapse: collapse;
        table-layout: fixed;
      }
      
      #calendar td {
        border: 1px transparent;
      }
      
      .Y {
        background: #99ccff;
      }
      
      .N {
        background: #999;
        color: #fff;
      }
      
      .U {
        background: #DFDFDF;
      }
      
      .C {
        background: url("../img/changeover.png");
      }
      
	  .E {
        background: url("../img/exit.png");
      }
	  
      a#prevmonth {
        float: left;
        background: url("../img/arrow2.png") no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        width: 22px;
        height: 33px;
        margin-top : -165px;
        margin-left: 10px;
      }
      
      a#nextmonth {
        float: right;
        background: url("../img/arrow.png") no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        width: 22px;
        height: 33px;
        margin-top : -165px;
        margin-right: 20px;
      }

      a#prevmonth6 {
        float: left;
        background: url("../img/arrow2.png") no-repeat;
/* text-indent: -9999px;*/
        overflow: hidden;
        width: 22px;
        height: 33px;
/*        margin-top : -165px; 
        margin-left: 10px;*/
      }
      
      a#nextmonth6 {
        float: right;
        background: url("../img/arrow.png") no-repeat;
     /* text-indent: -9999px;*/
        overflow: hidden;
        width: 22px;
        height: 33px;
      /*  margin-top : -165px;
	    margin-right: 20px;*/
      }
      
	  
	  #calholder{
	  margin-left:10px;
	  margin-right:10px;
	  
	  }
	  
	   #calholder td{
		vertical-align:middle !important;
		}