/***********************************************************************
* file		home.css
* 
* 
* author: 	taopro.com / Andrew T.
* version: 	version 1.4
* since: 	version 1.0
* created:	2-9-10
*
* description:
* stylesheet for the Gateway website - Index page.
*
*
************************************************************************/
/* ****************** */
/* Container	      */
/* ****************** */

/* main page container */
.thrColFixHdr #HomeContainer {
	background-color: #fff;
	width: 780px;
	float: left;
	overflow: auto;
	height: 575px;
}

/* ****************** */
/* Elements inside contaner	*/
/* ****************** */
#apDivHomeOrangeSideBar {
	width:15px;
	height:255px;
	z-index:20;
	top: 266px;
	bottom: 125px;
	position: absolute;
	background-color: #ff6a0b;
	filter: Alpha(Opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	left: 0px;
}

#apDiv2_resident_signin {
	font-size: 11px;
	padding-bottom: 2px;
	position:absolute;
	left:30px;
	top:530px;
	width:115px;
	height:32px;
	z-index:3;
	text-align: left;
}

#apDiv_bobfla {
	position:absolute;
	left:30px;
	top:565px;
	width:115px;
	height:100px;
	z-index:3;
}
#apDivHeroPhotoOverlayLink {
	position:absolute;
	left:18px;
	top:269px;
	width:760px;
	height:225px;
	z-index:26;
}

.thrColFixHdr #mainContent {
	padding: 0px;
	margin: 0;
	height: 255px;
	width: 780px;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 266px;
} 

#apDivNeighborhood {
	position:absolute;
	left:481px;
	top:505px;
	width:285px;
	height:217px;
	z-index:10;
	visibility: visible;
}

#apDivNeighborhoodLinkLayer {
	position:absolute;
	left:481px;
	top:510px;
	width:285px;
	height:212px;
	z-index:30;
	visibility: visible;
	background-image: url(../media/sections/home/buttons/btn_visit_neigh.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	cursor:pointer;
	cursor:hand; /*replaces arrow cursor of display block linked area with hand cursor*/
}

#container #apDivNeighborhoodLinkLayer:link {
	background-image: url(../media/sections/home/buttons/btn_visit_neigh.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
}

#container #apDivNeighborhoodLinkLayer:hover {
	background-image: url(../media/sections/home/buttons/btn_visit_neigh.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
}


#apDivNeighborhood  #neighborhoodPhoto {
	height: 175px;
	width: 285px;
}

#apDivNeighborhoodShadow {
	position:absolute;
	left:458px;
	top:485px;
	width:330px;
	height:256px;
	z-index:9;
}

#apDivOptionsLinkLayer {
	position:absolute;
	left:183px;
	top:505px;
	width:285px;
	height:217px;
	z-index:30;
	visibility: visible;
	background-image: url(../media/sections/home/buttons/btn_exp_living.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	cursor:pointer; cursor:hand; /*replaces arrow cursor of display block linked area with hand cursor*/
}

#container #apDivOptionsLinkLayer:link {
	background-image: url(../media/sections/home/buttons/btn_exp_living.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
}

#container #apDivOptionsLinkLayer:hover {
	background-image: url(../media/sections/home/buttons/btn_exp_living.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#container #apDivOptionsLinkLayer:active {
	background-image: url(../media/sections/home/buttons/btn_exp_living.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#apDivOptions {
	position:absolute;
	left:183px;
	top:505px;
	width:285px;
	height:217px;
	z-index:5;
	visibility: visible;
}

#apDivOptions #optionsTitle {
	background-image: url(../media/sections/home/buttons/btn_exp_living.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	width: 285px;
	display: block;
	cursor:pointer; cursor:hand; /*replaces arrow cursor of display block linked area with hand cursor*/
}

#apDivOptions #optionsPhoto {
	height: 175px;
}

#apDivOptionsShadow {
	position:absolute;
	left:157px;
	top:486px;
	width:330px;
	height:256px;
	z-index:4;
}