/************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#wrapper {  
  text-align: left;
  width: 960px;
  margin: 0 auto;
  background:url(/images/restyle/content_right_bg.png) no-repeat right 145px;
}
 
#page {
  width: 930px;
margin:0 auto;
}

#content
{ 
float:right;
width:665px;
margin-left:10px;
line-height:18px;
min-height:500px;
}

.content_inner
{
width:620px;
margin-left:10px;
}

#rightcol 
{
float:left;
width:247px;
margin-top:91px;
}

.box
{
margin:0px 0 0 0;
background:#dff1f8;
padding:0 0 15px 0;
}

.box2
{
margin:20px 0 0 0;
background:#d7fc8e url(/images/angle2.gif) no-repeat top right;
padding:0 0 20px 0;
}


#areas_title .button {width:150px; margin-top:30px;}

/*****************   home intro **************************/

.home_intro {
  position:relative;
  height:352px;
  }

.home_intro img {
  border-top:3px solid #fff;
  border-right:3px solid #fff;
  margin-top:20px;
  width:630px;
}

.home_intro p {
  position:absolute;
  bottom:0;
  left:0;
  background:url(/images/restyle/intro_bg.png) no-repeat bottom left;
  font-family: 'Myriad pro', arial, sans-serif;
  font-size:18px;
  font-weight:100;
  color:#0079b0;
  padding:20px 150px 15px 20px;
  line-height:1.3em;
}


/*****************   search form **************************/
#search {font-size:11px;
}

#search form
{padding:0 15px;
margin:0;}

#search ul
{padding:0; margin:0;}

#search li 
{padding:5px 0;
clear:both;}



/****************  locations ********************************/

#locations li 
{
padding:0 0 0 15px;
margin:0;
display:block;
width:100px;
float:left;
font-size:12px;
}

#locations 
{
padding-bottom:20px;
margin-top:20px;
}

#locations li a:hover
{
color:#7AB800;
}


/*************************** property type **********************/

#property_type .item

{
width:33%;
float:left;
height:60px;
}

#property_type h3
{
color:#7AB800;
font:700 15px arial, verdana, sans serif;
padding:0;
margin:0 0 3px 0;
}
#property_type h2
{
margin-bottom:15px;
}

#property_type .item li
{
float:left;
width:130px;
padding:0 0 0 13px;
margin:0;
font-size:9px;
line-height:15px;
font-size:11px;
list-style:none;
background: url(/images/bullet.gif) no-repeat top left;
vertical-align:bottom;
}

#property_type .item li a
{
color:#737373;
text-decoration:none;
}

#property_type .item li a:hover
{
color:#7ab800;
}

#property_type .item li a:visited
{
color:#b2b4bf;
}


#property_type .item img
{
float:left;
margin:0 10px 0 0;

}

/*************************** property list **********************/

.property_item

{
clear:both;
margin:0 0 20px 0;
height:100px;

}

.property_item img.floatLeft

{
margin: 0px 15px 0px 0px;
padding:3px;
background:url(/images/prew_bg.gif) no-repeat;
display:block;
}

.property_item h3, .property_item p 

{
padding:0;
margin:0;
} 

.property_item p.address

{
font-weight:500;

}

.property_item p.size

{
font-weight:500;
padding:0;
margin:0;
}


.property_item .rent, .property_item p.address 

{
padding-top:6px;
}

.property_item ul li

{
display:inline;
}


.shadow a img 

{border:1px solid #c3c3c3;
 
}

.shadow a:hover img 

{
	border:1px solid #c3c3c3;
 
}

.shadow {
display:inline;
margin-right:15px;
border:1px solid #f2f2f2;
border-bottom:none;
padding:0;
}

.thumnails li img
{
width:50px;
border:1px solid #c3c3c3;
	
}

.thumnails li 
{
float:leftt;
display:inline;
margin:15px 5px 0 0;
padding:0;
}

.google p

{width:370px;
padding:5px 0 0 0;
margin:0;}

.google img
{
float:left;
width:70px;
margin:5px 10px 5px 0;
}


/******************** footer **************************/

#footer {
  background:#dff1f8;;
  height:60px;
  margin-top:0px;
  padding:10px 15px;
}

#footer p 

{
padding:5px 0 0 0;
margin:0 0 30px 0;
color:#00759A;
font-size:11px;
}

#footer a img, #footer a:hover img

{
border:none;
padding:0;
margin:5px 0 0 0;
}



/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
height:145px;
}

#header h1 {
  margin:0;
  padding:0;
  float:left;
 }



#header h1 a
{
position:absolute;
width:276px;
height:236px;
display:block;
background: url(/images/restyle/hl_site_logo.png) no-repeat;
text-indent:-50000px;
margin:0;
padding:0;
top:0;
outline:none;

}

#header h1 span {
display:none;
}


#areas_title {
  
	border-bottom:1px solid #dff1f8;	
}

#areas_title h2 {

	border-bottom:none;
	margin-bottom:0;
}


/**************************************************************
   #menu: Holds the main page content.
 **************************************************************/
 
 
 
#menu {
float:left;
margin-top:80px;
display:inline;
margin-left:261px;
}

#menu li{
display:inline;
}
#menu ul {
margin:0;
padding:0;
}

#menu li a {
padding:0 20px;
float:left;
color:#fff;
margin:0;
font-size:15px;
text-decoration:none;
font-weight:bold;
line-height:65px;
border-left:1px solid #8ca525;
border-right:1px solid #afc849;
outline:none;
}

#menu li a:hover, #menu li.selected a{
background:#8ca525;
border-left:1px solid #7c921f;
border-right:1px solid #7c921f;
outline:none;
}





/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}


.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.smaller {
  font-size: 0.85em;
  line-height:1.4em;
}

.bigger {font-size:1.5em;
padding-top:15px;}

.green {
  color: #7ab800;
}

.red {
  color: #EA1B00;
}

.blue {
  color: #00759a;
}


.grey {
  color: #666;
}

.light_grey {
  color: #999;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}