/*
	Davis Meade
	http://www.davis-meade.co.uk/
	
	Systemagic
	http://www.systemagic.co.uk/
	
	CSS Reference
		1. Tags
		2. Container and Positioning
		3. Header & Interest List
		4. Footer
		5. Search
		6. Listings/Results
		7. Property Details

*/

/******# 1. Tags #******/

* {
	border: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	text-decoration: none;
	font-style: normal;
	
}

:focus {
	outline: 0;
}

a {
	color: #ff3c8a;
}

a:hover {
	color: #d90057;
}

address {
	color: #979696;
	font-size: 12px;
	float: left;
	padding-right: 20px;
}

body {
	background: url(images/background.png) repeat-x #121212;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	cursor: default;
	padding: 30px 0px;
}

.wanted {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;


}

ul, ol, dl {
	list-style: none;
}

/* End of 1. Tags */

/******# 2. Container & Positioning #******/

body > div {
	margin: 0 auto;
	width: 940px;
}

.content {
	margin: 20px 0px;
}

.content > .title {
color: #F09;
font-size: 18px;
line-height: 34px;
}

.bodytext > h1 {
	color: #ff3c8a;
	font-weight: lighter;
	font-family: "Helvetica Light", "Helvetica", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -0.05em;
	word-spacing: 0.1em;
}

.bodytext { 
	width: 660px;
	padding-left:20px;
}

.titles {
	clear: both;
	overflow: hidden;
	width: 940px;
	margin: 10px 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.relative {
	position: relative;
}

.abs-top {
	position: absolute;
	top: 0;
}

.abs-right {
	position: absolute;
	right: 0;
}

.abs-bottom {
	position: absolute;
	bottom: 0;
}

.abs-left {
	position: absolute;
	left: 0;
}

/* End of 2. Container & Positioning */

/******# 3. Header #******/

.header {
	padding-top: 15px;
	background: url(images/header.png) no-repeat right top;
	position: relative;
}

.header > img {
	margin-left: 20px;
}

.header > ul {
	width: 938px;
	height: 50px;
	background: url(images/menu.png) no-repeat top;
	margin-top: 10px;
}

.header > ul > li {
	float: left;
}

.header > ul > li > a {
	padding: 0px 8px;
	margin: 0px 5px;
	line-height: 50px;
	color: #FFF;
	display: block;
}

.header > ul > li > a:hover {
	color: #FFF;
	background: #d20155;
}

.header .dropdown, .header .dropdown-active {
	width: 238px;
	height: 50px;
	background: url(images/dropdown.png) no-repeat top;
	position: absolute;
	right: 0;
	z-index: 99999;
}

.header .dropdown:hover {
	background: url(images/dropdown.png) no-repeat center;
}

.header .dropdown-active {
	background: url(images/dropdown.png) no-repeat bottom;
}

.header .dropdown-active > div {
	margin: 2px 0px 0px 1px;
	width: 236px;
	background: #393939;
	outline: 1px solid #444;
	display: block;	
}

.header .dropdown > div {
	display: none;
}

.header .dropdown > p, .header .dropdown-active > p {
	padding: 8px 0px 7px 10px;
	cursor: pointer;
}

.header .dropdown > p > small, .header .dropdown-active > p > small {
	font-size: 13px;
	color: #959494;
}

.header .dropdown > p > big, .header .dropdown-active > p > big {
	font-size: 16px;
	color: #FFF;
	display: block;
	margin-top: -7px;
}

.header .dropdown-active > div > div {
	width: 236px;
	border-bottom: 1px solid #444;
	overflow: hidden;
}

.header .dropdown-active > div > div:hover {
	background: #FFFFFF;
	overflow: auto;
}

.header .dropdown-active > div > div > a {
	float: left;
	width: 196px;
	padding: 5px 0px 5px 10px;
	color: #FFF;
}

.header .dropdown-active > div > div:hover > a {
	color: #ff3c8a;
}

.header .dropdown-active > div > div img {
	float: left;
	width: 50px;
	height: auto;
	margin-right: 10px;
}

.header .dropdown-active > div > div strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
}

.header .dropdown-active > div > div small {
	font-size: 13px;
	font-weight: normal;
	color: #a0a0a0;
}

.header .dropdown-active > div > div:hover small {
	color: #ff63b1;
}

.header .dropdown-active > div > div > .delete {
	float: right;
	padding: 5px 10px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
}

.dropdown-active > div > div:hover > .delete {
	color: #d20155;
}

.header .dropdown-active > div > div > .delete:hover {
	float: right;
	padding: 5px 10px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	background: #d20155;
}

.header .dropdown-active > ul {
	width: 238px;
	background: #8f073e;
	display: none;
}

.header .dropdown-active li {
	font-size: 15px;
	color: #FFF;
}

.header .dropdown-active li h1 {
	display: block;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding: 10px;
	border-bottom: 1px solid #9d2757;
}

.header .dropdown-active li a {
	display: block;
	font-size: 13px;
	color: #FFF;
	padding: 5px 10px;
	border-bottom: 1px solid #9d2757;
}

.header .dropdown-active li a:hover {
	font-size: 13px;
	color: #FFF;
	padding: 5px 10px;
	background: #d20155;
	border-bottom: 1px solid #d20155;
}

/* End of 3. Header & Interest List */

/******# 4. Footer #******/

.footer {
	clear: both;
	background: url(images/footer.png) no-repeat;
	overflow: hidden;
	padding: 10px;
	padding-bottom: 0px;
}

.footer > p {
	float: right;
	font-size: 12px;
	text-align: right;
}

/* End of 4. Footer */

/******# 5. Search #******/

.search {
	width: 216px;
	border: 1px solid #393939;
	padding: 10px;
	font-size: 13px;
	vertical-align: top;
	margin-bottom: 10px;
}

.search select {
	display: block;
	margin: 5px 0px;
	background: #212121;
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #393939;
}

.search small {
	color: #888888;
	font-size: 13px;
	padding-left: 2px;
}

.search .submit {
	width: 236px;
	background: #393939;
	margin: 5px -10px -10px -10px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	height: 30px;
	line-height: 30px;
}

.search .submit:hover {
	background: #444;
}

.search .submit:active {
	background: #303030;
	height: 29px;
	line-height: 29px;
	border-top: 1px solid #393939;
	border-bottom: 1px solid #393939;
	margin: 5px -10px -30px -10px;
	padding: 0px;
}

.js ul.newList {
	left:-9999px;
}

ul.newList {
	color: #FFF; 
	width: 214px; 
	background: #212121; 
	position: absolute;
	left: 0;
	overflow: hidden; 
	z-index: 9999;
	cursor: pointer;
	margin: -1px 0px 0px -1px;
	border: 1px solid #444;
	max-height: 250px;
	overflow: auto;
}

.newListSelected {
	width: 209px;
	height: 28px;
	color: #fff; 
	border: 1px solid #393939;
	padding-left: 5px;
	background: url(images/arrow.png) top right no-repeat #212121;
	margin: 2px 0px 10px 0px;
}

.newListSelected:hover {
	border: 1px solid #555;
	padding-left: 5px;
	background: url(images/arrow.png) top right no-repeat #212121;
}

.newListSelected:focus {
	border: 1px solid #555;
	padding-left: 5px;
	background: url(images/arrow.png) bottom right no-repeat #212121;
}

ul.newList li {
	padding: 3px 10px;
}

.selectedTxt {
	line-height: 28px;
	cursor: pointer;
}

.hiLite {
	background :#212121;
	color: #FFF;
}

.newListHover {
	background: #d20155;
	color: #FFF;
}

.small ul.newList {
	width: 99px;
}

.small .newListSelected {
	width: 94px;
}

/* End of 5. Search */

/******# 6. Listings/Results #******/

.listing {
	width: 700px;
	float: left;
}

.listing > div {
	width: 218px;
	border: 1px solid #393939;
	display: inline-block;
	zoom: 1;
	cursor: pointer;
	margin: 0px 10px 10px 0px;
	padding-bottom: 10px;
	*display: inline;
	position: relative;
}

.listing > div:hover {
	width: 218px;
	border: 1px solid #555;
}

.listing > div > div {
	width: 218px;
	height: 150px;
	overflow: hidden;
	border-bottom: 1px solid #393939;
	margin-bottom: 10px;
}

.listing > div > div a {
	position: relative;
	width: 218px;
	height: 150px;
}

.listing > div > div img {
	width: 218px;
height: 150px;
}

.listing > div span {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 30px;
	text-align: center;
	width: 30px;
	background: #d90057;
	color: #FFF;
	font-size: 13px;
	display:none;
}

.listing > div:hover .apply-interest {
	display: block;
}

.listing > div:hover span {
	background: #d90057;
}

.listing > div > a {
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	display: block;
	padding: 0px 10px 0px 10px;
}

.listing > div a strong {
	color: #ff3c8a;
	display: block;
}

.listing p {
	font-size: 13px;
	color: #FFF;
}

.listing em {
	font-style: normal;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #d90057;
	padding: 5px;
	color: #FFF;
}

.listing > div:hover a strong {
	color: #d90057;
}

.listing > div:hover > div {
	border-bottom: 1px solid #555;
}

/* End of 6. Listings/Results */

/******# 7. Property Details #******/

.property {
	overflow: hidden;
}

.property .images {
	float: left;
	width: 495px;
}

.property .images > img {
	margin-bottom: 10px;
}

.property .thumbnails {
	margin-top: 10px;
	width: 495px;
	overflow: hidden;
}

.property .thumbnails > img {
	width: 114px;
	height: 85px;
	margin-right: 6px;
}

.property .details {
	margin-left: 20px;
	width: 423px;
	float: left;
}

.property .details h1 {
	font-size: 20px;
	color: #ff3c8a;
}

.property .details > h2 {
	font-size: 16px;
	color: #FFF;
	margin-bottom: 15px;
}

.property .details em {
	font-size: 13px;
	color: #979696;
	width: 100px;
	display: inline-block;
}

.property .details strong {
	font-size: 13px;
	color: #FFF;
	width: 100px;
}

.property .details hr {
	height: 1px;
	border: none;
	background: #393939;
	margin: 10px 0px;
}

.property .details h3 {
	font-size: 15px;
	color: #ff3c8a;
	font-weight: normal;
	margin: 10px 0px;
}

.property .details a {
	display: block;
}

.more-details {
	display: none;
}

/* End of 7. Property Details */

/******# 8. Featured #******/

.featured {
	width: 898px;
	height: 276px;
	padding: 20px;
	background: url(images/featured.png) no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.featured > div {
	width: 898px;
	height: 276px;
	overflow: hidden;
	margin-bottom: 40px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.featured > div > div {
	width: 680px;
	height: 275px;
	overflow: hidden;
	float: left;
	position: relative;
}

.featured > div > p {
	width: 200px;
	font-size: 15px;
	position: absolute;
	z-index: 0;
	right: 0px;
}

.featured p a {
	font-size: 15px;
	display: block;
}

/* End of 8. Featured */