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

Revised 7/4/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(/~roywheel/images/site_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; }
	a:hover { text-decoration: underline; }
	
	    
/* PAGE CONTAINER */

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

	#mastheadCap {
	    width: 750px;
	    height: 31px;
	    line-height: 300px;
	    overflow: hidden; 
	    background: url(/~roywheel/images/masthead_tagline.gif) top right no-repeat; }
	    
	#mastheadLogo {
	    width: 750px;
	    height: 67px;
	    background: #005944 url(/~roywheel/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(/~roywheel/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: 160px;

  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 Persistence */

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(/~roywheel/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(/~roywheel/images/bg_home_section.gif); float: right; }
	.featureL { width: 335px; height: 198px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(/~roywheel/images/bg_home_section.gif); float: left; }
	.featureSecR { width: 335px; height: 156px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(/~roywheel/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(/~roywheel/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(/~roywheel/images/bullet.gif) top left no-repeat; padding: 0 0 0 10px; display: block;}
	
/* FOOTER */

	#footer { width: 100%; height: 257px; background: url(/~roywheel/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: 5px 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;}
	#social_media {padding-top: 10px;}
	
	
	/*********************************
Roy Wheeler Realty Company
Site version 2.0

Revised 7/4/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(/~roywheel/images/site_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 */

	#mastheadCap {
	    width: 750px;
	    height: 31px;
	    line-height: 300px;
	    overflow: hidden; 
	    background: url(/~roywheel/images/masthead_tagline.gif) top right no-repeat; }
	    
	#mastheadLogo {
	    width: 750px;
	    height: 67px;
	    background: #005944 url(/~roywheel/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(/~roywheel/images/home1.jpg); line-height: 800px; overflow: hidden; }
	    
/************ CASCADING NAVBAR ************/

#globalNav {
  width: 750px;
  height: 28px;
  text-align:left;
  background-color: #008b6a;
}

#nav, ul#nav, #navmenu, ul#navmenu {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	line-height: 1;
}

ul#nav a, ul#navmenu a {
  border-right: 1px solid #005944;
  padding: 8px 12px;
  display: block;
  background-color: #008b6a;
  color: #fff;
  text-decoration: none;
}

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

ul#nav li, ul#navmenu li {
	float: left;
	list-style: none;
}

#nav li a, #navmenu li a {
	display: block; 
	width: inherit;
}

#nav li a:hover, #navmenu li a:hover {
	color: #fff;
	background-color: #005944;
}

#nav li ul {
	position: absolute; 
	background-color: #008b6a; 
	width: 170px; 
	left: -999em; 
	border-top: 1px solid #005944; 
	border-left: 1px solid #005944;
	border-right: 1px solid #005944; 
	margin: 0; 
	z-index: 1;
}

#navmenu li ul, #navmenu li ul li, #navmenu li ul li a {display: none;} 

#nav li ul li {
	border-bottom: 1px solid #005944;
}

#nav ul li:hover, #nav ul li.sfhover {
	background: #0258af;
}

#nav li ul li a {
	display: block; 
	width: 150px; 
	padding: 6px 10px; 
	text-transform: none; 
	font-size: 12px; 
	background: none;
}

#nav li ul li a:hover {
	color: #fff;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	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(/~roywheel/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(/~roywheel/images/bg_home_section.gif); float: right; }
	.featureL { width: 335px; height: 198px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(/~roywheel/images/bg_home_section.gif); float: left; }
	.featureSecR { width: 335px; height: 156px; padding: 12px 10px 0 18px; margin: 10px 0 0 0; background: url(/~roywheel/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(/~roywheel/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(/~roywheel/images/bullet.gif) top left no-repeat; padding: 0 0 0 10px; display: block;}
	a#cville_tomorrow { background: url(/~roywheel/images/cville_tomorrow.gif) top left no-repeat; padding: 2px 0 0 32px; height: 19px; margin-top: 2px; display: block; }
	
/* FOOTER */

	#footer { width: 100%; height: 285px; background: #005944 url(/~roywheel/images/bg_footer.gif) top left repeat-x; color: #eae7d2; margin: 10px 0 0 0; text-align: center; padding-bottom: 20px;}
	#footer #footercontainer { margin: 6px auto; width: 750px; }
	#footerLogo { float: left; width: 375px; margin: 5px 0 20px 0; padding: 5px 0 0 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; padding-bottom:15px; }
	#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;}