body, table, tr, td, p, select, input, textarea { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 130%; }

table   { width: 100%; border-collapse: collapse; }

form, table, tr, td, th, p, div, span { margin: 0px; padding: 0px; }

input, select, textarea { background-color: #ffffff; border: 1px solid #333333; }

input.text, input.text_small, input_text_tiny, select, textarea { padding: 0px 0px 0px 5px; }

a:link, a:active, a:visited{color:#022853; text-decoration:underline;} 

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

td      { text-align: left; vertical-align: top; }

img     { margin: 0px; padding: 0px; border: none; }

i       { font-style: normal; }

b       { font-weight: bold; }

ul      { padding: 0px 0px 0px 15px; margin: 0px; }



/* body */

/*body    { padding: 0px; margin: 0px; margin-top: 5px; text-align: center; }

body    { background-image: url( images/background.gif );  color: #555555; }*/





div.body{ width: 860px; margin-left: auto; margin-right: auto; text-align: left; }



/* general */

.open   { background-repeat: no-repeat; }

.body   { }

.close  { background-repeat: no-repeat; }



.hopen  { background-repeat: no-repeat; }

.hbody  { background-repeat: repeat-x; }

.hclose { background-repeat: no-repeat; }



.select_stmt    { width: 120px; color: #333333; background-color: #fcfcfc; border:1px solid #bdc7d8; padding: 2px; margin: 1px; }

.attr   { font-weight: bold; }

.value  { }





div.spacer      { line-height: 0px; font-size: 0px; clear: both;}

div.box_title   { font: bold 130% Verdana; color: #f8aa07; }

div.sub_title   { font: bold 150% Verdana; color: #333333; }

div.small_title { font: bold 110% Verdana; }

div.notice      { }

div.hr          { height: 15px; background-image: url( images/hr1.gif ); background-position: center center; background-repeat: repeat-x; }

div.hr1         { height: 15px; background-image: url( images/hr1.gif ); background-position: center center; background-repeat: repeat-x; }

div.hr2         { height: 15px; background-image: url( images/hr2.gif ); background-position: center center; background-repeat: repeat-x; }

div.hidden      { visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: -1; }



img.pic { border: 1px solid #f5f5f5; padding: 4px; background-color: white; }



/* box tables */

table.top           { }

table.top td.open   { }

table.top td.body   { width: 794px; }

table.top td.close  { height: 50px; }

table.top td.open   { padding: 0px; }

table.top td.body   { padding: 10px; }

table.top td.close  { padding: 0px; vertical-align: middle; }



table.page_bar              { width: auto; height: 27px; }

table.page_bar td.hopen     { width: 35px; background-image: url( images/page_bar_open.gif ); }

table.page_bar td.hbody     { background-image: url( images/page_bar_body.gif ); }

table.page_bar td.hclose    { width: 20px; background-image: url( images/page_bar_close.gif ); }

table.page_bar td.hopen     { padding: 0px; }

table.page_bar td.hbody     { padding: 0px 5px 0px 5px; color: #022853; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; vertical-align: middle; }

table.page_bar td.hclose    { padding: 0px; }



table.menu              { width: auto; height: 27px; background-color: #f1d292;}

table.menu td.hopen     { width: 30px;  }

table.menu td.hbody     {  }

table.menu td.hclose    { width: 20px;  }

table.menu td.hopen     { padding: 0px; }

table.menu td.hbody     { padding: 0px; color: #022853; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; vertical-align: middle; text-align: right; }

table.menu td.hclose    { padding: 0px; }



table.category              { width: 100%; height: 24px; }

table.category td.hopen     { width: 30px; }

table.category td.hbody     {  }

table.category td.hclose    { width: 20px; }

table.category td.hopen     { padding: 0px; }

table.category td.hbody     { padding: 0px; vertical-align: middle; text-align: right; }

table.category td.hclose    { padding: 0px; }



table.box1              { width: 780px; }

table.box1 td.open      { height: 15px; background-image: url( images/box1_open.gif ); }

table.box1 td.body      { background-image: url( images/box1_body.gif ); }

table.box1 td.close     { height: 15px; background-image: url( images/box1_close.gif ); }

table.box1 td.open      { padding: 0px; }

table.box1 td.body      { padding: 0px 10px 0px 10px; }

table.box1 td.close     { padding: 0px; }



table.box2              { width: 250px; }

table.box2 td.open      { height: 15px; background-image: url( images/box2_open.gif ); }

table.box2 td.body      { background-image: url( images/box2_body.gif ); }

table.box2 td.close     { height: 15px; background-image: url( images/box2_close.gif ); }

table.box2 td.open      { padding: 0px; }

table.box2 td.body      { padding: 0px 10px 0px 15px; }

table.box2 td.close     { padding: 0px; }



table.box3              { width: 510px; }

table.box3 td.open      { height: 15px; }

table.box3 td.body      { }

table.box3 td.close     { height: 15px;  }

table.box3 td.open      { padding: 0px; }

table.box3 td.body      { padding: 0px 10px 0px 15px; }

table.box3 td.close     { padding: 0px; }



/* featured listing */

div.featured td.name            { font: bold 11px Verdana; padding-top: 10px; padding-bottom: 10px; }

div.featured td.price           { color: #f8aa07; font: bold 130% Verdana; }

div.featured td.catch_phrase    { color: #002f67; }

div.featured td.image           { }

div.featured img.pic            { width: 140px; height: 105px; }



div.featured_1 td.price         { color: #002f67; font: bold 130% Verdana; }

div.featured_1 td.catch_phrase  { color: #999999; }

div.featured_1 td.agent_name    { color: #002f67; font: bold 110% Verdana; }

div.featured_1 td.job_title     { color: #999999; font: bold 100% Verdana; }

div.featured_1 td.phone         { padding: 10px 0px 0px 0px; }

div.featured_1 td.email         { padding: 10px 0px 0px 0px; vertical-align: text-bottom; }

div.featured_1 td.image         { width: 100px; }

div.featured_1 div.slideshow    { width: 80px; height: 60px; border: 1px solid #bdc7d8; padding: 4px; background-color: #ffffff;  }

div.featured_1 img.pic          { width: 80px; height: 60px; }

div.featured_1 img.agent_pic    { width: 80px; height: auto; }

div.featured_1 div.listed_by    { color: #333333; background-color: #ffffff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: center; margin: 20px 0px 20px 0px; }



/* agent list */

div.agent_list td.name          { color: #002f67; font: bold 150% Verdana; }

div.agent_list td.job_title     { color: #999999; font: bold 110% Verdana; }

div.agent_list td.intro         { font-style: italic; }

div.agent_list td.image         { width: 150px; }

div.agent_list img.pic          { width: 120px; }



/* listings list & listing detail */

div.pagination                  { font: normal 11px Verdana; text-align: right; padding: 3px 0px 3px 0px; margin-bottom: 20px; }



div.listings td.name        { color: #002f67; font: bold 150% Verdana; }

div.listings td.price       { color: #f8aa07; font: bold 130% Verdana; }

div.listings td.listed_by   { }

div.listings td.short_desc  { padding: 0px; color: #999999; }

div.listings td.image       { width: 170px; }

div.listings img.pic        { width: 150px; }

div.listings div.sold       { position: absolute; z-index: 10; visibility: visible; margin: 0px 0px 0px 550px; }



div.detail div.sold         { position: absolute; z-index: 10; visibility: visible; margin: 0px 0px 0px 550px; }

div.detail img.pic          { width: 250px; float: right; }

div.detail div.images       { display: block;}

div.detail div.images img   { margin: 10px 10px 0px 0px; vertical-align: top; }

div.detail div.long_desc    { }



    /* listing_summary */

div.detail td.image         { width: 25%; }

div.detail td.basic_info    { width: 25%; }

div.detail td.features      { width: 25%; }

div.detail td.menu          { width: 25%; }



/* Mortgage Calculator */

div.mortgage_calculator     { width: 380px; margin: 0px; padding: 0px; }

div.mortgage_calculator     { background-color: #f5f5f5; }

div.mortgage_calculator td.attr             { width: 190px; text-align: right; padding-right: 10px; vertical-align: middle;  }

div.mortgage_calculator td.value            { text-align: left; vertical-align: middle; }

div.mortgage_calculator input               { background-color: #ffffee; border: none; padding-left: 5px; border: 1px solid #333333;}

div.mortgage_calculator input.button        { color: #022853; background-color: #f8aa07; border: 1px solid #cccccc; font-weight: bold; }

div.mortgage_calculator input.button        { font-size: 14px; padding: 3px 5px 3px 5px; margin: 10px 0px 10px 0px; }

div.mortgage_calculator input.button_hover  { color: white; background-color: #022853; }



/* Tell your friend */

div.tell_your_friend        { width: 100%; margin: 0px; padding: 0px; }

div.tell_your_friend td                     { padding: 5px 0px 0px 0px; }

div.tell_your_friend td.attr                { width: 190px; text-align: right; padding-right: 10px; font-weight: bold; }

div.tell_your_friend td.value               { text-align: left; }

div.tell_your_friend input,

div.tell_your_friend textarea               { background-color: #ffffff; border: 1px solid #cccccc; padding-left: 5px; }

div.tell_your_friend input.text,

div.tell_your_friend textarea.text          { width: 400px; padding: 3px 0px 3px 0px; }

div.tell_your_friend input.button           { color: #022853; background-color: #f8aa07; border: 1px solid #cccccc; font-weight: bold; }

div.tell_your_friend input.button           { font-size: 14px; padding: 3px 15px 3px 15px; margin: 0px; }

div.tell_your_friend input.button_hover     { color: white; background-color: #022853; }



/* Ask Agent */

div.ask_agent               { width: 100%; margin: 0px; padding: 0px; }

div.ask_agent td                            { padding: 5px 0px 0px 0px; }

div.ask_agent td.attr                       { width: 190px; text-align: right; padding-right: 10px; font-weight: bold; }

div.ask_agent td.value                      { text-align: left; }

div.ask_agent input,

div.ask_agent textarea                      { background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }

div.ask_agent input.text,

div.ask_agent textarea.text                 { width: 400px; padding: 3px 0px 3px 0px; border: 1px solid #cccccc;}

div.ask_agent input.button                  { color: #022853; background-color: #f8aa07; border: 1px solid #cccccc; font-weight: bold; }

div.ask_agent input.button                  { font-size: 14px; padding: 3px 15px 3px 15px; margin: 0px; }

div.ask_agent input.button_hover            { color: white; background-color: #022853; }



/* Print Listing */

div.print_listing           { width: 360px; height: 310px; margin: 0px; padding: 0px; border: 2px solid #bdc7d8; }

div.print_listing           { line-height: 150%; background-color: #ffffff; }

div.print_listing input                     { background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }

div.print_listing input                     { width: 100%; }

div.print_listing input.button              { color: #022853; background-color: #f8aa07; border: 1px solid #cccccc; font-weight: bold; }

div.print_listing input.button              { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }

div.print_listing input.button_hover        { color: white; background-color: #022853; }



/* google map */

div.map_container   { }

div.map_area        { border: 1px solid #cccccc; width: 100%; height: 300px; overflow: auto; }

div.map_attribution { text-align: right; color: #444444; font-size: 9px; }

div.google_map_info { }

div.google_map_info table.table { width: 250px; }

div.google_map_info table.table td.image { width: 70px; vertical-align: middle; }

div.google_map_info table.table td.image img { width: 60px; height: 45px; padding: 3px; border: 1px solid #f5f5f5; }

div.google_map_info span.price          { font-weight: bold; color: #f8aa07; }

div.google_map_info span.address        { }

div.google_map_info span.catch_phrase   { color: #0000ff; }





/* footer */

div.bizinfo { text-align: center; font-size: 10px; }

div.it747   { text-align: center; font-size: 10px; }



/* Tempoary */

div.tmp         { }

div.tmp_title   { color: #002f67; font: bold 150% Verdana; }

div.tmp_box     { border: 1px solid #bdc7d8; padding: 10px; background-color: #f9f9f9; }



/* vim: set expandtab sw=4 ts=4 sts=4: */



/* NEW! */



body {

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	background: url(images/main_bg.png) repeat-x ;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #000000;

}





#container {

	width: 860px;

	margin: 0 auto;

	text-align: left;

}



#header_interior {

	background: url(images/header_bg_interior.png) no-repeat; 
	height: 140px;
}

#phone {float:right; color:#FFFFFF; margin:20px 0 0 0; text-align:right; padding-right:33px;}

#phone a:link, a:visited, a:active {color:#F8AA07; text-decoration:none;}

#phone a:hover {color: #FFFFFF;}

#phone .emphasized {font-weight: bold;}

#phone p {margin:0;padding:3px;}





#header_interior h1 {
	background:url(images/logo.png) bottom left no-repeat;
	height: 54px;
	width: 185px;
	text-indent:-9999px;
	margin-left: 33px;
	padding-top: 10px;
}

/*_________NAV_________*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu {margin:12px auto 0 auto; width:800px;}

.suckertreemenu ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background:none; /*overall menu background*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
height:24px;
width: 190px; /*Width of top level menu link items*/
padding: 1px 5px;
text-decoration: none;
color: #ffffff;
background:none;
font-size:13px;
}

.suckertreemenu ul li a:visited{color:#FFFFFF; text-decoration:none;}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 125px; /*width of sub menu levels*/
height:24px;
color: #FFFFFF;
text-decoration: none;
padding: 10px 0 0 5px;
background: url(images/subnav_bg.png) repeat-x /*#F8AA07*/;
border-bottom:solid thin #FFFFFF;
font-weight:bold;
font-size:10px;
}

.suckertreemenu ul li ul li a:hover{color:#000066;}

.suckertreemenu ul li a:hover{
color:#F8AA07;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: none;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: url(images/subnav_bg.png) repeat-x;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/*_________END NAV_________*/




#mainContent {
	width: 794px;
	margin-top: 0px;
	float:left;
	padding: 0 33px;
	background: url(images/page_bg.png) repeat-y;
	margin-top: 5px;
}

#mainContent #2col_left{
	width: 583px;
	float:left;
}

#mainContent #news{
	width: 211px;
	float:right;
	background:#E3E3E3;
}

#mainContent #page_width{margin:15px 0 0 0;float:left; width:794px;}

#bot_col_left{ width:240px; height:140px; float:left; border:dotted #CCCCCC thin; padding: 5px;}

#bot_col_mid{ width: 240px; height:140px; float:left; border:dotted #CCCCCC thin; padding: 5px; margin:0 0 0 15px;}

#bot_col_right{ width:240px; height:140px; float:left; border:dotted #CCCCCC thin; padding: 5px; margin:0 0 0 15px;}


#footer {
	width: 810px;
	height: 36px;
	margin:0;
	float:left;
	padding: 25px;
	background: url(images/footer_bg.png) no-repeat;
	font-size:9px;
} 

#footer p {margin: 0; padding: 0;}

h1{font-size: 15px; color:#003366; margin:0;}
h2{font-size: 13px; color:#F8AA07; margin:0;}
h4{text-indent:-9999px; margin:0;}

.bottombox {font-size: 10px;}
.bottombox a:link, a:visited, a:active {color: #003366;}
.bottombox a:hover {color: #666666;}

img{border:none;}

p {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; margin:0; padding:0;}