@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center top;
	behavior:url("scripts/csshover.htc");
}
/*
form {
	margin: 0px;
	padding: 0px;
}
*/


/* LAYOUT ELEMENTS */

.container {
	width: 955px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
.header {
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 67px;
	background-image: url(../images/int_goldBar.png);
	background-repeat: no-repeat;
	background-position: 0px 30px;
}
.header a {
	color: #B3B3B3;
	text-decoration: none;
}
.header a:hover {
	color: #D0B93A;
}
.header img {
	padding-top: 20px;
}
.header #int_navTable {
	font-size: 12px;
	font-weight: bold;
}
.mainContent {
	margin-top: 40px;
	margin-right: 77px;
	margin-left: 70px;
	padding-left: 30px;
	background: #EAF0F0 url(../images/int_mainContentBG.jpg) repeat-y;
	font-size: 11px;
}
.mainContent .leftPanel {
	width: 350px;
}
.mainContent h1 {
	font-weight: normal;
	font-size: 24px;
	color: #4D4D4D;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.mainContent h2 {
	color: #7E220D;
	font-weight: bold;
	font-size: 18px;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.mainContent p {
	font-size: 11px;
	margin: 0px;
	line-height: 16px;
	padding: 12px 0px 0px;
}

.mainContent .text 
{
}

.footer {
	padding-top: 12px;
	padding-right: 77px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../images/int_goldBar.png);
	background-repeat: no-repeat;
	background-position: 0px 45px;
}
.footerNav {
	margin-top: 40px;
	font-size:11pt;
}
.home_footer .footerNav 
{
	padding-left:0px;
	margin-left:0px;
}
.footer p,
.home_footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #B3B3B3;
	font-size: 11pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.footer .address,
.home_footer .address {
	font-size: 11pt;
}
.footer a,
.home_footer a {
	color: #B3B3B3;
	text-decoration: none;
}
.footer a:hover,
.home_footer a:hover {
	color: #D0B93A;
}


/* Apartment Search Elements */

/* HOME ELEMENTS */

.home_header {
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 7px;
	margin: 0px;
	background-image: url(../images/int_goldBar.png);
	background-repeat: no-repeat;
	background-position: 0px 27px;
}
.home_header a {
	color: #B3B3B3;
	text-decoration: none;
}
.home_header a:hover {
	color: #D0B93A;
}
.home_logoHolder {
	position: absolute;
	top: 38px;
	width: 353px;
	left: 308px;
}
.home_header .reachUs {
	padding-top: 90px;
	float: right;
	padding-right: 98px;
	font-size: 12px;
	font-weight: bold;
}
.home_NavImages {
	padding-top: 27px;
}
#home_apartmentSearchForm {
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 133px;
	text-align: center;
	background-image: url(../images/home_apartmentSearchBG.png);
	background-repeat: no-repeat;
}
#home_apartmentSearchForm p {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	font-weight: bold;
	padding: 7px 0px 2px;
}
#home_apartmentSearchForm select {
	width: 112px;
	font-size: 9px;
	padding: 0px;
	margin: 4px 0px 0px;
}
#home_flashContent {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 68px;
	z-index: -1;
}
.home_mainContent {
	padding-left: 12px;
	padding-right: 12px;
}
.home_locationMap {
	position: absolute;
	top: 535px;
	left: 375px;
}
.home_footer {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url(../images/int_goldBar.png);
	background-repeat: no-repeat;
	background-position: 0px 37px;
}


/* WORK AT OVATION ELEMENTS */

.workAtOvation_corporateOrCommunityForm {
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4F4D50;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
}
.workAtOvation_careerListings {
	float: right;
	width: 345px;
	padding-top: 40px;
	padding-left: 25px;
	padding-right: 25px;
	overflow:auto;
	height:350px;
}
.workAtOvation_careerListings img {
	padding: 0px;
	margin-top: 12px;
	margin-bottom: 5px;
	margin-left: 135px;
}
.workAtOvation_careerListings h1,
.applyFormHolder h1 {
	margin: 0px;
	padding: 0px;
	color: #415968;
	font-size: 15px;
	font-weight: bold;
}
.workAtOvation_careerListings h2,
.applyFormHolder h2 {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.applyFormHolder {
	margin: 0px;
	padding-top: 45px;
	padding-right: 65px;
}
#applyTable {
	font-size: 11px;
}
#applyTable td {
	height: 25px;
}
#applyTable .textField {
	font-size: 10px;
}
.formButton {
	cursor:pointer;
	width: 79px;
	height: 38px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*background-image: url(../images/int_submitUp.png);*/
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #EAF0F0;
}
.formButton:hover {
	/* background-image: url(../images/int_submitOver.png); */
}


/* REACH US ELEMENTS */

#reachUsForm table {
	font-size: 12px;
}
#reachUsForm table td {
	height: 25px;
}
#reachUsForm .textField {
	font-size: 10px;
}
#reachUsForm .submitButton {
	cursor:pointer;
	width: 79px;
	height: 38px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/int_submitUp.png);
	padding: 0px;
	background-color: #D0DADC;
	margin: 0px;
}
#reachUsForm .submitButton:hover {
	background-image: url(../images/int_submitOver.png);
}


/* COMMON ELEMENTS */

.logoHolder {
	position: absolute;
	top: 21px;
	width: 255px;
	left: 348px;
}
.stageImage {
	float: right;
}
#mapContainer {
	position: absolute;
	z-index: +1;
	left: 90px;
	top: 155px;
}
#mapContainer #mapTable .closeButton {
	color: #F2EFE9;
	font-size: 14px;
	font-weight: bold;
}
.hidden { display: none; }
.unhidden { display: block; }


#form_refineSearch {
	background: url(../images/communities_apartmentSearchBG.png);
	height: 73px;
	width: 188px;
	float: right;
	text-align: center;
	background-repeat: no-repeat;
}
#form_refineSearch p {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	font-weight: bold;
	padding: 7px 0px 2px;
}
#form_refineSearch select {
	width: 80px;
	font-size: 9px;
	padding: 0px;
	margin: 4px 2px 0px;
}
#form_refineSearch #button {
	height: 17px;
	width: 38px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 6px 12px 0px 0px;
	padding: 0px;
	background: url(../images/home_apartmentSearchButton.png) no-repeat;
	float: right;
}
#form_refineSearch #button:hover {
	background-image: url(../images/home_apartmentSearchButtonOver.png);
}
.communities_mainContent {
	margin-top: 40px;
	margin-right: 70px;
	margin-left: 70px;
	position: relative;
}
.communities_mainContent h1 {
	font-weight: normal;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 33px 0px 0px;
}
.communities_mainContent h2 {
	color: #7E220D;
	font-weight: bold;
	font-size: 18px;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.communities_mainContent p {
	font-size: 11px;
	margin: 0px 0px 0px 15px;
	line-height: 16px;
	padding: 12px 0px 0px;
	color: #FFFFFF;
}
#communitiesTable {
	font-size: 12px;
	background: url(../images/communities_tableBG.gif);
	margin-bottom: 55px;
}
#communitiesTable a {
	color: #666666;
	text-decoration: underline;
}
#communitiesTable a:hover {
	color: #7E220D;
}

#communitiesTable td {
	border-bottom: 1px solid #908B78;
	padding-bottom: 6px;
	padding-left: 6px;
}
#communitiesTable .floorPlanDetails td {
	border-style: none;
}

/* Icon Menu Elements */

.iconMenu 
{
	position:relative;
	margin: 0px;
	padding: 2px 0px 0px;
}
#communitiesTable .iconTable
{
	font-size:10px;
}
#communitiesTable .iconTable td
{
	padding-bottom:0px;
	padding-left:0px;
	border-bottom:none;
	border-style:none;
}
.iconMenu img {
	padding-right: 2px;
}
.iconMenu  h1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 30px 0px 5px;
	padding: 0px;
	width: 200px;
}
.iconMenu p {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 10px;
	margin: 9px 0px;
	padding: 0px;
	width: 200px;
}
.iconMenu .textField {
	font-size: 10px;
	margin-bottom: 5px;
}

.iconClick {
	padding: 8px 10px 15px 18px;
	margin-top: 36px;
	display: none;
	width: 225px;
}
.textingClick {
	background: #666666;
	position: absolute;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.specialsClick {
	position: absolute;
	margin-left: 28px;
	background: #003300;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.printBrochureClick {
	position: absolute;
	margin-left: 60px;
	background: #666666;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.petPolicyClick {
	position: absolute;
	margin-left: 95px;
	background: #574319;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.greenClick {
	position: absolute;
	margin-left: 130px;
	background: #34715A;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.pdfClick {
	position: absolute;
	margin-left: 160px;
	background: #660000;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.emailClick {
	position: absolute;
	margin-left: 183px;
	background: #938A77;
	padding: 8px 10px 15px 18px;
	top:-200px;
	width: 225px;
	z-index:1;
}
.btn_send {
	background: url(../images/int_btnSend.png);
	height: 16px;
	width: 30px;
	float: right;
	border-style: none;
	cursor:pointer;
}
.btn_send:hover {
	background: url(../images/int_btnSendOver.png);
}

.bedRoomLinks
{
	float:right;
	text-align:right;
	font-size:14px;
	padding:10px 2px 10px 0px;
}

.bedRoomLinks a
{
	text-decoration:none;
	color:#FFFFFF;
}

.bedRoomLinks a:hover
{
	text-decoration:none;
	color:#D0B93A;
}


.findCommunity {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
}
#communityContainer {
	background: url(../images/int_findCommunityBG.png) no-repeat;
	height: 325px;
	width: 495px;
	position: absolute;
	top: 190px;
	z-index: +3;
	color: #333333;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	right: 185px;
}
#communityContainer a {
	color: #333333;
	text-decoration: none;
	display: block;
}
#communityContainer a:hover {
	text-decoration: underline;
}

#communityContainer h1 {
	color: #0C0C0C;
	font-size: 11px;
	text-transform: uppercase;
	margin: 2px 0px 0px;
	padding: 2px;
}
#communityContainer .close {
	color: #81751F;
	float: right;
	margin-top: 10px;
	margin-right: 25px;
	font-size: 12px;
}

/* RESIDENTS ELEMENTS */

/* Residents Header */

.residentHeader {
	background: url(../images/res_propertyHeader.jpg);
	height: 68px;
	text-align: right;
	padding: 8px 8px 0px 20px;
	font-size: 12px;
}
.residentHeader a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.residentHeader a:hover {
	color: #D0B93A;
}
.residentHeader .propertyLogo {
	float: left;
}


/* RESIDENTS */

#table_residents {
	margin-bottom: 50px;
}
#table_residents hr {
	color: #FFFFFF;
	background: #FFFFFF;
	height: 2px;
	border-style: none;
	width: 335px;
	margin-top: 12px;
}

/* Events Elements */

.eventInfo {
	width: 215px;
	padding: 10px 20px;
	background: #A1B6B9;
}
.eventInfo h1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 12px 0px;
	padding: 0px;
}
.eventInfo .date {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 25px;
	padding: 0px;
}
.eventInfo p {
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
}
.calendarHeadline {
	font-size: 14px;
	font-weight: bold;
}


/* WHAT'S NEARBY ELEMENTS */

.wrapper_whatsNearBy  {
	margin: 0px 20px;
	padding: 0px 0px 20px;
}
.whatsNearBy_map {
	margin-top: 20px;
}

.whatsNearBy_mapTabs a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.whatsNearBy_mapTabs a:hover {
	color: #FFFFFF;
}
.whatsNearBy_mapTabs ul{
	list-style:none;
	background-image: url(../images/res_whatsNearby_tabsBG.jpg);
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	background-repeat: repeat-x;
	margin: 0px 2px 0px 0px;
	padding: 8px 7px 5px;
	float: left;
}
.whatsNearBy_mapTabs ul:hover{
	background-image: url(../images/res_whatsNearby_tabsBG_on.jpg);
}
.whatsNearBy_returns ul {
	margin: 15px 0px 0px;
	padding: 0px;
}
.whatsNearBy_returns a {
	color: #000000;
	text-decoration: underline;
	padding-bottom: 12px;
}
.whatsNearBy_returns a:hover {
	color: #760709;
}
.whatsNearBy_returns li {
	float: left;
	font-size: 9px;
	margin-right: 25px;
	list-style: none;
	background: url(../images/res_googleBullet.png) no-repeat;
	padding-left: 30px;
}






/* WORK REQUESTS/SURVEYS ELEMENTS  */

.button_submit {
	background: url(../images/int_submitUp.png);
	height: 39px;
	width: 78px;
	border-style: none;
	cursor:pointer;
	margin-top: 12px;
}
.button_submit:hover {
	background: url(../images/int_submitOver.png);
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.instructions {
	font-size: 9px;
}
.residentsForm .textField {
	font-size: 12px;
	margin-left: 6px;
	padding: 2px;
}
