/* CSS Document */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(backgrounds/body.jpg) top left repeat-x #FFFFFF;
	margin:0;
	padding:0;
}

body * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}

.access-item, hr {
	display:none;
}

/* ------------------------------------------------------------------- wrap */

#wrap {
	width:749px;
	text-align:left;
	margin:0 auto;
}

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

#navigation {
	width:100%;
	float:left;
	height:150px;
	position:relative;
}

	#navigation #logo {
		display:block;
		margin-top:10px;
	}

	#navigation #language {
		position:absolute;
		top:0;
		right:0;
		background:#CFE9F9;
		border-top:3px solid #fff;
		padding-bottom:5px;
	}
	
		#navigation #language ul {
			font-size:1.2em;
			padding:10px 10px 0 10px;
		}
		
		#navigation #language ul li {
			float:left;
			padding-right:20px;
			padding-left:5px;
		}
		
		#navigation #language ul li#fr {
			background:url(backgrounds/flag.fr.png) center right no-repeat;
		}
		
		#navigation #language ul li#en {
			background:url(backgrounds/flag.en.png) center right no-repeat;
		}
		
		#navigation #language ul a {
			color:#666666;
		}
		
		#navigation #language ul a:hover {
			background:#3366CC;
			color:#fff;
		}
		
	#navigation #main-nav {
		display:block;
		position:absolute;
		bottom:0;
		right:0;
	}
	
		#navigation #main-nav li {
			float:left;
			padding-left:5px;
		}
		
		#navigation #main-nav li a {
			display:block;
			width:100px;
			height:40px;
			background:url(backgrounds/main-nav.png) top left no-repeat;
			color:#fff;
			font-size:1.4em;
			text-align:center;
			line-height:40px;
		}
		
		/* using body id and id's for each of the nav we can set a per-page active state */
		
		#navigation #main-nav li a:hover,
		#homepage #navigation #main-nav li#nav-homepage a,
		#properties #navigation #main-nav li#nav-properties a,
		#locality #navigation #main-nav li#nav-locality a,
		#about #navigation #main-nav li#nav-about a,
		#sell #navigation #main-nav li#nav-sell a,
		#contact #navigation #main-nav li#nav-contact a {
			background-position:bottom;
		}
		
/* ------------------------------------------------------------------- sub-navigation */

#sub-navigation {
	width:100%;
	float:left;
	position:relative;
}

	#sub-navigation ul {
		float:right;
	}
	
	#sub-navigation ul li {
		float:left;
		margin-left:5px;
		margin-top:5px;
	}
	
	#sub-navigation ul li a {
		font-size:1.2em;
		color:#FFFFFF;
		width:100px;
		height:21px;
		display:block;
		text-align:center;
		line-height:1.8em;
		
	}
	
	#sub-navigation ul li a:hover,
	#sub-navigation ul li a.active {
		background:#fff;
		color:#000;
	}
		
/* ------------------------------------------------------------------- content */

#content {
	float:left;
	width:509px;
	margin:40px 20px 0 0;
}

	#content h1 {
		font-size:3.8em;
		font-weight:normal;
		color:#666666;
		margin-bottom:0.5em;
	}
	
	#content h2 {
		font-size:1.6em;
		font-weight:normal;
		line-height:1.5em;
		margin-bottom:0.5em;
	}
	
	#content h2 span {
		color:#999999;
	}
	
	#content a#readmore {
		font-size:1.2em;
		margin-bottom:1em;
		color:#3366CC;
		border-bottom:1px solid #ccc;
	}
	
	#content a#readmore:hover {
		background:#3366CC;
		color:#fff;
	}
	
	#content p {
		font-size:1.2em;
		line-height:1.5em;
		margin-bottom:1em;
	}
	
	#content p#summary {
		font-size:1.4em;
		line-height:1.5em;
		margin-bottom:1em;
		color:#3366CC;
	}
	
	#content ul, ol {
		margin-bottom:1em;
	}
	
	#content ul li {
		list-style:disc;
		margin-left:20px;
		font-size:1.2em;
	}
	
	#content ol li {
		list-style:decimal;
		margin-left:20px;
		font-size:1.2em;
	}
	
	#content ol li ol li,
	#content ul li ul li {
		font-size:1.0em;
	}
	
		#content p a,
		#content ul a,
		#content ol a {
			color:#3366CC;
			border-bottom:1px solid #ccc;
		}
		
		#content h2 a {
			color:#3366CC;
		}
		
		#content h2 a:hover,
		#content p a:hover,
		#content ul a:hover,
		#content ol a:hover {
			background:#3366CC;
			color:#fff;
		}
		
	#content p.breadcrumb a {
		color:#3366CC;
		border-bottom:1px solid #ccc;
	}
	
	#content p.breadcrumb a:hover {
		background:#3366CC;
		color:#fff;
	}
	
	#content #homepage-photo {
		float:left;
		vertical-align:middle;
		display:block;
		padding:0 10px 10px 0;
	}
	
	#content #locality-photo {
		float:left;
		vertical-align:middle;
		display:block;
		margin:0 10px 10px 0;
		border:3px solid #D0DDEF;
	}
	
	#content #locality-more-photo {
		width:100%;
		float:left;
	}
	
		#content #locality-more-photo a img {
			border:2px solid #D0DDEF;
			float:left;
			margin:0 5px;
		}
		
		#content #locality-more-photo h3 {
			font-size:1.6em;
			font-weight:normal;
			color:#999999;
			margin-bottom:1em;
		}
	
	#content .content-breakout-box {
		width:120px;
		float:left;
		margin-right:5px;
	}
	
		#content .content-breakout-box h3 {
			background:url(backgrounds/breakout-box-title.png) top left repeat-x;
			font-size:1.2em;
			color:#FFFFFF;
			padding:5px;
			font-weight:normal;
		}
		
		#content .content-breakout-box p {
			background:url(backgrounds/breakout-box-p.png) top left repeat-x;
			height:100px;
			padding:5px;
			font-size:1.2em;
		}
		
		#content .content-breakout-box p a {
			color:#333333;
			display:block;
			width:110px;
			height:90px;
			border:none;
		}
		
		#content .content-breakout-box p a:hover {
			text-decoration:underline;
			background:none;
		}
		
	#content .property-thumb {
		border:1px solid #ccc;
		padding-top:5px;
		float:left;
		margin:0 5px 5px 0;
		width:160px;
		text-align:center;
		height:300px;
		position:relative;
		background:url(backgrounds/property-thumb.png) bottom left repeat-x;
	}
	
		.soldBox{
			width:44px;
			height:44px;
			position:absolute;
			top:0px; left:0px;
		}
		
		.soldBoxMain{
			width:44px;
			height:44px;
			position:absolute;
			top:15px; left:15px;
		}
	
	#content .property-thumb img {
		margin-bottom:5px;
		border:none;
	}
	
		#content .property-thumb p a {
			color:#3366CC;
			border-bottom:1px solid #ccc;
		}
		
		#content .property-thumb p a:hover {
			background:#3366CC;
			color:#fff;
		}
		
	/* pages */
	
	.info_result {
	padding:0 5px;
	}
	
	#content .properties-pages {
		float:left;
		clear:both;
		width:100%;
		text-align:center;
	}
	
		#content .properties-pages a {
			font-size:1.2em;
			padding:3px;
			margin-right:5px;
			color:#3366CC;
			border-bottom:1px solid #ccc;
		}
		
		#content .properties-pages a:hover,
		#content .properties-pages a.active {
			background:#3366CC;
			color:#fff;
		}
	
	#content #properties-photos {
		background:#F7F7F7;
		padding:5px;
		margin-bottom:10px;
		float:left;
		width:100%;
		position:relative;
	}
	
		#content #properties-photos #main-pic {
			border:3px solid #D0DDEF;
			display:block;
			float:left;
			margin-right:10px;
		}
		
		#content #properties-photos .other-pic {
			border:3px solid #D0DDEF;
			margin:0 5px 5px 0;
		}
		
	#content #property-detail h3 {
		font-size:1.4em;
		color:#999999;
		margin-bottom:0.5em;
		font-weight:normal;
	}
	
	/* c_ (contact) classes */
	
	.c_email {
		padding-left:25px;
		background:url(icons/email.png) center left no-repeat;
	}
	
	.c_tel {
		padding-left:25px;
		background:url(icons/telephone.png) center left no-repeat;
	}
	
	.c_address {
		padding-left:25px;
		background:url(icons/house.png) top left no-repeat;
	}
	
	.c_map {
		padding-left:25px;
		background:url(icons/google.png) center left no-repeat;
	}
	
		
/* ------------------------------------------------------------------- extended */

#extended {
	width:200px;
	float:right;
	margin-top:40px;
}

	#extended a.latest-properties {
		width:200px;
		margin-bottom:20px;
		display:block;
		background:url(../images/allProperties.button.jpg) top left no-repeat;
		float:left;
		height:91px;
	}
	#extended a.latest-properties:hover {background-position:bottom left;
	}


	#extended .extended-breakout-box {
		width:200px;
		margin-bottom:20px;
		background:url(backgrounds/breakout-box-p-long.png) top left repeat-x;
		float:left;
	}
	
	#extended .extended-breakout-box h3 {
		background:url(backgrounds/breakout-box-title.png) top left repeat-x;
		padding:5px;
		font-weight:normal;
		font-size:1.4em;
		color:#FFFFFF;
	}
	
		#extended .extended-breakout-box-content {
			padding:5px;
		}
	
	#extended .extended-breakout-box ul li {
		font-size:1.2em;
		color:#000;
		margin-bottom:0.5em;
		margin-left:15px;
		list-style:disc;
	}
		
	#extended .extended-breakout-box form fieldset {
		display:none;
	}
	
	#extended .extended-breakout-box h4 {
		font-size:1.6em;
		margin:0.5em 0;
		clear:left;
	}
	
		#extended .extended-breakout-box h4 a {
			color:#3366CC;
		}
		
		#extended .extended-breakout-box h4 a:hover {
			background:#3366CC;
			color:#fff;
		}	
		
	#extended #properties-box img {
		border:4px solid #fff;
		float:left;
		margin:0 5px 10px 0;
	}
	
	#extended .extended-breakout-box p {
		font-size:1.2em;
		margin-bottom:10px;
	}
	
	#extended .extended-breakout-box p a,
	#extended .extended-breakout-box ul li a {
		color:#3366CC;
		border-bottom:1px solid #ccc;
	}
	
	#extended .extended-breakout-box p a:hover,
	#extended .extended-breakout-box ul li a:hover {
		background:#3366CC;
		color:#fff;
	}
	
	#extended #features-box ul li {
		list-style:none;
		font-size:1.6em;
		color:#3366CC;
		margin-left:5px;
		padding-left:20px;
		background:url(backgrounds/bullet_tick.png) center left no-repeat
	}
	
/* ------------------------------------------------------------------- footer */	

#footer {
	clear:both;
	width:100%;
	margin-top:20px;
	float:left;
	background:url(backgrounds/footer.png) top left repeat-x;
	min-height:80px;
	height:80px;
	border-top:2px solid #3366CC;
}

	#footer #footer-content {
		width:749px;
		text-align:left;
		margin:5px auto;
		position:relative;
	}
	
	#footer #footer-content p {
		color:#333333;
		font-size:1.2em;
	}
	
	#footer #footer-content p a {
		text-decoration:underline;
		color:#333333;
	}
	
	#footer #footer-content p a:hover {
		background:#3366CC;
		color:#fff;
	}
	
	#footer #footer-content p#footer-links {
		display:block;
		position:absolute;
		top:0;
		right:0;
	}
	
/* ------------------------------------------------------------------- email-signup */

#email-signup {
	width:250px;
	text-align:left;
	padding:10px;
	margin:20px auto 0 auto;
	border:1px solid #ccc;
	background:#fff;
}

#email-signup form input {
	margin-bottom:10px;
}