body {

	margin:0px;
	background-color:#081C59;
	width:100%;

}


#leftPanel {
	position:absolute;
	left:0px;
	width:165px;
	height:100%;
	
	}

/*Portals */

#portals {

	margin:60px 0 20px 0;
	border-top:1px solid #FD7AC1;
	border-bottom:1px solid #FD7AC1;
	width:100%;
	
	}
	
#portal {

	background-color:#FFFFFF;
	width:130px;
	margin:20px 18px 20px 0;
	background-image: url(/site/custom/pearlEstate/images/portalBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;

	}
		
	
#portalTop {
	top:0px;
	left:0px;
	width:100%;
	height:17px;
	background-image: url(/site/custom/pearlEstate/images/portalTop.gif);
	background-repeat:no-repeat;
	}	
	
#portal h1 {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	padding:2px 0 0 0;
	margin:0px;
	}
	
#portalTxt {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:115px;
	margin:5px 0 5px 5px;
	
	}	
	
#portalTxt a {

	color:#333333;
	text-decoration:none;
	
	}
	
#portalTxt a:hover {
	text-decoration:underline;
	}
	
#lineBreak {

	margin: 20px 160px 0px 200px;
	height:20px;
	background-image: url(/site/custom/pearlEstate/images/dashes.gif);
	background-position:top;
	background-repeat:repeat-x;
	
	}
		
#leftContent {
	position:relative;
	top:120px;
	left: 10px;
	right:10px;
	width:209px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:10px;
	
	}
	
#propertysearchContainer {	

	background-image: url(/site/custom/pearlEstate/images/searchBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:209px;
	
	}
	
#propertySearch {
	padding:0px 10px 10px 10px;
	top:0px;
	left:0px;
	}
	
#propertysearchHeader {
	width:209px;
	height:25px;
	background-image: url(/site/custom/pearlEstate/images/searchTop.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	}	
			
		
	
#propertysearchHeader h2{

	font-size:1em;
	color:#001854;
	padding:5px 0 5px 10px;
	margin:0px;
	
	}

#searchfield {
	margin-top:10px;
	color: #fff;
}

select {

margin-top:3px;

}

input {

margin-top:3px;
font-size:0.9em;

}

.edit {

font-size:1em;

}


#leftAddress {

color:#666;

}

/* Contact box */

	
#contactContainer {

	background-image: url(/site/custom/pearlEstate/images/searchBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:209px;
	top:0px;
	left:0px;
	
	}
	
#contactContent {
	padding:0px 10px 10px 10px;
	top:0px;
	left:0px;
	}
	
#contactHeader {
	width:209px;
	height:25px;
	background-image: url(/site/custom/pearlEstate/images/searchTop.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	}	
			
		
	
#contactHeader h2{

	font-size:1em;
	color:#001854;
	padding:5px 0 5px 10px;
	margin:0px;
	
	}
	
#contactContainer a:link, #contactContainer a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	text-decoration:underline;
	
	}
	
#contactContainer a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #CCCCCC;
	
	}

#contactContainer p {

font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1em;

}
	
/* header */

#header {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(/site/custom/pearlEstate/images/headerBG.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	height:100px;
	width:100%;
	background-color:#FFFFFF;

}

#headerPhone {

	position:absolute;
	top:8px;
	left:330px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#FFFFFF;
	background-image: url(/site/custom/pearlEstate/images/headerPhone.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	
	}
	

#logo {
	position:absolute;
	top: 0px;
	left: 0px;
	
	}

#logo img {

border:none;

}

#topRight {

position:absolute;
top:0px;
right:0px;
width:248px;
height:101px;
background-image: url(/site/custom/pearlEstate/images/topRight.jpg);

}

#toprightTxt {

position:absolute;
top:10px;
right:20px;
width:200px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:right;

}

#toprightTxt a, #toprightTxt a:visited {

color:#FFFFFF;

}

#toprightTxt a:hover {

color:#CCCCCC;

}

#content {

	padding: 0px 0px 20px 200px;

}


#contactDetails {

position:absolute;
right:20px;
top:110px;
padding-left:35px;
height:37px;
text-align:left;
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #333333;
font-weight:bold;
background-image: url(/site/custom/pearlEstate/images/telephone.gif);
background-position:left;
background-repeat:no-repeat;
}



#contactDetails a, #contactDetails a:visited{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#004D91;

}

#contactDetails a:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #148F2D;

}


#contactDetails p {

margin:3px 0px 10px 0px;

}

.phoneNumber {

font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:1.9em;
margin-bottom:5px;
color: #004D91;

}

.leftPhone {

font-size:1.1em;
color: #fff;

}

.leftEmail {
	color:#004D91;
	font-size:1em;
	 
	}
	
.leftEmail a:link, .leftEmail a:active, .leftEmail a:visited {
	color:#004D91;
	text-decoration:none;
	 
	}	

.leftEmail a:hover {
	color:#004D91;
	text-decoration:underline;
	
	}

/* Fonts */

h1 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.7em;
color: #FFFFFF;
font-weight:normal;



}

h2 {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
color:#FD75BF;

}

h3 {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
color:#FD77C0;
margin:0px 0px 5px 250px;
padding:0px 0px 0px 0px;

}

h4 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
color:#FD75BF;

}

h5 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
color:#FD75BF;

}

h6 {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
color:#FD75BF;
margin:0px;
padding:0px;

}

.boldWhite {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:0.8em;
color:#FFFFFF;
margin:0px 0 0px 0px;
padding:0px 0 0px 0px;

}

.required {

color:#FFFFFF;

}

.error {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;

}

.bodyTxt {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #FFFFFF;

}

.error {

color:#FF0000;

}

/* Page */

#page {

	margin: 100px 160px 0px 250px;
	padding-bottom:10px;
}

#page a:link, #page a:visited {
	
	color:#fff;
	}
	
#page a:hover {
	
	color: #CCCCCC;
	
	}
	
#page p {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	
	}	

#page ul {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.8em;
	
	}
	
/* Home */

#homeText {

	margin: 100px 160px 0px 250px;
	padding-bottom:10px;

}

#homeText p {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	
	}
	
ol {

	margin-top:8px;
	padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	
	}	
	
#homeText ul {

	color:#FFFFFF;
	line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	}	

#homeText a:link, #homeText a:visited {
	
	color:#000;
	}
	
#homeText a:hover {
	
	color:#666666
	
	}
		

/* right panel */

#contextNav {
	width: 130px;
	position: absolute;
	top: 120px;
	right: 0px;
	padding:0px 0px 30px 10px;
	float:right;
	text-align: center;
	border-left:solid 1px #999999;


}

#contextNav h1{

	font-size:0.8em;
	font-weight:bold;
	margin-bottom:20px;
}

#feature h3{

	color:#FD75BF;
	margin:0px;
	padding:0px;
	
	}

#contextNav p {
	color: #666;	
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0px 0 15px 0;
}

#contextNav a {
	color: #fff;
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;

}

#contextNav a:hover {
	color: #999999;
}

.contextDetails {

margin:0px;

}

/* Menu */

#navcontainer ul {

position:absolute;
padding: 0;
margin: 46px 100px 0px 260px;
color: White;
float: left;
width:50%;
font-family: Verdana, Arial, Helvetica, sans-serif;


}

#navcontainer ul li { 

display: inline;
float:left;


}

#navcontainer ul li a
{
padding: 2px 13px 3px 13px;
color: White;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
font-size:0.6em;
font-weight:bold;
}

#navcontainer ul li a:hover {
background-color: #576482;
color: #fff;
}




/* Search box font size */

select {
	font-size:1.1em;
	}
	
/* Search results*/ 

#searchResults {

	margin:100px 30px 0px 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #fff;
	
	
	}

	
#searchResults h3 {

	margin:0px 0px 0px 300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	}
	
.noProperty {

	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:0.8em;
	margin:0px 0px 0px 240px;*/
	
	}		
	
.pageList {
	font-weight: bold;
	text-align: right;
	font-size:0.85em;
	background-color: #FFFFCC;
	color:#081C59;

}

.pageListBottom {
	font-weight: bold;
	text-align: right;
	font-size:0.85em;
	background-color: #FFFFCC;
	color:#081C59;
	}

.currentPage {
	border: solid 1px #081C59;
	padding:1px;

	}

.pageList a, .pageList a:visited {
	margin: 1px;
	text-decoration:none;
	color: #081C59;
	padding:2px;

}

.pageList a:hover {
	border: solid 1px #081C59;
	color: #081C59;
	padding:1px;
}

.pageList a#next, .pageList a#previous {
	border: solid 1px #081C59;
	padding:2px;
}




.pageList a#next {

	padding:2px;
}

.pageList a#previous {

	padding:2px;
}
	

.searchNav {
	font-weight: bold;
	color:#081C59;
	padding: 10px;
	font-size:0.75em;
	background-color: #FFFFCC;

}

.searchNavBottom {
	font-weight: bold;
	color:#081C59;
	padding: 10px;
	font-size:0.75em;
	background-color: #FFFFCC;

}

table.list {

	padding: 0;
	border-collapse: collapse;
	width:100%;
}

table.list td {
	padding: 5px;
}

.thumbnail img {
	margin: 10px 15px 10px 10px;
	border: solid 1px #666666;
}

.thumbnail a:hover img {
	border: solid 1px #999999;
}

.thumbnail {

}

.description {

	color:#fff;

}

.propertyAddress2 {
	font-size: 0.9em;
	color:#FC7323;
	font-weight:bold;

}

#propertyAddress {

	height:15px;
	background-color:#576582;
	padding:2px;
	
	}

.propertyAddress2 a {
	color:#fff;
	
	}
	
#more {

	color: #FC7323;
	font-weight:bold;
	font-size:0.85em;
	float:right;
	padding-right:10px;
	margin-bottom:5px;
		
	}
	
#more a, #more a:link, #more a:visited {

	text-decoration:underline;
	color: #FFF;

	
	}
	
#more a:hover {

	color: #CCCCCC;

	
	}
	
tr.odd {

}


.available {
	font-weight: bold;
	background-color:#FD75BF;
	color:#fff;
	padding:2px 4px 2px 4px;
}

.notAvailable {
	background-color:#FFFFFF;
	color:#000066;
	}

#propertyAddress a, #propertyAddress a:link, #propertyAddress a:visited {
	font-size:0.9em;
	text-decoration: none;
	color:#FFF;
	padding:5px 0 0px 10px;

	}
	
#propertyAddress a:hover {
	text-decoration:none;
	color: #CCCCCC;
	}	


/* About us Container */

#aboutContainer {

margin:135px 20px 0px 60px;
color:#333;

}

#aboutContainer p {

font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;

}

#aboutContainer h1{

font-size:1.3em;

}

#aboutContainer ul, #aboutContainer li {

font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-bottom:5px;

}

	
#aboutContainer img {

	margin:30px;
	
	}	

/* Register Container */

#registerContainer {

margin:100px 0px 0px 250px;
color: #ff;

}

#registerContainer p, #registerContainer ul, #registerContainer ol {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#FFFFFF

}

#registerContainer h1{

font-size:1.7em;

}

#registerContainer h4{

font-size:1em;
font-weight:bold;

}

#registerContainer td {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;

}

#registerContainer a:link, a:visited {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#004D91;
	
	}
	
#registerContainer a:hover {

	color: #148F2D;
	
	}	
	
.label {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	}
	
		
/* Contact Container */



#contactContainer td {

font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;

}	

	
#contactRight {

	position:relative;
	float:right;
	top:0px;
	right:60px;
	width:250px;
	}

/*Particulars container */

#particularsContainer {

margin:100px 20px 0px 250px;
color: #ff;

}

.propertyPrice {

font-size:1.1em;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FD77C0;

}

#propertyPrice {

text-align:center;

}

#particularsContainer p, #particularsContainer ul, #particularsContainer ol {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
padding:0px;
margin-top:5px;
margin-right:10px;
color:#FFFFFF;

}

#particularsContainer h1{

font-size:1.1em;

}

#particularsContainer h2{

font-size:0.8em;
background-color:#657393;
color:#FFFFFF;
padding:1px 0 1px 4px;

}

#particularsContainer img {

border:0px;

}	

#particularsContainer a:link, #particularsContainer a:visited {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #FD75BF;
	}
	
#particularsContainer a:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFDCC;
	
	}

#roomName {

	margin:0px;
	padding:0px;
	
	}
	
.roomName {
	color:#FFFFFF;
	
	}
	
#roomDescription {

	margin:0px;
	padding:0px;
	
	}
	
			
	
.email {
font-size:1.2em;
}	

.roomName {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:bold;
	
	}
	
.center { 

text-align:center;

}	

/* View photo container */

#viewPhotoContainer {

margin:135px 20px 0px 0px;

}

#viewPhotoContainer h1{

font-size:0.8em;
font-weight:bold;

}

/* Index page */

#mainContent {

position:relative;
top:130px;
width:758px;
margin-left:auto;
margin-right:auto;
text-align:center;

}

#mainContent a mainContent, #mainContent a:visited{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color: #1C0064;


}

#mainContent a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color: #DE9500;

}

#mainContent img {

border:none;

}



/*Footer */

#footer {

position:relative;
margin: 20px 0 0 250px;
width:450px;
height:39px;
clear:both;
text-align:left;
background-color:#FFFFFF;

}

#logoLeft {

float:left;
background-image:url(/site/custom/pearlEstate/images/logoLeft.gif);
background-repeat:no-repeat;
background-position:left;
width:21px;
height:39px;
background-color:#FFFFFF;

}


#logos {

background-image:url(/site/custom/pearlEstate/images/logoRight.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
height:39px;

}

/* Valuation container */


#valuationContainer {

margin:135px 20px 0px 0px;
color:#333;
font-size:0.8em;
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
color:#333;

}

#valuationContainer h4 {

font-size:1em;

}

#valuationContainer h1 {

font-size:1.6em;

}