/* Setup defaults */
html { overflow-y: scroll; }
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-decoration:none;
}
body {
  font-size: 100.01%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #6d6e71;
  background: #ffffff;
  text-transform: uppercase;
  behavior:url("/includes/htc/csshover.htc");
}
div {
  text-align: left;
  z-index: 1;
}
img {
  border: none;
  display: block;
  behavior: url('/includes/htc/pngbehavior.htc');
}
a {
  color: #6d6e71;
}
a:hover {
  text-decoration:underline;
}
.clear    { clear:        both;             }
.hidden   { display:      none;             }
.gborder  { border:       solid green 1px;  }
.rborder  { border:       solid red 1px;    }
.bborder  { border:       solid blue 1px;   }
.relative { position:     relative;         }
.right    { float:        right;            }
.left     { float:        left;             }
strong    { font-weight:  bolder;           }
/* Setup defaults - End */

/*********************************************/
/* Structurural Classes **********************/
/*********************************************/
.v_spacer12 {
  width: 12px;
}
.h_spacer12 {
  height: 12px;
}

.table-header {
  font-weight: bold;
  background: #cbcec7; 
}
.table-row1 {
  background: #f2f4ee; 
}
.table-row2 {
  background: #dcdfd8; 
}
.popup-window {
  margin: auto;
  text-align: center;
  
}

.w424 {
  width: 424px;
}
.w208 {
  width: 208px;
}
.copyblock {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #6d6e71;
  background: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.copy8 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
}
.copy10 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
}
.strict234h {
  min-height: 234px;
  height: auto !important;
  height: 234px;
  overflow-y: visible;
}
h1, h2, h3 {
  overflow-y: hidden;
  font-size: 26pt;
  font-weight: normal;
  color: #81a63f;
}
.wide-headline {
  margin-bottom: 50px;
}

/*********************************************/
/** Page Elements ****************************/
/*********************************************/
#province-page {
  position: relative;
  width: 865px;
  margin: auto;
  z-index:1;
}
#header {
  position: relative;
  height: 160px;
  clear: both;
  z-index: 10;
}
#province-logo {
  position: absolute;
  top: 25px;
  left: 0px;
}





#topnav {
  position: absolute;
  height: 160px;
  width: 574px;
  right: 0px;
  z-index: 10;
}

.topnav-buttons {
  float: right;
  display: inline;
  z-index: 10;
}

#red-links {
  margin-top: 7px;
  margin-bottom: 6px;
  width: 100%;
  overflow-y: hidden;
  float: left;
}
#red-links img {
  margin-right: 10px;
}

/*
.topnav-buttons ul {
  float: left;
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}
*/
.topnav-buttons img {
  /* may be pointless 
  margin: 0px;
  background: none;
   * */
  float: left;
}




#mainNav {
  height: 30px;
  float: left;
}
#mainNav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#mainNav ul li {
  padding: 0px;
  margin: 0px;
  background: url(/userfiles/image/mainnav_button.gif) no-repeat top right;
  float: left;
  margin-right: 5px;
  height: 28px;
  display: block;
  position: relative;
  width: 98px;
  z-index: 1;
}

* html #mainNav ul li {
  width: 90px;
}

#mainNav ul li a {
    color:#fff;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;    
    
    margin-left: 5px;
    margin-right: 5px;

    height: 28px;
    line-height: 28px;
    text-align: center;
    position: relative;
    overflow-x: hidden;
    z-index: 1;
}
#mainNav ul li a {
  padding: 0px;
  border: none;
}



#mainNav ul ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    position: absolute;
    clear: both;
    min-width: 150px;
    display: none;
    z-index: 1000;
    background-color: #cccccc;
    left: 0px;
    top: 27px;
}
#mainNav[id] ul ul {
    background-color: none;
    background: url(/images/75p_gray.png);
}

#mainNav ul li:hover ul{
    display: block; 
    z-index: 2000;
    position: absolute;
}



#mainNav ul ul li {
  border: none;
  clear: both;
  background: none;
  display: block;
  position: relative;
}
#mainNav ul ul li a {
  
  color: #000000;
}



#floorplan-buttons {
}
#floorplan-buttons img {
  margin-right: 8px;
  float: left;
}

.amenities-item {
  float: left;
  display: inline;
  margin-right: 9px;
  width: 207px;
}
.amenities-item li {
  margin-left: 2em;
}

.tour-list {
  position: relative;
  margin-top: 15px;
}
.tour-listing {
  position: relative;
  display: inline;
  width: 208px;
  float: left;
  margin-right: 8px;
  margin-bottom: 10px;
  height: 60px;
}
.tour-thumbnail {
  display: inline;
  position: relative;
  float: left;
  margin-right: 8px;
  margin-bottom: 17px;
}
.tour-text {
  float: right;
  position: relative;
  width: 104px;
  height: 60px;
}
.tour-text img {
  float: left;
}

#footer-nav {
  margin-bottom: 30px;
  margin-top: 100px;
}
#footer-nav ul li {
  list-style: none;
  float: left;
  font-size: 10pt;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #b4b4b4;
}



/*********************************************/
/** Menu and Naviation ***********************/
/*********************************************/
/*********************************************/
/** Image and Video **************************/
/*********************************************/


/*********************************************/
/** Text copy ********************************/
/*********************************************/
strong {
  font-weight: bold;
}
.bottom-left-align {
  position: absolute;
  bottom: 0px;
}




#tour-bg { 
  display: none;
  position: absolute;
  background: #EBEEE7;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  /*
  filter: alpha(opacity=40);
  */
  width: 100%;
  height: 1500px;
  
  top: 0;
  left: 0;
  z-index: 95;
}
#virtual-tour { 
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 100%;
 z-index: 100;

}