/*global styles*/


h1, h2 {
	display: block;
	position: relative;
}
h1 {
	margin: 10px 0;
	padding: 0;
}
h2 {
	margin: 8px 0 0 3px;
	padding: 0;
}
h3 {
	font-size: 9px;
	font-weight: bold;
	color: #8dc63f;
	margin: 23px 0 0 0;
	padding: 0;
}
span.inline-hd  {
	font-weight: bold;
	color: #8dc63f;
}
span.inline-hd-off  {
	font-weight: bold;
	color: #808080;
}
p { 
	padding: 0; 
	margin: 0;
}
p.right { 
	text-align: right;
}
.blue {
	color: #3a5d6c;
}
.green {
	color: #8cae69;
}
a {
	color: #3a5d6c;
	text-decoration: none;
}
a.pdf {
	display: inline-block;
	padding: 0;
	margin: 0;
}
a.pay {
	display: inline-block;
	padding: 0;
	margin: 0;
}
a.previous {
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 10px;
	font-size: 8px;
	font-weight: bold;
}
a.next {
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 10px;
	font-size: 8px;
	font-weight: bold;
}
.clear {
	font-size: 1px;
	width: 1px;
	line-height: 1px;
	clear: both;
}
img {
	border: none;
}
ul.dashed {
	list-style: none;
	padding: 20px 0 30px 0;
	margin: 0;
}
/*end global styles*/

/*LAYOUT*/

body {
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  font-size: 11px;
  color: #808080;
  font-weight: normal;
  background: #ffffff;
  margin: 0;
  padding: 0 0 20px 0;
}
div.page-center {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.main {
	width: 1096px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/*banner including top navigation*/

.banner {
	width: 850px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.logo {
	width: 122px;
	height: 138px;
	margin: 0 19px 0 43px;
	_margin-left: 21px;
	padding: 0;
	float: left;
}
.logo img {
	padding: 0 0 0 7px;
	margin: 0;
}
ul.nav {
	display: none;
}
.log-in {
	display: none;
}
.special {
	display: none
}
/*end banner*/

/*footer*/

.footer {
	display: none;
}
.footer a {
	color: #d8d8d8;
}
.footer span.pipe {
	display: inline-block;
	margin: 0 5px;
	padding:0;
	color: #d8d8d8;
}
.fifield {
	width: 90px;
	margin: 0 0 0 130px;
	_margin-left: 65px;
	padding: 70px 0 0 0;
	float: left;
}

/*end footer*/

/*content*/

.content {
	width: 1096px;
	margin: 0;
	padding: 0;
	text-align: left;
	min-height: 670px;
	*height: 670px;
}
/*simple page col structure*/
.col-left-1 {
	width: 530px;
	margin: 0 0 0 50px;
	padding: 80px 0 0 0;
}
.col-right-1 {
	width: 405px;
	margin: 0 0 0 50px;
	padding: 0;
}
/*residences page col structure*/
.col-left-2 {
	width: 425px;
	margin: 0;
	padding: 0;
}
.col-right-2 {
	width: 510px;
	margin: 0 0 0 10px;
	padding: 0;
}
/*gallery page col structure*/
.col-left-3 {
	width: 125px;
	margin: 0 0 0 188px;
	_margin-left: 94px;
	padding: 0;
}
.col-right-3 {
	width: 640px;
	margin: 0 0 0 5px;
	padding: 0;
}
/*subnavigation*/
ul.subnav {
	display: none;
}
/*end subnavigation*/

/*viewport for gallery and floorplans*/
.viewport {
	display: block;
	width: 1096px;
}
.viewport-content {
	display: block;
	position: relative;
	width: 1096px;
	margin: 0;
	padding: 0;
}
/*end viewport*/

/*end content*/

/*end LAYOUT*/

/*home*/
.content.home {
	min-height: 600px;
	*height: 600px;
}
.fifield.homepad, .footer.homepad {
	padding-top: 40px;
}
.home h1 {
	width: 200px;
	margin: 0;
	position: absolute;
	top: 20px;
	left: 200px;
}
.home .col-left-1 .image {
	padding: 0;
}
.home .col-left-1 .image img {
	margin: 8px 0 0 8px;
}
.home .col-left-1 .image.img1{
	display: block;
	margin: -60px 0 0 262px;
	_margin-left: 260px;
	*margin-top: 190px;
	width: 262px;
	height: 262px;
}
.home .col-left-1 .image.img2 {
	display: block;
	position: absolute;
	margin: -70px 0 0  110px;
	*margin-left: -200px;
	width: 196px;
	height: 196px;
}
.home .col-left-1 .image.img3 {
	display: block;
	position: absolute;
	margin: -110px 0 0 25px;
	*margin-left: -285px;
	width: 137px;
	height: 138px;
}
.home .leed {
	display: block;
	font-size: 10px;
	line-height: 13px;
	width: 205px;
	margin: 5px 0 0 315px;
	padding-top: 50px;
}
.home .leed p {
	margin: 0 5px;
}
.home .blurb  {
	display: block;
	position: relative;
	width: 435px;
	margin-top: 20px;
}
.home .announcement {
	font-size: 10px;
	line-height: 13px;
	width: 195px;
	margin: 20px 0 0 15px;
	float: left;
}
.home .announcement.annc1 {
	margin-left: 0;
}

/*end home/

/*news*/

.news h1 {
	margin-bottom: 35px;
}
.news .col-left-1 .image {
	width: 276px;
	height: 276px;
	padding: 0;
	margin: 0 0 0 80px;
}
.news .col-left-1 .image img {
	margin: 8px 0 0 8px;
}
.news .col-right-1 p {
	font-size: 10px;
}

/*end news*/

/*club-k*/

.club-k h1 {
	margin-bottom: 28px;
	*margin-bottom:  15px;
}
.club-k .col-left-1 .image {
	width: 219px;
	height: 220px;
	padding: 0;
	float: left;
}
.club-k .col-left-1 .image img {
	margin: 8px 0 0 8px;
}
.club-k .col-left-1 .image.img1{
	margin: 0 0 0 80px;
	_margin-left: 40px;
}
.club-k .col-left-1 .image.img2 {
	margin: 0 0 0 10px;
}
.club-k p.download {
	margin-top: 120px;
}

/*end club-k*/

/*residences*/
.content.residences {
	min-height: 770px;
	*height: 770px;
}
.residences h1 {
	margin-bottom: 48px;
	margin-left: 110px;
}
.residences h2 {
	margin-left: 110px;
}
.residences .col-right-2 .image {
	width: 522px;
	text-align: center;
}

.residences .plannav {
	position: absolute;
}
.residences .plannav .image {
	padding: 0;
	float: left;
}
.residences .plannav .image img {
	margin: 5px 0 0 6px;
}
.residences .plannav .image.img1{
	width: 167px;
	height: 256px;
	margin: 17px 0 0 74px;
	_margin-left: 30px;
}
.residences .plannav .image.img2 {
	width: 166px;
	height: 166px;
	margin: 17px 0 0 14px;
}
.residences .plannav .plannav-west {
	display: block;
	position: absolute;
	top: 45px;
	left: 93px;
	width: 126px;
	height: 211px;
}
.residences .plannav .plannav-east {
	display: block;
	position: absolute;
	top: 43px;
	left: 263px;
	width: 142px;
	height: 125px;
}
.residences.penthouses .plannav .image.img1{
	width: 167px;
	height: 256px;
	margin: 17px 0 0 74px;
	_margin-left: 30px;
}
.residences .plannav .plannav-penthouses-west {
	display: block;
	position: absolute;
	top: 45px;
	left: 93px;
	width: 126px;
	height: 211px;
}
.residences.penthouses .plannav .image.img2 {
	width: 166px;
	height: 166px;
	margin: 17px 0 0 14px;
}
.residences .plannav .plannav-penthouses-east {
	display: block;
	position: absolute;
	top: 41px;
	left: 270px;
	width: 140px;
	height:115px;
}
.residences .toggle-link {
	display: block;
	margin: -18px 0 18px 10px;
	color:  #808080;
	font-size: 9px;
}
.residences .toggle-link .pipe {
	padding: 0 2px;
}
.residences .toggle-link a {
	text-decoration: underline;
}
.residences .toggle-link a.on {
	text-decoration: none;
	color: #808080;
}
.residences .select-unit {
	margin: -80px 0 80px 262px;
	padding: 0;
}
.residences .unit {
	display: block;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	width: 1096px;
}
.residences .unit-info {
	width: 229px;
	margin: 292px 0 0 190px;
	padding: 0;
}
.residences .unit-info p {
	margin-top: 5px;
}
.residences p.download {
	margin-top: 0;
}
.residences .col-right-2 .text {
	width: 400px;
	margin: 0 0 0 110px;
	padding: 0;
}
.content.gallery {
	min-height: 720px;
	*height: 720px;
}

.gallery .gallery-item {
	display: block;
	position: relative;
	margin: 0 0 40px  0;
	padding: 0;
	width: 1096px;
}
.gallery .item-info {
	width: 125px;
	margin: 90px 0 0 0px;
	padding: 0;
	color: #999999;
	font-size: 10px;
	line-height: 13px;
	background-color: #ffffff;
}
.gallery .item-info img {
	padding: 0;
	margin: 0;
}
.gallery .item-info p {
	margin: 0 20px 15px 0;
	padding: 0;
}
.gallery .col-right-3 .image {
	width: 600px;
	margin-top: 50px;
}
.gallery .gallerynav {
	display: none;
}
.gallery .gallerynav .pipe {
	padding: 0 5px;
}
.features .col-left-2, .rates .col-left-2 {
	display: none;
}
/*end residences*/

/*retail*/

.retail h1 {
	position: absolute;
	top: 180px;
}
.retail h2 {
	position: absolute;
	top: 160px;
}
.retail h3 {
	font-size: 11px;
	line-height: 16px;
	margin-top: 0;
}
.retail .col-left-1 {
	margin-top: 60px;
	padding-top: 20px;
	position: relative;
}
.retail .col-right-1 {
	margin-top: 60px;
}
.retail .col-left-1 .image {
	padding: 0;
}
.retail .col-left-1 .image.img1 {
	width: 330px;
	height: 317px;
	margin: 0 0 0 180px;
}
.retail .col-left-1 .image.img1 img {
	margin: 5px 0 0 5px;
}
.retail .col-left-1 .image.img2{
	position: absolute;
	top: 290px;
	left: 11px;
	width: 331px;
	height: 327px;
	margin: 0;
}
.retail .col-left-1 .image.img2 img {
	margin: 5px 0 0 5px;
}
.retail p {
	margin-top: 22px;
	line-height: 16px;
}
.retail p.download {
	margin-top: 245px;
	margin-left: 360px;
	display: inline-block;
	width: 100px;
}

/*end retail*/

/*living-green*/

.living-green h1 {
	position: absolute;
	top: 180px;
}
.living-green h2 {
	position: absolute;
	top: 160px;
}
.living-green .col-left-1, ..living-green .col-right-1  {
	margin-top: 60px;
}
.living-green h3.arrow {
	padding-top: 12px;
	margin-top: 10px;
}
.living-green .col-left-1 {
	padding-top: 0;
}
.living-green .col-left-1 .seal {
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0 0 0 460px;
}
.living-green .col-left-1 .image {
	position: relative;
	width: 441px;
	height: 467px;
	padding: 0;
	margin: 25px 0 0 0;
}
.living-green .col-left-1 .image img {
	margin: 5px 0 0 5px;
}

.living-green .greennav {
	display: block;
	position: relative;
	margin-top: 4px;
	margin-left: 4px;
	width: 429px;
	height: 450px;
}
.living-green .viewport {
	display: block;
	position: relative;
	width: 355px;
	padding: 0;
	margin: 0 0 0 60px;
}
.living-green .viewport-content {
	display: block;
	position: relative;
	width: 355px;
	margin: 0;
	padding: 0;
}
.living-green .caption {
	display: block;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	width: 325px;
}
.living-green .col-right-1 p {
	margin-top: 15px;
	margin-right: 20px;
}
.living-green p.intro {
	color: #172934;
	margin-right: 60px;
}

/*end living-green*/

/*amenities*/

.amenities h1 {
	position: absolute;
	top: 180px;
}
.amenities h2 {
	position: absolute;
	top: 160px;
}
.amenities .col-left-1, .amenities .col-right-1  {
	margin-top: 60px;
}
.amenities .col-left-1 .image {
	position: relative;
	width: 358px;
	height: 356px;
	padding: 0;
	margin: 0;
}
.amenities .col-left-1 .image img {
	margin: 5px 0 0 5px;
}
.amenities .amenitiesnav {
	display: block;
	position: absolute;
	top: 0;
	left: 6px;
	width: 358px;
	height: 320px;
}
.amenities .viewport {
	display: block;
	position: relative;
	width: 405px;
	padding: 0;
	margin: 0 0 0 0;
}
.amenities .viewport-content {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 405px;
	margin: 0;
	padding: 0;
}
.amenities .gallery-item {
	display: block;
	position: relative;
	margin: 0 0 50px 0;
	padding: 0;
	width: 405px;
	height: 500px;
}
.amenities h3 {
	font-size: 10px;
	color: #3a5d6c;
	margin: 30px 0 12px 0;
	padding: 0;
}
.amenities .gallerynav {
	position: absolute;
	margin: 28px 0 0 150px;
}
.amenities .col-right-1 p.intro {
	margin: 15px 30px 0 0;
	line-height: 16px;
}
.amenities .text1, .amenities .text2 {
	width: 130px;
	margin: 3px 0 0 15px;
	padding: 0;
	font-size: 10px;
	line-height: 13px;
	float: left;
}
.amenities .text1 p, .amenities .text2 p {
	padding: 0 0 5px 0;
	margin: 0;
}
.amenities .text1 {
	margin-left: 40px;
}
.amenities .inline-hd-off {
	color: #3a5d6c;
}
/*end amenities*/


/*community*/

.community h1 {
	position: absolute;
	top: 20px;
}
.community h2 {
	position: absolute;
	top: 0;
}
.community .col-left-1, .community .col-right-1 {
	margin-top: 60px;
}
.community .col-left-1 .image {
	width: 471px;
	height: 673px;
	padding: 0;
	margin: 25px 0 0 10px;
}
.community .col-left-1 .image img {
	margin: 5px 0 0 5px;
}
.community p.intro {
	margin: 0 40px 10px 5px;
}
.community .region-item {
	display: block;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	width: 1096px;
}
.community .text1, .community .text2 {
	width: 170px;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	float: left;
}
.community .text1 {
	margin-right: 20px;
}
.community .text1 p, .community .text2 p {
	padding: 5px 0 5px 0;
	margin: 0;
}
.community .communitynav a {
	position: absolute;
	margin: 0;
}
.community .communitynav.river-north a {
	top: 30px;
	left: 500px;
}
.community .communitynav.west-loop a {
	top: 30px;
	left: 55px;
}
.community p.download {
	margin-top: 5px;
	margin-right: 15px;
	text-align: right;
}

/*end community*/

/*lease-now*/

.lease-now h1 {
	position: absolute;
	top: 180px;
}
.lease-now h2 {
	position: absolute;
	top: 160px;
}
.lease-now .text {
	width: 255px;
	margin: 0 0 0 50px;
	padding: 0;
	line-height: 13px;
}
.lease-now h3 {
	display: block;
	position: relative;
	margin: 35px 0 0 0;
	padding: 0;
	width: 240px;
	height: 30px;
}
.lease-now h3.contact-us {
	width: 88px;
	height: 15px;
	margin-bottom: 10px;
}
.lease-now h3.information {
	margin-top: 30px;
}
.lease-now p {
	margin-bottom: 15px;
}
.lease-now p.download {
	margin-bottom: 5px;
}

/*end lease-now*/


/* Registration form */

form div.row {
	float: left;
	clear: both;
	margin-top: 6px;
}

form div.formitem {
	float: left;
}

form div.col1 {
	width: 194px;
}

form div.col2 {
	width: 194px;
	padding-left: 8px;
}

form label {
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #808080;
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	width: 194px;
}

form input {
	display: block;
}

form input.textinput {
	background-color: #ebeddf;
	border: 1px solid #ebeddf;
}

form input.wide {
	width: 190px;
}

form input#State {
	width: 33px;
}

form input#Zip {
	width: 44px;
}

form div#cityblock {
	margin-right: 5px;
	width: 85px;
	padding-left: 8px;
}

form input#City {
	width: 80px;
}

form div#cityblock label {
	width: 80px;
}

form div#stateblock {
	margin-right: 5px;
	padding-left: 0;
}

form div#stateblock label {
	width: 30px;
}

form div#zipblock {
	width: 46px;
	padding-left: 0;
}

form div#zipblock label {
	width: 40px;
}


form div.spacer {
	clear: both;
	margin-bottom: 2em;
	height: 1px;
}

form textarea {
	background-color: #ebeddf;
	border: 1px solid #ebeddf;
	width: 390px;
	height: 120px;
}


form select {
	background-color: #ebeddf;
	border: 1px solid #ebeddf;
	width: 190px;
}

form #OtherDescriptionRow {
	display: none;
	visibility: hidden;
}

.submit {
    height: 40px;
    width: 72px;
    border: none;
}


/* Confirmation message */

div#maindiv p.mailmessage {
	margin-bottom: 8em;
}

/*end registration form*/