/* 

orange: #e39323 
brown: #473b0c


*/

a {outline: none}


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

body {
	font-size: 62.5%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #473b0c;
}



#header {
	background: url(images/headerBKG.jpg) no-repeat;
	height: 270px;
	width: 750px;
	margin:0px auto;
}

#header h1#branding {display: block; height: 270px; width: 750px;}
#header h1#branding a {text-indent: -9999px; display: block; height: 100%; width: 100%;}


#content {
	width: 800px;
	margin:0px auto;
}

#wrapper {background:url(images/background.jpg) bottom center no-repeat #aaa896; width: 100%}

#container {
	margin: 0px auto;
	width: 800px;
	background: url(images/contentBKG.png) repeat-y;
	padding:  0 0 40px 0;

}

#main_content {
	width: 459px;
	padding: 30px 0 50px 0;
	margin: 0 0 0 00px;
}

#main_content p {
	font-size: 1.3em;
	line-height: 14pt;
	padding: 5px 8px 5px 50px;
	margin: 0px;
	color: #333333;
}


#main_content ul {
 list-style:none;color: #333333;
 font-size: 10pt;
 padding:0px; margin: 5px 0px 5px 50px; 
 }

#main_content ul li {padding: 5px 0}
 
#main_content h1 {	
	height: 40px;
	width: 440px;
	margin: 0px 0px 10px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main_content h2 {
	margin: 0px 0px 8px 15px;
	} 
	
#main_content h3 {
 	color: #8C3626;
  	margin:5px 0px 5px 0px;
	height: 49px;
	text-indent: -9999px;
}

#main_content h4 {
 	color: #8C3626;
  	margin:5px 0px 5px 50px;
	font-size: 1.9em;	
	color: #473b0c;
}


#main_content table {
	margin: 0 0 0 50px;
	font-size: 1.2em;
}

#main_content td {padding: 7px}

.highlight {color: #e39323 }

#header_home {background: url(images/headerWelcome.png) no-repeat ; width: 289px}
#header_about {background: url(images/headerAbout.png) no-repeat ; width: 289px}
#header_gallery {background: url(images/headerGallery.png) no-repeat ;width: 289px}
#header_floorplans {background: url(images/headerFloorplans.png) no-repeat ; width: 289px}
#header_amenities {background: url(images/headerAmenities.png) no-repeat ; width: 289px}
#header_interested {background: url(images/headerInterested.png) no-repeat ; width: 289px}
#header_neighborhood {background: url(images/headerNeighborhood.png) no-repeat ; width: 289px}

/* ----- right column -----*/

#sideBar {
	width: 292px;
	float: right;
	padding: 30px 0 50px 0;
}

#sideBar h2 {margin: 0px; padding: 0px; height: 49px; width: 292px}

#our_floorplan {
	background-image: url(images/sidebarFloorplans.png);
	height: 49px;
	width: 292px;	
}

#our_floorplan a {
	display: block; height: 100%; width: 100%;
	text-indent:-9999px;
}

#our_neighborhood {
	background-image: url(images/sidebarNeighborhood.png);
	height: 49px;
	width: 292px;
}

#our_neighborhood a {
	text-indent: -9999px;
	display: block; height: 100%; width: 100%;display: block;
}

/* ----- navigation ----- */

#navMain {
	height: 45px;
	width: 800px;
	margin: 0 auto;

}
#navMain ul {
	list-style: none;
	width: 800px;
}
#navMain li {
	display: block;
	float: left;
	height: 45px;
}

#navMain li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#navMain li.about {background:url(images/navAbout.png) no-repeat; width:166px}
#navMain li.floorplans {background:url(images/navFloorplans.gif) no-repeat; width:115px}
#navMain li.amenities {background:url(images/navAmenities.gif) no-repeat; width:105px}
#navMain li.neighborhood {background:url(images/navNeighborhood.gif) no-repeat; width:177px}
#navMain li.gallery {background:url(images/navGallery.gif) no-repeat; width:86px}
#navMain li.interested {background:url(images/navInterested.png) no-repeat; width:151px}

#navMain li.about a:hover {background:url(images/navAbout_on.png) no-repeat; width:166px}
#navMain li.floorplans a:hover {background:url(images/navFloorplans_on.gif) no-repeat; width:115px}
#navMain li.amenities a:hover {background:url(images/navAmenities_on.gif) no-repeat; width:105px}
#navMain li.neighborhood a:hover {background:url(images/navNeighborhood_on.gif) no-repeat; width:177px}
#navMain li.gallery a:hover {background:url(images/navGallery_on.gif) no-repeat; width:86px}
#navMain li.interested a:hover {background:url(images/navInterested_on.png) no-repeat; width:151px}

.picture {
	margin: 15px;
}


/* ----- footer ----- */

#footer {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/footerBKG.gif) top repeat-x;
	width: 100%;
	margin: 0 0 30px 0;
	color: #E6EDE5;
	clear:both;
}

#rcg_logo {
	background:url(images/RCGlogo.gif) no-repeat;
	height: 59px;
	width: 111px;
	margin: 0px 15px 0px 0px;
	padding: 0 20px 0 0;
	float: left;
	position: relative;
	border-right: 2px dashed #F7FCDF;
}

#rcg_logo a {
	display: block; height: 100%; width: 100%;
	text-indent: -9999px;
}

#rcg_logo a:hover {background:url(images/RCGlogo_on.gif) no-repeat;}

#designed_by  a  {
	text-decoration: none;
	color: #E6EDE5;
}

#designed_by {
	float: right;
	width: 250px;
	text-align: right;
	
	margin: 0 10px 0 100px
	}

#copyright  {
	color: #E6EDE5;
	width: 200px;
	float: right;
	text-align: left
}

#footerContent {
	font-size: 1.2em;
	width: 750px;
	margin:0px auto;
	padding-top: 23px;
}

#footerContent ul { ; float: right; height: 25px; display: inline-block}

#footerContent ul li {display: block; height: 25px; border-right: 1px solid; display: inline; padding: 0 9px}

#footerContent ul li a {color: #E6EDE5; text-decoration:none} 

#footerContent ul li.interested {border-right: none;}


/* highlights */

#main_content .floorplan img { border: 1px solid #473b0c}

#main_content .floorplan {width: 175px; float: left; margin: 15px 0 0 50px}
*html body #main_content .floorplan {margin: 15px 0 0 25px}
#main_content .floorplan p {margin: 0px; padding: 0px;}
#main_content .floorplan h4 {margin: 0px; pading: 0px}

/* gallery section */

#gallerySection {margin: 20px 0 0 50px}

#gallerySection img {background: #e39323; padding: 5px; margin: 2px; border: 2px solid #473b0c}
#gallerySection img:hover {background: #E7AC62}
#gallerySection a { color: #473b0c}


/* ie hacks */

.imgHack { margin-bottom: -5px}

/* ie 6 image replacements */

*html body #wrapper {background:#aaa896}

*html body #container {background:url(images/contentBKG.gif) repeat-y}

*html body #header_home {background: url(images/headerWelcome.gif) no-repeat ; width: 289px}
*html body #header_gallery {background: url(images/headerGallery.gif) no-repeat ;width: 289px}
*html body #header_floorplans {background: url(images/headerFloorplans.gif) no-repeat ; width: 289px}
*html body #header_amenities {background: url(images/headerAmenities.gif) no-repeat ; width: 289px}
*html body #header_interested {background: url(images/headerInterested.gif) no-repeat ; width: 289px}
*html body #header_neighborhood {background: url(images/headerNeighborhood.gif) no-repeat ; width: 289px}

*html body #our_floorplan {background-image: url(images/sidebarFloorplans.gif); }

*html body #our_neighborhood {	background-image: url(images/sidebarNeighborhood.gif); }

*html body #navMain li.about {background:url(images/navAbout.gif) no-repeat; }
*html body #navMain li.interested {background:url(images/navInterested.gif) no-repeat; }

*html body #navMain li.about a:hover {background:url(images/navAbout_on.gif) no-repeat;}
*html body #navMain li.interested a:hover {background:url(images/navInterested_on.gif) no-repeat;}