@import url("reset.css");
@import url("base.css");
@import url("fonts.css");



/* Common Formatting START
----------------------------------------------------------------------------------------------------*/

html{
  overflow-y: scroll;
}

#background_wrapper{ background: url('../img/site_bg_top.jpg') no-repeat top center scroll transparent; min-height: 800px; }

body{
  background: #fff url('../img/site_bg_repeating_y.jpg') repeat-y top center fixed;  
}

h1{ font:34px/49px 'ArcherProMedium', Arial, Georgia, Tahoma, Verdana, Helvetica, sans-serif; color: #666666; margin-bottom: 15px; }
h2{ font:16px/16px 'ArcherProSemibold', Arial, Georgia, Tahoma, Verdana, Helvetica, sans-serif; color: #c4161c; font-weight: bold; padding-bottom:5px; }
p { padding-bottom: 10px; }
p.omega { padding-bottom: 0px; }

.border{ border: 1px solid #000; }
.uppercase { text-transform: uppercase; }
p.first{ padding-top: 15px; }
.float-right { float: right; display: inline; position: relative; }
.float-left { float: left; display: inline; position: relative; }
.float-top{
  position:fixed; 
  margin: auto; 
  top: 0; 
  left: 0; 
  right: 0;
  z-index: 80;
}
.justify { text-align: justify; }
.small { font-size: 9px; }

.dotted-separator-top{ background: url("../img/x_divider_full_width.png") no-repeat top center scroll transparent; padding-top: 20px; }

.master-sprite, img.master-sprite, .master-sprite img {
  background:url('../img/csg-4ca1147d1cc42.png') repeat-x scroll 0 0 transparent;
  border:0 none;
  padding:0;
  cursor:pointer;
  vertical-align:middle;
}
a.sprite{
  float: left;
  display: inline;
  position: relative;
  height: 0px !important;
  overflow: hidden;
}
a.learn_more_link { float: left; display: inline; text-transform: uppercase; padding-top: 5px; }

.ui-corner-tl {
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius: 4px;
}
.ui-corner-tr {
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius: 4px;
}
.ui-corner-bl {
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius: 4px;
}
.ui-corner-br {
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-top {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;s
}
.ui-corner-right {
-moz-border-radius-bottomright:4px;
-moz-border-radius-topright:4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.ui-corner-left {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-left-radius:4px;
}
.ui-corner-all {
-moz-border-radius:4px;
-webkit-border-radius:4px;
}



/* Common Formatting END
----------------------------------------------------------------------------------------------------*/


/* Header/Footer START
----------------------------------------------------------------------------------------------------*/
.header-animation-master-sprite, img.header-animation-master-sprite, .header-animation-master-sprite img {
  background:url('../img/header_animation/csg-4cbc6a8253909.png') no-repeat scroll 0 0 transparent;
  border:0 none;
  padding:0;
  vertical-align:middle;
}

#header_stage_clouds1 { background-position: 0 -160px; width: 366px; height: 183px; top: 20px; left: 0px; }
#header_stage_clouds2 { background-position: 0 -353px; width: 366px; height: 183px; top: 20px; left:680px; }
#header_stage_clouds3 { background-position: 0 -546px; width: 239px; height: 105px; top: -2px; left: 220px; }
#header_stage_clouds4 { background-position: 0 -661px; width: 221px; height: 111px; top: 5px; left: 520px; }
#header_stage_trees1 { background-position: 0 -1312px; width: 841px; height: 213px; top: 80px; left: -30px; }
#header_stage_trees2 { background-position: 0 -1535px; width: 823px; height: 211px; top: 75px; left: 230px; }
#header_stage_trees3 { background-position: 0 -782px; width: 293px; height: 170px; top: 150px; left: -40px; }
#header_stage_trees4 { background-position: 0 -962px; width: 281px; height: 197px; top: 125px; left: 790px; }
#header_stage_terwillegar_sign { background-position: 0 -1169px; width: 386px; height: 133px; top: 15px; left: 552px; }
#header_stage_logo_top { background-position: 0 -63px; width: 337px; height: 0 !important; padding-top: 87px; top: 153px; left: 40px; z-index: 91; overflow: hidden; }
#header_nav_logo_bottom { background-position: 0 0; width: 337px; height: 53px; margin-left: 40px; }
#header_stage_terwillegar_building { background: url("../img/header_animation/building_test_8bit.png") no-repeat 0 0 transparent; width: 875px; height: 168px; top: 72px; left: 110px; }

.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 330px;
	overflow: hidden;
}
#header_stage_wrapper, #header_stage{
	position: relative;
	width: 1020px;
	height: 330px;
	margin: 0px auto;
}
#header_stage {
  position: absolute;
	z-index: 100;
}
.bird {
  background: transparent url("../img/header_animation/flying_bird.png") 0 0 no-repeat;
	position: absolute;
	top: 139px;
	left: 140px;
	width: 18px;
	height: 18px;
	z-index: 90;
}

#footer { width: 1020px; margin: 0px auto; background: #fff; padding: 20px 0px; padding-top: 30px; margin-bottom: 100px; }

/* Header/Footer END
----------------------------------------------------------------------------------------------------*/


/* Navigation START
----------------------------------------------------------------------------------------------------*/

#header_nav_wrapper, #header_nav, #admin_header_nav_wrapper, #admin_header_nav{
  position: relative;
  width: 1020px;
  margin: 0px auto;
  background: #fff;
  height: 115px;
}
#admin_header_nav_wrapper, #admin_header_nav { height: 147px; }
#admin_header_nav_wrapper, #header_nav_wrapper{
  margin-top: -90px;
}
#header_nav, #admin_header_nav{
  position: absolute;
  z-index: 110;
}

#header_nav_hunt_axxess { position: absolute; z-index: 110px; background: url("../img/treasure_btn.png") no-repeat 0 0 scroll transparent; width: 250px; height: 0 !important; padding-top: 100px; top: -50px; left: 760px; overflow: hidden;}

#header_nav_main_admin a { float: left; display: inline; margin-top: 17px; color: #666666; }
#header_nav_main_admin a:hover, #header_nav_main_admin a.active { color: #000; }
#header_nav_main, #header_nav_main_admin { margin-left: 30px; }
.header-nav-sprite, img.header-nav-sprite, .header-nav-sprite img {
  background: url("../img/header_nav/csg-4d545b8109b0b.png") no-repeat 0 0 scroll transparent;  
  border:0 none;
  padding: 0;
  vertical-align:middle;
  overflow: hidden;
}

a.header-nav-sprite { position: absolute; top: 0;}
/* OLD
.sprite-amenities_brush { background-position: -136px 0; width: 136px; height: 47px; }
li.sprite-amenities_brush { background-position: 0 0; } 
a.sprite-amenities { background-position: 0 -57px; width: 136px; padding-top: 47px; } 
a.sprite-amenities:hover, .sprite-amenities.active { background-position: 0 -114px; width: 136px; padding-top: 47px; } 
.sprite-contact_us_brush { background-position: -165px -171px; width: 165px; height: 47px; }
li.sprite-contact_us_brush { background-position: 0 -171px; } 
a.sprite-contact_us { background-position: 0 -228px; width: 165px; padding-top: 47px; } 
a.sprite-contact_us:hover, .sprite-contact_us.active { background-position: 0 -285px; width: 165px; padding-top: 47px; } 
.sprite-floor_plans_brush { background-position: -175px -342px; width: 175px; height: 47px; }
li.sprite-floor_plans_brush { background-position: 0px -342px; } 
a.sprite-floor_plans { background-position: 0 -399px; width: 175px; padding-top: 47px; } 
a.sprite-floor_plans:hover, .sprite-floor_plans.active { background-position: 0 -456px; width: 175px; padding-top: 47px; } 
.sprite-interiors_brush { background-position: -258px -513px; width: 258px; height: 47px; }
li.sprite-interiors_brush { background-position: 0 -513px; } 
a.sprite-interiors { background-position: 0 -570px; width: 258px; padding-top: 47px; } 
a.sprite-interiors:hover, .sprite-interiors.active { background-position: 0 -627px; width: 258px; padding-top: 47px; } 
.sprite-news_brush { background-position: -104px -684px; width: 104px; height: 47px; }
li.sprite-news_brush { background-position: 0 -684px; } 
a.sprite-news { background-position: 0 -741px; width: 104px; padding-top: 47px; } 
a.sprite-news:hover, .sprite-news.active { background-position: 0 -798px; width: 104px; padding-top: 47px; } 
.sprite-register_brush { background-position: -122px -855px; width: 122px; height: 47px; }
li.sprite-register_brush { background-position: 0 -855px; } 
a.sprite-register { background-position: 0 -912px; width: 122px; padding-top: 47px; } 
a.sprite-register:hover, .sprite-register.active { background-position: 0 -969px; width: 122px; padding-top: 47px; }
*/

.sprite-amenities_brush { background-position: -136px 0; width: 136px; height: 47px; } 
li.sprite-amenities_brush { background-position: 0 0; } 
a.sprite-amenities { background-position: 0 -57px; width: 136px; padding-top: 47px; } 
a.sprite-amenities:hover, .sprite-amenities.active { background-position: 0 -114px; width: 136px; padding-top: 47px; } 
.sprite-contact_brush { background-position: -149px -171px; width: 149px; height: 47px; }
li.sprite-contact_brush { background-position: 0 -171px; } 
a.sprite-contact { background-position: 0 -228px; width: 149px; padding-top: 47px; } 
a.sprite-contact:hover, .sprite-contact.active { background-position: 0 -285px; width: 149px; padding-top: 47px; } 
.sprite-floor_plans_brush { background-position: -175px -342px; width: 175px; height: 47px; } 
li.sprite-floor_plans_brush { background-position: 0px -342px; } 
a.sprite-floor_plans { background-position: 0 -399px; width: 175px; padding-top: 47px; } 
a.sprite-floor_plans:hover, .sprite-floor_plans.active { background-position: 0 -456px; width: 175px; padding-top: 47px; } 
.sprite-interiors_brush { background-position: -258px -513px; width: 258px; height: 47px; } 
li.sprite-interiors_brush { background-position: 0px -513px; } 
a.sprite-interiors { background-position: 0 -570px; width: 258px; padding-top: 47px; } 
a.sprite-interiors:hover, .sprite-interiors.active { background-position: 0 -627px; width: 258px; padding-top: 47px; } 
.sprite-news_brush { background-position: -104px -684px; width: 104px; height: 47px; }
li.sprite-news_brush { background-position: 0 -684px; } 
a.sprite-news { background-position: 0 -741px; width: 104px; padding-top: 47px; } 
a.sprite-news:hover, .sprite-news.active { background-position: 0 -798px; width: 104px; padding-top: 47px; } 
.sprite-the_buzz_brush { background-position: -138px -1026px; width: 138px; height: 47px; } 
li.sprite-the_buzz_brush { background-position: 0 -1026px; } 
a.sprite-the_buzz { background-position: 0 -1083px; width: 138px; padding-top: 47px; } 
a.sprite-the_buzz:hover, .sprite-the_buzz.active { background-position: 0 -1140px; width: 138px; padding-top: 47px; } 




#footer_nav { margin-top: 7px; }
#footer_nav li { color: #999999; padding-right: 10px; font-size: 16px; line-height: 22px; }
#footer_nav li a { float: left; display: inline; text-transform: uppercase; font-size: 16px; line-height: 22px; padding-right: 10px; color: #999999; }
#footer_nav li a:hover { color: #c4161c; }
.footer_text { font-size:11px; line-height:15px; color: #999999; float: left; clear: both; }
.footer-sprite, img.footer-sprite, .footer-sprite img {
  background: url("../img/footer/csg-4cd1b511564ff.png") no-repeat 0 0 scroll transparent;  
  border:0 none;
  padding: 0;
  vertical-align:middle;
  overflow: hidden;
}
a.sprite-axs_footer_logo { background-position: 0 0; width: 132px; padding-top: 55px; } 
a.sprite-axs_footer_logo:hover { background-position: 0 -65px; width: 132px; padding-top: 55px; } 
a.sprite-has_footer_logo { background-position: 0 -130px; width: 150px; padding-top: 22px; margin-top: 15px; float: right; } 
a.sprite-has_footer_logo:hover { background-position: 0 -162px; width: 150px; padding-top: 22px; }
a.sprite-btn_facebook { background-position: 0 -194px; width: 172px; padding-top: 27px; } 
a.sprite-btn_facebook:hover { background-position: 0 -231px; width: 172px; padding-top: 27px; } 
div.sprite-text_realtor { background-position: 0 -268px; width: 940px; height: 40px; margin-top: 20px; } 


/* Navigation END
----------------------------------------------------------------------------------------------------*/


/* Main Content START
----------------------------------------------------------------------------------------------------*/
a.blue_arrows { background: url("../img/blue_arrows.png") no-repeat center left; padding-top: 2px; padding-left: 17px; color: #666666; }

#main_content {
  width: 1020px;
  margin: 0px auto;
  background: #fff;
}
.index_carousel_wrapper { position: relative; }
.index_carousel { width: 1000px; height: 400px; margin-left: 10px; overflow: hidden; }
#index_carousel_prev, #index_carousel_next { position: absolute; top: 150px; left: 40px; z-index: 100; }
#index_carousel_next { left: 940px; }
.index_carousel div.slide { float: left; display: inline; position: relative; }
.index-sprite, img.index-sprite, .index-sprite img {
  background: url("../img/index/csg-4cc06a93dccb1.png") no-repeat 0 0 scroll transparent;  
  border:0 none;
  padding: 0;
  vertical-align:middle;
  overflow: hidden;
}
a.sprite-btn_go_now { background-position: 0 0; width: 92px; padding-top: 31px; position: absolute; top: 350px; left: 470px; } 
a.sprite-btn_go_now:hover { background-position: 0 -41px; width: 92px; padding-top: 31px; } 
a.sprite-btn_slide_01_learn:hover { background-position: 0 -82px; width: 120px; padding-top: 31px; } 
a.sprite-btn_slide_03_learn:hover { background-position: 0 -123px; width: 120px; padding-top: 31px; } 
a.sprite-btn_slider_learn { background-position: 0 -164px; width: 120px; padding-top: 31px; position: absolute; top: 235px; left: 442px; } 
a.sprite-btn_slide_02_learn:hover { background-position: 0 -205px; width: 120px; padding-top: 31px; } 
a.sprite-slider_arrow_left { background-position: 0 -246px; width: 40px; padding-top: 40px; } 
a.sprite-slider_arrow_left:hover { background-position: 0 -296px; width: 40px; padding-top: 40px; } 
a.sprite-slider_arrow_right { background-position: 0 -346px; width: 40px; padding-top: 40px; } 
a.sprite-slider_arrow_right:hover { background-position: 0 -396px; width: 40px; padding-top: 40px; } 

.suite_name_selector { padding-bottom: 10px; }
.suite_name_selector li { width: 250px; background: url("../img/blue_arrows.png") no-repeat left center; padding: 2px 0px; padding-left: 20px;}
.suite_name_selector li a { color: #666666; }
.suite_name_selector li a:hover { color: #333333; }
.sqft{ color: #c4161c; font-size: 9px; padding-left: 5px; }
#suite_holder { height: 580px; }
#mask {
  top: 0;
  left: 0;
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
#fp_modal_window .window {
  position:absolute;
  display:none;
  z-index:9999;
}
#fp_modal_window #fp_modal_dialog {
  width: 800px; 
  height: 540px; 
  background: #fff;
}
#fp_diagram { width: 800px; height: 540px; }
.window img.close { position: absolute; bottom: 30px; right: 40px; cursor: pointer; }
.loading, img.loading { background: url("../img/ajax-loader.gif") no-repeat center center transparent; }

.article-pubdate { color: #888888; margin-bottom: 7px; }
.article-thumbnail_photo { width: 130px; border: 5px solid #ebeaea; }
.article-gallery { background: #ebeaea; width:620px; height: 120px; padding: 10px 0px; overflow: hidden; }
.article-gallery a.lightboxReady { float: left; display: inline; height:100px; width:100px; margin: 10px; }
.article-gallery a.alpha { margin-left: 20px; }
.article-gallery img { float: left; display: inline; border: 1px solid #444444; width: 98px; }

#interior_gallery { background: url('../img/interior_finishes/interior_gallery_bg.png') no-repeat scroll top left;  width: 900px; height: 460px; padding: 0 20px; padding-top:56px; margin-top:10px; }
#interior_gallery a { float: left; display: inline; width: 210px; height: 210px; margin: 0 10px; margin-bottom: 20px; }
#interior_gallery a.alpha { margin-left: 0px; }
#interior_gallery a.omega { margin-right: 0px; }
#interior_gallery a img { width: 208px; border: 1px solid #444444; }


.the-buzz-sprite, img.the-buzz-sprite, .the-buzz-sprite img {
  background: url("../img/the_buzz/csg-4d54602231445.png") no-repeat 0 0 scroll transparent;  
  border:0 none;
  padding: 0;
  vertical-align:middle;
  overflow: hidden;
}
img.sprite-quotes_blue_left { background-position: 0 0; width: 26px; height: 20px; } 
img.sprite-quotes_blue_right { background-position: 0 -30px; width: 26px; height: 20px; } 
img.sprite-quotes_green_left { background-position: 0 -60px; width: 26px; height: 20px; } 
img.sprite-quotes_green_right { background-position: 0 -90px; width: 26px; height: 20px; } 
img.sprite-quotes_yellow_left { background-position: 0 -120px; width: 26px; height: 20px; } 
img.sprite-quotes_yellow_right { background-position: 0 -150px; width: 26px; height: 20px; }

.testimonial1 { margin: 30px 0; margin-left: 30px; }
.testimonial2 { margin: 30px 0; margin-left: 120px; }


/* Main Content END
----------------------------------------------------------------------------------------------------*/


