html, body {
	color: #000;
	background: #008da9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

a {
	color: #008da9;
}

a:hover {
	text-decoration: none;
}


/*##############################
Main Container
##############################*/

#main-container {
	width: 1094px;
	margin: 0 auto;
}

#main-container #container {
	background: url(../images/bg_rp.png) repeat-y 0 0;
	padding: 0 35px;
}


/* header
##############################*/

#header {
	background: url(../images/bg_top.png) no-repeat 0 0;
	height: 37px;
	padding: 0 35px; 
}

#header #navigation {

	border-bottom: 1px solid #FFF;
	background: #008da9;
}
#header #navigation ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#header #navigation ul { display: inline-block; }
* html #header #navigation ul{height: 1%;}
#header #navigation ul{display: block; }
#header #navigation ul {
 	background: #572600;
}

#header #navigation ul li {
	float: left;
	background: url(../images/bg_line_navi.gif) no-repeat right 0;
	padding-right: 2px;
}

#header #navigation ul li a {
	height: 36px;
	display: block;
	float: left;
	line-height: 36px;
	text-transform: uppercase;
	padding: 0 14px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #FFF;
	font-size: 11px;
}

#header #navigation ul li a:hover,
#header #navigation ul li a.nav-path-selected,
#header #navigation ul li a.nav-selected {
	background: #008da9;
}


/* layout
##############################*/


#container .content-banner h1.logo {
	float: left;
}

#container .content-banner .column {
	float: left;
	padding-left: 4px;
}

#container .content-banner .column.left {
	width: 356px;
}

#container .content-banner .column.right {
	width: 250px;
}


#container .banner {
	height: 363px;
}
#container .banner .column {
	float: left;
	margin-right:4px;
}

#container .banner .column .slide-left {
	width: 411px;
	height: 202px;
}

#container .banner .column .slide-left li {
	width: 411px;
	height: 202px;
	position: absolute;
}

#container .banner .column .slide-top {
		width: 416px;
	height: 236px;
}

#container .banner .column .slide-top li {
	width: 416px;
	height: 236px;
	position: absolute;
}

#container .banner .column .slide-bottom {
	width: 297px;
	overflow: hidden;
	height: 128px;
}

#container .banner .column .slide-bottom li {
	width: 297px!important;
	overflow: hidden;
	height: 128px;
	position: absolute;
}

#container .banner .column .slide-right {
	width: 190px;
	height: 363px;
	margin-right: -10px;
}

#container .banner .column .slide-right li {
	width: 190px;
	height: 363px;
	position: absolute;
}

#container .banner .column.right {
	margin: 0 0px 0 -1px;
}

#container .banner .column h1.logo a { 
	
}

#container .banner .column .block {
	float: left;
	display: block;
	width: 116px;
	height: 128px;
	background: #008da9;
	margin-top: -1px;
}
#container .banner .column .slide-bottom { 
	float: right;
	margin-top:-1px;
	margin-left: 3px;
}

#container .banner .column .slide-bottom-wrap {
	float: left;
	margin-left: 4px;
	height: 127px;
	width: 296px!important;
	overflow: hidden;
} 

#container .banner .column .slide-bottom-wrap .bx-window {
	width: 296px!important;
}

#container .banner ul li {
	display: block;
}


/* layout 2-col-main
##############################*/

#container #layout {
	margin: 21px 35px 24px;
	position: relative;
	/*background: url(../images/bg_line_right.gif) repeat-y right 0;*/
}

#container #layout .col-main {
	width: 660px;
	min-height: 430px;
	float: left;
	margin-top: 0px;
	border-right: 1px solid #008da9;
	padding-right: 40px;
}

#container #layout .col-right {
	width: 218px;
	float: right;
}
#container #layout .col-right p.featured {
	margin-top: 5px;
	font-weight: bold;
}

#container #layout .col-right .block {
	border: 4px solid #008da9;
	border-top: 10px solid #008da9;
	border-bottom: 3px solid #008da9;
	position: relative;
}

#container #layout .col-right .block img {
	float: left;
}

#container #layout .col-right .block h4 {
	position: relative;
	z-index: 10;
	top:-250px;
	left: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}

#container #layout .col-right .block p {
	background: url(../images/bg_right.png) repeat 0 0;
	font-size: 9px;
	color: #FFF;
	padding: 13px 12px 10px 12px;
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	display: block;
	width: 186px;
	left: 0;
}

#container #layout .col-right .block p a {
	color: #FFF;
	text-decoration: none;
}

#container #layout .content-page h2 {
	font-size: 35px;
	color: #008da9;
	text-transform: uppercase;
	line-height: 1;
	padding-bottom: 10px;
	margin-top:-10px;
}


#home #container #layout .content-page h3 {
	font-weight: bold;
	font-size: 17px;
	color: #008da9;
	line-height: 1.4;
	padding-bottom: 6px;
}


#container #layout .content-page p {
	line-height: 1.7em;
	margin-bottom:10px;
}

#container #layout .sidebar-graphic {
	width: 7px;
	background: #008da9;
	height: 100%;
	display: block;
	position: absolute;
	left: -35px;
	top: 0;
}

	* html #container #layout .sidebar-graphic {
		height: 255px;
	}

#container #layout .resident-services {
	padding-top: 6px;
}

#container .content-banner {
	padding-bottom: 6px;
}

#container #layout .typography {
	line-height: 1.5;
}

#container #layout .typography h3 {
	font-weight: bold;
	font-size: 17px;
	color: #008da9;
	line-height: 1.4;
	padding-bottom: 6px;
}

#container #layout .typography h4 {
	font-weight: bold;
}

#container #layout .typography p {
	padding-bottom: 6px;
}

#container #layout .typography ul li {
	background: url(../images/ico_dot.gif) no-repeat 0 6px;
	display: block;
	padding: 0 0 6px 7px;
}

#container #layout .typography em {
	font-size: 8px;
	font-style: normal;
}

#container #layout .typography .column {
	width: 50%;
	float: left;
}

#container #layout .typography .column.right {
	float: right;
}

#container #layout .typography .column.left {
	width: 45%;
	padding-right: 20px;
}

#container #layout .typography ul.options {
	padding-top: 14px;
	padding-bottom: 24px;
}

#container #layout .typography ul.options li {
	float: left;
	width: 146px;
	background: #008da9;
	padding: 3px;
	margin-right: 38px;
	margin-bottom: 20px;
	position: relative;
}

#container #layout .typography ul.options li h4 {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding-bottom: 4px;
}

#container #layout .typography ul.options li a img {
	display: block;
	float: left;
	clear: both;
}

#container #layout .typography ul.options li span {
	display: block;
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: 146px;
	font-size: 12px;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
	padding: 20px 0 12px 0;
	background: url(../images/service_bg_thumb2.png) no-repeat 0 0;
}

#container #layout .typography ul.options li div.inline-block {
	display: none;
}

#resident-services .content-popup {
	width: 700px;
	border: 5px solid #008da9;
	padding: 38px 55px;
}

#resident-services .content-popup h3 {
	font-size: 17px;
	font-weight: bold;
	color: #008da9;
	padding-bottom: 6px;
}

#resident-services .content-popup p {
	padding-bottom: 10px;
}

#resident-services .content-popup strong {
	font-weight: bold;
}

#resident-services .content-popup a {
	font-weight: bold;
	color: #000;
}
#resident-services .content-popup ul {
    margin-left: 25px;
    margin: 0px 0 5px 25px;
}
#resident-services .content-popup li {
    list-style: disc;
    padding: 3px 0px;
}

/*##############################
home
##############################*/

#home #container #layout .col-main { 
	min-height: 200px;
}
#home #container #layout .col-main .content-page {
	padding-bottom: 15px;
}


/*##############################
apartment
##############################*/


#apartments #layout .first-content {
	padding-right: 10px;
}

#apartments #layout .first-content h2 {
	margin-top: -5px;
}

#apartments #layout .content-page {
	background: #FFF;
	position: relative;
	padding: 0 0 0 0;
	margin-bottom: -16px;
}

#apartments #layout .content-page p {
	margin-bottom: 5px;
}


#apartments #layout .content-page .see-map {
	display: block;
	background: url(../images/btn_map.gif) no-repeat 0 0;
	width: 144px;
	height: 34px;
	text-indent: -9999px;
	cursor: pointer;
	margin: 10px 0 0 0;
}

#apartments #layout .content-page .apartment-list {
	clear: both;
	padding: 23px 0 0 0;	
}

#apartments #layout .content-page .apartment-list .apartment-title {
	background: #572600;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	height: 21px;
	font-size: 11px;
	line-height: 21px;
	border: 1px solid #795133;
}

#apartments #layout .content-page .apartment-list .apartment-title li {
	float: left;
	width: 550px;
	text-align: center;

}

#apartments #layout .content-page .apartment-list .apartment-title .last {
	width: 402px;
	text-align: left;
	margin-left: -36px;
}

#apartments #layout .content-page .apartment-list .apartment-content {
	padding: 32px 0 0 0;
}

#apartments #layout .content-page .apartment-list .apartment-content li {
	border: 1px solid #008da9;
	clear: both;
	border-left: 2px solid #66bbcb;
	border-top: 2px solid #66bbcb;	
	padding: 10px;
	line-height: 1.5;
	margin-bottom: 16px;
}

#apartments #layout .content-page .apartment-list .apartment-content li .thumb {
	float: left;
	padding: 0;
	margin: 0;
}

#apartments #layout .content-page .apartment-list .apartment-content li .thumb img {
	float: left;
}

#apartments #layout .content-page .apartment-list .apartment-content li .info {
	width: 265px;
	float: left;
	padding: 0 0 0 15px;
	margin-bottom: -15px;
}

#apartments #layout .content-page .apartment-list .apartment-content li .info img {
	display: block;
}

#apartments #layout .content-page .apartment-list .apartment-content li .info p {
	line-height: 1.5;
	padding-bottom: 10px;
}

#apartments #layout .content-page .apartment-list .apartment-content li .info p img {
	margin-bottom: 6px;
}

#apartments #layout .content-page .apartment-list .apartment-content li .des {
	width: 270px;
	float: left;
	padding: 9px 0 0 0;
}

#apartments #layout .content-page .apartment-list .apartment-content li .des ul li {
	border: none;
	margin: 0;
	background: url(../images/ico_list.gif) no-repeat 0 6px;
	padding: 0 0 3px 8px;
}

#apartments #layout .content-page .apartment-list .apartment-content li .extent {
	width: 110px;
	float: right;
	line-height: 1.9;
	padding: 6px 0 0 0;
}

#apartments #layout .content-page .apartment-list .apartment-content li .extent a {
	/*color: #000;
	text-decoration: none;*/
}

#apartments #layout .content-page .apartment-list .apartment-content li .extent a:hover {
	color: #008DA9;
}

#apartments #layout .content-page .apartment-list .apartment-content li .extent a.check {
	color: #008DA9;
	text-decoration: underline;
}

#apartments #layout .content-page .apartment-list .apartment-content li .extent a.check:hover {
	text-decoration: none;
}


/*##############################
apartment sub
##############################*/

.apartment_sub #container .content-banner {
	padding-bottom: 0;
}

.apartment_sub #container .content-banner img {
	float: left;
}

.apartment_sub #container .content-banner h1.logo a {
	margin-bottom: 0;
}

.apartment_sub .sub-navi {
	border-bottom: 1px solid #008da9;
	clear: both;
}
.apartment_sub .sub-navi ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.apartment_sub .sub-navi ul { display: inline-block; }
* html .apartment_sub .sub-navi ul{height: 1%;}
.apartment_sub .sub-navi ul{display: block; }
.apartment_sub .sub-navi ul {}

.apartment_sub .sub-navi ul li {
	float: left;
	border-right: 1px solid #008da9;
}

.apartment_sub .sub-navi ul li a {
	font-size: 11px;
	height: 42px;
	text-transform: uppercase;
	padding: 0 15px;
	line-height: 44px;
	text-decoration: none;
	display: block;
}

.apartment_sub .sub-navi ul li a .cufon,
.apartment_sub .sub-navi ul li a .cufon {
	border-bottom: 1px solid #FFF;
}

.apartment_sub .sub-navi ul li a.nav-selected .cufon,
.apartment_sub .sub-navi ul li a.current .cufon,
.apartment_sub .sub-navi ul li a:hover .cufon {
	border-bottom: 1px solid #3fa9be
}

.apartment_sub  #container #layout {
	margin-top: 11px;
}

.apartment_sub  #container #layout .col-main {
	width: 740px;
	padding-right: 29px;
}

.apartment_sub  #container #layout .col-right {
	width: 180px;
	padding-left: 15px;
	margin-right: -15px;
}

.apartment_sub  #container #layout .col-right .info-block {
	padding: 10px 0 0 17px;
	line-height: 1;
}

.apartment_sub  #container .col-right .info-block h3 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	color: #008da9;
}

.apartment_sub  #container .col-right .info-block p {
	padding-bottom: 7px;
}

.apartment_sub  #container .col-right .info-block p.address {
	padding: 14px 0 15px;
	line-height: 1.5;
}

.apartment_sub  #container .col-right .info-block dl {
	line-height: 1.5;
}

.apartment_sub  #container .col-right .info-block dl dt {
	background: url(../images/ico_mail2.gif) no-repeat 0 0;
	padding-left: 27px;
	line-height: 1.1;
}

.apartment_sub  #container .col-right .info-block dl dt a {
	font-weight: bold;
}


.apartment_sub  #container .col-right .info-block dl dd {
	padding: 4px 0 0 27px;
}


.apartment_sub  #container .col-right .bulletin {
	margin: 3px 0 0 -3px; 
}

.apartment_sub  #container .col-right .bulletin {
	background: url(../images/bg_box_bot.gif) no-repeat 0 bottom;
	width: 180px;
	padding: 0 0 22px 0;
}

.apartment_sub  #container .col-right .bulletin h4 {
	background: url(../images/bg_box_title.gif) no-repeat 0 0;
	height: 58px;
	line-height: 58px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 10px 0 64px;
}

.apartment_sub  #container .col-right .bulletin ul {
	margin-top: -2px;
	background: url(../images/bg_box_rp.gif) repeat-y 0 0px;
	height: 130px;
}

.apartment_sub  #container .col-right .bulletin ul li {
	background: url(../images/ico_dot.gif) no-repeat 0 5px;
	padding: 0 20px 9px 8px;
	margin-left: 30px;
}

.apartment_sub  #container .photo-slides {
	margin-bottom: 8px;
}

.apartment_sub  #container .photo-slides ul {
	
}

.apartment_sub  #container .photo-slides ul li {
	float: left;
	padding-right: 12px;
	width: 88px!important;
}

.apartment_sub  #container .photo-slides .bx-wrapper {
	padding-left: 25px;
	padding-right: 13px;
}

.apartment_sub  #container .photo-slides .bx-prev {
	display: block;
	background:  url(../images/ico_prev.gif) no-repeat 0 0;
	width: 13px;
	height: 13px;
	text-indent: -9999px;
	font-size: 0;
	position: absolute;
	top: 25px;
	left: 0;
}

.apartment_sub  #container .photo-slides .bx-next {
	display: block;
	background:  url(../images/ico_next.gif) no-repeat 0 0;
	width: 13px;
	height: 13px;
	text-indent: -9999px;
	font-size: 0;
	position: absolute;
	top: 25px;
	right: 0;
}


.apartment_sub  #container .content-page {
	line-height: 1.7;
}

.apartment_sub  #container .content-page strong {
	font-weight: bold;
}

.apartment_sub  #container .content-page .content h3 {
	font-size: 17px;
	color: #008da9;
	font-weight: bold;
}


.apartment_sub  #container .content-page .content ul {
	padding-bottom: 17px;
}

.apartment_sub  #container .content-page .content ul li {
	background: url(../images/ico_dot.gif) no-repeat 0 7px;
	padding: 0 0 3px 8px;
}


.apartment_sub  #container .content-page .content .map_area {
	padding: 65px 0 5px 0;
}

.apartment_sub  #container .content-page .content .map_area .image {
	float: left;
	padding-right: 4px;
}

.apartment_sub  #container .content-page .content .map_area .google_map {
	float: left;
	width: 362px;
	height: 310px;
}

.apartment_sub  #container .content-page .content  .floorplans-list {
	padding-top: 11px;
}

.apartment_sub  #container .content-page .content  .floorplans-list ul {}
.apartment_sub  #container .content-page .content  .floorplans-list li {display: -moz-inline-box;display: inline-block;}
	* html .apartment_sub  #container .content-page .content  .floorplans-list li {display: inline;height: 1%;}
	*:first-child+html .apartment_sub  #container .content-page .content  .floorplans-list li {display: inline;height: 1%;}
	
.apartment_sub  #container .content-page .content  .floorplans-list li {
	background: none;
	padding: 0 53px 20px 0;
	font-size: 9px;
	vertical-align: top;
}
.apartment_sub  #container .content-page .content  .floorplans-list li img {
	width: 130px;
	height: auto;
}

.apartment_sub  #container .content-page .content  .floorplans-list li p {
	line-height: 1.1!important;
	padding-top: 14px;
}

.apartment_sub  #container .content-page .content  .floorplans-list li p a{}


/* FLOOR PLAN - CHECK AVAILABILITY BUTTON */

.checkAv {
	background: #008DA9;
	width: 140px;
	height: 25px;
	text-align:center;
	padding-top:5px;
	margin: 20px 0; 

}

.checkAv a{
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 9px;
}


/*##############################
Apartment Floorplans
##############################*/





/*##############################
locations
##############################*/

#locations #layout .content-page img {
	margin-top: 15px;
	margin-bottom: 10px;
}

/*##############################
locations
##############################*/

#resident-services #layout .content-page p {
	margin-bottom: 0px;
}

/*##############################
contact
##############################*/

#layout .contact {
	font-family: Helvetica, Arial, sans-serif;
}

#layout .contact h3 {
	font-size: 16px;
	color: #008da9;
}

#layout .contact .form-contact {
	padding: 4px 0 0 0;
	position: relative;
}

#layout .contact .form-contact p:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#layout .contact .form-contact p { display: inline-block; }
	* html #layout .contact .form-contact p{height: 1%;}
#layout .contact .form-contact p{display: block; }

#layout .contact .form-contact p {
	padding-bottom: 2px;
	margin-bottom: 0!important;
}

#layout .contact .form-contact label {
	float: left;
	width: 190px;
	font-size: 10px;
	padding-top: 2px;
}

#layout .contact .form-contact .checkboxList { 
	margin: -20px 0 5px 190px;
	font-size: 10px;
}

#layout .contact .form-contact .submit {
	font-size: 10px;
	padding: 0 5px;
	cursor: pointer;
}

#layout .contact .form-contact .text {
	width: 144px;
	height: 13px;
	line-height: 12px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #f4f4f4;
	border-top: 2px solid #bababa;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

#layout .contact .formBlockSurveyTable {
	position: relative;
}

#layout .contact .form-contact .error-mes {
	display: block;
	clear: both;
	color: red;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 335px;
}

#layout .contact .form-contact .size-s {
	width: 40px;
	margin-right: 7px;
}

#layout .contact .form-contact .size-m {
	width: 45px;
	margin-left: 1px;
}

#layout .contact .form-contact select {
	width: 146px;
}

#layout .contact .form-contact .right {
	width: 316px;
	position: absolute;
	top: 0;
	right: -18px;
}

#layout .contact .form-contact .right label {
	clear: both;
	padding-bottom: 5px;
}

#layout .contact .form-contact .right textarea {
	border-bottom: 1px solid #f4f4f4;
	border-top: 2px solid #bababa;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	display: block;
	clear: both;
	overflow: hidden;
	width: 294px;
	height: 103px;
		font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#layout .contact .form-contact .right .note {
	font-size: 9px;
}

#layout .contact .form-contact .right .note span {
	display: block;
}

#layout .contact .form-contact .right .note .label-note {
	padding-top: 15px;
}

#layout .contact .form-contact .right .mess {
	font-size: 10px;
	padding-top: 17px;
}


/*##############################
Footer
##############################*/

#main-container #footer {
	background: url(../images/bg_footer.png) no-repeat 0 0;
	padding: 0 70px;
	height: 128px;
}

#main-container #footer ul {
	float: left;
	padding: 28px 0 0;
}

#main-container #footer ul.right {
	float: right;
	padding-top: 26px;
}

#main-container #footer ul.right li {
	padding: 0 0 0 8px;
}

#main-container #footer ul li.logo {
	padding: 0 19px 0 6px;
}

#main-container #footer ul li {
	float: left;
	padding-right: 10px;
}


/*##############################
Send a Friend
##############################*/
.sendafriend{background:none; padding:5px 40px;}
.sendafriend #main-container{width:auto; margin:0px;}
.sendafriend #main-container #container{background:none; padding:0px;}
.sendafriend p{color:#fff; font-size:26px; margin-left:75px; font-weight:bold; margin-bottom:15px;}
.pp_nav{display:none; width:0px; overflow:hidden;}
.pp_social{dsiplay:none; width:0px; overflow:hidden;}
.pp_pic_holder{height:475px;}
.sendafriend .formBlockTellaFriendTable{color:#fff; text-align:right; font-weight:bold;}
.sendafriend .tell_a_friend_form input, .tell_a_friend_form textarea{width:220px !important; padding:3px !important;}
.sendafriend .tell_a_friend_form input{width:216px !important;}
.sendafriend #container{height:350px; overflow:hidden;}