/********************************
***   GENERAL LAYOUT STYLES   ***
********************************/
body {
	background: #000000 url(../_graphics/shared/bwheaderbg.gif) center top no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family:Arial,Helvetica,sans-serif;
	color: #fff;
	font-size:0.95em;
}
#wrapper {
	width: 792px;
	margin: 0px auto 0px auto;
}
#innerWrapper {
	width: 792px;
	margin: 0px auto 0px auto;
	float: left;
	background: url(../_graphics/shared/headerbg.jpg) center top no-repeat;
}
#columnLeft {
	width: 270px;
	float: left;
	padding-bottom: 260px;
}
#columnRight {
	width: 522px;
	float: left;
}
#content {
	margin-top: 20px;
	margin-bottom: 50px;
	width: auto;
	float: left;
	line-height:1.3em;
	padding: 0px 40px 0px 40px;
}
#bottomNav {
	margin-top: 30px;
}
#house {
	background:transparent url(../_graphics/shared/EHO.gif) no-repeat scroll center top;
	float:left;
	height:30px;
	margin:360px 0px 0px 65px;
	width:30px;
}
.hidden {
	font-size: 1px;
	position: absolute;
	left: -500px;
}



/* text styles */
h1 {
	display: block;
	height: 125px;
	margin: 0px 0px 0px 30px;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
a {
	color: #fff;
}
a:hover {
	color:#9b4a53
}
/*****************************
***   HOME BANNER STYLES   ***
*****************************/
#bannerArea {font-size:30px; color:#A2ADD0; font-family:"Times New Roman", Times, serif; font-weight:bold; margin:5px 0px 5px 0px; text-align:center;}
#bannerArea a {color:#fff200; text-decoration:none;}
#bannerArea .small {font-size:12px;}


/****************************
***   NAVIGATION STYLES   ***
****************************/
#navigation {
	width: 436px;
	float: left;
	margin: 42px 0px 0px 33px;
}
#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navigation a {
	display: block;
	height: 100%;
	width: 100%;
}


/* each navigation link */
#navigation li#navFloor a{
	height: 123px;
	width: 65px;
	display: block;
	float: left;
	background: url(../_graphics/shared/navAll.jpg)  transparent 0px -20px scroll no-repeat;
	margin:20px 8px 0px 0px;
}
#navigation li#navFloor a:hover{ background: url(../_graphics/shared/navAll.jpg)  transparent 0px -181px scroll no-repeat;}

#navigation li#navNeighbor a{
	height: 123px;
	width: 82px;
	display: block;
	float: left;
	background: url(../_graphics/shared/navAll.jpg)  transparent -73px -20px scroll no-repeat;
	margin:20px 9px 0px 0px;
}
#navigation li#navNeighbor a:hover{ background: url(../_graphics/shared/navAll.jpg)  transparent -73px -181px scroll no-repeat;}

#navigation li#navMadrigal a{
	height: 161px;
	width: 108px;
	display: block;
	float: left;
	background: url(../_graphics/shared/navAll.jpg)  transparent -163px -0px scroll no-repeat;
	margin-right: 13px;
}
#navigation li#navMadrigal a:hover{ background: url(../_graphics/shared/navAll.jpg)  transparent -163px -161px scroll no-repeat;}

#navigation li#navDevelopment a{
	height: 123px;
	width: 74px;
	display: block;
	float: left;
	background: url(../_graphics/shared/navAll.jpg)  transparent -279px -20px scroll no-repeat;
	margin:20px 12px 0px 0px;
}
#navigation li#navDevelopment a:hover{ background: url(../_graphics/shared/navAll.jpg)  transparent -279px -181px scroll no-repeat;}

#navigation li#navContact a{
	height: 123px;
	width: 65px;
	display: block;
	float: left;
	background: url(../_graphics/shared/navAll.jpg)  transparent -361px -20px scroll no-repeat;
	margin:20px 0px 0px 0px;
}
#navigation li#navContact a:hover{ background: url(../_graphics/shared/navAll.jpg)  transparent -361px -181px scroll no-repeat;}



/* changes for home, to add the banner, margin-top used to be 42px before banner*/
#home #navigation {margin: 0px 0px 0px 33px;}

/*****************************
***   COLUMN LEFT IMAGES   ***
*****************************/
body#floorplans #columnLeft {
	background:url(../_graphics/floorplans/photoFloor.jpg) 60px 135px no-repeat;
}
body#neighborhood #columnLeft {
	background:url(../_graphics/shared/photoMount.jpg) 60px 135px no-repeat;
}
body#madrigal #columnLeft, body#home #columnLeft  {
	background:url(../_graphics/shared/photoBuilding.jpg) 60px 135px no-repeat;
}
body#develop #columnLeft {
	background:url(../_graphics/develop/photoDevelop.jpg) 60px 135px no-repeat;
}
body#contact #columnLeft {
	background:url(../_graphics/contact/photoContact.jpg) 60px 135px no-repeat;
}
body#mountmap #columnLeft {
	background:url(../_graphics/mountmap/photoMap.jpg) 60px 135px no-repeat;
}
body#features #columnLeft {
	background:url(../_graphics/features/photoFeatures.jpg) 60px 135px no-repeat;
}


/********************************
***   GRAPHICAL TEXT STYLES   ***
********************************/
.urbanShort {
	display: block;
	width: 218px;
	height: 34px;
	margin: auto auto;
	background:url(../_graphics/floorplans/urbancentricity.gif) 0px 0px no-repeat;
}
.urbanLong {
	display: block;
	width: 218px;
	height: 53px;
	margin: auto auto;
	background:url(../_graphics/shared/urbancentricity.gif) 0px 0px no-repeat;
}
.ultimate {
	display: block;
	width: 327px;
	height: 39px;
	margin: auto auto;
	background:url(../_graphics/madrigal/ultimate.gif) 0px 0px no-repeat;
}
.neighborhood {
	display: block;
	width: 332px;
	height: 40px;
	margin: auto auto;
	background:url(../_graphics/develop/neighborhood.gif) 0px 0px no-repeat;
}
.extraordinary {
	display: block;
	width: 438px;
	height: 36px;
	margin: auto auto;
	background:url(../_graphics/mountmap/extraordinary.gif) 0px 0px no-repeat;
}


/***********************************
***   BOTTOM NAVIGATION STYLES   ***
***********************************/
#bottomNav a{
	display: block;
	margin: auto auto;
}
a.btNavPlans {
	width: 123px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) 0px -100px no-repeat;
}
a.btNavPlans:hover {
	background:url(../_graphics/shared/navBottom.gif) 0px -150px no-repeat;
}
a.btNavFeatures {
	width: 90px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) -456px -100px no-repeat;
}
a.btNavFeatures:hover {
	background:url(../_graphics/shared/navBottom.gif) -456px -150px no-repeat;
}
a.btNavGallery {
	width: 144px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) -123px -100px no-repeat;
}
a.btNavGallery:hover {
	background:url(../_graphics/shared/navBottom.gif) -123px -150px no-repeat;
}
a.btNavTriangle {
	width: 189px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) -267px -100px no-repeat;
}
a.btNavTriangle:hover {
	background:url(../_graphics/shared/navBottom.gif) -267px -150px no-repeat;
}
a.btNavPlace {
	width: 160px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) -410px 0px no-repeat;
}
a.btNavPlace:hover {
	background:url(../_graphics/shared/navBottom.gif) -410px -50px no-repeat;
}
a.btNavBus {
	width: 323px;
	height: 50px;
	background:url(../_graphics/shared/navBottom.gif) -87px 0px no-repeat;
}
a.btNavBus:hover {
	background:url(../_graphics/shared/navBottom.gif) -87px -50px no-repeat;
}



/***************************
***   HOME PAGE STYLES   ***
***************************/

body#home #address {
	line-height:1.3em;
	text-align:left;
	margin-top: 265px;
	margin-left: 60px;
	text-align: left;
}
body#home #columnLeft {
	padding-bottom: 0px;
}
body#home #house {
	margin:40px 0px 0px 65px;
}

/* each navigation link for the home page */
body#home #navigation li a {
	height: 162px;
	width: 98px;
	display: block;
	float: left;
	margin:0px 14px 0px 0px; /* margin top used to be 20px before banner */
}
body#home #navigation li#navFloor a{background: url(../_graphics/shared/navHome.jpg)  transparent 0px 0px scroll no-repeat;}
body#home #navigation li#navFloor a:hover{ background: url(../_graphics/shared/navHome.jpg)  transparent 0px -164px scroll no-repeat;}
body#home #navigation li#navNeighbor a{background: url(../_graphics/shared/navHome.jpg)  transparent -109px 0px scroll no-repeat;}
body#home #navigation li#navNeighbor a:hover{ background: url(../_graphics/shared/navHome.jpg)  transparent -109px -164px scroll no-repeat;}
body#home #navigation li#navDevelopment a{background: url(../_graphics/shared/navHome.jpg)  transparent -218px 0px scroll no-repeat;}
body#home #navigation li#navDevelopment a:hover{ background: url(../_graphics/shared/navHome.jpg)  transparent -218px -164px scroll no-repeat;}
body#home #navigation li#navContact a{background: url(../_graphics/shared/navHome.jpg)  transparent -327px 0px scroll no-repeat; margin-right:0px;}
body#home #navigation li#navContact a:hover{ background: url(../_graphics/shared/navHome.jpg)  transparent -327px -164px scroll no-repeat; margin-right:0px;}



/*******************************
***   FEATURES PAGE STYLES   ***
*******************************/

body#features table td {
	vertical-align: top;
	text-align: left;
}
body#features table td ul {
	line-height:1.1em;
}
body#features table td li {
	font-size:0.7em;
}
body#features #content {
	padding: 0px 0px 0px 0px;
}
.theLofts {
	display: block;
	width: 96px;
	height: 16px;
	margin: auto 0px auto 20px;
	background:url(../_graphics/features/theLofts.gif) 0px 0px no-repeat;
}
.theKitchens {
	display: block;
	width: 128px;
	height: 16px;
	margin: auto 0px auto 20px;
	background:url(../_graphics/features/theKitchens.gif) 0px 0px no-repeat;
}
.theBuilding {
	display: block;
	width: 145px;
	height: 16px;
	margin: auto 0px auto 20px;
	background:url(../_graphics/features/theBuilding.gif) 0px 0px no-repeat;
}
.theBathroom {
	display: block;
	width: 145px;
	height: 16px;
	margin: auto 0px auto 20px;
	background:url(../_graphics/features/theBathrooms.gif) 0px 0px no-repeat;
}


/************************************
***   GALLERY POPUP PAGE STYLES   ***
************************************/

body#galleryImg {
	background-image: none;
}