@media screen
{
	/* ------------------------------------------------------- */
	/* ------------------- HTML TAG STYLES ------------------- */
	/* ------------------------------------------------------- */

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

	body
	{
		margin: 0px 0px 25px 0px;
		padding: 0px;
		background-color: #000000;
	}

	body, td, p, div, span, a
	{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 11px;
		color: #FFFFFF;
	}

	img
	{
		border-width: 0px;
	}

	a
	{
		color: #D8A64F;
		text-decoration: none;
	}

	a:hover
	{
		text-decoration: underline;
	}


	/* ------------------------------------------------------- */
	/* -------------- TEMPLATE / LAYOUT STYLES --------------- */
	/* ------------------------------------------------------- */

	div#PageContainer
	{
		margin: 0px auto;
		width: 1000px;
		border-left: solid 1px #000000;
		border-right: solid 1px #000000;
		border-bottom: solid 1px #000000;
		background-color: #361412;
	}

	div#ContentArea
	{
		/*background: url(/images/background_parchment.jpg) no-repeat center top;*/
		padding: 25px 25px 25px 25px;
		width: 950px;
		text-align: left;
	}

	div.SectionDivide
	{
		clear: both;
		height: 20px;
		padding: 1px;
		border: solid 0px white;
	}

	p.PageTitle
	{
		margin-top: 0px;
		margin-bottom: 5px;
	}

	p.SubTitle
	{
		margin: 5px 0px 0px 10px;
		padding: 0px;

		border: solid 0px black;
	}

	.Invisible
	{
		display: none;
	}

	div.Clear
	{
		clear: both;
		height: 2px;

		border: solid 0px black;
	}

	/* ------------------------------------------------------- */
	/* ----------------------- DIVIDERS ---------------------- */
	/* _______________________________________________________ */

	div.Divider
	{
	}

	div.Divider.Top
	{
		height: 26px;
		background: url(images/bg_top_divider.jpg) repeat-x;
	}

	div.Divider.Middle
	{
		height: 19px;
		background: url(images/bg_divider_bottom.jpg) repeat-x;
	}

	div.Divider.Bottom
	{
		height: 19px;
		margin-bottom: 100px;
		background: url(images/bg_divider_bottom.jpg) repeat-x;
	}

	div.Divider.Section.Dash
	{
		height: 1px;
		margin: 0px 0px 5px 0px;
		border-bottom: dashed 1px #D8A64F;
	}

	div.Divider.Section.Dotted
	{
		height: 1px;
		border-bottom: dotted 1px #D8A64F;
	}

	div.Divider.ShadowDash
	{
		width: 100%;
		height: 20px;
		background: url(images/title_dashed-line.png) repeat-x;
		margin-bottom: 5px;
		border: solid 0px blue;
	}

	/* ------------------------------------------------------- */
	/* ------------------------ HEADER ----------------------- */
	/* ------------------------------------------------------- */

	div#Header
	{
		background-color: #361412;
		background: url(images/site-header.jpg) no-repeat;
		width: 1000px;
		height: 123px;
		text-align: left;
	}

	/* ------------------------------------------------------- */
	/* ---------------------- NAVIGATION --------------------- */
	/* ------------------------------------------------------- */

	div#Navigation
	{
		text-align: left;
		background: url(images/menu_bgtile.jpg) repeat-x;
		background-color: #361412;
		height: 32px;
	}

	div#Navigation ul
	{
		float: left;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		width: 780px;
		border: solid 0px yellow;
	}

	div#Navigation li
	{
		display: inline;
	}

	div#Navigation div
	{
		display: inline;
		float: left;
		border-right: solid 1px #333333;
		margin-top: 4px;
		height: 22px;
	}

	div#Navigation a
	{
		float: left;
		background-image: url(images/navigation-item.gif);
		background-repeat: no-repeat;
		background-position: -300px 0px;
		width: 150px;
		height: 31px;
		padding-top: 9px;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
		color: #000000;
	}

	div#Navigation a:hover
	{
		background-position: -150px 0px;
		text-decoration: none;
	}

	div#Navigation a.Solid
	{
		float: left;
		background-image: url(images/navigation-item.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width: 150px;
		height: 31px;
		padding-top: 0.6em;
		font-size: 12px;
		text-align: center;
		text-decoration: none;
		color: #FFFFFF;
	}

	div#Navigation a.Solid:hover
	{
		text-decoration: none;
	}
	
	div#Navigation div#CallUs
	{
		float: right;
		width: 200px;
		padding: 0px 10px 0px 0px;
		margin: 0px;
		height: 32px;
		border: solid 0px blue;
	}

	/* ------------------------------------------------------- */
	/* ----------------------- FOOTER ------------------------ */
	/* ------------------------------------------------------- */
	
	div#Footer
	{
		margin: 10px auto 0px auto;
		width: 1000px;
	}

	div#Footer div#SiteMap
	{
		width: 100%;
		text-align: center;
	}

	div#Footer div#SiteMap ul
	{
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		display: inline;
	}

	div#Footer div#SiteMap li
	{
		display: inline;
		padding-left: 5px;
		padding-right: 5px;
		border-right: solid 1px #FFFFFF;
	}

	div#Footer div#SiteMap a
	{
		font-size: 8pt;
		color: #FFFFFF;
		text-decoration: none;
	}

	div#Footer div#SiteMap a:hover
	{
		text-decoration: underline;
	}

	div#Footer div#CompanyInformation
	{
		margin-top: 20px;
		font-size: 10pt;
	}
	
	div#Footer div#CompanyInformation p
	{
		text-align: center;
	}


	/* ------------------------------------------------------- */
	/* ---------------------- HOMEPAGE ----------------------- */
	/* ------------------------------------------------------- */

	div#Homepage
	{
	}

	div#Homepage div#Welcome
	{
		margin-left: 0px;
		float: left;
		background: url(images/homepage/bg_welcome.jpg) no-repeat left top;
		width: 650px;
		height: 180px;
		border: solid 1px #000000;
	}

	div#Homepage div#Welcome p
	{
		margin-left: 35px;
		margin-right: 35px;
		margin-top: 45px;
		font-size: 13px;
		padding-left: 3px;
		border: solid 0px black;
	}

	/* ------------------------------------------------------- */

	div#Homepage div#EmailNotifications
	{
		margin-right: 0px;
		/*margin-left: 675px;*/
		float: right;
		background: url(images/homepage/bg_email-notifications.jpg) no-repeat left top;
		width: 270px;
		height: 180px;
		border: solid 1px #000000;
	}

	/* ------------------------------------------------------- */

	div#Homepage div#PropertySearch
	{
		background-image: url(images/homepage/bg_property-search.jpg);
		background-repeat: no-repeat;
		background-position: center center;

		height: 400px;
		padding: 1px;
		border: solid 1px black;
	}
	
	div#Homepage div#PropertySearch p
	{
		margin: 50px 35px 0px 35px;
		padding-left: 3px;
		font-size: 13px;
		border: solid 0px black;
	}

	div#Homepage div#PropertySearch div#StateList
	{
		float: left;
		width: 300px;
		border: solid 0px white;
	}

	div#Homepage div#PropertySearch div#StateList ul
	{
		list-style-type: none;
	}

	div#Homepage div#PropertySearch div#StateList li
	{
	}

	div#Homepage div#PropertySearch div#StateList li a
	{
		font-size: 15px;
		color: #FFFFFF;
		text-decoration: none;
	}

	div#Homepage div#PropertySearch div#StateList li a:hover
	{
		text-decoration: underline;
	}


	/* ------------------------------------------------------- */
	/* -> INNER COLUMNS -> COLUMN 2 (MAP) */
	/* ------------------------------------------------------- */

	#Map, #MapArea, #MapAreaImage, #MapBackground, #MapHighlightImgHost, #MapHighlightImg
	{
		z-index: 0;
		top: 0px;
		left: 0px;
		width: 375px;
		height: 360px;
		overflow: hidden;
		position: relative;
		border: solid 0px yellow;
	}

	#Map
	{
		top: -30px;
		left: 100px;
	}

	#MapArea
	{
		z-index: 10;
	}
	
	#MapAreaImage
	{
		/*width: 875px;*/
		/*792x360*/
		/*375x360*/
		width: 792px;
		height: 360px;
	}

	#MapBackground, #MapHighlightImg
	{
		background-image: url('images/homepage/map_bg.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homepage/map_bg.png', sizingMethod='crop');
	}

	#MapBackground
	{
		margin-top: -360px;
	}

	#MapHighlightImgHost
	{
		margin-top: -360px;
		left: 174px;
		top: 231px;
		width: 200px;
		height: 165px;
		border: solid 0px black;

		display: none;
	}

	#MapHighlightImg
	{
		width: 792px;
		left: -427px;
		top: -6px;
	}


	/* ------------------------------------------------------- */
	/* COLUMN 1 : FEATURED PROPERTIES */
	/* ------------------------------------------------------- */

	div#Homepage #FeaturedPropertyListings
	{
		margin-top: 20px;
	}

	div#Homepage #FeaturedPropertyListings div.PropertyListing
	{
		width: 205px;
		margin: 10px 15px;
		overflow: hidden;
		text-align: left;
		float: left;
		border: solid 0px yellow;
	}

	div#Homepage #FeaturedPropertyListings strong.Title a
	{
		color: #D8A64F;
		font-weight: bold;
	}

	div#Homepage #FeaturedPropertyListings strong.Title a:hover
	{
	}

	div#Homepage #FeaturedPropertyListings p.Comments
	{
		height: 125px;
		overflow: hidden;
		margin-top: 5px;
		color: #FFFFFF;
	}
	
	div#Homepage #FeaturedPropertyListings div.ReadMore
	{
		text-align: right;
	}

	div#Homepage #FeaturedPropertyListings a.ReadMore
	{
		color: #D8A64F;
	}

	div#Homepage #FeaturedPropertyListings a.ReadMore:hover
	{
	}
	
	/* ------------------------------------------------------- */


	/* ------------------------------------------------------- */
	/* ---------------- EMAIL NOTIFICATIONS ------------------ */
	/* ------------------------------------------------------- */

	div#EmailNotifications p.Intro
	{
		text-align:center;
		margin: 10px 0px 15px 0px;
		color: #000000;
		padding: 0px 5px;
	}

	div#EmailNotifications div.Field
	{
		padding: 1px 0px;
	}

	div#EmailNotifications div.Label
	{
		float:left;
		width: 90px;
		text-align: right;
		padding-top: 0.2em;
		border: solid 0px black;
	}

	div#EmailNotifications div.Label span
	{
		color: #000000;
		font-size: 12px;
	}

	div#EmailNotifications div.Control
	{
		margin-left: 100px;
		text-align: left;
	}

	div#EmailNotifications div.Button
	{
		margin-top: 3px;
		padding-top: 4px;
		text-align: center;
	}

	/********************************************
	link button
	********************************************/

	div#EmailNotifications a
	{
		margin: 0px auto;
		display: block;
		width: 68px;
		height: 28px;
		background: url(images/button.png) no-repeat;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-top: 5px;
		color: #FFFFFF;
	}

	div#EmailNotifications a:hover
	{
		background-position: -67px 0px;
		text-decoration: none;
		color: #000000;
	}

}