/*--------------------------------------------------------
RESET - thank you Eric Meyer! meyerweb.com 
----------------------------------------------------------*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! 
:focus {
	outline: 0;
} */

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


ul li a, ul li {
	font-size:100%;
}

/*--------------------------------------------------------
BASIC TAG FORMATTING
----------------------------------------------------------*/

.screen-reader-text {
     position: absolute;
     left: -1000em;
}


blockquote {
	border-left: 5px solid #ddd;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

img {
	border:none;	
}

hr {
	border:none;
	border-top:solid 1px #aaa;
	height:1px;
}

.clear { clear:both; }

ul li {
	list-style:none;
}

ul.horiz li  {
	float:left;
	margin-left:0;
}


#content table {
	margin-top:10px;
}

#content td {
	padding-bottom:15px;
}

/* ------------- STRUCTURE ------------- */

body {
	margin:0;
	padding:0;
	background:#6D6E71 url('images/bg_image.gif') no-repeat 560px 270px;
	color:#fff;
/*	font-family: "Lucida Grande", "Gill Sans", "Gill Sans MT", Helvetica, Arial;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:.01em;
	line-height:1.5em;
	text-align:left;
}

body.home, body.properties, body.residents, body.payments, 
body.workorders, body.firewall, body.registersuccess, body.formsuccess, body.property {
	background-image:none;
}

body.gallery {
	background-image:none;
	background:#fff;
}
/* ------------- HEADER ------------- */

#headerWrap {
	width:100%;
	border-bottom:solid 1px #fff;
	padding:0;
	margin:0;
}

table#header {
	padding:0;
	margin:0;
} 

td#stepLogo {
	padding:0;
	margin:0;
	width:156px;
	padding:20px 0 0 0;
	vertical-align:top;
}


td#nav {
	padding:0;
	margin:0;
	vertical-align:top;
}

/* ------------- CONTENT ------------- */

#content {
	width:960px;
	margin:60px 0 30px 60px;
}
.badge-offer {
	position: absolute;
	width: 150px;
	height: 150px;
	display: block;
	background: url(images/badge_free.png) left top no-repeat;
	left: 799px;
	top: 263px;
}
.residents #content, .payments #content, .workorders #content {
	margin:60px 0 30px;
}

#content p {
	padding:0 0 15px 0;
	line-height:1.3em;
	color:#ddd;
	font-size:13px;
}

.property #content p {
	padding:0 0 15px 0;
	line-height:1.3em;
	color:#fff;
	font-size:13px;
}

.fiveHun {
	width:500px;
}


#content ul {
	margin:1em;
	margin-left:2em;
	margin-top:0;
}

#content li {
	list-style:disc;
	font-size:13px;
}

#content ul.linklist {
	margin:1em;
	margin-left:0;
	margin-top:0;
}

#content ul.linklist li {
	list-style:none;	
}


/* about page */

.two-colCont {
	overflow:auto;
	width:510px;
}

.two-colCont .col1 {
	float:left;
	padding-bottom:5px;	
	width:100px;
}

.two-colCont .col2 {
	float:left;
	width:410px;
}

/* home page */

#homeThumbs {

}

.home .two-colCont {
	padding:25px 20px 0 0;
/*	padding:25px 20px 0 30px;*/
	overflow:auto;
	width:700px;
}

.home .two-colCont .col1 {
	float:left;
	width:58%;
	padding-bottom:5px;	
}

.home .two-colCont .col2 {
	float:left;
	width:40%;
	text-align:right;
}

/* contact page */

.contactus .two-colCont {
	padding:0 30px 0 40px;
	overflow:auto;
	width:700px;
	margin-top:40px;
}
.contactus .two-colCont .col1 {
	float:left;
	width:170px;
	padding-bottom:5px;
}

.contactus .two-colCont .col2 {
	float:left;
	width:36%;
	border-left:solid 1px #fff;
	padding-left:45px;
	font-size:130%;
}

/* residents page */

.residents .two-colCont, .payments .two-colCont, .workorders .two-colCont {
	overflow:auto;
	width:800px;
}

.residents .two-colCont .col1, .payments .two-colCont .col1, .workorders .two-colCont .col1  {
	float:left;
	width:170px;
	padding-bottom:5px;	
}

.residents .two-colCont .col2, .payments .two-colCont .col2, .workorders .two-colCont .col2 {
	float:left;
	width:550px;
	padding-top:5px;
}


/* firewall page */

.firewall .two-colCont {
	overflow:auto;
	width:510px;
}

.firewall .two-colCont .col1 {
	float:left;
	padding:20px 0 5px 10px;	
	width:70px;
}

.firewall .two-colCont .col2 {
	float:left;
	width:430px;
}

/* property pages */

.property .property-2col {
	overflow:auto;
	padding:1px;
	margin:0;
	margin-top:20px;
	width:958px;
	overflow-y:hidden;
}

.property .property-2col .col1 {
	float:left;
	width:400px;
	padding:0;
	margin:0;
}

.property .property-2col .col2 {
	float:left;
	padding:0;
	margin:0;
	padding-right:20px;
	width:500px;
}

.viewerlinks {
	padding-top:20px;
}

.prophead {
	margin-bottom:15px;
}

.prophead h2 {
	margin-bottom:0;
}

.nextlisting {
	margin-top:30px;
	margin-left:400px;
}

#floorplanList {
	margin:0;
	padding:0;
}

#floorplanList li {
	list-style:none;
	display:inline;
	margin-bottom:3px;
	padding:5px 0 5px 0;
	padding-right:15px;
	line-height:2.5em;
	font-weight:bold;
	font-size:15px;
}

#floorplanList li:hover {
	background:#666;
} 

#floorplanList li a {
	font-size:15px;
	margin-right:30px;
	padding-left:15px;
}

.available {
	font-size:24px;
	font-weight:normal;
	padding:0;
	margin:0;
	line-height:1em;
	padding-top:1px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#content p.available {
	font-size:24px;
	font-weight:normal;
	padding:0;
	margin:0;
	line-height:1em;
	padding-top:1px;
}

.floorplanLink {
	padding-left:15px;
	font-size:14px;
}

.videotour {
	padding-left:48px;
	font-size:14px;
	position:relative;
	top:-7px;
}

.padr15 {
	padding-right:15px;
}

/* properties page */

#propertylinks {
	width:780px;
	overflow:auto;
	margin-top:40px;
	overflow-y:hidden;
}

#propertylinks div {
	float:left;
	width:182px;
	margin:0 2px 0 0;
	padding-bottom:40px;
	text-align:right;
	height:272px;	
}

.propertylink img {
	padding:11px;
	background:#4f4f4f;
}


/* ------------- HEADERS ------------- */

h1 {
	font-size:110%;
	margin-bottom:10px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h2 {
	font-size:160%;
	margin-bottom:5px;
	font-weight:bold;
	color:#ddd;
	line-height:1.2em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.property h2 {
	color:#fff;
	font-size:150%;
	margin-bottom:5px;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* ------------- TEXT ------------- */

.orange {
	color:#f09205;
}

#content .largeText {
	font-size:150%;
}

#content  p.smallerText {
font-size:11px;
}

.medText {
	font-size:130%;
	color:#ddd;
}

.property .medText {
	font-size:130%;
	color:#fff;
}

.forminput {
	color: #4C514B;
	background: #CCCC99;
	border: 1px solid #4C514B;
}

.formtext {
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.textbox {
	color: #4C514B;
	background: #CCCC99;
	border: 1px solid #4C514B;
}

.yellowtext {
	color: #FFCC00;
}


/* ------------- LINKS ------------- */

a {
	text-decoration:none;
	color: #f09205;
	font-weight:bold;
}


a.contactus, a.contactus:visited {
	font-size: 12px;
	color: #c5c5c6;
	line-height: 11pt;
	text-decoration:none;
	font-weight:bold;
} 

a.contactus:hover {
	
}

.applyonline {
	background:#f09205;
	padding:8px;
	width:110px;
	text-align:center;
	margin-bottom:15px;
}

.applyonline a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}



.bagsLink {
	position:relative;
	top:-40px;
	left:30px;
}

/* ------------- IMAGES ------------- */

/* ------------- FOOTER ------------- */

#footer {
	padding:30px 0 30px;
	font-size:10px;
	margin:0 60px;
	color:#ddd;
}

.property #footer {
	padding:0 0 30px;
}

.share {
	padding-left:20px;
	height:15px;
}