/*
	Roslyn Ridge stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		layout
		navigation
		typography
		initial images
*/

/* layout
----------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;
	background: url(images/backgroundBody.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #4b4033;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	height:100%;
	}
#page {
	margin:0 auto;
	width: 774px;
	padding:0;
	background-color:#faf5ef;
	position:relative;
	}
#menu {
	width: 774px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	position:relative;
	background: transparent;
	}
#gallerySection {
	background: url(images/backgroundGallery.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #fcfbf7;
	padding: 23px 0 18px 0;	
	}
#myGallery {
	width: 661px !important;
	height: 331px !important;
	}
#gallery {
	background-color:#fff;
	border: 1px solid #e7e7e7;
	padding: 8px;
	margin: 0 auto;
	width: 663px;
	}
#featureBackground {
	background: url(images/backgroundFeature.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #faf5ef;
	}
#featureSection {
	height:140px;
	width:681px;
	margin: 0 auto;
	padding: 19px 0 5px 0;
	}
#newsletterSection {
	background: url(images/backgroundNewsletter.gif);
	background-position: top left;
	background-repeat:no-repeat;
	height:89px;
	width:220px;
	float:left;
	}
#newsletter {
	margin:45px auto 0 auto;
	}
#newsletterInput {
	color:#797979;
	width:113px;
	font-size:11px;
	}
#feature {
	background-position: top left;
	background-repeat:no-repeat;
	height:21px;
	width:452px;
	float:right;
	padding:68px 0 0 0;
	color:#8b8a73;
	font-size:10px;
	font-family: Georgia, "Times New Roman", serif;
	}
#home #feature {
	background: url(images/featureHome.gif);
	}
#community #feature {
	background: url(images/featureCommunity.gif);
	}
#amenities #feature {
	background: url(images/featureAmenities.gif);
	padding:0 0 68px 0;
	}
#setting #feature {
	background: url(images/featureSetting.gif);
	}
#realestate #feature {
	background: url(images/featureRealEstate.gif);
	}
#map #feature {
	background: url(images/featureMap.gif);
	}
#feature a {
	background: url(images/btnExternal.gif);
	background-position:right 35%;
	background-repeat:no-repeat;
	padding-right:10px;
	margin:0 8px;
	color:#8b8a73;
	text-decoration:none;
	}
#feature a:hover {
	color: #8e443a;
	}
#next {
	float:right;
	text-align:right;
	}
#next img {
	border:none;
	}
#previous {
	float:right;
	text-align:right;
	margin-right:166px;
	}
* html #previous {
	margin-right:161px;
	}
#map #previous {
	margin-right:341px;
	}
* html #map #previous {
	margin-right:171px;
	}
#previous img {
	border:none;
	}
#supplement {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 auto;
	width:681px;
	text-align:left;
	}
#supplement .L {
	float:left;
	margin: 5px 10px 10px 0;
	}
#supplement .R {
	float:right;
	margin: 5px 0 10px 15px;
	}
.hr {
	background: url(images/hr.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:3px 0;
	width:680px;
	height:1px;
	clear:both;
	}

/* navigation
----------------------------------------------- */
ul#navigation{
	height: 129px;
	width: 774px;
	background-image: url(images/nav.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

ul#navigation li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

ul#navigation li, ul#navigation a{
	height: 129px;
	display: block;
}

ul#navigation li a{
	text-indent: -9999px;
	text-decoration: none;
}

/* nav menu */
li#home {left: 29px; width: 45px;}
li#community {left: 90px; width: 88px;}
li#amenities {left: 193px; width: 75px;}
li#setting {left: 521px; width: 60px;}
li#realestate {left: 597px; width: 86px;}
li#map {left: 699px; width: 35px;}

/* nav hover */
li#home a:hover {background: transparent url(images/nav.jpg) -29px -130px no-repeat;}
li#community a:hover {background: transparent url(images/nav.jpg) -90px -130px no-repeat;}
li#amenities a:hover {background: transparent url(images/nav.jpg) -193px -130px no-repeat;}
li#setting a:hover {background: transparent url(images/nav.jpg) -521px -130px no-repeat;}
li#realestate a:hover {background: transparent url(images/nav.jpg) -597px -130px no-repeat;}
li#map a:hover {background: transparent url(images/nav.jpg) -699px -130px no-repeat;}

/* nav current page */
body#home li#home {background: transparent url(images/nav.jpg) -29px -260px no-repeat;}
body#community li#community {background: transparent url(images/nav.jpg) -90px -260px no-repeat;}
body#amenities li#amenities {background: transparent url(images/nav.jpg) -193px -260px no-repeat;}
body#setting li#setting {background: transparent url(images/nav.jpg) -521px -260px no-repeat;}
body#realestate li#realestate {background: transparent url(images/nav.jpg) -597px -260px no-repeat;}
body#map li#map {background: transparent url(images/nav.jpg) -699px -260px no-repeat;}

/* typography
----------------------------------------------- */
a, a:active {
	outline: none;
	}
#supplement h1 {
	font-size:24px;
	font-weight:normal;
	color:#554e33;
	margin:0;
	padding:0;
	}
#supplement p {
	font-family: arial, verdana, helvetica, sans-serif;
	color:#403c2d;
	font-size:11px;
	line-height:1.7;
	}
#supplement a, #supplement a:hover {
	text-decoration:none;
	color:#ab2e24;
	}
	
/* initial images
----------------------------------------------- */
#gallery {
	background-position:50%;
	background-repeat:no-repeat;
}

#home #gallery {background-image:url(images/photoBuilding.jpg);}
#community #gallery {background-image:url(images/photoSnowCouple.jpg);}
#amenities #gallery {background-image:url(images/photoBuildingAmenities.jpg);}
#setting #gallery {background-image:url(images/photoHikingFamily.jpg);}
#realestate #gallery {background-image:url(images/photoBuildingCourt.jpg);}