﻿body
{
	margin: 0;
	padding: 0;
	background-color: #DDDEDD;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 10pt;
	color: #333333;
}

/* Standard CSS */

h1
{
	font-family: Times New Roman, Times, Serif;
	color: #831846;
	font-size: 20pt;
	font-weight: normal;
	margin: 10px 0px;
}

h2
{
	font-family: Times New Roman, Times, Serif;
	color: #831846;
	font-size: 16pt;
	font-weight: normal;
	margin: 10px 0px;
}

img
{
	border-style: none;
}

a
{
	color: #831846;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

img#bodyBG
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

img#leftBodyBG
{
	position: absolute;
    top: 30px;
    left: 0;
    z-index: -1;
}

#container
{
	position: relative;
	width: 1027px;
	margin: 0px auto 10px auto;
}

	#container .top
	{
		height: 17px;
		background: url('/images/container-top.png') no-repeat;
	}

	#container .mid
	{
		background: url("/images/container-mid.png") repeat-y;
		padding: 0px 20px;
	}

	#container .bot
	{
		height: 17px;
		background: url("/images/container-bot.png") no-repeat;
	}

#headerBG
{
	height: 259px;
	background: url("/images/header-bg.png") repeat-x;
	width: 100%;
	margin-top: 20px;
}

#header
{
	height: 259px;
	width: 1027px;
	background: url("/images/header.png") no-repeat;
	margin: 0 auto;
}

#langBar
{
	text-align: right;
	padding: 25px 20px 10px 0px;
}
	#langBar a
	{
		margin-right: 10px;
	}
	
#logo
{
	width: 320px;
	padding: 17px 0px 0px 30px;
	float: left;
}

#featured
{
	padding: 0px 23px 0px 5px;
	float: left;
}

	.featuredBox
	{
		float: left;
		width: 202px;
		height: 166px;
		margin-right:19px;
		
	}
	.featuredBox.last
	{
		margin-right: 0px !important;
	}
	.featuredBox img
	{
		margin: 9px 0px 0px 8px;
		width: 189px;
		height: 141px;
	}
	.featuredBox .caption
	{
		background-color: Transparent;
		background-image: url(/images/captionBG.png);
		background-repeat: repeat;
		height: 28px;
		font-size: 16pt;
		font-family: Times New Roman, Times, Palatino Linotype, Serif;
		color: #FFFFFF;
		margin: -33px 5px 0px 8px;
		position: relative;
		padding: 3px 0px 0px 0px;
		text-align: center;
	}
	.featuredBox .caption a
	{
		text-decoration: none;
	}

#topNav
{
	text-align: center;
	margin-top: 40px;
}
	#topNav a
	{
		font-family: Times New Roman, Times, Sans-Serif;
		font-size: 14pt;
		text-decoration: none;
		color: #831846;
		font-weight: normal;
	}
	#topNav a:hover
	{
		text-decoration: underline;
	}
	
#leftContainer
{
	width: 320px;
	float: left;
}

#rightContainer
{
	width: 650px;
	float: right;
}
#rightContainer p
{
	font-size: 11.5pt;
}

#propMainSelect
{
	background-color: #F3F3F3;
	border: solid 1px #831846;
	margin: 5px 5px -1px 5px;
	/*width: 147px;*/
	font-family: Times New Roman, Times, Sans-Serif;
	font-size: 14pt;
	color: #831846;
	-moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

#searchBox
{
	background-color: #F3F3F3;
	border: solid 1px #831846;
	margin: 0px 5px 5px 5px;
	font-family: Times New Roman, Times, Sans-Serif;
	font-size: 14pt;
	color: #831846;
	font-weight: normal;
	padding: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	#searchBox label
	{
		display: block;
		width: 110px;
		float: left;
		margin: 0px 10px 15px 20px;
		text-align: right;
	}
	#searchBox select
	{
		background-color: #EEEEEE;
		border: solid 1px #999999;
		color: #831846;
	}
	#searchBox input[type=text]
	{
		background-color: #EEEEEE;
		border: solid 1px #999999;
		width: 112px;
		color: #831846;
	}
	#searchBox input[type=text].currency
	{
		text-align:right;
	}
	#searchBox input[type=text]:focus, #searchBox select:focus
	{
		background-color: #FFFFFF;
	}

#navBox
{
	background-color: #F3F3F3;
	border: solid 1px #831846;
	margin: 5px;
	font-family: Times New Roman, Times, Sans-Serif;
	font-size: 14pt;
	color: #831846;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	#navBox h1, #propMainSelect h1
	{
		margin: 0px;
		padding: 0px;
		background-color: #831846;
		padding-top: 5px;
		height: 25px;
		text-align: center;
		color: #FFF;
		font-size: 14pt;
		-moz-border-top-radius: 3px;
		border-top-radius: 3px;
	}
	#navBox .inner
	{
		padding: 10px;
	}
	#navBox a
	{
		font-family: Times New Roman, Times, Sans-Serif;
		font-size: 14pt;
		text-decoration: none;
		color: #831846;
		background-image: url(/images/a-inactive.gif);
		background-repeat: no-repeat;
		background-position: 5 0;
		padding-left: 40px;
	}
	#navBox a:hover
	{
		background-image: url(/images/a-active.gif);
		background-repeat: no-repeat;
		text-decoration: underline;
	}
	
#propertyBoxContainer
{
	padding: 5px;
}
	
.propertyBox
{
	float: left;
	width: 150px;
	text-align: left;
	background-color: #831846;
	color: #FFF;
	margin-bottom: 10px;
	font-family: Times New Roman, Times, Serif;
	font-size: 12pt;

}
.propertyBox:hover
{
	/* add css here for hover once images have been fixed */
}
	.propertyBox a
	{
		color: #FFF;
		text-decoration: none;
	}
	.propertyBox p
	{
		padding-left: 5px;
		line-height: 0em;
	}
/*homepage slideshow */
#homeSlideShow
{
	width: 655px;
	height: 350px;
	background-image: url(/images/slideshow-bg.png);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 11px;
}
	#homeSlideShow img
	{

	}

/** Property Details **/

#topButtons a
{
	font-family: Times New Roman, Times, Serif;
	font-size: 12pt;
	text-decoration: none;
}

#details
{
	float: right;
	width: 276px;
	color: #FFF;
	font-family: Times New Roman, Times, Serif;
	font-size: 11pt;
}
	
	.detailsName
	{
		float: left;
		width: 125px;
		height: 22px;
		padding: 5px 0px 0px 20px;
		background-color: #831844;
		margin-bottom: 3px;
	}
	
	.detailsValue
	{
		float: left;
		width: 103px;
		height: 22px;
		padding: 5px 0px 0px 20px;
		text-align: left;
		background-color: #A21E56;
		margin-bottom: 3px;
	}
	
#enquiryButton
{
	width: 268px;
	height: 27px;
	background-image: url(/images/enquiry-button.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	text-align: center;
}
	#enquiryButton a
{
	color: #FFF;
	text-decoration: none;
}
	
#mainPhoto
{
	width: 368px;
	float: left;
}

#mainPhoto img
{
	width: 368px;
	border: solid 1px #864156;
}

#photoGallery
{
}

.photo, .plan
{
	width: 125px;
	height: 93px;
	float: left;
	margin: 0px 2px 2px 0px;
	border: solid 1px #864156;
	overflow: hidden;
}

.photo img, .plan img
{
	width: 125px;
	margin-bottom: -6px;
}

	.photo .caption, .plan .caption
	{
		height: 40px;
		padding: 2px 0px 0px 5px;
		background-color: White;
		text-align: center;
	}
	
#enquiryForm
{
	border: solid 1px #864156;
	background-color: #B72262;
	color: #FFF;
	margin-bottom: 10px;
}
	#enquiryForm h2
	{
		background-color: #831844;
		padding: 5px;
		margin: 0;
		color: #FFF;
		font-size: 12pt;
	}
	#enquiryForm .inner
	{
		padding: 10px;
	}

/** End of Property Details **/


/* footer */

#footer
{
	background-color: Transparent;
	background-image: url(/images/footerBG.png);
	color: #741732;
	padding: 7px 7px 7px 7px;
	border: solid 1px #CFCFCF;
	font-family: Times New Roman, Times, Times Roman, Serif, Palatino Linotype; 
}
    
        #footerBarLeft
        {
	        margin-left: 15px;
	        width: 330px;
	        float: left;
        }


        #footerBarLeft, #footerBarCenter, #footerBarRight
        {
	        font-size: 10pt !important;
	        text-align: left;
        }

        #footerBarRight h2, #footerBarCenter h2, #footerBarLeft h2
        {
	        padding: 0px;
	        margin: 0px;
	        font-size: 10pt;
        }

        #footerBarCenter
        {
	        width: 240px;
	        float: left;
        }
        #footerBarRight
        {
	        width: 380px;
	        float: right;
        	
        }
/*end footer css */

/** Search Results **/


.summary
{
	margin: 5px 0px 8px 0px;
	padding: 0px 3px 3px 3px;
	border: solid 1px #864156;
	background-color: #F3F3F3;
}

.searchResultsImg
{
	width: 120px;
	border: solid 1px #DDDDDD;
	background-color: #FFFFFF;
	margin-right: 1px;
	padding: 2px;
}
.searchResultsImg:hover
{
	background-color: #864156;
	border: solid 1px #864156;
}

.summaryHeadings
{
	padding: 3px 0px 3px 0px;
	font-family: Times New Roman, Times, Palatino Linotype, Serif;
	font-size: 12pt;
}
	.summaryHeading
	{
		background-color: #831846;
		color: #FFFFFF;
		padding: 5px 0px 5px 5px;
		width: 123px;
		float: left;
		margin-right: 2px;
	}
	.summaryHeading.last
	{
		width: 114px;
	}

	.summaryText
	{
		float: right;
		width: 375px;
	}
	
.summaryHeading a
{
	color: #FFFFFF;
}

.resultsTitle
{
	width: 400px;
	float: left;
}

.propertyResultsListingHeader
{
	font-size: 12pt;
	font-weight: bold;
}

.resultsPrice
{
	float: right;
	width: 130px;
	text-align: right;
}

#searchResults
{
	padding: 5px 5px 5px 15px;
	border: solid 1px #B5CEE3;
	margin-top: 5px;
	margin-bottom: 10px;
}

.pages
{
	padding-bottom: 1px;
	margin-bottom: 7px;
}

.page
{
	padding: 0px 4px 0px 4px;
	margin: 0px 3px 0px 3px;
	border: solid 1px #DDDDDD;
	background-color: #FFFFFF;
}

.selected, .previous, .next
{

	padding: 0px 4px 0px 4px;
	font-weight: bold;
	background-color: #FFFFFF;
	border: solid 1px #DDDDDD;
}

.selected
{
	text-decoration: none;
	border: solid 1px #95657B;
}

.disabled
{
	display: none;
}

.spacing
{
	line-height: 2em;
}

/** end of Search results **/

/** Content category and article */
.articleRepeater
{
}
.articleRepeater .article
{
	width: 290px;
	float: left;
	margin-right: 14px;
}
.articleRepeater .article img.articleThumb
{
	width: 280px;
	padding: 3px;
	border: solid 1px #DDD;
	background-color: #FFF;
}
.articleRepeater .article .details
{
	padding: 5px;
	border: solid 1px #DDD;
	margin-right: 3px;
	background-color: #FFF;
	min-height: 105px;
}
.articleRepeater .article .details h3
{
	background-color: #831844;
	padding: 5px;
	margin: 0px 0px 3px 0px;
	color: #FFF;
	font-size: 12pt;
	font-family: Times New Roman, Times, Palatino Linotype, Serif;
}
.articleRepeater .article .details .description
{
	min-height: 63px;
	margin-bottom: 12px;
}


