/*--------------------------------------------------
   Content Area - box below header and nav
--------------------------------------------------*/
#pageFrameHome
{
   background: url(../graphics/home_gradient.jpg) repeat-x;
}

/* Search Boxes */
#searchHomesBox, #openHouseBox
{
   background: url(../graphics/search_homes_back.jpg) no-repeat;
   width: 402px; /* 363 width - 15 padding */
   height: 264px;
   margin-left: 24px;
   padding: 0px 0px 0px 15px;
   display: inline;  /* for IE6 Margin Bug */
   float: left;
}

/*
* html body #searchHomesBox, * html body #openHouseBox
{
   width: 400px;
   padding: 0px 0px 0px 32px;
   margin-left: 13px;
}
*/

#openHouseBox { background: url(../graphics/open_house_back.jpg) no-repeat; }

#searchHomesBox .text, #openHouseBox .text 
{ 
   margin-top: 11px;
}

#searchHomesBox .text 
{
   width: 262px; 
   float: left; 
}

#searchHomesBox h3, #openHouseBox h3
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   color: #2a4586;
   margin: 4px 0px;
   padding: 0px;
}

#searchHomesBox #sponsor
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   margin-top: 11px;
   float: left;
}

#searchHomesBox #sponsor img { margin-top: 2px; }

#searchHomesBox form, #openHouseBox form
{
   clear: left; 
   border: solid 0px #999; 
   margin: 0px; 
   padding: 0px;
   width: 340px;
}

#searchHomesBox table, #openHouseBox table
{
   font-size: 11px;
   font-weight: bold;
   width: 340px;
   margin: 0px;
   padding: 8px 0px 0px 0px;
}

#searchHomesBox th, #openHouseBox th
{
   font-weight: normal;
   text-align: right;
   padding: 2px 4px 2px 0px;
}

#searchHomesBox td, #openHouseBox td
{
   font-weight: normal;
}

#searchHomesBox select, #searchHomesBox input,
#openHouseBox select, #openHouseBox input
{
   font-size: 11px;
   font-weight: normal;
}

#searchHomesBox .fixedWidth, openHouseBox .fixedWidth { width: 100px; }



/* Portal Butons, About, Links */
#pageFrameHome #textArea
{
   /* clear: left; */
   background: url(../graphics/text_back.gif);
   background-repeat: repeat-y;
   background-position: 587px 0px;
   /* padding-top: 20px; */
   overflow: hidden;
}

/* Portal Buttons */
#portalButtons
{
   text-align: left;
   margin: 0px 0px 0px 27px;
   display: inline;  /* for IE6 Margin Bug */
   float: left;
}

#portalButton1, #portalButton2, #portalButton3, #portalButton4
{
   width: 248px;
   height: 84px;
   margin: 0px 0px 3px 0px;
   cursor: pointer;
}

#portalButton1 { background: url(../graphics/for_buyers.jpg) no-repeat; }
#portalButton2 { background: url(../graphics/for_pros.jpg) no-repeat; }
#portalButton3 { background: url(../graphics/for_training.jpg) no-repeat; }
#portalButton4 { background: url(../graphics/for_owners.jpg) no-repeat; }

#portalButtons .heading
{
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   line-height: 16px;
   padding: 10px 0px 0px 80px;
}

#portalButtons p
{
   font-size: 11px;
   line-height: 12px;
   color: #fff;
   margin: 10px 10px 0px 80px;
}

/* About and Links */
#pageFrameHome #col1, #pageFrameHome #col2
{
   margin: 0px;
   width: 272px;
   margin-left: 32px;
   float: left;
}
#pageFrameHome #col1 { margin-left: 25px; }

#pageFrameHome #col1 h2, 
#pageFrameHome #col2 h2
{
   font-size: 14px;
   font-weight: bold;
   padding: 8px 0px 8px 18px;
   margin: 0px;
   background-color: #EAEAEA;
   color: #000;
}

#pageFrameHome #col1 p { margin: 10px 0px 0px 18px; }
#pageFrameHome #col2 p { margin: 0px; padding: 0px; }
#pageFrameHome #col1 ul { margin: 10px 0px 0px 18px; }

/* * html #pageFrameHome #news { width: 338px; } */

/* Did you Know? */
#pageFrameHome #infoArea
{
   background-color: #EAEAEA;
   width: 230px;
   margin: 26px 0px 0px 0px;
   padding: 10px 10px 0px 10px;
   font-size: 11px;
   line-height: 14px;
   float: left;
}

#pageFrameHome #infoArea #icon
{ 
   margin: 0px 0px 0px 10px;
   float: left;
}

#pageFrameHome #infoArea p
{
   font-size: 12px;
   color: #000;
   line-height: 16px;
   margin:0 0 12px 0;
}

#pageFrameHome #infoArea h3
{
   font-size: 14px;
   font-weight: bold;
   color: #000;
   margin: 0 0 10px 0;
   padding: 0;
}

#pageFrameHome #infoArea img
{
   float: left;
   margin: -1px 7px 0 0;
}