.page{

}
.page.home .nav-home, .page.about .nav-about, .page.pe .nav-pe, .page.sell .nav-sell, .page.suburb .nav-suburb, .page.test .nav-test, .page.eval .nav-eval, .page.finance .nav-finance, .page.attorney .nav-attorney, .page.agents .nav-agents, .page.contact .nav-contact{
background-color: #8E73D4;
font-weight: 600;
}

/*--------------
  GENERAL CLASSES
----------------*/

body{
font-family: Tahoma, Arial, Sans-serif;
font-size: 0.85em;
color: #757272;
}

h1{
color: #666666;
font-family: Arial, Sans-serif;
font-size: 1.1em;
font-weight: 600;
margin-bottom: 5px;
}


h2{
font-family: Arial, Sans-serif;
font-size: .75em;
}

p{
margin: 0px;
line-height: 17px;
}


a{
color: #7E60CE;
}
.shell{
width: 750px;
margin: 10px auto 0 auto;
padding: 20px 0 0 0;
background-image: url(images/header-border.gif);
background-position: top right;
background-repeat: no-repeat;
}
.header{
border-left: 1px solid #7E61CF;
border-right: 1px solid #C7B3FD;
border-bottom: 1px solid #7E61CF;
height: 110px;
margin: 0px 0 0 0;
padding: 5px;
}

.logo{
margin-left: 75px;
margin-top: 25px;
}

.address{
background-image: url(images/logo-text.gif);
background-position: top left;
background-repeat: no-repeat;
width: 152px;
height: 66px;
margin: 22px 18px 0 0;
padding-top: 15px;
float: right;
font-size: 0.8em;
text-align: right;
}
.content-shell{
margin: 0px;
width: 748px;
border-left: 1px solid #7E61CF;
border-right: 1px solid #C7B2FD;
/*border-top: 15px solid #7E61CF;*/
padding: 0 0 5px 0;
background-image: url(images/watermark.gif);
background-position: top left;
background-repeat: repeat-y;

}
.content{
float: right;
width: 480px;
padding: 0px;
margin: 0px;
border: 6px solid #FFFFFF;
}


ul.navigation{
width: 141px;
list-style-type: none;
margin: 10px 120px 20px 0;
padding: 0px;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
text-align: center;
clear: left;
}

ul.navigation li{
border-top: 1px solid #FFFFFF;
background-color: #7E61CF;
border-left: none;
font-size: 0.8em;
padding: 3px;
width: 135px;
}

ul.navigation li a{
color: #FFFFFF;
text-decoration: none;
}

ul.navigation li a:hover{
color: #FFFFFF;
text-decoration: inderline;
}

.horizontal-nav{
font-size: 0.8em;
padding: 5px;
text-align: center;
}


.horizontal-nav ul{
height: 15px;
padding: 0px;
margin: 0px;
}

.horizontal-nav li{
display: inline;
}

.horizontal-nav li a{
color: #545454;
text-decoration: none;
}
.horizontal-nav li a.selected, .horizontal-nav li a.selected:hover{
text-decoration: underline;
}
.horizontal-nav li a:hover{
color: #7E60CE;
text-decoration: none;
}

.horizontal-nav img.sep{
margin: 0 25px 0 25px;
}


.footer{
background-image: url(images/foot-strapline.gif);
background-position: top left;
background-repeat: no-repeat;
height: 45px;
padding-top: 35px;
}

.samortgage{
margin: 0px;
width: 207px;
float: left;
}

.copyright{
float: right;
line-height: 17px;
text-align: right;
width: 300px;
font-size: 0.8em;
margin: 0px 4px 00px;
width: 290px;
}

.copyright img{
margin: 45px;
}

/*------------------
  HIGHLIGHT
--------------------*/

.highlight{
background-color: #F1EDFE;
padding: 10px 10px 10px 6px;
margin: 0px;
font-size: 0.8em;
/*background-image: url(images/bg-highlight.gif);
background-position: bottom right;
background-repeat: no-repeat;*/
}

.highlight.select-price{
background-color: #F1EDFE;
padding: 0px 0px 5px 0px;
margin: 0px;
font-size: 1.1em;
background-image: url(images/watermark-light.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.highlight-hd{
background-color: #C7B2FD;
padding: 3px 2px 3px 5px;
margin: 0px;
font-size: 1em;
text-transform: uppercase;
color: #FFFFFF;
}
.highlight a.elink{
background-image: url(images/elink-lgrey.gif);
background-position: right;
background-repeat: no-repeat;
margin-right: 10px;
padding-right: 20px;
color: #737375;
}
.highlight p{
padding: 5px;
}

.highlight h1{
color: #333366;
font-family: Trebuchet MS, AriAL, Sans-serif;
font-size: 1.6em;
font-weight: 400;
display: block;
margin: 0 0 8px 0;
padding: 0px;
}

.highlight h2{
color: #646464;
font-family: Trebuchet MS, AriAL, Sans-serif;
font-size: 1.4em;
font-weight: 600;
display: block;
margin: 0 0 8px 0;
padding: 0px;
}

.highlight.select-price ul li a{
color: #585657;
}

.highlight.select-price ul li{
list-style-image: url(images/li.gif);
line-height: 17px;
}

.highlight img{
float: left;
margin: 5px 15px 5px 5px;
}

/*------------------
  HOMEPAGE SPECIFIC
--------------------*/

a.pom{
float:right;
}
span.location{
float: left;
}
span.price{
float: right;
}


.history{
float: right;
display: block;

padding: 5px 0 5px 0;
margin-left: 10px;
font-size: 0.8em;
}
.history img{
border: 1px solid #999999;
margin-right: 20px;
}



.breadcrumb{
background-color: #7E60CE;
height: 15px;
font-size: 10px;
padding: 2px 0 2px 15px;
color: #FFFFFF;
}

.breadcrumb a{
text-decoration: underline;
color: #FFFFFF;
}

/*---------------
  Homes for Sale
-----------------*/

div.sales-list{
font-size: 0.85em;

}

div.sales-list h1{
font-size: 1em;
margin-bottom: 15px;
margin-left: 10px;
}

div.sales-list p{
font-size: 0.95em;
color: #676767;
}

div.property div.hd{
border: 1px solid #E6DDFC;
background-color: #F1EDFE;
padding: 2px 2px 2px 5px;
text-transform: uppercase;
}

div.property div.hd h1{
color: #666666;
margin-right: 300px;
padding: 0 0 0 4px;
margin: 0px;
font-size: 1em;
}

div.property div.hd span.price{
float: right;
font-size: 0.95em;
}

div.photo{
float: left;
margin: 10px;
text-align: center;
font-size: 0.95em;
}

div.photo img{
border: 1px solid #DADBDD;
}

/*------------------------
   DETAIL PAGES
*------------------------*/

.highlight-detail{
font-size: 1em;
}

.highlight-detail .location{
float: left;
font-weight: bold;
font-size: 1.1em;
}

.highlight-detail .price{
float: right;
font-weight: bold;
font-size: 1.1em;
}

div.property.detail div.hd{
text-transform: none;
text-align: center;

}

div.property.detail div.hd h1{
font-weight: 500;
}

div.gallery{
text-align: center;
border: 2px solid #FFFFFF;
}

div.photo-gallery{
width: 218px;
float: left;
margin: 5px;
border: 1px solid #CCCCCC;
overflow: hidden;
padding: 1px;
}

span.back{
float: right;
}

.agents{
font-size: 1em;
}
.row{
background-color: #F1EDFE;
padding: 0px;
margin: 0 0 10px 0;
height: 137px;
width: 480px;
}

.agent-list{
overflow:none;
width: 480px;
padding: 0px;
}

.agent-list .female{
float: left;
background-color: #FFFFFF;
background-image: url(images/agents/bg-female.gif);
background-position: top left;
background-repeat: no-repeat;
width: 212px;
height: 113px;
margin: 10px 0px 10px 11px;
padding:0px;
overflow: hidden;
}

div.agent-list div.female div.image, div.agent-list div.male div.image{
float: left;
width: 113px;
height: 111px;
margin: 1px 0 0 1px;
padding:0px;
overflow: hidden;
/*border: 2px 2px 0 1px;*/
}

.agent-list div.female div.desc{
float: left;
font-size: 0.8em;
text-align: left;
margin: 6px 0 0 0;
padding:0px;
line-height: 22px;
color: #666666;
}

.agent-list div.female div.desc a.elink{
color: #666666;
background-image: url(images/elink-white.gif);
background-position: right;
background-repeat: no-repeat;
margin-right: 10px;
padding-right: 20px;
}


.agent-list div.male div.desc{
float: left;
font-size: 0.8em;
text-align: left;
margin: 6px 0 0 0;
padding:0px;
line-height: 22px;
color: #FFFFFF;
}
.agent-list div.male div.desc a.elink{
background-image: url(images/elink-dgrey.gif);
background-position: right;
background-repeat: no-repeat;
color: #FFFFFF;
margin-right: 10px;
padding-right: 20px;
}
.agent-list .male{
float: right;
background-image: url(images/agents/bg-male.gif);
background-position: top left;
background-repeat: no-repeat;
width: 212px;
height: 113px;
margin: 10px 10px 10px 5px;
background-color: #CCCCCC;
border: 1px solid #FFFFFF;

}

.agent-list .empty{
float: right;
background-image: none;
width: 212px;
height: 113px;
margin: 10px 10px 10px 5px;
}
/*------------------------
   CONTACT
*------------------------*/

.contact p{
font-size: 1.4em;
margin-top: 0px;
padding-top: 0px;
}

.contact-address{
float: right;
width: 180px;
}

img.map{
float: left;
}

img.contact-agent{
margin: 15px 0 0 20px;

}

/*------------------------
   ABOUT FRE
*------------------------*/

.about p{
font-size: 1.3em;
}

.about .content{
float: right;
width: 260px;
border: none;
}

.about img{
float: left;
margin: 0 10px 0 0;
padding: 0px;
}

/*------------------------
   ABOUT PE
*------------------------*/
.highlight.about-pe{
padding: 0px;
}
.about-pe p{
font-size: 1.1em;
margin-left: 0px;
padding-left: 0px;
}
.about-pe .content{
float: left;
width: 330px;
border: none;
margin: 0px;
padding: 0px;
}

img.campanile{
float: right;
margin: 0px;
padding: 0px;
}

div.pe-images{
text-align: center;
margin-top: 15px;
}

div.pe-images img{
margin: 5px;
}

/*----------------
   SUBURBS
 -----------------*/
 .suburbs {
font-size: 1em;
}
.suburbs img{
float: left;
margin: 0 8px 0 0;
}

.suburbs table{

margin: 10px 0 10px 25px;
}

.suburbs table td{
width: 200px;
vertical-align: top;
padding:5px;
}

/*----------------
   SELL
 -----------------*/
 
  .sell {
font-size: 1em;
line-height: 12px;
}

  .sell p{
font-size: 1em;
line-height: 12px;
}
.sell img{
float: left;
margin: 0 8px 0 0;
}

/*----------------
   EVAL
 -----------------*/
 
.eval {
font-size: 1em;
line-height: 13px;
}


.eval img{
float: left;
margin: 0 8px 0 0;
}

/*----------------
   ATTORNEY
 -----------------*/
 
.attorney {
font-size: 1em;
line-height: 13px;
}


.attorney img{
float: left;
margin: 0 8px 0 0;
}