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

/* Declarations with underscore are IE6 specific and will not be read by any other browser. E.g. _width: 500px; or for height issues: _overflow: hidden;*/


/*-------------------------------------------------------------------------------- Initial styling of elements */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Use this on css background images to display buttons etc to search engines and text only browsers */

span, blockquote {
	display: none;
}

body {
	background-color: #A7957D;
	background-image: url(../images/bodyBg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

h1 {
}

h2 {
}

h3 {
}

p {

}

a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

a:hover	{
	color: #FFEDB7;
}

/* End initial styling */

/*-------------------------------------------------------------------------------- Body and containers */

.container {
	margin: auto;
	width: 980px;
}

.clear {
	clear: both;
}

/*-------------------------------------------------------------------------------- Navigation */

#menu {
	height: 70px;
}

#menu ul {
	list-style-type: none;
}

#menu ul li {
	float: left;
}

#menu ul li a{
	display: block;
	height: 32px;
}

#nav {
	margin-left: 260px;
}

#nav-01 a {
	width: 120px;
	background-image: url(../images/menu.gif);
}

#nav-01 a:hover {
	background-position: 0px -32px;
}

#nav-02 a {
	width: 127px;
	background-image: url(../images/menu.gif);
	background-position: -120px 0px;
}

#nav-02 a:hover {
	background-position: -120px -32px;
}

#nav-03 a {
	width: 116px;
	background-image: url(../images/menu.gif);
	background-position: -247px 0px;
}

#nav-03 a:hover {
	background-position: -247px -32px;
}

#nav-04 a {
	width: 111px;
	background-image: url(../images/menu.gif);
	background-position: -363px 0px;
}

#nav-04 a:hover {
	background-position: -363px -32px;
}

#nav-05 a {
	width: 76px;
	background-image: url(../images/menu.gif);
	background-position: -474px 0px;
}

#nav-05 a:hover {
	background-position: -474px -32px;
}

.divider {
	_overflow: hidden;
	height: 8px;
	background-color: #937320;
	background-image: url(../images/dividerBG.jpg);
	background-repeat: repeat;
}

/*-------------------------------------------------------------------------------- Header */

#header {
	height: 360px;
	background-color: #222222;
}

#header div {
	_display: inline;
	_overflow: hidden;
	float: left;
	height: 360px;
}

#headerLogo {
	width: 270px;
	background-image: url(../images/headerLogo.gif);
}

#headerImgIndex{
	width: 590px;
}

#headerImgFloorplans{
	width: 590px;
	background-image: url(../images/headerImgFloorplans.jpg);
}

#headerImgAmenities{
	width: 590px;
	background-image: url(../images/headerImgLocation.jpg);
}

#headerImgLocation{
	width: 590px;
	background-image: url(../images/headerImgAmenities.jpg);
}

#headerImgContact{
	width: 590px;
	background-image: url(../images/headerImgContact.jpg);
}

#headerTagline {
	width: 120px;
	background-image: url(../images/headerTagline.gif);
}

/*-------------------------------------------------------------------------------- Content */

#content {
	padding-top: 35px;

}

#content div {
	_display: inline;
	_overflow: hidden;
	float: left;
}

/*------------------------------------------------------------------------------------------------- #leftColumn */

#leftColumn {
	width: 310px;
	padding-left: 20px;
}

.button {
	margin-top: 15px;
	margin-left: 3px;
}

#buttonContact {
	background-image: url(../images/btn-contact.jpg);
	background-repeat: no-repeat;
}

#buttonContact a {
	height: 100px;
	width: 145px;
	display: block;
}

#buttonContact a:hover {
	background-image: url(../images/btn-contact.jpg);
	background-repeat: no-repeat;
	background-position: 0px -101px;
}

#buttonPhotos {
	background-image: url(../images/btn-viewPhotos.jpg);
	background-repeat: no-repeat;
}

#buttonPhotos a {
	height: 100px;
	width: 145px;
	display: block;
}

#buttonPhotos a:hover {
	background-image: url(../images/btn-viewPhotos.jpg);
	background-repeat: no-repeat;
	background-position: 0px -101px;
}

#callUs {
	height: 20px;
	width: 264px;
	margin-left: 5px;
	margin-top: 10px;
	background-image: url(../images/callUs.gif);
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------------------------- #rightColumn */

#rightColumn {
	width: 615px;
	margin-left: 20px;
}

.header-1 {
	width: 100%;
	height: 35px;
}

#h1Index {
	background-image: url(../images/h1-index.gif);
	background-repeat: no-repeat;
}

#h1Floorplans {
	background-image: url(../images/h1-floorplans.gif);
	background-repeat: no-repeat;
}

#h1Amenities {
	background-image: url(../images/h1-amenities.gif);
	background-repeat: no-repeat;
}

#h1Location {
	background-image: url(../images/h1-location.gif);
	background-repeat: no-repeat;
}

#h1Contact {
	background-image: url(../images/h1-contact.gif);
	background-repeat: no-repeat;
}

#copy {
	width: 545px;
	margin-top: 10px;
	margin-left: 5px;
	height: 85px;
}

#copyIndex {
	width: 580px;
	margin-top: 10px;
	margin-left: 5px;
	height: 85px;
}

#header-2 {
	width: 100%;
	height: 15px;
	background-image: url(../images/clickToEnlarge.gif);
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------------------------- .insetBox */

.insetBox {
	background-color: #93816B;
	background-image: url(../images/insetBoxBg.gif);
	background-repeat: repeat-x;
	width: 545px;
	float: left;
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 30px;
}

/*-------------------------------------------------------------------------------------------------------------------- #boxIndex */

#boxIndex {
}

/*-------------------------------------------------------------------------------------------------------------------- #boxFloorplans */

#boxFloorplans {
	width: 875px;
	background-color: #93816B;
	padding-left: 68px;
}

.floorplansThumbnail {
}

.floorplansThumbnail a {
	display: block;
	height: 240px;
	width: 200px;
}

#unit-01 a {
	background-image: url(../images/floorplans/unit-01-thumb.gif);
}

#unit-01 a:hover {
	background-position: 0px -240px;
}

#unit-02 a {
	background-image: url(../images/floorplans/unit-02-thumb.gif);
}

#unit-02 a:hover {
	background-position: 0px -240px;
}

#unit-03 a {
	background-image: url(../images/floorplans/unit-03-thumb.gif);
}

#unit-03 a:hover {
	background-position: 0px -240px;
}

#unit-04 a {
	background-image: url(../images/floorplans/unit-04-thumb.gif);
}

#unit-04 a:hover {
	background-position: 0px -240px;
}

#unit-05 a {
	background-image: url(../images/floorplans/unit-05-thumb.gif);
}

#unit-05 a:hover {
	background-position: 0px -240px;
}

#unit-06 a {
	background-image: url(../images/floorplans/unit-06-thumb.gif);
}

#unit-06 a:hover {
	background-position: 0px -240px;
}

#unit-07 a {
	background-image: url(../images/floorplans/unit-07-thumb.gif);
}

#unit-07 a:hover {
	background-position: 0px -240px;
}

#unit-08 a {
	background-image: url(../images/floorplans/unit-08-thumb.gif);
}

#unit-08 a:hover {
	background-position: 0px -240px;
}

#unit-09 a {
	background-image: url(../images/floorplans/unit-09-thumb.gif);
}

#unit-09 a:hover {
	background-position: 0px -240px;
}

#unit-10 a {
	background-image: url(../images/floorplans/unit-10-thumb.gif);
}

#unit-10 a:hover {
	background-position: 0px -240px;
}

/*-------------------------------------------------------------------------------------------------------------------- #boxAmenities */

#insetBox-leftColumn {
	width: 280px;
	margin-left: 20px;
}
#insetBox-leftColumn div {
	width: 100%;
}

#amenitiesInteriorFeatures {
	background-image: url(../images/amenetiesInteriorFeatures.gif);
	height: 15px;
	width: 180px;
	background-repeat: no-repeat;
}

#amenitiesCommunityFeatures {
	background-image: url(../images/amenetiesCommunityFeatures.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 180px;
}

.amenitiesCopy {
	margin-top: 10px;
	margin-bottom: 15px;
}

#insetBox-rightColumn {
	width: 220px;
}

.amenetiesThumbnail a {
	display: block;
	height: 100px;
	width: 100px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#thumb-01 a {
	background-image: url(../images/amenities/thumb01.jpg);
}

#thumb-01 a:hover {
	background-position: 0px -100px;
}

#thumb-02 a {
	background-image: url(../images/amenities/thumb02.jpg);
}

#thumb-02 a:hover {
	background-position: 0px -100px;
}

#thumb-03 a {
	background-image: url(../images/amenities/thumb03.jpg);
}

#thumb-03 a:hover {
	background-position: 0px -100px;
}

#thumb-04 a {
	background-image: url(../images/amenities/thumb04.jpg);
}

#thumb-04 a:hover {
	background-position: 0px -100px;
}

#thumb-05 a {
	background-image: url(../images/amenities/thumb05.jpg);
}

#thumb-05 a:hover {
	background-position: 0px -100px;
}

#thumb-06 a {
	background-image: url(../images/amenities/thumb06.jpg);
}

#thumb-06 a:hover {
	background-position: 0px -100px;
}

#thumb-07 a {
	background-image: url(../images/amenities/thumb07.jpg);
}

#thumb-07 a:hover {
	background-position: 0px -100px;
}

#thumb-08 a {
	background-image: url(../images/amenities/thumb08.jpg);
}

#thumb-08 a:hover {
	background-position: 0px -100px;
}

/*-------------------------------------------------------------------------------------------------------------------- #boxLocation */

#dash {
	width: 100%;
	height: 15px;
	background-image: url(../images/dash.gif);
	background-repeat: no-repeat;
}

#map a {
	display: block;
	background-image: url(../images/map.jpg);
	height: 470px;
	width: 525px;
	margin-left: 10px;
}

/*-------------------------------------------------------------------------------------------------------------------- #boxContact */

#contactInfo {
	width: 545px;
	margin-top: 30px;
}

#mapThumb a {
	display: block;
	width: 100px;
	height: 100px;
	margin-left: 5px;
	background-image: url(../images/mapThumb.jpg);
}

#address {
	width: 185px;
	margin-left: 25px;
}

#address p {
	font-size: 14px;
}

#clickForMap {
	background-image: url(../images/clickForMap.gif);
	height: 10px;
	width: 90px;
	margin-top: 20px;
}

#phone {
	width: 210px;
	margin-left: 15px;
}

#phone p {
	font-size: 14px;
}

#phone p a {
	color: #FFEDB7;
}

/*-------------------------------------------------------------------------------- Footer */

#expander {
	width: 100%;
	background-color: #701400;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #beb09c;
	margin-top: 80px;
}

#footer {
	height: 130px;
}

#footer p {
	color: #dac2bd;
	font-size: 11px;
	margin-top: 20px;
	text-align: center;
	line-height: 20px;
}