.clear, .clearFix {
	clear:both;
}

#wrapper {
	margin:0 auto 0 auto;
	width:750px;
}

#wrapper .header .country-orbs {
	float:right;
	margin:15px 15px 0 0;
}

#wrapper .header .country-orbs img {
	margin-left:5px;
}

#wrapper .logo {
	float:left;
}

#wrapper .logo-white {
	position:absolute;
	background:url(/img/logo-white.png) no-repeat;
	width:245px;
	height:90px;
}

#wrapper div#middlePanel {
	clear:left;
	background:url(/img/temp-panel.gif) no-repeat;
	width:750px;
	height:210px;
}

#wrapper .menu {
	float:left;
	clear:left;
	margin:-5px 0 0 0;
}

#wrapper .menu .logo-bottom {
	float:left;
	width:79px;
	height:39px;
	background:url(/img/logo-bottom.gif) no-repeat;
	margin-right:125px;
}

#wrapper .content {
	clear:left;
	margin-top:29px;
	min-height:400px;
}

#wrapper .footer {
	padding:15px 0 10px 0;
}

/******************* Menu */
#wrapper .menu a {
	display:block;
	height:39px;
	background: transparent 0 -39px no-repeat;
	float:left;
}

#wrapper .menu a:hover {
	background-position:0 0;
}

#wrapper .menu a.home {
	background-image:url(/img/menu/home.gif);
	width:62px;
}

#wrapper .menu a.property {
	background-image:url(/img/menu/property-search.gif);
	width:150px;
}

#wrapper .menu a.investment-guides {
	background-image:url(/img/menu/investment-guides.gif);
	width:175px;
}

#wrapper .menu a.news {
	background-image:url(/img/menu/news.gif);
	width:65px;
}

#wrapper .menu a.contact-us {
	background-image:url(/img/menu/contact.gif);
	width:90px;
}
/*
#wrapper .menu ul {
	padding:0;
	margin:0 0 0 310px;
	list-style:none;
	float:left;
}

#wrapper .menu ul li {
	height: 39px;
	float: left;
	background: transparent 0 -39px no-repeat;
	margin:0;
}

#wrapper .menu ul li#home {
	background-image:url(/img/menu/home.gif);
	width:62px;
}

#wrapper .menu ul li#property-search {
	background-image:url(/img/menu/property-search.gif);
	width:151px;
}

#wrapper .menu ul li#faqs {
	background-image:url(/img/menu/faqs.gif);
	width:60px;
}

#wrapper .menu ul li#contact {
	background-image:url(/img/menu/contact.gif);
	width:70px;
}

#wrapper .menu ul li:hover, #wrapper .menu ul li.active {
	background-position:0 0;
}

#wrapper .menu ul li a span {
	display:none;
}

#wrapper .menu ul li a {
	display:block;
	height:100%;
	width:100%;
}*/

/************************** Misc */
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

.col1, .col2, .col3 {
	float:left;
}

.col1 {
	width:300px;
	padding:0 5px 0 0;
}

.col2 {
	width:230px;
}

.col3 {
	width:195px;
}

.clear {
	clear:both;
}

.full-width {
	width:99%;
}

.floatRight {
	float:right;
	margin:0 0 15px 15px;
	clear:right;
}

.floatLeft {
	float:left;
	margin:0 15px 15px 0;
}

.spacer {
	margin-bottom:20px;
}

/************************ Blog */
div.blog {
	margin-top:10px;
	clear:left;
}

div.blog .entry {
	float:left;
	margin-bottom:10px;
}

div.blog .entry .date {
	float:left;
	width:42px;
	height:50px;
	background:url(/img/date-panel.gif) no-repeat;
	padding-top:8px;
	margin-right:10px;
}

/************************ Pagination */
ul.pagination li {
	float:left;
	margin-top:10px;
	margin-right:20px;
}

/*********************** Property Results */
div.result {
	clear:left;
}

div.result img, div.result div {
	float:left;
}

div.result div.col2 {
	width:240px;
	margin-left:10px;
}

div.result div.col3 {
	width:230px;
}

div.result h2 span {
	float:right;
}

div.result h2 {
	float:left;
	display:block;
	width:480px;
	margin-bottom:10px;
}

div.result .col3 ul li{
	padding-right:30px;
	padding-bottom:5px;
	background:url('/img/tick-bullet.gif') no-repeat top right;
}

/*************** Refine Form */
form#refineForm {
	width:350px;
	height:320px;
	background:white;
	border:1px solid #7a147a;
	position:absolute;
	margin-left:365px;
	margin-top:-21px;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	padding:0 10px 10px 10px;
/*	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
*/}

form#refineForm h2 {
	font-size:90%;
	margin-bottom:10px;
}

form#refineForm div.col {
	width:45%;
	margin-right:10px;
	float:left;
}

form#refineForm div label {
	clear:left;
	display:block;
	margin-bottom:4px;
}

form#refineForm div input, form#refineForm div select {
	background:white;
	padding:3px 6px 3px 6px;
	border:1px solid #871878;
	margin-bottom:10px;
}

form#refineForm div select {
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}

form#refineForm div.submit input {
	background:#871878;
}

form#refineForm h2 {
	margin-left:0;
}

/*************** Purple Bar */
div.purple-bar {
	margin-bottom:20px;
	background:url('/img/purple-bar-bg.gif') repeat-x;
	height:34px;
}

div.purple-bar .left-corner, div.purple-bar .right-corner {
	float:left;
	background:url('/img/purple-bar-left.gif') no-repeat left;
	display:block;
	width:15px;
	height:34px;
}

div.purple-bar .right-corner {
	float:right;
	background:url('/img/purple-bar-right.gif') no-repeat right;
}

div.purple-bar .refine {
	display:block;
	background:url('/img/purple-bar-refine.gif') no-repeat;
	width:102px;
}

div.purple-bar .hide {
	background:url('/img/purple-bar-hide.gif') no-repeat;
}

/******************** Featured Properties */
div.featuredProperty {
	margin-left:15px;
	margin-bottom:20px;
}

div.featuredProperty .caption {
	position:absolute;
	margin-top:-115px;
	margin-left:0px;
	width:185px;
	background:#871878;
	padding:3px 5px 3px 5px;
	width:150px;
}

div.featuredProperty .caption a {
	display:block;
}

/******************** Viewing a Property */
div.view-property .title {
	margin-top:-45px;
	margin-left:20px;
	position:absolute;
}

div.view-property .price-sticker {
	position:absolute;
	background:url(/img/price-sticker.png) no-repeat;
	width:145px;
	height:115px;
	padding-top:30px;
	margin-left:690px;
	margin-top:-30px;
	display:block;
}

div.view-property .colSet {
	margin-top:20px;
}

div.view-property .colSet .col {
	float:left;
}

div.view-property .colSet .one {
	width:378px;
	margin-right:20px;
}

div.view-property .colSet .two {
	width:91px;
	margin-right:20px;
}

div.view-property .colSet .two img {
	margin-bottom:20px;
}

div.view-property .colSet .three {
	width:240px;
}

div.view-property .colSet .three .notepad {
	background:url(/img/notepad.png) no-repeat;
	margin-top:-100px;
	width:272px;
	height:408px;
	position:absolute;
}

div.view-property .colSet .three .notepad ul {
	margin-top:130px;
	margin-left:45px;
	margin-right:40px;
}

div.view-property .colSet .three .notepad ul li {
	padding-left:25px;
	margin-bottom:7px;
	background:url(/img/notepad-bullet.png) no-repeat;
}

div.view-property .colSet .three form, form.contactForm {
	margin-top:350px;
	border:1px solid #781878;
	background:#f1e7f1;
	padding:20px;
}

div.view-property .colSet .three form h2, form.contactForm h2 {
	margin:0 0 10px 0;
}

div.view-property .colSet .three form input, form.contactForm input, div.view-property .colSet .three form textarea, form.contactForm textarea{
	border:1px solid #781878;
	margin:3px 0 6px 0;
	padding:3px 7px 3px 7px;
	width:180px;
}

div.view-property .colSet .three form div.submit input, form.contactForm div.submit input {
	background:#781878 url(/img/purple-bar-bg.gif) repeat-x;
	margin:0 auto 0 auto;
	width:auto;
}

form.contactForm {
	float:right;
	margin:0 0 15px 15px;
	width:200px;
}

div.view-property .page-jump {
	position:absolute;
	margin-left:400px;
	margin-top:10px;
}

/************************ Star Ratings */
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 0 10px;
	padding:0;
	clear:both;
	position:relative;
	background: url(/img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
	list-style:none;
	margin:0;
	padding:0;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
	cursor:pointer;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
/*ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
*/
/* end rating code */
h3{
	margin:0 0 2px 0;
	font-size:110%
}

table.ratings {
	margin:0 0 15px 4px;
}


/************************ Country guides */
div.guideResult {
	clear:left;
	margin-bottom:10px;
}

div.guideResult div.col {
	float:left;
}

div.guideResult div.one {
	width:370px;
}

div.guideResult div.one h2, div .guideResult div.one h3 {
	margin-bottom:10px;
}

div.guideResult a.regionLink {
	background:url(/img/purple-bar-bg.gif) repeat-x;
	padding:3px 6px 3px 6px;
	width:auto;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

div.guideResult ul li, div.greatFor ul li {
	padding-left:30px;
	background:url('/img/tick-bullet.gif') no-repeat top left;
	padding-bottom:5px;
	margin-right:10px;
	float:left;
}

div.greatFor {
	margin:5px 0 10px 3px;
}