@charset "UTF-8";
#cont {
	background: #4e7048 url(rm_images/metro_north/container_photo.jpg) no-repeat !important;	
} 

#region_title {
	background: url(rm_images/metro_north/region_title.png) no-repeat;
	width: 320px; /* Image Width */
	height: 70px; /* Image Height */
	top: 65px;
	right: 45px;
}

#video_gallery {
	background: url(rm_images/metro_north/video_gallery_bg.jpg) bottom no-repeat;
}

.disclaimer { color: #acbda5; }

#region_lots_for_sale .instruction { color: #acbda5; }

.title_lot {
	color: #feffff;
	background: #7da058;
}

.title_lot_indicator {
	background: url(rm_images/metro_north/accordian-arrow-closed.gif) 0 3px no-repeat;
}

span.lot_counter {
	color: #feffff;
}

.lot_information table td.lot_name {
	background: #55774a;
	color: #feffff;
}

.lot_information table td.lot_name a {
	color: #feffff;
}

.lot_information table td.lot_number {
	background: #5c7e4d;
	color: #feffff;
}

.lot_information table td.lot_price {
	background: #61834e;
	color: #feffff;
}

#region_information_top {
	background: url(rm_images/metro_north/region_information_top_bg.png) no-repeat;
}

#region_interactive {
	color: #feffff;
}

/* region_overview_estates and region_overview_map widths must add up to 560px */
#region_overview_estates {
	width: 333px;
}

#region_overview_estates ul li {
	background: url(rm_images/metro_north/estate_bullet.gif) 5px 3px no-repeat;
}

#region_overview_estates a strong {
	color: #467049;
}
	
#region_overview_map {
	background: url(rm_images/metro_north/region_overview_map.png) no-repeat;
	width: 227px; /* Image Width */	
	height: 227px; /* Image Height */	
}

/* Tacks & Over Map */

/* 
The calculation for map tack positioning is 
	Minus: -32px on the top value;

The calculation for map tag positioning is 
	Plus: 	+35px on the x axis ( left - right ) i.e. left: 0; on the map tag left: 35px;
	Minus: 	-25px on the y axis ( top - bottom ) i.e. top: 25px; on the map tag top: 0px;
	
If the tag is too large and there is overflow off the container, change the map over class
in the tag file from:
		map_tag_over_container
	to
		map_tag_over_container_reverse
Then (in 99% of cases try):
	Minus: 	-35px or -15px
Be sure to test!
*/
#belvedere_hills_map_thumbtack {
	left: 74px;
	top: 54px;
}
#belvedere_hills_map_tag {
	left: 105px;
	top: 37px;
}


#region_overview_estates ul li.brightonbeachside { 
	position: relative;
	margin-right: -15px;
	width: 165px;
}

#brighton_beachside_map_thumbtack {
	left: 44px;
	top: 15px;
}
#brighton_beachside_map_tag {
	left: -87px;
	top: -2px;
}


#beaumaris_beach_map_thumbtack {
	left: 50px;
	top: 26px;
}
#beaumaris_beach_map_tag {
	left: 69px;
	top: 22px;
}

#brighton_estate_map_thumbtack {
	left: 60px;
	top: 15px;
}
#brighton_estate_map_tag {
	left: 89px;
	top: -2px;
}


#erindale_grove_map_thumbtack {
	left: 90px;
	top: 95px;
}
#erindale_grove_map_tag {
	left: -22px;
	top: 78px;
}


#the_grove_map_thumbtack {
	left: 64px;
	top: 45px;
}
#the_grove_map_tag {
	left: 95px;
	top: 27px;
}


#lake_karrinyup_map_thumbtack {
	left: 75px;
	top: 95px;
}
#lake_karrinyup_map_tag {
	left: -37px;
	top: 78px;
}


#marmion_cove_map_thumbtack {
	left: 39px;
	top: 75px;
}
#marmion_cove_map_tag {
	left: 70px;
	top: 57px;
}


#new_north_map_thumbtack {
	left: 75px;
	top: 80px;
}
#new_north_map_tag {
	left: -37px;
	top: 63px;
}


#princeton_map_thumbtack {
	left: 60px;
	top: 95px;
}
#princeton_map_tag {
	left: 89px;
	top: 78px;
}