/* CSS Document */

/*-- main id boxes --*/

#header {
	margin: 0px;
	padding: 0px;
	width: 755px;
	background-color: #ffffff;
	height: 138px;
}
#content {
	padding: 0 28px 0px 40px;
	width: 631px;
	margin: 0px 0 22px 0;
	text-align:left;
}
img{border:none;}

.outter{margin: 20px 40px 0 40px;}

h1 {margin:0 0 0 0;padding:0;font-size:28px;}

h2 {margin:0;padding:0;font-size:18px;}

form{padding:0;margin:0;}

label,input{display: block; width: 350px;} 
select {display: block; width: 350px; float: left; text-align:left;} 
label {text-align: left; width: 300px; padding-right: 0;padding-left:0;} 
br {clear: left;}
label.reg{width:400px;}

/*-- nav-bar --*/

#mainNav {
	width: 755px;
}
#mainNav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 755px;
	list-style-type: none;
	background-image: url(images/navBGround.gif);
	background-repeat: repeat-x;
	font-size: 1em;
	font-weight: bold;
}
#mainNav li{
	float: left;
	vertical-align: middle;
}
#mainNav a{
	line-height: 1.4em;
	color: #fff;
	text-decoration: none;
	float: left;
	display: block;
	padding-top: 6px;
	padding-right: .8em;
	padding-bottom: 6px;
	padding-left: .8em;
	background-image: url(images/navDivider.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}
#mainNav ul .first a{
	background: none;
	padding-left: 22px;
}
#mainNav ul .first a:hover{
	background: none;
	background-color: #a6adb5;
}
#mainNav a:hover {
	background-color: #a6adb5;
	text-decoration: none;
}

/*-- resident services sidebar --*/

.residentservices-list {
	margin: 0px;
	padding: 0px;
}
.residentservices-list ul, .localleasing-list ul, .contact-list ul {
	list-style-type: none;
	padding: 0px;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.residentservices-list .nav {
	margin: 0px;
	padding: 0px;
}
.residentservices-list .nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}
.residentservices-list .nav li{
	vertical-align: middle;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: .9em;
	width: 210px;
}
.residentservices-list .nav a{
	display: block;
	color: #000;
	text-decoration: none;
	padding-right: 0em;
	padding-left: 0.8em;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a6adb5;
	text-align: left;
}
.residentservices-list .nav a:hover {
	background-image: url(images/residentservices-list-nav-bg.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

/*-- content --*/

.right {
	background-color: #FFFFFF;
	padding: 0px 0px 10px;
	float: right;
	width: 400px;
	margin: 0px;
}
.right h1,h2,h3,h4,h5 {
	padding: 0px;
	margin-right: 5px;
	margin-left: 0px;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
}
.right p {
	padding: 0px;
	margin-right: 0;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.1em;
}

.right p img{margin:5px;}

.right ul, .right ol {
	margin-right: 5px;
	margin-left: 42px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}
.right ul {
	list-style-type: disc;
}
.right li {
	margin-right: 5px;
	font-size: .8em;
	line-height: 1em;
	padding: 0px 0px 4px;
	margin-top: 0px;
	margin-bottom: 4px;
}

/*-- fullspread-content --*/

.full-spread {
	background-color: #FFFFFF;
	padding: 0px;
	float: left;
	width: 686px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	padding: 0px;
	margin-right: 5px;
	margin-left: 0;
	color: #000000;
	font-size:24px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.full-spread p {
	padding: 0px;
	margin-right: 5px;
	margin-left: 22px;
	font-size: 1.1em;
	line-height: 1.1em;
}
.full-spread ul, .right ol {
	margin-right: 5px;
	margin-left: 22px;
	font-size: 1em;
}
.full-spread li {
	margin-right: 5px;
	font-size: 1em;
	line-height: 1em;
	padding: 0px 0px 4px;
	margin-top: 0px;
	margin-bottom: 4px;
}


/*-- secondary boxes --*/

.col-2{
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	width: 47%;
	float: left;
	padding: 0px;
}
/*-- css image maps for map --*/


#ipad-map {
	width:671px;
	height:453px;
	position: relative;
}
		#ipad-map ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#ipad-map a {
			height: 28px;
			width: 28px;
			position: absolute;
			color:#000;
			text-decoration:none;
			border:1px solid transparent;
		}
		#ipad-map a:hover {
			border:3px solid #cd181d;
		}
		#ipad-map .benchmark a {
			top: 263px;
			left: 89px;
		}
		#ipad-map .bradford a {
			top: 397px;
			left: 294px;
		}
		#ipad-map .chapelterrace a {
			top: 264px;
			left: 205px;
		}
		#ipad-map .chartreoaks a {
			top: 291px;
			left: 168px;
		}
		#ipad-map .continental a {
			top: 179px;
			left: 198px;
		}
		#ipad-map .glenda a {
			top: 379px;
			left: 220px;
		}
		#ipad-map .rumba a {
			top: 142px;
			left: 140px;
		}
		#ipad-map .cumberland a {
			top: 155px;
			left: 247px;
		}
		#ipad-map .eleveneleven a {
			top: 169px;
			left: 220px;
		}
		#ipad-map .foresthills a {
			top: 235px;
			left: 208px;
		}
		#ipad-map .legacysuites a {
			top: 267px;
			left: 238px;
		}
		#ipad-map .plaza a {
			top: 205px;
			left: 275px;
		}
		#ipad-map .oridge a {
			top: 201px;
			left: 196px;
		}
		#ipad-map .villacortez a {
			top: 309px;
			left: 146px;
		}
		#ipad-map a .outer {
			display:block;
			width:27px;
			height:27px;
			border:1px solid #000;
		}
		#ipad-map a .inner {
			display:block;
			width:25px;
			height:25px;
			border:1px solid #fff;
		}
		#ipad-map a .note {
			position:absolute;
			bottom:-2em;
			width:9em;
			padding:0.2em 0.5em;
			color:#fff;
			background-color:#a6adb5;
			text-align:center;
			left:-30000px;
			margin-left:-5em;
			z-index: 100;
			font-weight: bold;
		}
		#ipad-map a:hover .note {
			left:14px;
		}

/*-- text styles --*/

.apt-category {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	font-weight: bold;
}
.bold-red {
	color: #cd181d;
	font-weight: bold;
}
.bold-green {
	color: #9acb34;
	font-weight: bold;
}
.red-text {
	color: #cd181d;
}
.green-text {
	color: #9acb34;
}

/*-- picture borders --*/

.picturebox {
	border: 2px solid #FE4D00;
	margin: 4px;
}
.graphicsBorder {
	border: 1px solid #747877;
	margin: 4px;
}

/* forms */

fieldset {
	margin: 1em 0 1em 22px;
	padding: 1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Helvetica, Arial, sans-serif;
}
legend {
	font-weight: bold;
	display: block;
}
textarea {
	width: 200px;
	height: 100px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
textarea.text {
	margin-bottom: 1em;
	margin-left: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
input.text {
	width: 200px;
	margin-left: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

select {
	margin-bottom: 0.2em;
	margin-left: 1em;
}

input.radio, input.checkbox, input.submit {
	width: auto;
	margin-right: 1em;
}


label {
	float: left;
	width: 8em;
	text-align: right;
}
fieldset#checkbox {
	margin: 0em;
	padding: 1em 0;
	background: transparent;
	border-bottom: none;
	border-right: none;
	border-top: 1px dotted #CCCCCC;
	border-left: none;
}
#checkbox h2 {
	width: 10em;
	float:left;
	font-size:1em;
	font-weight: normal;
	clear: both;
}
#checkbox div {
	width: 12em;
	float:left;
	margin-top: .8em;
}
#checkbox label {
	width: 8em;
	float:none;
	display:block;
	margin-bottom: .5em;
	text-align: left;
}
.small-text {
	font-size: .7em;
}

.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a6adb5}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;
  background:#b2b2b2}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  background:#acacac}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #acacac;
  border-right:1px solid #acacac;}
.round4{
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3}
.round5{
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2}
.roundfg{
	padding-left:20px;
  background:#a6adb5;
color:#FFFFFF;
}

.white{color:#FFFFFF;padding:0;margin:0;}
.smallItalic {
	font-size: .8em;
	font-style: italic;
}
.shortForm {
	width: 240px;
}