/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0; }

body {
	background: #340100 url(bkg.jpg) top left repeat-x;
	color:#fff;
 	font: 12px Arial, Helvetica, sans-serif;
   }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}

li, dd { margin-left:5%; }
fieldset { padding: .5em; }

a { color: #fc0
; }

a:hover { text-decoration: underline; color: #333;}

/* ---------->>> DIVS <<<-----------*/

#wrapper { 
 background-color: #221E1F;
 margin: 0 auto;
 width: 900px;
}
#header { 
 margin: 0; padding: 0;
 padding-top: 10px;
 }
#content { 
border-top: 4px solid #F0B40F;
border-bottom: 4px solid #F0B40F;
background-color: #777;
margin: 0px;
padding: 20px;
}
 
#leftcol {
 display: inline;
 float: left;
 width: 270px;
} 
#footer { 
 clear: both;
 color: #fff;
 text-align: center;
 font-size: .9em;
 padding: 20px 0;
 line-height: 1.2em;
}
	
	
/* ---------->>> TEXT Tags <<<-----------*/

h1 { }

	#header h1 {
	padding: 0;
	padding-left: 20px;
	height:104px; /* height of logo */
	width:187px; /* width of logo */
	background: #221E1F url(c21_logo.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	}
	
	#content h1 {
	background: url(h1_bg.gif) repeat-x;
	padding: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fc0;
	display: block;
	position:relative;
	}
	
	#footer h1 {
	font: bold 18px Verdana;
	color: #F0B40F;
	margin-bottom: 20px;
	}
	
	#footer h1 span {
	font: bold 14px Verdana;
	}

h2 { }
	#content h2 {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
	}
	
a { }
	#header a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	
	#footer a { 
	color: #fc0;
	}
	
	a.mail { color: #fff !important; text-decoration: none;}
	a.mail:hover { color: #333 !important;}

p { }
	#content p { 
	margin-bottom: 20px; 
	position:relative;
	}
	#footer p { margin-bottom: 20px;
	}
	
	p#to_top {
	width: 100px;
	margin: 0; padding: 0;
	float: right;
	background: url(top_icon.gif) center right no-repeat;
	font-size: .8em;
	text-align: right;
	padding-right: 15px;
	}
	
	p#to_back {
	margin: 0; padding: 0;
	background: url(back_icon.gif) center left no-repeat;
	font-size: 10px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 10px;
	 position:relative;
	}
	#to_back a { text-decoration: none;}

li { }
	.arrow li
	{
	list-style-type: none;
	padding-left: 15px;
	background-image: url(arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}

	.square li
	{
	list-style-type: none;
	padding-left: 15px;
	background-image: url(sq_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}

img { }
	.agents { margin-left: 40px; float: right; border: 2px solid #333;}

hr { }
	#content hr { 
	border: thin solid #fc0; 
	margin-top: 20px;
	margin-bottom: 20px;
	}


/* ---------->>> Global Navigation <<<-----------*/
#nav {margin:5px 0 0px 0;}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
    #nav {
      float:left;
      width:100%;
      background-color:#221E1F;
      }
    #nav ul {
      margin:0 auto;
      margin-left: 30px;
      padding:5px 10px 0px;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("right_both.gif") no-repeat right top;
      margin:0 10px 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("left_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#000;
      }
    #about #nav-about, 
    #career #nav-career,
    #agent #nav-agent, 
    #listing #nav-listing,
    #open #nav-open,
    #reloc #nav-reloc,
    #contact #nav-contact,
    #mortgage #nav-mortgage {
      background-position:100% -150px;
      }
    #about #nav-about a, 
    #career #nav-career a,
    #agent #nav-agent a, 
    #listing #nav-listing a,
    #open #nav-open a,
    #reloc #nav-reloc a,
    #contact #nav-contact a,
    #mortgage #nav-mortgage a {
      background-position:0 -150px;
      padding-bottom:5px;
      color:#000;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#000;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }


/* ---------->>> HOMEPAGE MAP Tags <<<-----------*/      
      
#map {
 width: 414px;
 height: 185px;
 background: url(map_roll.gif);
 margin: 0px auto; padding: 0;
 position: relative;
}
#map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#map a {display: block;}

#map_nrv {left: 0px; top: 0px; width: 227px; height: 185px;}
#map_roanoke {left: 158px; top: 0px; width: 180px; height: 185px;}
#map_lynchburg {left: 253px; top: 0px; width: 160px; height: 185px;}

#map_nrv a {height: 185px;}
#map_roanoke a {height: 185px;}
#map_lynchburg a {height: 185px;}

#map_nrv a:hover {background: url(map_roll.gif) 2px -369px no-repeat;}
#map_roanoke a:hover {background: url(map_roll.gif) -155px -185px no-repeat;}
#map_lynchburg a:hover {background: url(map_roll.gif) -253px -369px no-repeat;}

/*---------- bubble tooltip -----------*/

#quote { 
    }
    
a.tt{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:120px; left:70px;
	padding: 15px 0 0 0;
	width:211px;
	color: #000;
	text-decoration: none;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

/* ---------->>> FORM Tags <<<-----------*/


form span { font: bold 10px "arial"; color: #fff; }

label { 
  display: block; 
  float: left; 
  margin-right: 10px; 
  width: 75px; 
  text-align: right; 
  font-weight: bold; 
  color: #fc3;}

input, textarea { width: 300px; margin-bottom: 3px; text-align: left !important;}

.button { background-color: #333; color: #fff; border: 1px solid #333; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 3px;}
/* ---------->>> MISC Tags <<<-----------*/
.col { width: 22%; float: left; padding-left: 20px;}
.padleft { margin-left: 20px; }
.padright { margin-right: 20px ;}
.small { font-size: .8em; }
.title { color: #fc3; font: bold 12px Arial, Helvetica, sans-serif;}
.clear { clear: both; background: none; }