* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; background: #310C07 repeat-x 50% 0;}
/*
  html#galleries_area{background-color: #382823;}
  html#galleries_area body{background:none;}
*/
body { 
  font-size: 100%; height: 100%;
}

h1, h2, h3, h4, h5, h6 { font: normal 100%/100% verdana, arial, sans-serif; color: #000; padding: 0 0 5px 0; }
#residents h1 { font-size: 2.5em; line-height: 100%; color:  #790000; padding-bottom: 40px;}
h1.home{font-size: 1.6em; padding-bottom: 5px; color: #790000;}
h2 { font-size: 1.4em; line-height: 100%; color: #42210B;}
h2#landing{padding: 60px 0;}
h3 { font-size: 1.2em; line-height: 100%; color:  #790000;}
h4 { font-size: 1.0em; color: #42210B; text-transform: uppercase;}
h5 { font-size: 0.8em; font-weight: bold; line-height: 100%; color: #9D8776; padding-top: 5px;}
h6 { font-size: 1.3em; font-weight: normal; color: #790000;}

p, ol, ul, table, dl { font: normal .7em/150% Verdana, Arial, sans-serif; color: #666; padding: 0 0 10px 0; }

a, a:visited { color: #790000; text-decoration: none; }
a:hover { color: #790000; text-decoration: underline; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }

#header_wrapper{
  width: 100%;
  height: 89px;
  background: url(/images/top_burgundy.gif) repeat-x 0 0; 
}
#header{
  width: 892px; margin: 0 auto;
  position: relative;
  height: 89px;
  background: url(/images/top_photos.jpg) no-repeat 100% 0;

}

#outer_wrapper { 
  width: 100%; 
  background: #FFF url(/images/grad_home_top.gif) repeat-x 0 0;
}
#wrapper { 
	width: 892px; 
  padding-top: 15px;
	margin: 0 auto; 
	position: relative;
  min-height: 450px;
}
#dovetail_logo{
/*	margin-top: 50px; */
}

#logo{height:89px; width:286px; position:absolute; background: url('/images/logo.jpg') 0 0 no-repeat; }
#header ul.nav { padding:0; position:absolute; right:0; bottom:0; width:606px; height:29px; overflow:hidden; }
#header .nav li { float:left; list-style:none; padding:0; }
#header .nav .amenities {width:161px; padding:29px 0 0 0; background:url('/images/nav_amenities.gif') no-repeat 0 0; }
#header .nav .amenities:hover, #header .nav li.active .amenities { background-position:0 -29px; }
#header .nav .units {width:141px; padding:29px 0 0 0; background:url('/images/nav_units.gif') no-repeat 0 0; }
#header .nav .units:hover, #header .nav li.active .units { background-position:0 -29px; }
#header .nav .leasing {width:141px; padding:29px 0 0 0; background:url('/images/nav_leasing.gif') no-repeat 0 0; }
#header .nav .leasing:hover, #header .nav li.active .leasing { background-position:0 -29px; }
#header .nav .gallery {width:163px; padding:29px 0 0 0; background:url('/images/nav_gallery.gif') no-repeat 0 0; }
#header .nav .gallery:hover, #header .nav li.active .gallery { background-position:0 -29px; }

#header_image {
  margin: 0 20px 5px 20px;
}

#content, #sidebar{float:left;}
#content{
  width: 646px; 
  padding: 0 10px 20px 0; 

}

#home_content {position: relative; width: 890px; height: 539px; margin-bottom: 15px;}

#sidebar{width: 188px; padding-right: 18px; margin-left: 20px; display: inline; }

#galleries_area #sidebar{ width: 150px; padding-top: 12px; }
#galleries_area #sidebar .subnav li{ width: 150px; }

#sidebar.home { display: none; }

#footer_wrapper{ width: 100%; background-color: #310C07;}
#footer { 
  width: 820px; 
  padding: 0 35px; 
  margin: 0 auto; 
}
#footer #footer_contact{
  padding: 20px 20px 0 0;
  font-size: 0.75em;
  color: #A4ACA3;
  float: left; 
}
#footer #footer_contact a{ color: #A4ACA3; }
#footer ul{ 
  color: #6B6663; 
  list-style:none; 
  padding:24px 0 0 0; 
  margin-left: 25px;
  font-weight: bold;
}

#footer li{float:left; border-right: 2px solid #A4ACA3; line-height: 1em; font-size: 1em; padding:0;}
#footer li.last{border-right: 0;}
#footer li a{float:left; padding: 0 10px; color: #A4ACA3; }
#footer li.first a{padding-left:0;}
#footer a, #footer a:hover { color: #a0a0a1; } 
#footer p {color: #a0a0a1; padding-bottom: 25px;}

#home_features { position: absolute; bottom: 0; left: 20px; z-index: 1000; width: 890px;}
.home_button {margin: 0; padding: 0; display: block; float: left;}
#home_feature{margin-bottom: 15px; display:block;}
#home_text{ width: 840px; text-align: center; color: #736357; margin-top: 30px;}

#home_teasers {
	border-top: 6px solid #efeee7; 
	border-bottom: 6px solid #d3cfc6; 
	background: url(/images/bg_home_teasers.gif) repeat-x 0 0; 
	background-color:#EEECE5;
	width: 100%; 
	min-height: 311px;
}
#home_teasers_wrapper {width: 840px; margin: 0 auto; position: relative;}
#residents_tab{margin-top: 16px;}

.home_teaser{
	width: 171px;
	padding: 20px 15px 10px 5px;
	float:left;
	margin-right: 0px;
	min-height: 130px;
}
.home_teaser.wider{ width: 206px; padding-right: 25px; }

.home_teaser.last{margin:0;}
.home_teaser h2 {padding-bottom: 10px; float:left; width:155px; }
#content .home_teaser h5 a{color: #9D8776;}
.home_teaser p{color: #736357; padding: 4px 0; line-height: 110%;}
#content .home_teaser a{ color: #736357; font-weight: bold; }
#content .home_teaser h2 a{color: #700A00;}

.home_teaser .comments{
	padding-left: 17px; 
	background:url(/images/icon_comment.gif) no-repeat 0 50%; 
	font-style: italic;
}
#content .home_teaser .comments a{color: #9D8776;}

#contact_teaser{ padding-left: 35px; padding-right: 35px; width: 146px; }

#home_parents { float: right; padding-bottom: 10px; } 
#home_video {
	background: url(/images/bg_video-trans.png) no-repeat 0 0; 
	height: 266px; 
	width: 447px; 
	padding: 0; 
	float: left;
	padding: 6px 0 0 6px; 
}
#home_sidebar { width: 890px; height: 539px; position: absolute; top: 0; left: 0;}
#home_sidebar img { display: block; }

#check_availability{ margin-top: 4px; }

#call_or_visit{width: 158px; padding: 10px 0 0 0;}
#call_or_visit p { color:#42210B; padding:0 0 2px 0; line-height:120%; }
#call_or_visit .hdr { color:#AD1E02; font-weight:bold; }

#contact_info { padding:15px 0; }
#contact_info p { color:#42210B; padding:0 0 2px 0; line-height:120%; }
#contact_info .hdr { color:#AD1E02; font-weight:bold; }
#contact_info #main_phone { font-size:0.9em; font-weight:bold; padding:0; }

.subnav ul { padding:0 0 20px 0; }
#sidebar .subnav li {
	width: 193px; 
	border: 1px solid #B7B5B2; 
	border-bottom: 1px solid #9E8075; 
	border-top:0; 	
	padding:0;
	list-style:none;
	margin:0;
}
#sidebar .subnav li.special a {background: url(/images/bg_subnav_wood.gif); color: #FFF;}
#sidebar .subnav li a {
	display: block;
	padding: 6px 8px;
  color: #736357;
	margin:0;
  font-weight: bold; 
}
#sidebar .subnav li a:hover, #sidebar .subnav li a.active {
	text-decoration:none;
}

#sidebar #amenities_subnav li, #sidebar .galleries_subnav li, #sidebar #units_subnav li {
  border:0;
  background:url('/images/bg_subnav.gif') no-repeat 100% 100%;
  padding:0 0 2px 0;
}
#sidebar #amenities_subnav li a, #sidebar .galleries_subnav li a, #sidebar #units_subnav li a { 
  background:url('/images/dot.gif') no-repeat 96% 50%;
  padding-right:30px;
}
#sidebar #amenities_subnav li a:hover, #sidebar .galleries_subnav li a:hover, #sidebar #units_subnav li a:hover { 
  background:url('/images/dot_a.gif') no-repeat 96% 50%;
}
#sidebar #amenities_subnav li a.active { 
  background:url('/images/dot_a.gif') no-repeat 96% 50%;
}
#sidebar #units_subnav li a.active { 
  background:url('/images/dot_a.gif') no-repeat 96% 50%;
}

#sidebar #units_subnav li.special a { 
  /*background:#253037;*/ 
  /* color: #C7B299; */ 
}
#sidebar #units_subnav li.special a:hover { 
  /*background-color: #E9DBCA;*/ 
  /* color: #42210B; */ 
}

#sidebar .galleries_subnav li { border-bottom: 1px solid #A38F7F; width: 110px; }
#sidebar .galleries_subnav li a { 
  /* background-color: #382823; */ 
  /* color: #A38F7F; */ 
}
#sidebar .galleries_subnav li a:hover { 
  /* background-color: #FFFEFD; */ 
  /* color: #382823; */ 
}
#sidebar .galleries_subnav li a.active { 
  /*background-color: #382823;*/ 
  /* color: #FFFEFD; */ 
}

/* #subscribe { padding: 7px; margin-top: 15px; width: 144px; } */
#subscribe input{ height: 19px; vertical-align: middle; }
#subscribe input.email{padding: 2px; height: 12px; width: 125px; font-size: 10px; display: block; float: left; margin-right: 6px;}
#subscribe input.button{ padding: 0; margin: 0; display: block; float: left; }

#subscribe p strong{font-weight: normal; color: #42210B;}
#subscribe p{color: #9D8776; padding: 0;}

#directions{
	padding: 0 35px 0 40px;
	position: relative;
}
#directions #leasing {position: absolute; width: 65px; height: 30px; top: 78px; left: 265px;}
#directions #property {position: absolute; width: 65px; height: 30px; top: 78px; right: 20px;}
#directions #to_sitemap{ position: absolute; top: 15px; right: 75px; }
#directions #to_sitemap a{/*color: #FFF;*/}

#directions .google_link { position: absolute; left: 418px; }
#directions #leasing_map_link{ top: 300px; }
#directions #property_map_link{ top: 508px; }

#sitemap_wrapper{position: relative; padding: 0 0 0 20px;}
#sitemap_wrapper #to_directions{position: absolute; top: 15px; right: 30px;}
#sitemap_wrapper #to_directions a{color: #000;}

#residents{padding-top: 30px; position: relative;}
#residents ul{padding:0;}
#residents li{list-style:none; padding: 5px 0;}
#residents #announcement h3{padding: 0 0 5px 0; border: none; margin:0; width: 100%;}
#residents h3{border-top: 1px solid #9E8075; margin-top: 15px; width: 92%;}
#residents h3, #residents h4{padding: 25px 0 5px 0;}

#announcement{
	width: 293px;
	padding: 20px 15px;
	background: url(/images/bg_announcement.gif) no-repeat 0 0;
	position:absolute;
			top: 30px; right: 30px;
}
#announcement .exit{position: absolute; top: 20px; right: 10px;}
#announcement p{line-height: 110%;}

#amenity h1{padding: 0 0 5px 0;}

#form_fields {width: 110px;}

/******* Amenity and gallery thumbnail styles *******/

#large_photo{ min-height: 120px; text-align:center; margin-bottom: 10px; }
#large_photo p{padding-top: 30px;}
#large_photo img{display:block; margin: 0 auto;}
#large_photo h2{text-align:center; color: #FFF;}

#thumbnav{width: 680px; margin: 12px auto; position: relative;}
#thumbnav .more{position: absolute; top:30px;}
#thumbnav .moreLeft{left: 0;}
#thumbnav .moreRight{right: 0;}

#thumbnail_window .thumbnail_li.last{margin-right: 0;}
#thumbnail_window, #thumbnail_ul, .thumbnail_li {margin: 0;padding: 0;/*height: 96px;*/position: relative;}
#thumbnail_window {position: relative; width: 636px; height: 79px; margin: 0 auto; overflow: hidden; z-index: 10;}
#thumbnail_ul {width: 10000px;position: relative;}
.thumbnail_li {list-style: none;float: left;z-index: 1;}
.thumbnail_li img {margin: 0 12px 0 0;padding: 0; display:block;}

/************ styles for gallery pages ************/
.gallery_box { text-align:center; width:150px; float:left; margin:0 0 10px 0; }
.gallery_box img { border:1px solid #DFDFDF;}

#gallerynav { border-bottom:3px solid #666; margin:0 6px 15px 0; height: 22px;}
#gallerynav p { padding:0 0 5px 0; float: left; width: 200px;}
.gallery_links { float:right; font-size:0.75em; font-weight:bold; }
.gallery_info { font-size:0.8em; }
.gallery_num { font-size:0.8em; border-bottom:5px solid #E5E5E5; padding:0 0 5px 0; margin: 0 0 10px 0; }

#photo_details_holder { min-height:480px; }
#photo_details_holder img { display:block; }
#photo_busy p { width:640px; text-align:center; padding:175px 0 0 0; }
#photo_busy p img { margin:0 auto; }

/************ Unit styles *************/
#unit_main_image{ 
  float: right;
  width: 430px;
  text-align: center;
}
#unit_main_image p{
  padding-top: 20px;
}
#unit_main_image img{display:block;}
#unit_main_image #to_other_image{/*position: absolute; top: 0; right: 25px;*/}

#unit_nav{
  padding: 5px 0 8px;
  margin: 0;
}
#unit_nav ul{text-align:left; padding:0 0 0 17px;}
#unit_nav li{
	display:inline;
	list-style:none;
	padding: 9px 0 12px;
	line-height: 100%;
	background: url(/images/bg_unit_nav.gif) repeat-x 0 0;
	height: 34px;
	margin-left: 2px;
}
#unit_nav li.last{border: none;}
#unit_nav li a{
	padding: 0 10px; 
	color: #736357;
  	font-weight: bold;
}
#unit_nav li a.active, #unit_nav li a:hover {color: #362F2D;}

#unit_gallery_links{width: 430px; float: right;}
#unit_gallery_links ul{
  font-size: 10px;
  font-weight: bold;
  padding: 6px 12px 8px;
  background-color: #200603;
  text-align: left;
  line-height: 180%;
}
#unit_gallery_links li{
  list-style: none;
  display: inline;
}
#unit_gallery_links li a{
  color: #8f8782;
  padding: 0 15px 6px 0;
}
#unit_gallery_links li a.active, #unit_gallery_links li a:hover {
  color: #FFF;
}
#unit_video_link{
  float: left;
  margin-right: 40px;
  display: inline;
}
#unit_video_link a{
  font-weight: bold; 
}
#unit_video_link img{ vertical-align: middle; }

.unit_boxes{ width: 184px; float: left; padding: 0 10px 0 20px; }
.unit_box{
	padding: 10px 0;
	font-size: 0.9em;
}
.unit_box.first{padding-top: 0px;} 
.unit_box.last{/*margin-right: 0;*/}
.unit_box ul{padding:0 0 0 15px;}

.unit_box h2{font-size: 1.5em;}
#unit_exterior_thumb{
	padding:0;
	width: 216px;
	position: relative;
}
#unit_exterior_thumb img{position: absolute;}
#unit_exterior_thumb h2{padding: 10px; position: relative; z-index: 1;}
#unit_exterior_thumb p{margin-top: 25px; padding: 10px;}

.unit_pricing_info{padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #392121;}
.unit_pricing_info.last{border-bottom:0;}

.unit_info{
  padding-top: 30px; 
}

#unit_left {float: left; width: 100px;}
#unit_right {float: right; width: 430px;}

#share {text-align: right; margin: 15px 0 30px; padding: 0; float: right; }
#share p, #share img {float: left; margin-left: 46px;}

#share_top {text-align: right; margin: 0 ; padding: 0; float: right; }
#share_top p, #share_top img {float: left; margin-left: 15px;}

/*h2.gallery_title {float: left;}*/

#facebook_icon {float: left; display: inline; margin-top: 14px;}


/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }


/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }

.required { font-weight:bold; }
.required:before { content:"* "; }

.replace {
  display:block;
  height:0;
  overflow:hidden;
  font-size:0;
  letter-spacing:-1em;
  text-indent:-1000em;
}

.right { float: right; }
.left { float: left; }

/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/
.back_feature_image{margin-bottom:10px;}
.mapquest{float:right; width: 179px; padding-top: 10px;padding-right: 35px; text-align:center;}
.link_destination{color: #666;}
.faq{width: 90%;}


/************************/
/*PxProducts overrides*/
#content #pxnews_news_show{width: 365px;}
#content #pxnews_sidebar{}
#content .pxnews_news_item{width: 90%;}

#content h2.pxblogger_add_comment_hdr, #content h2.pxblogger_comment_hdr{padding-left: 20px;}

#content #pxlease_application form{width: 100%;}
#content #pxlease_application h2{padding:0; margin:0; /*font-size: 30px;*/}
#content #pxlease_application h4{font-size: 14px; border: 0;}
#content #pxlease_application .column{float:left; width: 300px; margin-right: 20px;}
#content #pxlease_application .column p, #content #pxlease_application .column .address{border: 0;}
#content #pxlease_application label, #content #pxlease_application .address .key{font-size: 11px; /*font-size: 12px;*/ font-weight: normal; width: 90px; margin-right: 5px; color: #666;}
#content #pxlease_application .required label{color: #77250C; font-weight: bold;}
#content #pxlease_application .address .key strong{font-weight: normal;}
#content #pxlease_application .radio.supertopic strong{font-weight: normal;}
#content #pxlease_application .text{width: 130px; font-size: 1em;}
#content #pxlease_application .address .value{width: 150px;}
#content #pxlease_application .address .value .zip, #content #pxlease_application .address .value .zip input.text{width: 60px;}

/************************/

#long_email{font-size: .7em;}
#facebook_link { float: right; margin-left: 19px; display: inline; }

/************ styles for rotating image banner ************/
/*#home_sidebar { float: left; width: 394px; }
#home_sidebar img { display: block; }*/
#home_sidebar { width:890px; height:539px; padding:0; margin:0 0 5px 0; overflow: hidden; position: relative;} 
#home_sidebar img {top:0; left:0; width:890px; height:539px;}
#banner_nav { position: absolute; top: 20px; left: 20px; z-index: 500; }
#banner_nav a { 
	background:#818285; 
	color:#FFF; 
	text-decoration:none; 
	margin:0 5px 0 0;
	padding-top: 20px;
	height: 0;
	line-height: 0%;
	font-size: 0;
	text-indent: -9999em; 
	width: 20px; 
	text-align: center; 
	display: block; 
	float: left;
}
#banner_nav a:hover { background-color:#000;}
#banner_nav a.activeSlide { background-color:#000;}
