@charset "UTF-8";
/* CSS Document */

/* richmonds.css
------------------------------------------------------------------------------

Author:  			Max K-Thompson
E-mail:				max@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				06/06/2008

Version:			1.0
Designed for:		FireFox 3

CSS file:			Design One 

------------------------------------------------------------------------------*/



/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ul,ol,a,img,blockquote,p{
	padding:			0px;
	margin:				0px;
	list-style:			none;
	border:				0px;
}
.clear{
	clear:				both;
}
a{
text-decoration:		none;
}
.floatLeft{
	float:				left;
}
.floatRight{
	float:				right;
}
body {
	font-family:		verdana;
	background:			#8b0117	url(../images/backgroundTopStrip.gif) left top repeat-x;
	font-weight:		lighter;
	font-size:			62.5%;
}
strong{
	font-weight:		bold;
}

/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 				100%; 
}

/*Hack over*/


/* REMOVES HORIZONTAL SCROLL BARS */

html{
overflow-x:				hidden;
}

/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper{
	width:				954px;
	margin:				11px auto 0px auto;
	background: 		#8b0117;
}

/* =LOGO
------------------------------------------------------------------------------*/

.logo{
	background:			url(../images/logo.gif) left top no-repeat;
	text-indent:		-4000px;
	width:				356px;
	height:				95px;
	float:				left;
	margin:				6px 15px 10px 0px;
}

/* =HEADER =TOP
------------------------------------------------------------------------------*/

.contactTop{
	float:				right;
	color:				#FFF;
	margin-top:			15px;
	padding-top:		16px;
	font-size:			1.8em;
}
.contactTop span{
	display:			block;
	font-size:			1.6em;
	word-spacing:		0.1em;
}

/* =MENU
------------------------------------------------------------------------------*/

.menu{
	clear:				both;
	margin-bottom:		15px;
	width:				954px;
	background-color:	#FFF;
	height:				26px;
}
.menu li{
	float:				left;
	background:			#FFF;
	margin:             0px 2px 0px 2px;
}
.menu li a{
	padding:			5px 10px 5px 10px;
	font-size:			10px;
	margin:				1px;
	display:			block;
	color:				#8b0117;
	
}
.menu li a:hover, .menu .selected a{
	color:				#FFF;
	background:			#8b0117;
}

* .wrapper .menu li{
* 	margin:				0pc 3px 0px 3px;
}
* .wrapper .menu li a{
*	padding:			5px 10px 7px 10px;
}

/* =BANNER
------------------------------------------------------------------------------*/
.bannerHome{
	border:				5px solid #FFF;
	width:				624px;
	height:				320px;
	/*background:			url(../images/bannerHome.jpg);*/
	clear:				both;
	float:				left;
}
.banner{
	border:				5px solid #FFF;
	width:				624px;
	height:				320px;
	/*background:			url(../images/bannerHome.jpg);*/
	text-indent: -4000px;
	clear:				both;
	float:				left;
}
.bannerProperty{
	background:			url(../images/propertyFinderBanner.jpg) left top no-repeat;
	width:				652px;
	height:				223px;
	text-indent:		-4000px;
}

/* =CONTENT =LAYOUT
------------------------------------------------------------------------------*/
.contentLeft{
	background:			#FFF;
	width:				634px;
	float:				left;
	padding:			0px 5px 40px 5px;
	line-height:		2em;
}
.contentLeft p{
	padding:			0px 15px 15px 15px;
}
.contentRow{
	background:			#FFF;
	padding:			5px;
	padding-bottom:		30px;
}
.innerRow{
	padding-left:		15px;
}
.innerRow p{
	margin-bottom:		10px;
	font-size:			1.2em;
}
.propertyPhoto{
	width:				467px;
	float:				left;
	margin:				0px 5px 30px 0px;
}
.inner2{
	width:				400px;
	padding:			30px;
	background:			#FFF;
	float:				left;
}
.inner2 .logo2{
	margin-bottom:		30px;
}
.inner2 .pageTitle{
	margin-left:		0px;
	margin-top:			0px;
}
.inner2 p{
	font-size:			1.2em;
	line-height:		2em;
	margin-bottom:		20px;
}
.innerRight{
	float:				right;
}
.aboutTeam{
	border:				5px solid #FFF;
	width:				474px;
	margin-bottom:		5px;
	text-align:			center;
	color:				#FFF;
	background:			#6e0517;
}
.aboutTeam span{
	display:			block;
	font-size:			2em;
	padding-top:		15px;
}
.aboutTeam p{
	margin:				10px;
	line-height:		2em;
}
/* =FORMS =SEARCH =REGISTER
------------------------------------------------------------------------------*/

.propertySearch{
	background:			#FFF;
	width:				289px;
	float:				right;
	border:				5px solid #FFF;
	height:				320px;
}

*html .propertySearch{
_width:					211px;
}

*html .propertySearch .homeForm{
_width:					289px;
}

.propertySearch li{
	padding-bottom:		12px;
	margin:				0px 15px 0px 15px;
}

* .wrapper .propertySearch li{
* padding-bottom:		8px;
}

*html .wrapper .propertySearch li{
_padding-bottom:		7px;
}

.propertySearch .search{
	padding-bottom:	    1px;
}

*html .wrapper .propertySearch .search{
_padding-bottom:	    0px;
}
.propertyList li img{
	width:				143px;
	height:				99px;
}	
.propertySearch p{
	border-top:			1px solid #a86974;
	margin:				5px 0px 0px 0px;
	padding-top:		8px;
}
.propertySearch span{
	display:			block;
	width:				90px;
	float:				left;
	margin-right:	    20px;	
}




.propertySearch  .boldLabel{
	color:				#c41230;
	font-size:			1.6em;
}
* .propertySearch li .boldLabel{
*	font-weight:		bold;
}
.searchForYourProperty{
	background:			#730013;
	padding:			10px 40px 10px 40px;
	color:				#FFF;
	font-size:			1em;
	margin-bottom:		5px;
	text-align:			center;
	font-weight:		lighter;
	font-size:			1.5em;
}

*html .searchForYourProperty{
width:					100%;

}



ul .search{
	margin:				0px;
}
.propertySearch .search input{
	background:			#123cc4;
	border:				0
	width:				100%;
	padding:			10px 40px 10px 40px;
	color:				#FFF;
	font-size:			1.5em;
}

.propertySearch select{
	border:				1px solid #8f3342;
	width:				90px;
	margin-right:	    20px;	
	color:				#c8213d;
}

*html .propertySearch select{
_width:					80px;
}

.fillWidth select{
	width:				100%;
}
.registerForm{
	background:			#FFF;
	width:				289px;
	float:				right;
	border:				5px solid #FFF;
}
.registerForm li{
	padding-bottom:		12px;
	margin:				0px 15px 0px 15px;
}
.registerForm li.clear
{
	padding-bottom: 0px;
}

.registerForm .search{
	padding-bottom:	    1px;
	}
	
.registerForm p{
	border-top:			1px solid #a86974;
	margin:				5px 0px 5px 0px;
}
.registerForm span{
	display:			block;
	width:				90px;
	float:				left;
	margin-right:	    20px;	
}
.registerForm label{
	color:				#c41230;
	font-size:			1.6em;
}
.h3Register{
	background:			#730013;
	padding:			10px 40px 10px 40px;
	color:				#FFF;
	font-size:			1em;
	margin-bottom:		5px;
	text-align:			center;
	font-weight:		lighter;
	font-size:			1.5em;
}

/* =BOXES
------------------------------------------------------------------------------*/

.h3Image{
	border:				5px solid #FFF;
	width:				168px;
	height:				82px;
	text-indent:        -4000px;
}
.galleryBox li{
	float:				left;
	padding-left:		12px;
	margin-top:			15px;	
}  
.galleryBox blockquote{
	background:			url(../images/boxOverLay.png) left top no-repeat;
	margin-top:			40px;
	padding:			5px 10px 5px 10px;
	color:				#FFF;
}
.galleryBox{
	width:				954px;
	clear:				both;
	position:			relative;
	left:				-12px;
}
.residentialImage{
	background:			url(../images/boxResidentialSales.jpg) top left no-repeat;
}
.LettingsManagement{
	background:			url(../images/boxLettingsManagement.jpg);
}
.CommercialProperty{
	background:			url(../images/boxCommercialProperty.jpg);
}.LandNewHomes{
	background:			url(../images/boxLandNewHomes.jpg);
}
.FinancialServices{
	background:			url(../images/boxFinancialServices.jpg);
}
.contactUs{
	background:			#730013;
	width:				289px;
	float:				right;
	border:				5px solid #FFF;
	height:				320px;
	color:				#FFF;
	font-size:			1.5em;
}
.contactUs li{
	padding-bottom:		5px;
}
.contactDetails{
	margin:				50px 0px 20px 40px;
}
.galleryProperty{
	float:				right;
	padding:			17px 0px 0px 30px;
	width:				440px;
	/* border:				1px solid #cbcbcb; */
	height:				320px;
}
.galleryProperty li{
	float:				left;
	padding-right:		28px;
}
.galleryProperty img{
	margin-bottom:		20px;
	width:				118px;
	height:				84px;
}
.imgLarge{
	width:				467px;
	height:				312px;
}
.propertyPhotoNav{
	border:				1px solid #cbcbcb;
	height:				19px;
	padding:			3px 0px 3px 14px;
	font-weight:		bold;
	display:			none;
}
*.propertyPhotoNav{
* margin-top:				-2px;
}
.propertyPhotoNav img{
	margin:				0px 5px 0px 5px;
}

/* =LIST
------------------------------------------------------------------------------*/

.propertyList{
	padding:			0px 15px 0px 15px;
}
.propertyList li{
	border-top:			1px solid #d9d9d9;
	clear:				both;
	padding:			15px 0px 10px 0px;
}
.propertyList img{
	float:				left;
	margin:				0px 15px 15px 0px;
}
.propertyList .block{
	display:			block;
}
.propertyList li strong{
	color:				#8b0117;
	font-size:			1.6em;
	font-weight:		bold;
}
.propertyList li span{
	font-weight:		bold;
}
.moreLink{
	color:				#8b0117;
	font-size:			1.2em;
	text-decoration:	underline;
	font-weight:		bold;
}


/* =UNSORTED
------------------------------------------------------------------------------*/

.registeredOffice{
	margin-left:		40px;
}
.pageTitle{
	color:				#8b0117;
	margin:				15px 15px 15px 15px;
	font-size:			1.8em;
	font-weight:		lighter;
}
.propertyPageTitle{
	color:				#8b0117;
	margin:				15px 0px 15px 0px;
	font-size:			1.8em;
	font-weight:		lighter;
}
.propertyPrice{
	color:				#8b0117;
	margin:				15px 15px 15px 15px;
	font-size:			1.8em;
	font-weight:		bold;
}
.propertyPageTitle strong{
	font-weight:		bold;
}
.property{
	color:				#000;
	font-size:			1.8em;
	font-weight:		lighter;
}
.thinGreyDivide{
	margin-top:			10px;
	border:				0px;
	color: 				#cbcbcb;
	background-color: 	#cbcbcb;
	height: 			1px;
}
.propertyDetails{
	margin:				30px 0px 10px 0px;
}
.HRfinancialServices{
	margin-top:			30px;
}
.phoneNumber{
	display:			block;
	margin-top:			10px;
	font-size:			2.6em;
	color:				#8b0117;
}
.propertySearch .tempSearch{
	border:				none 0px;
	font-size:			2.3em;
	text-align:			center;
	color:				#8b0117;
}
.tempSearch a{
	color:				#8b0117;
	text-decoration:	underline;
}


*html body .propertySearch .tempSearch{
_margin-left:			20px;
_width:					250px;
}
.inner2 .largerFont{
	font-size:			1.4em;
}
span.flag
{
	text-align: right;
	float:right;
	color:				#8b0117;
	font-size: 1.6em;
}
span.flag2
{
	float:left;
	color:				#8b0117;
	font-size: 1.6em;
	margin-bottom: 10px;
}

.pnp{
	text-indent:        -5000px;
	position:			absolute;
	top:				0px;
}