* {
margin:0; padding:0
}

body {
	text-align:center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333
}



#wrapper-outer {
	width:960px;
	text-align:center;
	margin:0 auto;
	background-image: url("../images/wrapper-outer-background.gif");
	background-repeat: repeat-y;
	
}
#wrapper-inner {
width:904px;
background-color:#ccc;
background-color:#fff;
margin:0 auto;
text-align:left
}

a {color:#1B75D1;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.bullet {
padding-left:10px;
background-image: url("../images/bullets.gif");
background-repeat: no-repeat;
background-position: left center
}
	
/* ******************************************************************************************* */
/* *********************************** #HEADER ************************************************ */
/* ****************************************************************************************** */

#header-top {
width:960px;
height:4px;
background-image:  url("../images/header-top-background.gif");
background-repeat: no-repeat;
margin:0 auto;
font-size:0.16em;
line-height:1px; padding:0
}

#header {
width:904px;
position:relative;
height:130px;
text-align:right;
}

#header h1 {
width:211px;
height:48px;
display:block;
overflow:hidden;
background-image:  url("../images/clclp-logo.gif");
background-repeat: no-repeat;
position:absolute;
top:28px;
left:0;
font-size:12px
}

#header h1 span {
display:block;
padding-top:60px
}

#header-contact-details {
margin:0;
padding-top:28px;
font-size:14px;
font-weight:bold;
line-height:1.3em
}

#content {
position:relative;
width:904px;
text-align:left;
}

/* ******************************************************************************************* */
/* *********************************** #FOOTER ************************************************ */
/* ****************************************************************************************** */


#footer {
width:904px;
height:88px;
height:60px;
background-image: url("../images/red-dots.gif");
background-repeat: repeat-x;
margin-top:12px;
padding-top:18px;
font-size:11px;
text-align:right;
position:relative;
color:#666
}

#footer ul {
list-style-type:none;
position:absolute;
top:18px;
left:0
}

#footer li {
float:left;
padding:0 6px 0 6px;
border-right: solid 1px #666
}

#footer a {
color:#666
}

#footer-bottom {
width:960px;
height:25px;
background-image: url("../images/footer-bottom-background.gif");
background-repeat: no-repeat;
margin:0 auto;
background-color:#fff
}

#copyright {position:absolute; top:1px; right:0}

/* ******************************************************************************************* */
/* *********************************** #FONTS ************************************************ */
/* ****************************************************************************************** */

p {
color:#666;
margin:1em 0;
line-height:1.5em;
}

h2 {
	font-size:25px;
	margin:1em 0;
	line-height: normal;
	letter-spacing:-1px;
	font-weight:bold
}
h3 {
	font-size:18px;
	margin:0.75em 0;
	line-height: normal;
	font-weight:bold
}

h4 {
font-size:14px;
font-size:bold;
color:#D82638;
margin: 0 0 0.25em 0;
line-height:normal
}

h5 {
font-size:16px;
margin:1em 0;
line-height: normal;
font-weight:bold
}

.underline {
background-image: url("../images/red-dots.gif");
background-repeat: repeat-x;
background-position: left bottom;
margin:1em 0 0.5em 0;
padding-bottom:0.5em
}

.gray-highlight {
color:#7B7B7B
}


li {
line-height:1.5em
}



/* ******************************************************************************************* */
/* *********************************** #HOME PAGE ********************************************* */
/* ****************************************************************************************** */


#inner-content-wrapper {
height:175px;
width:904px;
position:relative;
}

#search {
	width:257px;
	height:175px;
	float:left;
	background-image: url("../images/property-search-backround.gif");
	background-repeat: no-repeat;

	
}

#search-title{
	font-size:13px;
	width:257px; height:26px;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	background-image: url("../images/property-search-title-background.gif");
	background-repeat: no-repeat;
	position:absolute;
}

#search-title span {
position:absolute;
top:5px;
left:15px;
    height: 55px;
}

#map-search{
width:400px;
height:175px;
position:absolute;
top:0; left:282px;
background-color:#fff
}

/* ******************************************************************************************* */
/* *********************************** #HOME SEARCH FEATURES ********************************* */
/* ****************************************************************************************** */


#search-table-wrapper  {padding-top:36px; padding-left:15px}

#saletype-holder {width:auto; height:20px;}
#saletype-holder input {height:15px; width:12px; margin-top:0px; margin-right:3px; vertical-align:middle}
#saletype-holder label { line-height:12px; padding:0 0 0; margin:0}


#location-holder {width:auto; height:26px; position:relative}


#pricerange-holder {position:relative; height:26px; }
#buy, #rent {position:absolute; left:70px; top:0; visibility:hidden}
#buy select {width:72px}

#rooms-holder {width:auto; height:26px; position:relative}

#submit-button-holder {padding-left:150px}
#submit-button-holder input{width:52px; height:22px}


#home-banner{
width:636px;
height:175px;
float:right;
background-color:#fff
}

#home-text {
float:right;
width:636px;
position:relative;
}

#home-text h3 {
padding:0 206px 0 9px
}

#home-text p {
padding:0 204px 0 9px
}

#callus{
position:absolute;
top:18px;
right:12px
}

#home-map-search {
float:left;
width:257px;
text-align:center
}

/* ******************************************************************************************* */
/* *********************************** #SUMMARY LIST **************************************** */
/* ****************************************************************************************** */

.property-wrapper{
	width:478px;
	background-image: url("../images/red-dots.gif");
	background-repeat: repeat-x;
	background-position: left bottom; margin-bottom:12px
	}
	
.property-list-thumb {
float:left;
margin-right:17px;
display:block;
width:167px;
height:112px;
}
	
.property-summary {
float:left;
width:294px
}
	
	.property-title {margin:0}
	.property-price {color:#7B7B7B; margin-top:0; font-weight:bold; font-size:14px}
	
	#content-left {float:left; width:500px; background-color:#fff} 
	#content-right {position:relative; float:right; width:367px;  background-color:#fff}
	
/* ******************************************************************************************* */
/* *********************************** #PROPERTY PAGE ****************************** */
/* ****************************************************************************************** */	
	
	#column-left {
	float:left;
	width:157px;
	}
	
	#column-left ul {
	margin-bottom:12px
	}
	
	#column-left li {
	margin-left:15px;
	}
	
	#column-right {
	float:left; width:210px;
	}
	
	#property-pics{
	background-image: url("../images/property-images-background.gif");
	background-repeat: no-repeat; width:904px; height:144px;
	position:relative}



#property-pics ul {margin:0; position:absolute; top:17px; left:13px; width:920px}

#property-pics ul li {list-style-type:none; float:left; margin-right:13px}


#actions{ position:relative;  clear:both; background-color:#F0EFEF; padding:6px; border: solid 1px #ccc; height:2.2em }
#actions h3 {font-size:15px; padding-top:4px}
#actions ul {position:absolute; top:3px; left:150px}
#actions ul li {float:left; list-style-type:none; line-height:1.25em;  display:block; width:100px; text-align:left}
#actions ul li a {padding-left:10px; display:block; background-image: url("../images/bullets.gif"); background-repeat: no-repeat; background-position: left 5px}

#panel {
	background: #fff;
	height: 200px;
}
#panel div { padding:6px; border:solid 1px #ccc; margin:24px 0 0 0}

.clear {clear:both; font-size:0.1em; line-height:0.1em; height:0.1em}

#inner-content-wrapper.search-page {height:420px}



