/* Georgetown Madelon CSS Main File*/
/* Created by Blue Sage Web */
/* basic elements */
html {
	width: 100%;
	background-color: #b5c9d2;
	
}
a {
	color: #cc6633;
	text-decoration: underline;
}
a:hover{
	color: #993300
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc6633;
}

/* layout elements */
#container {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 750px;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	/*important for box model hack*/
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 740px;

}

/*important for box model hack*/
html>body .container {
  width: 740px;
} 

#sidecontent {
	background-color: #993300;
	height: 534px;
	width: 115px;
	text-align: center;
}

#logo {
	position: relative;
	top: 10px;
}
#sidenav {
	position: absolute;
	top: 160px;
	left: 5px;
	color: #ffffff;
	text-align: center;
}
#pagecontent {
	float: right;
	text-align: left;
	width: 612px;
	height: 534px;
	border: 3px solid #efcfc0;
	background-color: #ffffff;
/*important for box model hack*/
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height: 528px;
}

/*important for box model hack*/
html>body .pagecontent {
  height: 528px;
} 
#pageheader {
	position: relative;
}
#maincopy {
	position: relative;
	width: 275px;
	top: 15px;
	left: 40px;
}
#rightcontent{
	position: absolute;
	top: 170px;
	left: 485px;
	width: 204px;
	color: #cc6633;
}
#rightcontentdown{
	position: absolute;
	top: 300px;
	left: 485px;
	width: 204px;
	color: #cc6633;
}
#rightimagedesc{
	position: relative;
	top: 0px;
}
#rightpalettewhite {
	width: 204px;
	height: 266px;
	z-index: 10;
	background-color: #ffffff;
}
#rightpalettepink {
	position: absolute;
	top: 10px; 
	left: 10px;
	z-index: 20;
	width: 185px;
	height: 276px;
	background-color: #efd0c0;
}
#contactrightpalettepink {
	position: absolute;
	top: 10px; 
	left: 10px;
	z-index: 20;
	width: 185px;
	height: 376px;
	background-color: #efd0c0;
}
#contactinfo {
	position: absolute;
	left: 8px;
	top: 15px;
	width: 185px;
	height: 246px;
	
}
#contactinfo .phone {
	font-size: 16px;
}
#renovationinfo {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 185px;
	height: 246px;
	line-height: 25px;
	font-size: 14px;
}
#renovationtitle {
	font-weight: bold;
	text-transform: uppercase; 
	padding-bottom: 10px;
}
#renovationlist ul {
	list-style-type: square;
}
#renovationlist {
	position: absolute;
	left: -20px;
	font-size: 12px;
}
#designerready {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 150px;
	height: 246px;
	line-height: 20px;
	font-size: 14px;
}
#professionals {
	line-height: normal;
	font-size: 11px;
}
#designerreadytitle {
	font-weight: bold;
	padding-bottom: 10px;
}
#designerreadyinfo {
	font-size: 11px;
	font-weight: normal;
}
#madelonname {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase; 
}
#madelonphone {
	font-weight: bold;
	font-size: 14px; 
}
#madelonaddress1{
	font-size: 11px;
}
#madelonaddress2{
	font-size: 11px;
}
#madelonemail {
	font-size: 11px;
}
#gallerysidenav {
	position: absolute;
	left: 5px;
	top: 10px;
}

/* navigation */
.linktext {
	display: none;
}
#sidenav a {
	width: 123px;
	height: 18px;
	left: 0px;
}

#sidenav #locationactive a{
	background: url("../images/re_location_active.gif") no-repeat 0 50%;
}
#sidenav #locationinactive a {
	background: url("../images/re_location_inactive.gif") no-repeat 0 50%;
}
#sidenav #locationinactive a:hover {
	background: url("../images/re_location_hl.gif") no-repeat 0 50%;
}
#sidenav #locationsubinactive a {	
	background: url("../images/re_location_subinactive.gif") no-repeat 0 50%;
}
#sidenav #locationsubinactive a:hover {
	background: url("../images/re_location_active.gif") no-repeat 0 50%;
}

#sidenav #mapactive a {	
	background: url("../images/re_map_active.gif") no-repeat 0 50%;
}
#sidenav #mapsubinactive a {	
	background: url("../images/re_map_subinactive.gif") no-repeat 0 50%;
}
#sidenav #mapsubinactive a:hover {
	background: url("../images/re_map_active.gif") no-repeat 0 50%;
}

#sidenav #historyactive a {	
	background: url("../images/re_history_active.gif") no-repeat 0 50%;
}
#sidenav #historysubinactive a {	
	background: url("../images/re_history_subinactive.gif") no-repeat 0 50%;
}
#sidenav #historysubinactive a:hover {
	background: url("../images/re_history_active.gif") no-repeat 0 50%;
}

#sidenav #buildingactive a {	
	background: url("../images/re_building_active.gif") no-repeat 0 50%;
}
#sidenav #buildinginactive a {	
	background: url("../images/re_building_inactive.gif") no-repeat 0 50%;
}
#sidenav #buildinginactive a:hover {
	background: url("../images/re_building_hl.gif") no-repeat 0 50%;
}
#sidenav #buildingsubinactive a {	
	background: url("../images/re_building_subinactive.gif") no-repeat 0 50%;
}
#sidenav #buildingsubinactive a:hover {
	background: url("../images/re_building_active.gif") no-repeat 0 50%;
}
#sidenav #amenitiesinactive a {	
	background: url("../images/re_amenities_inactive.gif") no-repeat 0 50%;
}
#sidenav #amenitiesinactive a:hover {	
	background: url("../images/re_amenities_hl.gif") no-repeat 0 50%;
}
#sidenav #amenitiesactive a {	
	background: url("../images/re_amenities_active.gif") no-repeat 0 50%;
}
#sidenav #amenitiessubinactive a {	
	background: url("../images/re_amenities_subinactive.gif") no-repeat 0 50%;
}
#sidenav #amenitiessubinactive a:hover {
	background: url("../images/re_amenities_active.gif") no-repeat 0 50%;
}

#sidenav #renovationsactive a {	
	background: url("../images/re_renovations_active.gif") no-repeat 0 50%;
}
#sidenav #renovationssubinactive a {	
	background: url("../images/re_renovations_subinactive.gif") no-repeat 0 50%;
}
#sidenav #renovationssubinactive a:hover {
	background: url("../images/re_renovations_active.gif") no-repeat 0 50%;
}

#sidenav #custombuildactive a {	
	background: url("../images/re_custombuild_active.gif") no-repeat 0 50%;
}
#sidenav #custombuildinactive a {	
	background: url("../images/re_custombuild_inactive.gif") no-repeat 0 50%;
}
#sidenav #custombuildinactive a:hover {
	background: url("../images/re_custombuild_hl.gif") no-repeat 0 50%;
}
#sidenav #custombuildsubinactive a {	
	background: url("../images/re_custombuild_subinactive.gif") no-repeat 0 50%;
}
#sidenav #custombuildsubinactive a:hover {
	background: url("../images/re_custombuild_active.gif") no-repeat 0 50%;
}
#sidenav #unitsactive a {	
	background: url("../images/re_units_active.gif") no-repeat 0 50%;
}
#sidenav #unitsinactive a {	
	background: url("../images/re_units_inactive.gif") no-repeat 0 50%;
}
#sidenav #unitsinactive a:hover {
	background: url("../images/re_units_hl.gif") no-repeat 0 50%;
}

#sidenav #documentsactive a {	
	background: url("../images/re_documents_active.gif") no-repeat 0 50%;
}
#sidenav #documentsinactive a {	
	background: url("../images/re_documents_inactive.gif") no-repeat 0 50%;
}
#sidenav #documentsinactive a:hover {
	background: url("../images/re_documents_hl.gif") no-repeat 0 50%;
}

#sidenav #architectsactive a {	
	background: url("../images/re_architects_active.gif") no-repeat 0 50%;
}
#sidenav #architectssubinactive a {	
	background: url("../images/re_architects_subinactive.gif") no-repeat 0 50%;
}
#sidenav #architectssubinactive a:hover {
	background: url("../images/re_architects_active.gif") no-repeat 0 50%;
}

#sidenav #floorplansactive a{
	background: url("../images/re_floorplans_active.gif") no-repeat 0 50%;
}
#sidenav #floorplansinactive a {
	background: url("../images/re_floorplans_inactive.gif") no-repeat 0 50%;
}
#sidenav #floorplansinactive a:hover {
	background: url("../images/re_floorplans_hl.gif") no-repeat 0 50%;
}

#sidenav #galleryactive a{
	background: url("../images/re_gallery_active.gif") no-repeat 0 50%;
}
#sidenav #galleryinactive a {
	background: url("../images/re_gallery_inactive.gif") no-repeat 0 50%;
}
#sidenav #galleryinactive a:hover {
	background: url("../images/re_gallery_hl.gif") no-repeat 0 50%;
}

#sidenav #salesteamactive a{
	background: url("../images/re_salesteam_active.gif") no-repeat 0 50%;
}
#sidenav #salesteaminactive a {
	background: url("../images/re_salesteam_inactive.gif") no-repeat 0 50%;
}
#sidenav #salesteaminactive a:hover {
	background: url("../images/re_salesteam_hl.gif") no-repeat 0 50%;
}

#sidenav #pricingactive a{
	background: url("../images/re_pricing_active.gif") no-repeat 0 50%;
}
#sidenav #pricinginactive a {
	background: url("../images/re_pricing_inactive.gif") no-repeat 0 50%;
}
#sidenav #pricinginactive a:hover {
	background: url("../images/re_pricing_hl.gif") no-repeat 0 50%;
}

#sidenav #contactactive a{
	height: 19px;
	background: url("../images/re_contact_active.gif") no-repeat 0 50%;
}
#sidenav #contactinactive a {
	height: 19px;
	background: url("../images/re_contact_inactive.gif") no-repeat 0 50%;
}
#sidenav #contactinactive a:hover {
	height: 19px;
	background: url("../images/re_contact_hl.gif") no-repeat 0 50%;
}
/*end navigation*/

/*other*/ 
#maincopy ul {
	list-style-type: square;
}

#amenities {
	position: absolute;
	left: -20px;
}
.title {
	font-weight: bold;
}
.teammember {
	padding-bottom: 10px;
}
#ourteam {
	position: absolute;
	left: 20px;
	top: 10px;
}
#leftcol {
	position: absolute;
	top: 50px;
	left: 0px;
}
#rightcol {
	position: absolute;
	top: 50px;
	left: 200px;
}
.photoposition {
 	font-size: 11px;
}

#realestateinfo {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 185px;
	height: 246px;
	line-height: 20px;
	font-size: 11px;
	
}
#realestateinfo .title {
	text-transform: uppercase;
	font-size: 14px;
}