/*
CSS file for ForestHill Real Estate Inc
(C) 2009. Efficacy.ca

Based on the design of Nicky Pillon
*/


/* Standard HTML tags */

body {
	font-family: Arial, Helvetica, sans-serif;
		background-image:url(/images/bg_repeat.jpg);
	background-repeat:repeat-x;
	margin:0px;
	background-color: #D4D1CA;
	font-size: 12px;
	margin-top:0px;
	height:auto;
}

p {
	font-size:12px;
}

h1 {
	font-size:15px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size: 13px;
}

a {
	color: #1C110E;
	font-size:11px;
}


/* Structural tags */

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	margin-top:0;
	background-color:#000000;
	height: 100%;

}

#header-logo {
 margin: 0px;
 padding: 0px;
 float:left;
 height: 125px;
}

#header-nav {
 margin: 0;
 padding: 0;
 float: left;
 height: 55px;	
}

#newest-listings {
	width: 600px;
	height: 600px;
	float: left;
}

#search-vertical {
	width: 400px;
	float: left;
	margin-top: 0;
	padding-top: 0;
	font-size: 12px;
}


#search-horizontal {
	width: 1000px;
	float: left;
	font-size:0.9em;
	padding-left: 0px;
	margin-top:3px;
	margin-bottom: 3px;
	padding: 0px;
	background-color: #F8F9F4;

}

#search-fields {
	margin:10px;
	background-color: #D6D1C9;
	border: 1px  solid #999999;
	font-weight:bold;
}

#google-map {
    float: left;
    width: 600px;
    height: 400px;
  }

#search-results {
    float: left;
    width: 390px;
		height: 400px; overflow: auto;

	font-size:0.8em;
}


#content-wrapper {
	background-color: #F8F9F4;
	padding-top: 0px;
	width: 1000px;
	float:left;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	height: 100%;
	
}

#branches {
	width: 1000px;
	float:left;

}
#footer-inner {
	float:left;
	width: 100%;
	color:#666666;
	font-size:0.9em;
	text-align:right;
	margin:0px;
	padding: 0px;
	background-color: #F8F9F4;
	border-left: 1px solid #7A0101;
	border-right: 1px solid #7A0101;
	border-bottom: 1px solid #7A0101;  
}


#footer {
	float:left;
	width: 100%;
	height: 50px;
	color:#666666;
	font-size:0.9em;
	text-align:right;
	margin:0px;
	margin-top:10px;
	padding: 0px;
	background-image: url(/images/2pxfooter.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
}


#popup-window {
	width: 900px;
	float:left;
	background-color:#FFFFFF;
}


#popup-header {
	background-image:url(/images/pop-upTop.gif);
	width:inherit;
	height:54px;
	float:left;
}

#popup-footer {
	background-image:url(/images/pop-upBottom.gif);
	width:inherit;
	height:39px;
	float:left; 
}

#popup-gallery {
	width:600px;
	float:left;
	text-align:center;
	min-height:390px;
}

#popup-listing-info {
	width:295px;
	float:left;
	margin-left:5px;
}

#agent-window {
	margin-top: 3px;
	width:1000px;
	float: left;
}

.agent-window-simple {
	width:470px;
	float: left;
	padding-left:1px;
	height: 200px;
	padding-top:5px;
	margin-top: 3px;
	margin-left: 7px;
	margin-right: 7px;
}

.agent-window-wide {
	width: 970px;
	float: left;
	padding-left:1px;
	height: 170px;
	padding-top:5px;
	margin-top: 3px;
	margin-left: 7px;
	margin-right: 7px;
}

.agent-list {
	margin-bottom: 15px;
	width:1000px;
	float: left;
	margin-top:5px;
}


#agent-picture {
	text-align:center;
	width: 164px;
	padding: 3px;
	float: left;
	height: 200px;
}

#agent-info {
	width: 824px;
	padding: 3px;
	float: left;
}

#agent-contact {
	width: 994px;
	padding: 3px;
	float: left;	
}

#yellow-notice {
  border: 1px solid black;
  padding: 3px;
  margin-bottom: 10px;
	margin-top: 15px;
  background-color: #FFFF00;
}

#news-article {
	padding: 3px;
	
}

/* Other style classes */
.notice {
	padding: 2px;
	background:#D6D1C9; 
	border: 1px solid #999999;
	float:left;
	width: 990px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.pad3 {
	margin-right: 5px;
}

.branch {
	width: 1000px;
	float: left;
	border: 1px  #999999 solid;
	margin-right: 1px;
	padding: 0px;

}

.branch-new {
	width: 329px;
	float: left;
	border: 1px  #999999 solid;
	margin-right: 2px;
	padding: 0px;
	margin-bottom: 5px;

}
.section-header {
	background-color: #7e7464;
	padding: 3px;
	margin-top: 0;
	padding-top: 0;
}


.fh-form {
	background-color: #F8F9F4;
	font-size:1.0em;
	color:#000000;

}

.row {
	background-color: #F8F9F4;
	border: 1px solid #bababa;
}

.row-alt {
	background-color: #D6D1C9;
	border: 1px solid #bababa;

}

.row-highlight {
	border: 1px solid #666666;
	color:#FF0000;
}

.noborder {
	border:none
}

.highlight {
background-color: #D6D1C9;
border: 1px solid #999999;
}

.option-agent {
		background-color: #F8F9F4;
	border: 1px solid #bababa;
	font-size: 13px;
}

.option-agent-alt {
		background-color: #D6D1C9;
	border: 1px solid #bababa;
	font-size: 13px;
}

#agentlist {
	width: auto;
	margin-left:5px;
	height: 400px;
}

.smalltext {
	font-size:10px;
}


* { margin:0px; padding:0px}
#gallery {position:relative; width:521px; }
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:600px; height:430px;  background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:600px; height:100px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:600px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer; padding-left: 0px; margin-left:0px}
.imgnav {position:absolute; width:10%; z-index:100; height:270px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(/images/left.gif) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(/images/right.gif) right center no-repeat; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
	       
				 
.branch1 {
	background-color: #E7D9C4;
}

.branch2 {
	background-color: #D6D1C9;
}

.branch2 {
	background-color: #FBE1B6;
}