/* ---------------------------------------------------- */
/* ---------->>> Sutton Styles - June 6, 2007 <<<----------- */
/* ---------------------------------------------------- */


/* defaults - affects everything
------------------------------------------------------------------ */
* { /* removes all padding and margins to help make it all look good in all browsers */
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: "Lucida Sans Unicode", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
}

* img { /* get rid of the stupid blue border when an img is liked */
border:none;
}

body {
margin-top:11px;
margin-bottom:21px;
background-color:#e3e3e3;
font-size:11px;
color:#272525;
}

* a {
color:#a71733;
}

* a:hover {
text-decoration:none;
}

/* site tbl
------------------------------------------------------------------ */
#site_tbl {
border:0px solid #FF0000;
margin-left:auto;
margin-right:auto;
}

/* typography  
------------------------------------------------------------------ */
.grey_bar_txt { /* grey header txt */
color:#FFFFFF;
font-size:10px;
}

/* header area
------------------------------------------------------------------ */
#top_bar {
background:url(../images/top_banner.gif) no-repeat top left;
width:968px;
height:32px;
padding:0px 0px 0px 24px;
}

/* navigation */
#nav_area {
width:968px;
height:44px;
background:url(../images/nav_bg.gif) repeat-y top center;
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
width:964px;
margin: 0px 0px 0px 4px;
font-family: Arial, Helvetica, sans-serif;
z-index: 100;
position: relative;
}
.nav li {
  border-left: 0px solid #000;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: relative;
}

.nav li #realtor_login {
background-color:#A71733;
color:#ffffff;
width:98px;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
font-size:10px;
padding:7px 7px 7px 7px;
background: #CFCFCF;
color: #A71733;
display: block;
text-decoration: none;
width:92px;
height:30px;
}

.nav li a:hover {
color: #ffffff;	
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #a19e9e;
  color: #ffffff;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
background: #CFCFCF;
color: #A71733;	
height:15px;
}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
background: #a19e9e;
color: #ffffff;	
height:15px;
}

.nav ul {
  background: #A71733;
  list-style: none;
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul, .nav li.sfHover ul {
margin:0px 0px 0px 1px;
top:43px;
}

.nav ul li {
float: none;
}

.nav ul a {
border-bottom:1px solid #FFFFFF;
padding-right:20px;
}

.nav ul a:hover {
background: #CFCFCF;
color: #ffffff;
}


/* image replacement for the logo */
#logo h1 {
width:226px;
height:179px;
position:relative;
font-size:10px;
}

#logo h1 span {
background:url(../images/logo.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

/* main cnt section
------------------------------------------------------------------ */
#main_cnt_section {
background:url(../images/main_site_bg.gif) repeat-y;
}

#sub_main_cnt_section {
background:url(../images/sub_main_site_bg.gif) repeat-y;
}


/* left col
------------------------------------------------------------------ */
#left_col {
text-align:center;
width:222px;
}

#left_col_header {
background:url(../images/left_col_header.gif) no-repeat top left;
width:222px;
height:20px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
}

#sub_left_col_header {
background:url(../images/left_col_sub_header.gif) no-repeat top left;
width:222px;
height:20px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
}

#sub_left_col_header div {
padding:2px 0px 0px 24px;
text-align:left;
border:0px solid #FF0000;
}

/* area info map
------------------------------------------------------------------ */
#area_info_map {
padding:15px 0px 30px 0px;
border:0px solid #FF0000;
}

#area_info_map span {
font-size:9px;
}

/* mid col
------------------------------------------------------------------ */
#mid_col {
width:516px;
}

#mid_col_header {
background:url(../images/mid_col_header.gif) no-repeat top left;
width:516px;
height:20px;
position:relative;
float:left;
}

#mid_col_header div {
padding:2px 0px 0px 24px;
text-align:left;
border:0px solid #FF0000;
}


#sub_mid_col {
width:738px;
}

#sub_mid_col #mid_col_header {
background:url(../images/mid_col_header.gif) repeat-x top left;
width:738px;
height:20px;
position:relative;
float:left;
}

#sub_mid_col #mid_col_header div {
padding:2px 0px 0px 24px;
text-align:left;
border:0px solid #FF0000;
}

/* page cnt
------------------------------------------------------------------ */
#page_cnt {
position:relative;
text-align:left;
border:0px solid #FF0000;
margin:0px 10px 20px 20px;
padding:0px 0px 0px 0px;
}

#page_cnt p{
margin:0px 0px 10px 0px;
}

#page_cnt h1 {
font-size:18px;
margin:0px 0px 10px 0px;
}

#page_cnt h2 {
font-size:16px;
margin:0px 0px 10px 0px;
}

#page_cnt h3 {
color:#a71733;
font-size:16px;
margin:0px 0px 10px 0px;
}

#page_cnt h4 {
font-size:14px;
margin:0px 0px 10px 0px;
}

#page_cnt h5 {
color:#a71733;
font-size:14px;
margin:0px 0px 10px 0px;
}

#page_cnt ul {
border:0px solid #FF0000;
margin:10px 0px 10px 30px;
padding:0px 0px 0px 0px;
list-style-type:square;
}

#page_cnt li {
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}

#page_cnt ol {
border:0px solid #FF0000;
margin:10px 0px 10px 30px;
padding:0px 0px 0px 0px;
}

#page_cnt blockquote {
margin:10px 30px 10px 30px;
padding:10px 10px 10px 10px;
color:#a71733;
background-color:#dcdcdc;
border:2px solid #d7d7d7;
}

#page_cnt table {
margin-left:auto;
margin-right:auto;
}

/* right col
------------------------------------------------------------------ */
#right_col {
width:222px;
text-align:center;
}

#right_col_header {
background:url(../images/right_col_header.gif) no-repeat top left;
width:222px;
height:20px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
}

#right_col_header div {
padding:2px 0px 0px 24px;
text-align:left;
border:0px solid #FF0000;
}

#sub_right_col_header {
background:url(../images/right_col_sub_header.gif) no-repeat top left;
width:222px;
height:20px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
}

#sub_right_col_header div {
padding:2px 0px 0px 24px;
text-align:left;
border:0px solid #FF0000;
}

/* feature agent
------------------------------------------------------------------ */
#feature_agent {
margin-left:auto;
margin-right:auto;
width:149px;
padding:15px 0px 30px 0px;
border:0px solid #FF0000;
}

/* feature listing
------------------------------------------------------------------ */
#feature_listing {
width:180px;
padding:15px 0px 30px 0px;
border:0px solid #FF0000;
}

/* footer
------------------------------------------------------------------ */
#footer {
background:url(../images/footer_bg.gif) no-repeat;
width:968px;
height:89px;
}

#copyright {
width:50%;
border:0px solid #FF0000;
padding:0px 0px 0px 24px;
font-size:10px;
color:#ffffff;
float:left;
}

#copyright a{
color:#ffffff;
text-decoration:none;
}

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

#logos {
text-align:right;
width:25%;
border:0px solid #FF0000;
padding:4px 32px 0px 0px;
font-size:10px;
color:#ffffff;
float:right;
}