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

Revised 7/2/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/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; }
h3 { margin: 10px 0 0 0; }
	    
/************ 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 */

.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;}
	
/* SECONDARY PAGE LAYOUT */

#lcol, #rcol { float: left; width: 191px; margin: 10px 0 0 0; }
#lcol .navboxtop, #rcol .navboxtop { background: url(/~roywheel/images/bg_navboxtop.gif) top left no-repeat; padding: 12px 12px 4px 12px; }
#lcol .navboxbottom, #rcol .navboxbottom { background: url(/~roywheel/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; }
.ad { text-align: center; margin: 10px 0 0 0; }
#mcol { float: left; margin: 10px 12px 0 12px; width: 344px; }
#mcol h1 { font-weight: bold; font-size: 20px; color: #593100; margin: 0 0 10px 0; }
#mcol h2 { font-weight: bold; font-size: 16px; 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; }

#mcol ul { margin: 0 0 10px 2px; }
#mcol li { list-style: none; background: url(/~roywheel/images/bullet_sitemap.gif) top left no-repeat; padding: 0 0 0 10px; display: block;}
#mcol ul ul { margin: 0 0 0 20px; }
#mcol li.level2 { margin: 0 0 0 20px; }

#mcol th { padding: 2px 10px 5px 0; }
#mcol td { padding: 2px 10px 5px 0; }
.taxRow { padding: 2px 10px 5px 0; border-bottom: 1px solid #d7d4c2; }

/* RECENT SALES */

#l_soldshow { width: 161px; border-right: 1px solid #d7d4c2; padding: 0 10px 0 0; float: left; }
#r_soldshow { width: 162px; padding: 0 0 0 10px; float: left; }
.show { margin: 0 0 15px 0; }
#l_soldshow h2, #r_soldshow h2 { font-weight: bold; font-size: 13px; color: #593100; margin: 0 0 20px 0; }

/* FOOTER */

#footer { width: 100%; background: #005944 url(/~roywheel/images/bg_footer.gif) top left repeat-x; color: #eae7d2; margin: 10px 0 0 0; text-align: center; padding-bottom: 10px; }
#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;}