/*	Desc: *title* Screen Style Sheet
	Author: Heather Mulholland
	Date: *last modified date*
	+ Colours
	- body copy: #333
	- more info links: #606060
	- red: #d0222b
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

body{
background: url(../images/backgrounds/body-bg.jpg) repeat-x #e7e3a8;
}

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

#topContainer .leftContent{
width:574px;
}

#topContainer .rightContent{
width:249px;
}

#contentAreaContainer{
margin:30px 0px;
width:539px;
}

#contentArea{
background: url(../images/backgrounds/contentarea-bg-bottom.jpg) bottom no-repeat;
padding:10px 29px 29px 29px;
font-family:arial;
font-size:12px;

}

#contentArea a{
color:#7E8F1F;
text-decoration: none;
}

/*=COMMON
=== === === === === === === === === === */

p.predatorRidgeLink a{
background: url(../images/buttons/goToPredatorRidge-button.jpg) no-repeat;
display: block;
width:170px;
height:28px;
}

p.logo a{
background: url(../images/logos/logo.jpg) no-repeat;
display: block;
width:518px;
height:53px;
margin:50px 0px 0px 0px;
}

.houseImage{
background: url(../images/home/house-image.jpg) no-repeat;
display: block;
width:249px;
height:143px;
}

.listingAgent{
background: url(../images/home/listingagent-image.jpg) no-repeat;
display: block;
width:249px;
height:129px;
}

.informationTextHeader{
color:#4a443a;
font-family: Georgia;
font-style: italic;
font-size:16px;
margin:35px 50px 0px 0px;
line-height: 140%;
}

p.listingAgentText{
background: url(../images/home/listingagent-text.jpg) no-repeat;
display: block;
margin:30px 0 0 0;
width:125px;
height:13px;
}

#listingAgentContent{
background-color: #18485e;
width:199px;
color:#fff;
padding:35px 25px 25px 25px;
font-family: Arial;
font-size:12px;
}

.listingAgentName{
font-family: Georgia;
font-size: 24px;
font-weight: normal;
padding:25px 0px;
line-height: 100%;
}

#listingAgentContent strong{
font-size:10px;
}

#listingAgentContent a{
color:#fff;
text-decoration: none;
display: block;
margin:0px 0px 0px 0px;
}

.showmoreinfo {
    display: none;
    color: #fff;
    padding-top: 15px;
}

.showmoreinfo p{
padding:0px 0px 10px 0px;
}
.showmoreinfo2 {
    display: none;
    color: #fff;
    padding-top: 15px;
}

.showmoreinfo2 p{
padding:0px 0px 10px 0px;
}
#contentSubmenu{
background:url(../images/backgrounds/content_submenu_bg.gif) no-repeat bottom;
border:1px solid #cccccc;
margin:5px 0px 25px 0px;
*padding:5px 10px;
width:478px;
}

#contentSubmenu ul{
margin:5px 0px 5px 10px;
text-align: center;
}

#contentSubmenu li{
display: inline;
text-align: center;
padding:0px 10px 0px 0px;
}

#contentSubmenu .currentListings li{
padding:0px 20px 0px 0px;
}

#contentSubmenu a{
text-decoration: none;
text-transform: uppercase;
color:#7E8F1F;
font-size:10px;
}

#contentSubmenu a:hover{
color:#7e8f1f;
}


ul.bullets li{
background: url(../images/icons/green_bullet.gif) no-repeat 0px 2px;
padding:0px 0px 5px 18px;
}

#middleContent ul.bullets{
margin:0px 0px 15px 0px;
}

#middleContent ul.bullets li ul{
margin:0px 0px 0px 0px;
}

.red{
color:red;
}

h4{
font-weight: bold;
padding:0px 0px 2px 0px;
font-size:12px!important;
color:#333333!important;
}

h2{
color:#7e8f1f;
font-size:20px;
margin:0px 0px 15px 0px;
}

.greyBorder{
border:1px solid #ccc;
}

.marginBottom{
margin-bottom: 15px;
}

.marginTop{
margin-top:15px;
}

p.orangeTitle{
color:#cf8a2f;
font-size:25px;
margin:0px 0px 15px 0px;
}



/*=TABLE
=== === === === === === === === === === */

table{
margin:0px 0px 15px 0px;
}



td.homeType{
width:110px;
}

td.neighbourhood{
width:119px;
}

td.address{
width:149px;
}

td.status{
width:64px;
}

td.price{
width:77px;
}

td.bedrooms{
width:77px;
}

td.listing{
width:70px;
}

table .header{
background-color:#333333;
color:#979797;
font-size:10px;
}

table .header .mainText, table .header .mainText a{
text-transform:uppercase;
color:#fff!important;
font-size:12px;
}

table td{
padding:10px;
vertical-align: top;
}

table .secondHeader{
background-color:#eee;
}

table .borderBottom{
border-bottom:1px solid #eee;
}


 a.moreInfoButton{
color:#fff!important;
text-decoration: none;
padding:5px;
text-transform: uppercase;
font-size:10px;
background-color: #818181;
border:1px solid #cccccc;
margin:15px 0px 0px 0px;
}

 a:hover.moreInfoButton{
text-decoration: underline;
}

table a:hover{
text-decoration: underline!important;
}


/*=FLOATS
=== === === === === === === === === === */

.floatRight {
  float: right;
}
.floatLeft{
  float:left;
}


/*=CLEAR
=== === === === === === === === === === */

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}
/* End Clear fix */

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* End hide from IE-mac */