.registered_glyph {
	font-size: 0.6em;
	position: relative;
	top: -0.7em;
}

#sidebar-cms h2 {
	margin: 0 0 4px 0;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

.hide {
	display: none;
	visibility: hidden;
	height: 0;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#stage .wrap-flash {
	padding: 22px 0 0 0;
	height: 314px;
	margin: 0 22px;
}

#box-builders_story p {
	padding-bottom: 0;
	line-height: 17px;
}

#box-builders_story a {
	color: #ddaf1d;
}
#box-builders_story a:hover {
	text-decoration: none;
}

.poster {
	padding: 22px;
}

a img {
	border: 0;
}

/*div:hover {
	outline: 0px solid red;
}*/

.list_inline {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none none;
	display: inline;
}

.list_inline li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none none;
	display: inline;
	float: left;
}

.list_none {
	position: relative;
	list-style: none none;
	margin: 0;
	padding: 0;
}

.list_none li {
	position: relative;
	list-style: none none;
	margin: 0;
	padding: 0;
}

.list_inside {
	position: relative;
	list-style: inside;
	padding: 0;
}

body {
	background-color: #f3f4f2;
	margin: 0;
	padding: 0;
}

body * {
	font-family: arial;
	margin: 0;
	padding: 0;
}

/* TODO: This is gross. We should try to remove it. */
#wrap,
#wrap * {
	position: relative;
}

h1 {
	padding: 17px 0 0 0;
	color: #61194b;
	letter-spacing: 0px;
	word-spacing: -0.2px;
	font-size: 25px;
	line-height: 28px;
	font-weight: lighter;
}

img {
	outline: 0;
}

a {
	outline: 0;
}

sup {
	vertical-align: top;
}

.btn {
	display: block;
	overflow: hidden;
}

*.btn {
	display: inline-block;
}

#btn-resident_login.btn {
	height: 19px;
	width: 111px;
}

#wrap {
	width: 100%;
	margin: auto;
	background: url(../img/bg.jpg) no-repeat top center;
}

#wrap-toolbar {
	width: 100%;
	height: 50px;
	background-color: #b6e989;
}

#toolbar {
	width: 960px;
	height: 100%;
	margin: auto;
}

#toolbar h2 {
	display: inline;
	letter-spacing: 0.12em;
	font-size: 12px;
	font-weight: normal;
	color: #043244;
	text-transform: uppercase;
}

#toolbar .vertical_rule {
	margin: 0 12px;
}

#toolbox-content {
	position: absolute;
	right: 0;;
}

#toolbox-content div {
	float: left;
}

#box-stay_connected {
	padding: 9px 0 0 0;
	margin: 0 1px 0 0;
}

#box-stay_connected h2 {
	margin: 0 5px 0 0;
}

#box-stay_connected .btn-social {
	margin: 0 1px;
	display: inline-block;
	height: 33px;
	width: 33px;
	vertical-align: middle;
}

#box-updates {
	width: 481px;
	padding-top: 18px;
}

#box-updates h2 {
	margin: 0;
}

#form-updates {
	position: absolute;
	right: 0px;
	top: 14px;
	width: 340px;
}

/*border 0 solid is intentional - Dont Remove*/
#form-updates span {
	position: relative;
	border: 0px solid;
}

#form-updates label {
	position: absolute;
	width: 90px;
	left: 7px;
	top: 4px;
	display: none;
	color: #343434;
	font-size: 11px;
}

#form-updates .field {
	margin: 0 0 0 0;
	padding: 3px 5px 1px 5px;
	width: 122px;
	background: #f4f4f4;
	border: 1px solid #fff;
	color: #343434;
	font-size: 11px;
}

#form-updates .submit {
	margin: 0 1px 0 7px;
	width: 54px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	text-transform: capitalize;
	background: url(/assets/img/btn-submit.png) 0 0 no-repeat;
	color: transparent;
	border: 0;
	cursor: pointer;
}

#login {
	width: 130px;
	padding: 4px 0 0 0;
	height: 100%;
}

#login h2 {
	display: block;
	padding: 0px 0 2px 0;
	width: 100%;
	text-align: right;
	letter-spacing: 0.05em;
	font-size: 15px;
}

#login .btn {
	margin-left: 21px;
	height: 19px;
}


#wrap-center {
	width: 960px;
	margin: 0 auto;
}

#box-live_chat {
	position: absolute;
	right: -1px;
	top: 80px;
}

#wrap-bg-light {
	position: absolute;
}

#wrap-head {
	width: 100%;
	height: 106px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 105px;
}

#logo strong {
	font-weight: normal;
}

#menu {
	position: absolute;
	top: 28px;
	left: 238px;
	width: 723px;
	background:	url(/assets/img/nav-main/background.gif) no-repeat top left;
	padding: 5px 0 0 23px;
}

#menu,
#menu ul,
#menu li,
#menu .btn {
	height: 43px;
}

#menu .btn .active {
	margin-top: -34px;
}

#wrap-body {
	width: 100%;
	overflow: hidden;
}

#body-secondary {
	width: 232px;
	float: left;
	margin-bottom: -30000px;
	padding-bottom: 30000px;
	background-color: #0a112c;
}

#body-secondary-content {
	width: 188px;
	margin: 22px auto;
	overflow: hidden;
}

.menu-secondary li {
	height: 32px;
	padding: 0 0 2px 0;
}

.menu-secondary .btn {
	height: 32px;
}

.menu-secondary .btn .active {
	margin-top: -32px;
}

.floor-plans-cta {
	padding-top: 24px;
}

#sidebar-cms {
	width: 188px;
	height: 143px;
	background-color: #30364f;
	color: #fff;
	font-size: 11px;
}

#sidebar-cms-content {
	margin: 0 10px;
	padding: 10px 0;
}

#sidebar-info {
	padding: 16px 0;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
}

#sidebar-info strong {
	color: #00c0ff;
	font-weight: normal;
}

#sidebar-phone h3 {
	padding: 0 0 4px 0;
}

#sidebar-phone .phone_number {
	font-size: 30px;
	letter-spacing: 0.0em;
	color: #00c0ff
}

#sidebar-cta {
	padding: 10px 0 12px 0;
	width: 188px;
}
#sidebar-cta li {
	width: 188px;
	height: 32px;
	margin: 6px 0 0 0;
}

#sidebar-cta .btn {
	height: 32px;
}

#sidebar-cta .btn .active {
	margin-top: -32px;
}

#box-transportation {
	margin: 0 33px;
	padding: 35px 0;
	line-height: 17px;
}

#content #box-transportation h2 {
	padding: 9px 0 6px 0;
}

#logo-transportation {
	width: 100%;
	padding: 6px 0 0 0;
	border-top: 1px solid #410a30;
}
#logo-transportation-left {
	float: left;
	padding: 8px 0 0 0;
	margin-right: 67px;
	width: 202px;
}

#logo-transportation-right {
	float: left;
	padding: 8px 0 0 0;
	width: 196px;
}

#body-main {
	width: 723px;
	float: right;
	margin-bottom: -30000px;
	padding-bottom: 30000px;
	background-color: #0a112c;
}

#body-main-content {
	width: 100%;
}

#stage .wrap-img {
	padding: 22px 0 0 0;
	margin: 0 22px;
}

#content {
	margin: 0 22px;
/*	padding: 0 0 22px 0;*/
	margin-bottom: 22px;
}

#content h1 {
	text-transform: uppercase;
	color: #f7006c;
}

#content h2 {
	margin: 0;
	padding: 0;
	color: #f7006c;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.01em;
}

#content p {
	padding: 7px 0 13px 0;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
}

#content .subheader {
	font-size: 12px;
	line-height: 17px;
}

#content .ast {
	display: block;
	padding: 4px 0;
	font-size: 11px;
	color: #640635;
}
#content-left {
	position: relative;
	float: left;
	width: 339px;
}

#content-right {
	position: relative;
	float: left;
	width: 320px;
}

#box-builders_story {
	margin: 0 33px;
	padding: 35px 0;
}

#spacer {
	width: 100%;
	height: 38px;
}

/*---------------------------------------
 footer
---------------------------------------*/

#wrap-foot {
	width: 100%;
	height: 200px;
}
#foot {
	position: absolute;
	right: 0;
	top: 0;
	width: 701px;
}

#links {
	float: left;
	width: 100%;
	margin-bottom: 6px;
	font-size: 11px;
}

#contact-info {
	float: left;
	margin-bottom: 6px;
	font-style: normal;
	display: block;
	font-size: 11px;
	color: #3c3c3c;
}

#disclaimer {
	float: left;
	margin: 6px 0 0 0;
	width: 445px;
	font-style: italic;
	font-size: 10px;
	font-weight: 100;
	color: #bdb9b2;
}

#foot #links a {
	color: #3c3c3c;
}
#foot #links a:hover {
	color: #acc925;
}
#foot .breaker {
	color: #acc925;
	margin: 0 6px;
}

/*---------------------------------------
 footer affiliate logos
---------------------------------------*/

#affiliates {
	position: absolute;
	top: 0;
	right: 0;
	width: 182px;
}

#affiliates ul {
	list-style-type: none;
}

#affiliates li {
	position: absolute;
}

#affiliates .tcr {
	top: 3px;
	left: 0;
}

#affiliates .bainbridge {
	top: 3px;
	left: 53px;
}

#affiliates .accessible {
	top: 6px;
	left: 144px;
}

#affiliates .equal-housing-opportunity {
	top: 6px;
	left: 167px;
}

#affiliates .smoke-free {
	top: 36px;
	left: 64px;
}

#affiliates .pet-friendly {
	top: 36px;
	left: 157px;
}

/*---------------------------------------
 2-column layout pages
---------------------------------------*/

#page-about_amenities #content-left p {
	padding-right: 10px;
}

/*---------------------------------------
 alt-style pages (light background, dark text)
---------------------------------------*/

#page-about_residences #content a:hover,
#page-contact_us #content a:hover,
#page-green_living #content a:hover,
#page-about_amenities #content a:hover {
	color: #acc925;
}

#page-about_residences #content a,
#page-contact_us #content a,
#page-green_living #content a,
#page-about_amenities #content a,
#page-about_residences #content p,
#page-contact_us #content p,
#page-green_living #content p,
#page-about_amenities #content p {
	color: #0a112c;
}
#page-admin #body-main,
#page-about_residences #body-main,
#page-contact_us #body-main,
#page-green_living #body-main,
#page-about_amenities #body-main {
	background-color: #eaf1e6;
}

/*---------------------------------------
 list styles
---------------------------------------*/

#content ul {
	margin: 0;
	padding: 1px 0 12px 0;
	width: 310px;
	list-style: none none outside;
}

#content li {
	position: relative;
	padding: 2px 0 1px 10px;
	font-size: 12px;
	line-height: 17px;
	color: #0a112c;
	background: transparent url(../img/pe-bullet.gif) no-repeat 0 7px;
}

#content li a {
	color: #2a64ac;
}

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

/*---------------------------------------
 page-specific hacks
---------------------------------------*/

#page-about_amenities #stage .wrap-flash {
	padding: 22px 0 0 0;
	height: 281px;
	margin: 0 22px;
	
	/* Clear floated elements. */
	overflow: hidden;
}

#page-home #stage .wrap-flash {
	padding: 0;
	margin: 0;
}

#page-home #stage .wrap-flash,
#page-home #body-secondary,
#page-index .wrap-flash {
	height: 475px;
}

#page-contact_us #content {
	padding: 27px 0 0 0;
}

#page-contact_us h1 {
	margin: 0 0 0 56px;
}

#page-photo_gallery #content {
	margin: 0 11px;
}

#page-green_features #body-secondary-content .spacer {
	height: 188px;
	padding: 4px 0 0 0;
}

#page-neighborhood #stage .wrap-flash {
	height: 431px;
}

#page-floor_plans #stage .wrap-flash {
	height: 431px;
}

#page-vaultware #content {
	padding-top: 22px;
}

/*---------------------------------------
 default shadow styles
---------------------------------------*/

#shadow-body-main {
	position: absolute;
	left: 237px;
	top: 106px;
	width: 723px;
}

#shadow-body-secondary {
	position: absolute;
	left: 0;
	top: 106px;
	width: 232px;
}

/*---------------------------------------
 main content only (full layout/no sidebar)
---------------------------------------*/

#page-rent_wiki #shadow-body-main,
#page-neighborhood #shadow-body-main {
	left: 0;
	width: 960px;
}

#page-rent_wiki #body-main,
#page-neighborhood #body-main {
	width: 960px;
}

#page-neighborhood .wrap-flash {
	padding: 22px 0;
	margin: 0 22px;
}

/*---------------------------------------
 contact form
---------------------------------------*/

#wrap-form-contact {
	padding: 16px 0 0 0;
}

#form-contact ul li {
	padding: 0 0 12px 0;
	width: 600px;
	background: none;
}

#form-contact label {
	display: block;
	padding: 1px 0 0 0;
	margin-right: 14px;
	width: 204px;
	float: left;
	clear: left;
	color: #0a112c;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

#form-contact input {
	padding: 4px 4px 2px 4px;
	margin: 0 5px;
	width: 284px;
	color: #0a112c;
	font-size: 11px;
	background: url(../img/bg-input.gif) no-repeat left top;
	border: none;
	outline: 0;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #f2f2f2;
}

#form-contact select {
	-webkit-border-radius: none;
	padding: 4px 2px 1px 4px;
	margin: 0 5px;
	width: 293px;
	color: #0a112c;
	font-size: 11px;
	background: url(../img/bg-input.gif) no-repeat left top;
	border: none;
	outline: 0;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #f2f2f2;
}

#form-contact option {
	background: #fff;
}

#form-contact textarea {
	padding: 4px 4px 2px 4px;
	margin: 0 5px;
	width: 284px;
	height: 103px;
	color: #0a112c;
	font-size: 11px;
	background: url(../img/bg-input.gif) no-repeat left top;
	border: none;
	outline: 0;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #f2f2f2;
}

#form-contact .phone-area_code {
	margin-right: 2px;
	width: 44px;
}
#form-contact .phone-first_three {
	margin-right: 2px;
	width: 44px;
}
#form-contact .phone-last_four {
	margin-right: 3px;
	width: 58px;
}

#form-contact .month {
	margin-right: 2px;
	width: 64px;
}
#form-contact .day {
	margin-right: 2px;
	width: 54px;
}
#form-contact .year {
	margin-right: 3px;
	width: 60px;
}
#form-contact span.error {
	display: block;
	clear: left;
	margin-left: 223px;
	color: #bb0055;
}

#box-contact-submit {
	position: relative;
	margin: 0 0 0 217px;
	height: 26px;
	width: 294px;
}

#box-contact-submit .submit {
	position: absolute;
	width: 69px;
	height: 26px;
	border: 0;
	color: transparent;
	background: transparent url(../img/btn-submit_form.gif) no-repeat;
	cursor: pointer;
	overflow: hidden;
	text-indent: -999px;
	text-transform: capitalize;
}

#box-contact-submit .text-required {
	float: right;
	font-style: italic;
	font-size: 11px;
}

#message-thank_you {
	margin: 140px auto;
	text-align: center;
	font-size: 18px;
	color: #650635;
}

/*---------------------------------------
 contact info sidebar
---------------------------------------*/

#box-contact_info {
	font-size: 12px;
	color: #ddd;
}

#box-contact_info strong {
	color: #fff;
}

#box-contact_info h2 {
	padding: 0 0 3px 0;
	margin: 21px 0 14px 0;
	line-height: 17px;
	letter-spacing: 0.005em;
	font-size: 15px;
	font-weight: bold;
	color: #f7006c;
	border-bottom: 1px solid #858896;
}

/*---------------------------------------
 unit type list
---------------------------------------*/

.unit_type_info a,
.unit_type_info a:hover {
	color: #fff;
}

.unit_type_info {
	position: relative;
	display: block;
	width: 50%;
	height: 215px;
	float: left;
}

* html .unit_type_info {
	width: 48%;
}

.unit_type_info h3,
.unit_type_info ul {
	padding-top: 22px;
	margin-left: 217px;
}

.unit_type_info ul {
	list-style-type: none;
	color: #fff;
	font-size: 13px;
}

.unit_type_info h3 {
	color: #f7006c;
	font-size: 15px;
	font-weight: bold;
}

.floor_plan_thumbnail img {
	width: 150px;
	height: 150px;
}

#wrap .floor_plan_thumbnail {
	display: block;
	background: #11193a;
	border: 1px solid #273159;
	position: absolute;
	padding: 15px;
	top: 22px;
	left: 22px;
}

/*---------------------------------------
 photo gallery
---------------------------------------*/

#wrap-gallery {
	margin: 12px 0 12px 15px;

	/* Clear the floats. */
	overflow: hidden;
}

* html #wrap-gallery {
	height: 1%;
}

#wrap-gallery ul {
	list-style: none;
}

#wrap-gallery li {
	float: left;
	display: block;
	width: 140px;
	height: 108px;
}

#wrap-gallery li img {
	width: 100%;
	height: 100%;
}

#wrap-gallery li a {
	display: block;
	width: 118px;
	height: 91px;
	padding: 10px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);

	/* If the browser has transitions, use them! */
	transition-property: width, height, padding;
	transition-duration: 0.08s;
	transition-timing-function: ease-out;	
	-webkit-transition-property: width, height, padding;
	-webkit-transition-duration: 0.08s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: width, height, padding;
	-moz-transition-duration: 0.08s;
	-moz-transition-timing-function: ease-out;
}

#wrap-gallery li a:hover {
/*	width: 140px;
	height: 108px;*/
	width: 138px;
	height: 111px;
	padding: 0;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

/*---------------------------------------
 rent wiki iframe
---------------------------------------*/

iframe.rent_wiki {
	width: 100%;
	height: 100%;
	border: 0;
}

#page-rent_wiki #body-main-content {
	background-color: #fff;
	height: 2000px;
}

/*---------------------------------------
 admin
---------------------------------------*/

#form-admin li { padding: 10px;}
#form-admin label {
	display: block;
	padding: 1px 0 0 0;
	margin-right: 14px;
	width: 204px;
	float: left;
	clear: left;
	color: #0a112c;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

#form-admin input {
	padding: 4px 4px 2px 4px;
	margin: 0 5px;
	width: 284px;
	color: #0a112c;
	font-size: 11px;
	background: url(../img/bg-input.gif) no-repeat left top;
	border: none;
	outline: 0;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #f2f2f2;
}