html
{
  height: 100%;
}
body
{
  background: #FFF none scroll top left no-repeat;
  font-size: 76%;
  height: 100%;
  text-align: center;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

#wrapper
{
  width: 960px;
  margin: 0px auto;
  min-height: 100%;
  background: transparent url("../images/template/background.gif") scroll 0px 341px repeat-x;
  text-align: left;
}

.section-links
{
  clear: left;
  background-color: #000;
  border-top: solid 1px #EEE8DC;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  min-height: 1.5em;
}

#essential-stats
{
  display: block;
  width: 82px;
  padding-left: 23px;
  padding-right: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: solid 1px #EEE8DC;
  height: 1.45em;
  line-height: 1.55em;
  color: #000;
  text-decoration: none;
  background: #EC008C url("../images/template/essential-facts.gif") scroll center left no-repeat;
}
:hover#essential-stats
{
  xbackground-color: #434445;
  background-color: #000;
  background-image: url("../images/template/essential-facts-hover.gif");
  color: #EC008C;
}

/****HEADER****/
#branding
{
  height: 41px;
  background-color: #000;
  border-bottom: solid 1px #EEE8DC;
  position: relative;
}
#logo
{
  background: transparent url("../images/template/logo.gif") scroll center center no-repeat;
  width: 234px;
  height: 28px;
  padding-top: 10px;
  margin-left: 5px;
}
#logo a
{
  display: block;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  text-indent: -9999em;
  overflow: hidden;
}
#tagline
{
  background: transparent url("../images/template/tagline.gif") scroll center center no-repeat;
  position: absolute;
  bottom: 6px;
  right: 10px;
  width: 198px;
  height: 16px;
  line-height: 0px;
  font-size: 0px;
  text-indent: -9999em;
  overflow: hidden;
}
/****endheader****/

/****NAV****/
#main-nav
{
  width: 158px;
  float: left;
  height: 274px;
  padding-top: 5px;
  background-color: #000;
}
#main-nav li
{
  padding-top: 8px;
}
#main-nav li a
{
  display: block;
  padding: 3px 3px 3px 10px;
  color: #C3B389;
  text-decoration: none;
  font-size: 1.1em;
}
#main-nav li a:hover, #supp-nav li a:hover
{
  background-color: #434445;
}
#main-nav li.selected a, #supp-nav li.selected a
{
  color: #EC008C;
}
#supp-nav li
{
  display: inline;
  line-height: 1.5em;
}
#supp-nav li a
{
  border-right: solid 1px #EEE8DC;
  padding: 3px 10px;
  text-decoration: none;
  color: #C3B389;
}
#home #main-nav
{
  height: 352px;
}

/****endnav****/

/****GALLERY****/
#home #showcase
{
  height: 357px;
  background-image: url("../images/template/home_page_bg.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

#showcase
{
  width: 802px;
  float: left;
  height: 279px;
  background-color: #000;
  position: relative;
}
#showcase .gallery
{
  width: 802px;
  height: 279px;
  overflow: hidden;
  position: relative;
  z-index: 40;
}
#showcase ul
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 96px;
  z-index: 60;
  background-color: #000;
}
#showcase ul li, #showcase ul li a
{
  height: 93px;
  padding: 0px;
  margin: 0px;
  display: block;
  border-width: 0px;
}
#showcase .gallery img.ui-tabs-hide
{
  display: none;
}

#showcase li
{
  opacity: 0.5;
  filter:alpha(opacity=50)
}
#showcase li.ui-state-active, #showcase li.ui-state-hover
{
  opacity: 1;
  filter:alpha(opacity=100)
}

/****endgallery****/


/****MAIN CONTENT****/

#main-content
{
  overflow: auto;
  min-height: 360px;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content p, #main-content ul, #main-content ol, #main-content blockquote, #main-content pre, #main-content code, #main-content dl, #main-content fieldset, #main-content table
{
  margin: 5px 10px 15px;
  line-height: 1.4em;
  color: #000;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5
{
  margin: 15px 10px 10px;
  color: #00AEEF;
}
#main-content h1
{
  margin: 0px 10px;
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 4em;
  line-height: 1.2em;
  font-weight: normal;
}
#main-content h2{font-size: 1.8em;}
#main-content h3{font-size: 1.6em;}
#main-content h4{font-size: 1.4em;}
#main-content h5{font-size: 1.2em;}

.narrow-column
{
  width: 390px;
  float: left;
}
.wide-column
{
  width: 575px;
  float: left;
}
.two-column > div
{
  width: 49%;
  float: left;
}
.three-column > div
{
  width: 33%;
  float: left;
}
#main-content.section .grid-list
{
  width: 375px;
  float: left;
  margin: 0px;
  padding: 0px 5px;
  list-style-image: none;
}
#main-content.section .grid-list li
{
  width: 97px;
  height: 65px;
  vertical-align: middle;
  text-align: center;
  line-height: 103px;
  margin: 5px 5px 15px;
  padding: 0px;
  float: left;
}
#main-content.section .grid-list li a:hover
{
  border: solid 1px #CAC1A9;
  padding: 0px;
}
#main-content.section .grid-list li a
{
  padding: 1px;
  vertical-align: middle;
  display: block;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
  text-indent: -99999px;
  height: 70px;
}

#main-content.section ul.gallery-list
{
  margin: 0px;
  padding: 0px 5px;
  position: absoulte;
  top: 0px;
  left: 0px;
  list-style-image: none;
}
#main-content.section ul.gallery-list li
{
  width: 98px;
  height: 98px;
  text-align: center;
  margin: 5px 10px 5px 0px;
  padding: 5px;
  float: left;
  vertical-align: middle;
}
#main-content.section ul.gallery-list li a
{
  display: block;
  display: table-cell;
  border: solid 1px #CAC1A9;
  line-height: 96px;
  width: 96px;
  height: 96px;
  overflow: hidden;
  vertical-align: middle;
}
#main-content.section ul.gallery-list li a:hover
{
  border-color: #434445;
}
#main-content.section ul.gallery-list li.even
{
  position: relative;
  margin-left: -108px;
  bottom: -116px;
}
#main-content.section ul.gallery-list li img
{
  vertical-align: middle;
}

#main-content.section ul.article-list
{
  list-style-image: none;
  padding-left: 0px;
}
#main-content.section ul.article-list li
{
  border-bottom: dotted 1px #CAC1A9;
  padding-bottom: 0px;
}
#main-content.section ul.article-list li a
{
  display: block;
  color: #000;
  text-decoration: none;
  padding: 10px 2px;
}
#main-content.section ul.article-list li a:hover
{
  background-color: #CAC1A9;
}
#main-content.section ul.article-list li a strong
{
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: bold;
  display: block;
  padding-bottom: 4px;
}
#main-content.section ul.article-list li a span.date
{
  font-size: 0.8em;
  text-transform: uppercase;
  display: block;
}

#main-content.section ul.media-list
{
  margin: 0px;
  padding: 0px 5px;
  list-style-type: none;
  list-style-image: none;
}
#main-content.section ul.media-list li
{
  width: 95px;
  height: 95px;
  vertical-align: middle;
  text-align: center;
  margin: 5px;
  padding: 5px;
  float: left;
}
#main-content.section ul.media-list li a
{
  display: block;
  border: solid 1px #CAC1A9;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
  text-indent: -9999em;
  height: 93px;
}
#main-content.section ul.media-list li a:hover
{
  border-color: #434445;
}

.aside
{
  width: 183px;
  height: 200px;
  margin: 5px 5px 10px 0px;
  float: left;
  border: solid 1px #CAC1A9;
  position: relative;
}

.aside a.call-to-action
{
  display: block;
  height: 180px;
  padding: 10px;
}
#main-content .aside a.floorplan
{
  xbackground-color: #EC008C;
  height: 175px;
  padding-top: 15px;
  color: #FFF;
  font-size: 2.3em;
  text-decoration: none;
  overflow: hidden;
}
#main-content .aside a:hover.floorplan
{
  color: #EC008C;
}

.dynamic-aside
{
  overflow: hidden;
}
.link-aside
{
  overflow: hidden;
}

.dynamic-aside .flyout
{
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 183px;
  border-top: solid 17px #606060;
  height: 0px;
  background: transparent url("../images/template/grey-overlay.png") scroll top left repeat;
  z-index: 50;
}
.aside img.background
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
}
.link-aside a:hover img.background
{
  top: -200px;
}
.dynamic-aside .flyout strong.title
{
  background: transparent url("../images/template/up-aside-arrow.gif") scroll center right no-repeat;
  height: 17px;
  line-height: 17px;
  padding-left: 3px;
  padding-right: 17px;
  position: relative;
  top: -17px;
  color: #FFF;
  font-weight: normal;
}
.dynamic-aside .flyout.open strong.title
{
  background-image: url("../images/template/down-aside-arrow.gif");
}

#main-content .dynamic-aside .flyout h2
{
  margin-top: -5px;
  margin-bottom: 0px;
}
#main-content .dynamic-aside .flyout p
{
  margin-top: 0px;
  margin-bottom: 5px;
}

#main-content .news-item
{
  overflow: hidden;
}
#main-content .news-item h1
{
  font-size: 3em;
}
#main-content .news-item h4.pubon
{
  font-size: 1em;
  margin-top: 5px;
  color: #000;
}
.news-item .downloadable
{
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px 10px;
}
#main-content.section ul, .news-item ul
{
  list-style-image: url("../images/template/bullet.gif");
  padding-left: 1.4em;
}
#main-content.section ul li
{
  padding-bottom: 10px;
}
.news-item ol
{
  padding-left: 1.4em;
  list-style-type: decimal;
}
.news-item li
{
  padding-bottom: 3px;
}

.ground-floor-plan a, .first-floor-plan a, .second-floor-plan a
{
  background: transparent none scroll top left no-repeat;
}
.ground-floor-plan a:hover, .first-floor-plan a:hover, .second-floor-plan a:hover
{
  background-position: bottom left;
}
.ground-floor-plan a
{
  background-image: url("../images/template/cam-1.jpg");
}
.first-floor-plan a
{
  background-image: url("../images/template/cam-2.jpg");
}
.second-floor-plan a
{
  background-image: url("../images/template/cam-3.jpg");
}
sub, sup
{
  font-size: 0.8em;
  position: relative;
}
sub
{
  top: 0.2em;
}
sup
{
  top: -0.3em;
}

hr
{
  margin: 15px 25px;
}

#home #main-content
{
  min-height: 0px;
}

#home .section-links 
{
  margin-bottom: 10px;
}
#home .call-to-action
{
  display: block;
  background: transparent none scroll top left no-repeat;
  float: left;
  margin-left: 10px;
  line-height: 0px;
  font-size: 0px;
  text-indent: -99999px;
  overflow: hidden;
}
#home .call-to-action:hover
{
  background-position: bottom left;
}
#home .retailers
{
  width: 271px;
  height: 194px;
  background-image: url("../images/template/retailers-cta.jpg");
}
#home .southgate
{
  width: 271px;
  height: 194px;
  background-image: url("../images/template/southgate-cta.jpg");
}
#home .contact
{
  width: 378px;
  height: 113px;
  margin-left: 10px;
  background-image: url("../images/template/contact-cta.jpg");
}

#home h5
{
  font-size: 1.1em;
  color: #000;
  float: left;
  margin-top: 13px;
  margin-bottom: 2px;
}

#home #main-content.section ul.article-list
{
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 0px;
  float: left;
  width: 378px;
  list-style-image: none;
  padding-left: 0px;
}
#home #main-content.section ul.article-list a
{
  padding: 5px 2px;
}
#home #main-content.section ul.article-list strong
{
  font-size: 1.3em;
  color: #00AEEF;
  display: inline;
}
#home #main-content.section ul.article-list span.date:before
{
  content: " | ";
}
#home #main-content.section ul.article-list span.date
{
  display: inline;
  xborder-left: solid 1px #000;
  xpadding-left: 3px;
}
#home #main-content.section ul.article-list span.description
{
  display: block;
}

/****endmaincontent****/

/****FOOTER****/
#footer
{
  color: #8E8E8D;
  padding: 20px 10px;
  height: 0.8em;
  line-height: 0.8em;
  font-size: 0.8em;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}
#site-info
{
  height: 0.8em;
  line-height: 0.8em;
  padding-right: 7px;
}
#footer .links
{
  display: inline;
}
#footer .links li
{
  display: inline;
  border-left: solid 1px #8E8E8D;
  padding: 0px 7px;
  height: 8px;
}
#footer .links li a, #site-credit
{
  height: 8px;
  color: #8E8E8D;
  text-decoration: none;
}
#footer .links li a:hover, :hover#site-credit
{
  text-decoration: underline;
}
#site-credit
{
  position: absolute;
  right: 10px;
  bottom: 20px;
}
/****endfooter****/

/****ESSENTIALFACTS****/
#essential-stats-data
{
  display: none;
  top:50px;
  height:600px;
  width: 750px;
}
#essential-stats-data .wrapper
{
  background-color: #EC008C;
  color: #FFF;
  padding: 10px;
  position: relative;
  border: solid 1px #FFF;
}
#essential-stats-data img.close-overlay
{
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
#essential-stats-data h2
{
  font-size: 2em;
  text-transform: uppercase;
}
dl.essential-stats
{
  margin: 40px 0px 20px;
}
dl.essential-stats dt
{
  font-size: 3em;
  line-height: 1.25em;
}
dl.essential-stats dd
{
  padding: 0px 0px 10px;
  margin: 0px 20px 10px;
  border-bottom: dotted 1px #FFF;
  font-size: 1.3em;
  line-height: 1.2em;
}
/****endessentialfacts****/

/****GREYBOX****/
#gbox_container
{
  background-color: #FFF;
}
#gbox_container a.close-gallery
{
  padding: 5px;
  text-decoration: none;
}
#gbox_container a:hover.close-gallery
{
  background-color: #FFF!important;
  color: #000!important;
}
/****greybox****/

#lightbox-caption-title
{
  display: none;
}


.clrL
{
  clear: left;
}


#main-content .press-releases h3
{
  margin: 0px 10px;
}


body #lightbox #lightbox-close-button
{
  font-size: 2em;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
}
body #lightbox #lightbox-close-button:hover
{
  text-decoration: underline;
}
#lightbox #lightbox-infoHeader
{
  height: 0px;
  display: none;
}

#main-content .retailers-section
{
  border-top: solid 1px #ECE2D0;
  margin-top: 20px;
  padding-top: 10px;
  clear: both;
}
#main-content .retailers-section ul
{
  margin: 0px;
  padding: 0px 5px;
  list-style-image: none;
  text-align: center;
  overflow: hidden;
}
.retailers-section ul li
{
  padding: 15px 0px;
  width: 235px;
  height: 90px;
  float: left;
  text-align: center;
  line-height: 90px;
  vertical-align: middle;
}
.retailers-section ul li.breaker
{
  clear: left;
  width: 940px;
}

#main-content a
{
  color: #00AEEF;
}

#main-content a:hover
{
  text-decoration: none;
}

.floorplan-section
{
  padding-left: 10px;
}
