@charset "utf-8";
/* CSS Document */

#divMenuContainer {
	/*background-image: url(/royale_palms_luxury_gainesville_apartments/images/newbg.gif);*/
	width: 1009px;
	overflow:visible;
	position: relative;
	margin-left:-495px;
	left: 50%;
	z-index: 6;
}

#transHomeBtn {
	position:absolute;
	width:188px;
	height:55px;
	z-index:14;
	left: 6px;
	top: 7px;
}

#transHomeBtn2 {
	position:absolute;
	width:188px;
	height:55px;
	z-index:14;
	left: 640px;
	top: 88px;
}

#divHeader {
	background-image: url(/NewmainPageLayout/Images/closest-apartments-to-uf.png);
	height: 112px;
	width: 991px;
	left:50%;
	overflow:visible;
	border-bottom:solid 1px #a2bed7;
	
}
/* This is the banner on the menu */
#banner {
	position: fixed;
	height: 110px;
	width: 212px;
	bottom: 0;
	z-index: 100;
	right: 0;
}

/* End of banner css */

#Nav1 {
	position:absolute;
	left:0px;
	top:111px;
	width:105px;
	z-index:5;
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	visibility: hidden;
}
#Nav1 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav1 li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 95px;
	margin-left: 5px;
}
#Nav1 a {
	color: #333333;
	text-decoration: none;
}
#Nav1 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav1 li.last {
	border-bottom-style: none;
}
#Nav2 {
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	position:absolute;
	left:74px;
	top:111px;
	width:210px;
	z-index:1055;
	visibility: hidden;
}
#Nav2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav2 li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 195px;
	margin-left: 7px;
}
#Nav2 a {
	color: #333333;
	text-decoration: none;
}
#Nav2 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav2 li.last {
	border-bottom-style: none;
}


#Nav2Heritage {
	position:absolute;
	left:285px;
	top:405px;
	width:157px;
	z-index:6;
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	visibility: hidden;
}
#Nav2Heritage ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav2Heritage li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 145px;
	margin-left: 7px;
}
#Nav2Heritage a {
	color: #333333;
	text-decoration: none;
}
#Nav2Heritage a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav2Heritage li.last {
	border-bottom-style: none;
}
#Nav2Stratford {
	position:absolute;
	left:285px;
	top:655px;
	width:157px;
	z-index:6;
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	visibility: hidden;
}
#Nav2Stratford ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav2Stratford li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 145px;
	margin-left: 7px;
}
#Nav2Stratford a {
	color: #333333;
	text-decoration: none;
}
#Nav2Stratford a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav2Stratford li.last {
	border-bottom-style: none;
}
#Nav3 {
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	position:absolute;
	left:224px;
	top:111px;
	width:193px;

	z-index:5;
	visibility: hidden;
}
#Nav3 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav3 li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 183px;
	margin-left: 7px;
}
#Nav3 a {
	color: #333333;
	text-decoration: none;
}
#Nav3 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav3 li.last {
	border-bottom-style: none;
}
#Nav4 {
	position:absolute;
	left:344px;
	top:111px;
	width:160px;
	z-index:5;
	background-color: #FFFFFF;
	border: 1px solid #C6CED2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	visibility: hidden;
}
#Nav4 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#Nav4 li {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	width: 150px;
	margin-left: 5px;
	display: block;
}
#Nav4 a {
	color: #333333;
	text-decoration: none;
}
#Nav4 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Nav4 li.last {
	border-bottom-style: none;
}

#Layer1 {
	position:absolute;
	left:0px;
	top:113px;
	width:656px;
	margin-left:-20px;
	height:388px;
	z-index:2;
	visibility: hidden;
}
#Layer2 {
	position:absolute;
	left:0px;
	top:81px;
	width:656px;
	height:1px;
	z-index:2;
	visibility: hidden;
}
#Layer3 {
	position:absolute;
	left:0px;
	top:86px;
	width:1px;
	height:42px;
	z-index:2;
	visibility: hidden;
}
#Layer4 {
	position:absolute;
	left:646px;
	top:86px;
	width:3px;
	height:67px;
	z-index:2;
	visibility: hidden;
}
#Layer5 {
	position:absolute;
	left:450px;
	top:399px;
	width:161px;
	height:51px;
	z-index:1;
}

#Layer6 {
	position:absolute;
	left:450px;
	top:399px;
	width:161px;
	height:51px;
	z-index:1;
}
.menu1 {
	float:left;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	background: none;
	margin-top: 88px; /* controls how far down the page the top level menu is */
}
.menu1 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu1 ul li {
	float:left; 
	position:relative;
}
.menu1 ul li {
	display:block; 
	/*text-indent:10px;*/
	color:#E4E1DF;
	padding:0px 0;
}
.menu1 ul li a, .menu1 ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#444; 
	line-height:25px; 
	height:24px;
}
.menu1 a#About {
	background:url(/NewmainPageLayout/Images/about-off.png);
	width: 75px;
	} 
.menu1 a#About:hover {
	background:url(/NewmainPageLayout/Images/about-on.png);
} 
.menu1 a#About span {
	display: none;
}
.menu1 a#Property {
	background:url(/NewmainPageLayout/Images/property-off.png);
	width: 150px;
	} 
.menu1 a#Property:hover {
	background:url(/NewmainPageLayout/Images/property-on.png);
} 
.menu1 a#Property span {
	display: none;
}
.menu1 a#Leasing {
	background:url(/NewmainPageLayout/Images/leasing-off.png);
	width: 120px;
	} 
.menu1 a#Leasing:hover {
	background:url(/NewmainPageLayout/Images/leasing-on.png);
} 
.menu1 a#Leasing span {
	display: none;
}
.menu1 a#Resident {
	background:url(/NewmainPageLayout/Images/resident-off.png);
	width: 105px;
	} 
.menu1 a#Resident:hover {
	background:url(/NewmainPageLayout/Images/resident-on.png);
} 
.menu1 a#Resident span {
	display: none;
}

.menu1 a#Projects {
	background:url(/NewmainPageLayout/Images/projects-off.png);
	width: 80px;
	} 
.menu1 a#Projects:hover {
	background:url(/NewmainPageLayout/Images/projects-on.png);
} 
.menu1 a#Projects span {
	display: none;
}

.menu1 a#UFInnovSquare {
	background:url(/NewmainPageLayout/Images/ufinnovsquare-off.png);
	width: 170px;
	} 
.menu1 a#UFInnovSquare:hover {
	background:url(/NewmainPageLayout/Images/ufinnovsquare-on.png);
} 
.menu1 a#UFInnovSquare span {
	display: none;
}
.menu1 li.left {
width: 0px;
}
.popup-contain {
	position: relative;	
}
.popup-contain .data {
	box-shadow: 0 0 10px rgba(0,0,0,0.75);	
}
.popup-contain .toggle {
	position: absolute;
	right: -30px;
	top: -11px;
	width: 34px;
	height: 135px;
	background: 0 0 url(/popup-templates/images/availability-sprite.png) no-repeat;
	cursor: pointer;
}
.popup-contain .toggle.closed {
	background-position: -34px 0;	
}
.fb-contain {
	z-index: 99;
}
.fb-contain.popup {
	position: relative;
	top: -300px;	
}
.fixateCenter {
	width: 900px;
	margin: 0 -565px 0 auto;
	height: 0px;
	position: relative !important;
}
.fixateCenter .popup-contain {
	height: 311px;
	position: fixed;
}
body {
	margin: 0;
	padding: 0;
	background: center center url(/arbor_lofts_gainesville_apartments/images/al-bg-01.jpg) repeat-y #D4E2EB;	
}
#inlinePopup {
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 99;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}