/*********************************
Roy Wheeler Realty Company
Site version 2.0
Author: Rick Whittington
Rick Whittington Consulting LLC
http://www.rickwhittington.com/consulting/

Revised 9/28/2006
*********************************/

/************ DEFAULT STYLES ************/

* { 
    font-family: Trebuchet MS, Myriad, Lucida, Lucida sans, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    margin: 0;
    padding: 0;}

body {
    margin: 0 auto;
    background: #eae7d2 url(../images/secondary_bg.gif) top left repeat-x;
    text-align: center;}

img {border: none;}
fieldset { border: none; margin: 0 0 10px 0; }
p { margin: 0 0 12px 0; }
a { text-decoration: none; color: #00f; }
a:hover { text-decoration: underline; }
	    
/************ PAGE CONTAINER ************/

#container { width: 750px; margin: 0 auto; padding: 0; text-align: left; }
   
/************ MASTHEAD ************/

#masthead { position: absolute;	top: 0px; left: auto;}
#mastheadCap { width: 750px; height: 31px; line-height: 300px; overflow: hidden;  background: url(../images/masthead_tagline.gif) top right no-repeat; }
#mastheadLogo { width: 750px; height: 67px; background: #005944 url(../images/masthead_bg.jpg) top left no-repeat;}
#mastheadLogo #logo { width: 375px; padding: 15px 0 0 0; float: left;} 
#mastheadLogo #tools { width: 171px; padding: 25px 0 0 40px; float: left; color: #fff;} 
#mastheadLogo #tools a {color: #fff; text-decoration: none;}
#mastheadLogo #tools a:hover {color: #fff; text-decoration: underline;}
#mastheadLogo #relo { width: 164px; height: 65px; overflow: hidden; float: left; text-align: right;} 
#view h2 { width: 750px; height: 184px; background: url(../images/home1.jpg); line-height: 800px; overflow: hidden; }
	    
/************ CASCADING NAVBAR ************/

#globalNav { /* div that contains the nav bar */
  width: 750px;
  height: 28px;
  text-align:left;
  background-color: #008b6a;
  }



ul#navmenu {

  width: 750px; /*For KHTML*/

  list-style: none;

  height: 28px;

}



ul#navmenu li {

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height: 28px;

}



ul#navmenu ul {

  width: 170px;

  list-style: none;

  display: none;

  position: absolute;

  top: 28px;
  margin: 0 0 0 -1px;

  left: 0;

}



ul#navmenu ul li {

  float: none; /*For Gecko*/

  display: block !important;

  display: inline; /*For IE*/

}



/* Root Menu */

ul#navmenu a {

  border-right: 1px solid #005944;

  padding: 5px 12px;

  float: none !important; /*For Opera*/

  float: left; /*For IE*/

  display: block;

  background: #008b6a; /*button BG color */

  color: #fff; /* button text color */

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/

}

ul#navmenu a.end { border: none; }


/* Root Menu Hover */

ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #005944; /* BG color for button hover state */
  color: #FFF;
}



/* 2nd Menu */

ul#navmenu li:hover li a,

ul#navmenu li.iehover li a {

  float: none;

  background: #008b6a; /* dropdown bg color */

  color: #fff;  /* dropdown text default color */

  border: 1px solid #005944;

}

/* 2nd Menu Hover */

ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a { background: #005944; color: #fff; border: 1px solid #005944; }

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul { display: block; }
	    
/* HOMEPAGE SECTIONS */

#search h2 { color: #005944; font-weight: bold; text-transform: uppercase; padding: 12px 10px 0 15px; margin: 0 0 10px 0; }
#search { width: 363px; height: 210px; margin: 10px 13px 0 0; background: url(../images/bg_home_search.jpg); float: left; }
#search ol { padding: 0 0 0 12px; }
#search label { display: inline-block; width: 105px; line-height: 1.8; float: left; }
fieldset li { list-style: none; padding: 3px; }
.submit { float: left; padding: 0 5px 0 13px; }
.advanced { float: left; margin: 4px 0 0 0; }	
.featureR { width: 335px; height: 198px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(../images/bg_home_section.gif); float: right; }
.featureL { width: 335px; height: 198px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(../images/bg_home_section.gif); float: left; }
.featureSecR { width: 335px; height: 156px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(../images/bg_home_section_sec.gif); float: right; }
.featureSecL { width: 335px; height: 156px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(../images/bg_home_section_sec.gif); float: left; }
.featureR .content, .featureL .content, .featureSecR .content, .featureSecL .content { float: left; line-height: 15px; width: 210px; }
.featureR h2, .featureL h2, .featureSecR h2, .featureSecL h2 { color: #005944; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; }
.imageBox { width: 122px; float: left; }
.imageBox img { border: 1px solid #005944; }
.content li { list-style: none; background: url(../images/bullet.gif) top left no-repeat; padding: 0 0 0 10px; display: block;}
	
/* SECONDARY PAGE LAYOUT */

#content {position: absolute; top: 150px; left: auto; text-align: left;}
#lcol, #rcol { float: left; width: 191px; margin: 10px 0 0 0; }
#lcol .navboxtop, #rcol .navboxtop { background: url(../images/bg_navboxtop.gif) top left no-repeat; padding: 12px 12px 4px 12px; }
#lcol .navboxbottom, #rcol .navboxbottom { background: url(../images/bg_navboxbottom.gif) top left no-repeat; height: 12px; margin: 0 0 10px 0; }
.navboxtop h2 { font-weight: bold; font-size: 13px; color: #593100; margin: 0 0 10px 0; }
.navboxtop li { list-style: none; padding: 2px 0; border-bottom: 1px solid #dad6b9; display: block; }
.navboxtop li a { color: #4c4c4c; display: block; }
#lcol .navboxtop a:hover,
.navboxtop li:hover a,
.navboxtop li.iehover a { background-color: #eae7d2; /* BG color for button hover state */ text-decoration: none; }
.navboxtop label { color: #593100; font-weight: bold; font-size: 13px; }
.navboxtop input { margin: 0 0 6px 0; }
#mcol { float: left; margin: 10px 12px 0 12px; width: 523px; padding: 0; }
#mcol h1 { font-weight: bold; font-size: 20px; color: #593100; margin: 0 0 10px 0; }
#rcol .navboxtop p { font-size: 11px; }
#rcol a { color: #00f; text-decoration: none; font-size: 11px; }
#rcol a:hover { text-decoration: underline; }
	
/* FOOTER */

#footer { width: 100%; height: 257px; background: url(../images/bg_footer.gif) top left repeat-x; color: #eae7d2; margin: 10px 0 0 0; text-align: center; }
#footer #footercontainer { margin: 6px auto; width: 750px; }
#footerLogo { float: left; width: 375px; margin: 10px 0 20px 0; }
#footerLinks { float: right; width: 375px; text-align: center; padding: 55px 0 0 0; }
#footerLinks p { margin: 30px 0 0 0; }
#footerBottom { width: 750px; border-top: 1px dotted #eae7d2; text-align: left; }
#footerBottom #disclaimer { float: left; width: 375px; }
#footerBottom #utilities { float: right; width: 375px; text-align: right; }
#footerBottom a, #footerLinks a {color: #eae7d2; text-decoration: none;}
#footerBottom a:hover, #footerLinks a:hover {color: #eae7d2; text-decoration: underline;}