<!-- /* * * * * * * * * * * * * BODY * * * * * * * * * * * * */ 

body {
background-color: #600;
font-size: small;
}
*html body {
font-size: x-small; /* ie5 */
f\ont-size: small; /* other ie */
}
h1 {
font-size: 160%;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
a {
text-decoration: none;
color: #003;
}
a:hover {
color: #600;
text-decoration: underline;
}

/* * * * * * * * * * * * * LAYOUT * * * * * * * * * * * * */ 

div#pagewidth {
clear: both;
width: 780px;
background: #fff url(template/pro/images/l_bevel.jpg) repeat-y top left;
padding: 0;
margin: 0 auto;
border: 1px #000 solid;
}
div#maincol {
background: url(template/pro/images/r_bevel.jpg) repeat-y top right;
padding: 8px 15px;
font-family: Garamond
}
div.clear {
clear: both;
}
div#leftcol {
float: left;
width: 430px;
}
div#rightcol {
float: right;
width: 320px;
}

/* * * * * * * * * * * * * TOP MENU * * * * * * * * * * * * */ 

div#top_menu {
width: 780px;
margin: 0 auto;
color: #fff;
font-family: Arial;
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
}
span#top_left {
float: left;
display: block;
padding-left: 3px;
}
span#top_right {
float: right;
display: block;
padding-right: 3px;
}
div#top_menu a {
color: #fff;
text-decoration: none;
}


/* * * * * * * * * * * * * HEADER * * * * * * * * * * * * */ 

div#header {
width: 780px;
height: 306px;
border-bottom: 1px #000 solid;
background-color: #003;
}
div#logo {
height: 306px;
width: 515px;
float: left;
margin: 0;
}
div#logo img {
border: 0;
}

/* * * * * * * * * * * * * MENU * * * * * * * * * * * * */ 

div#navcontainer {
width: 250px;
height: 306px;
float: right;
color: #fff;
padding: 15px 1px 0 0;
}
ul#navlist {
list-style-type: none;
width: 250px;
margin: 0;
padding: 0; 
}
ul#navlist img {
border: 0;
}
ul#navlist li {
margin-bottom: 12px;
height: 27px;
}

/* * * * * * * * * * * * * FOOTER MENU * * * * * * * * * * * * */ 

div#footer_menu {
width: 600px;
margin: 10px auto 2px auto;
font-family: Arial;
font-size: 75%;
font-weight: bold;
text-transform: uppercase;
text-align: center;
clear: both;
}

div#footer_menu ul {
list-style-type: none;
display: inline;
}

div#footer_menu ul li {
margin: 0;
padding: 0 5px;
border-left: 1px solid #000;
list-style: none;
display: inline;
}
div#footer_menu ul li.first {
border-left: none;
}


/* * * * * * * * * * * * * FOOTER * * * * * * * * * * * * */ 

div#footer {
font-size: 50%;
text-align: center;
color: #000;
}
div#footer a {
color: #000;
}

/* * * * * * * * * * * * * FEATURED LISTINGS * * * * * * * * * * * * */ 

div#featured_listings_block {
width: 120px;
text-align: center;
margin: 0 15px 0 0;
border-right: 1px solid #ccc;
padding-right: 5px;
}
div#featured_listings_block h5 {
font-size: 105%;
margin-bottom: 3px;
color: #600;
}
div#featured_listings_block img {
margin: 0 auto;
border: 1px solid #000;
}
div#featured_listings_block span {
font-family: "Trebuchet MS";
font-size: 95%;
margin: 0 0 8px 0;
font-weight: bold;
}


/* * * * * * * * * * * * * AGENTS * * * * * * * * * * * * */ 

/* view all users */

div.view_users {

}

div.user_block {
width: 500px;
clear: both;
background: #fff url(template/pro/images/beige_bg.jpg) no-repeat bottom right;
margin: 10px auto;
padding: 10px;
min-height: 135px;
border-top: 1px solid #f0e9e0;
border-left: 1px solid #f0e9e0;
}
div.user_block img {
float: left;
margin: 0 8px 1px 0;
border: 1px solid #000;
}
div.user_block h2 {
margin: 0;
background: url(template/pro/images/divider.gif) no-repeat bottom right;
height: 32px;
}
div.user_block span {
font-size: 105%;
margin-top: 0;
position: relative;
top: -5px;
}

span.user_block_contact {
float: right;
font-family: Arial, sans serif;
font-size: 80%;
padding-top: 5px;
}

/* view individual user */

div.view_user {
width: 700px;
margin: 0 auto;
}

span.view_user_user_name {
font-size: 200%;
font-weight: bold;
margin-bottom: 15px;
}

div.view_user_user_images {
float: left;
}
div.view_user_user_images img {
border: 2px solid #000;
}

div.view_user_user_info {
width: 560px;
float: left;
margin-left: 10px;
font-size: 120%;
padding: 0;
position: relative;
top: -25px;
}
div.view_user_user_info ul {
list-style-type: none;
}
div.view_user_user_info li {
margin-bottom: 8px;
}

div.view_user_user_listings {
clear: both;
font-size: 110%;
}


/* * * * * * * * * * * * * LISTINGS / SEARCH RESULTS * * * * * * * * * * * * */ 

div.next_prev {

}
table.browse_tool_table {
margin: 0 auto;
text-align: center;
font-family: arial, sans serif;
font-size; 120%;
}
table.browse_tool_table td {
padding: 1px 10px;
}
td.browse_tool_button {
display: none;
}

table.search_results {
padding: 15px;
}

table.search_results .thead {
background: #f0e9e0;
height: 30px;
}
table.search_results .thead td {
padding: 0 10px;
text-align: center;
font-size: 115%;
font-family: Arial, sans serif;
text-transform: uppercase;
border-right: dashed 1px #fff;
}

table.search_results td {
text-align: center;
}

tr.result_row td {
padding: 10px 0;
border-top: 1px solid #ccc;
}

td.key_info {
font-weight: bold;
font-size: 120%;
}

td.desc {
padding: 0 5px 10px 20px;
}


/* * * * * * * * * * * * * POST BOXES (BEIGE) * * * * * * * * * * * * */ 

div#post_box {
width: 420px;
margin: 8px 10px 0 0;
}
div#post_box_header {
background: url(template/pro/images/divider.gif) no-repeat bottom right;
height: 30px;
margin: 0 0 0 15px;
padding: 0;
}
div#post_box img {
border: 1px solid #000;
float: left;
margin: 3px 8px 1px 1px;
}
div#post_box p {
width: 88%;
position: relative;
top: -5px;
margin-top: 0;
padding: 5px 15px;
text-align: justify;
line-height: 1.2em;
font-size: 105%;
background: #fff url(template/pro/images/beige_bg.jpg) no-repeat bottom right;
}

h4 {
text-indent: -5000px;
height: 17px;
}
h4.pcove { background: url(template/pro/images/pcove.gif) no-repeat; }
h4.featured_listing { background: url(template/pro/images/featured.gif) no-repeat; }
h4.testimonials { background: url(template/pro/images/testimonials.gif) no-repeat; }

/* * * * * * * * * * * * * CONTACT * * * * * * * * * * * * */ 

table.contact td {
padding: 5px;
} -->


/* * * * * * * * * * * * * LINKS * * * * * * * * * * * * */ 

div#links {
margin: 5px auto;
text-align: center;
}
div#links ul {
margin: 0;
padding: 0;
list-style-image: url(template/pro/images/red_bullet.gif);
}
div#links ul li {
margin-bottom: 3px;
font-family: Trebuchet, "Trebuchet MS";
font-size: 105%;
}

/* * * * * * * * * * * * * RIGHT COLUMN SECTIONS * * * * * * * * * * * * */ 

div.rightcolbox {
margin: 5px auto;
text-align: center;
}
div.rightcolbox img {
border:0;
}

/* * * * * * * * * * * * * LISTING PAGE * * * * * * * * * * * * */ 

div#listing_thumbnails {
width: 120px;
float: left;
padding: 0 10px 0 10px;
text-align: center;
margin-top: 15px;
}
div#listing_thumbnails h5 {
font-size: 110%;
margin-bottom: 10px;
padding-top: 8px;
}
div#listing_thumbnails img {
border: #003 solid 1px;
}

div#listing_rightcol {
width: 600px;
float: right;
font-family: Trebuchet, "Trebuchet MS", Arial, sans serif;
}

div#listing_slideshow {
width: 500px;
margin: 15px auto;
background: #f0e9e0;
}
div#listing_slideshow h5 {
font-size: 115%;
padding-top: 5px;
margin-bottom: 5px;
text-align: center;
}
div.slideshow_img { }
.slideshow_img { }
div.slideshow_links {
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
div.slideshow_links {
word-spacing: 25px;
}

h3.listing {
text-align: center;
font-size: 200%;
margin: 0;
}

h5.listing_agent {
text-align: center;
font-size: 120%;
margin: 0;
border-bottom: 1px dashed #ccc;
padding-bottom: 5px;
}

div#top_left {
width: 260px; 
float: left;
margin-right: 10px;
font-size: 105%;
}
div#top_right {
width: 260px; 
float: right;
font-size: 105%;
}
div#center {
clear: both;
line-height: 1.5em;
}

/*
div#feature1 {}
div#feature2 {}
*/

div#listing_links{}
div#listing_links ul {
list-style-image: url(template/pro/images/red_bullet.gif);
}

div#bottom_left {}
div#bottom_right {}

div#listing_agent {
border-top: 1px dashed #ccc;
}
div#listing_agent h5 {
font-style: italic;
font-size: 105%;
}
div#listing_agent ul {
list-style-image: url(template/pro/images/red_bullet.gif);
}

div#listing_counter { 
clear: both; 
width: 500px; 
margin: 15px 10px 15px 10px;
font-size: 90%;
}

/* * * * * * * * * * * * * TESTIMONIALS * * * * * * * * * * * * */ 

div#testimonials {
padding: 0 10px 5px 10px;
}

p.testimonial {
font-family: "Trebuchet MS", Arial, sans serif;
font-size: 105%;
background: #fff url(template/pro/images/beige_bg.jpg) no-repeat bottom right;
padding: 10px;
border-top: 1px solid #f0e9e0;
}
p.testimonial span {
font-style: italic;
}
p.testimonial img {
border: 0;
}

div#t_left {
width: 330px;
float: left;
margin-left: 5px;
margin: top: 0;
}
div#t_right {
width: 330px;
float: right;
margin: top: 0;
}


/* * * * * * * * * * * * * IMAP * * * * * * * * * * * * */ 

div#imap_whitespace {
height: 150px;
}

/* set the size of the definition list <dl> and add the background image */
#imap_2600ohio {
display: block;
width: 650px;
height: 376px;
background: url(template/pro/images/floorplans/2600ohio.gif) no-repeat;
position: relative;
}
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap_2600ohio a#title {
  display:block;
  width:650px;
  height:0;
  padding-top:376px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(template/pro/images/floorplans/2600ohio_hover.gif) no-repeat 400px 400px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap_2600ohio a#title {
  height:376px;
  he\ight:0;
  }
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap_2600ohio a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
/* place the <dd>s in the correct absolute position */
#imap_2600ohio dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap_2600ohio #pic_kit {
  left:148px;
  top:26px;
  z-index:20;
  }
#imap_2600ohio #pic_lr {
  left:196px;
  top:195px;
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap_2600ohio a#kit {
  display: block;
  width: 242px;
  height: 161px;
  background:transparent url(template/pro/images/floorplans/hover_kit.gif) -500px -500px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#imap_2600ohio a#lr {
  display: block;
  width: 226px;
  height: 160px;
  background:transparent url(template/pro/images/floorplans/hover_lr.gif) -500px -500px no-repeat;
  text-decoration:none;
  z-index:20;
  }
/* style the span text so that it is not initially displayed */
#imap_2600ohio a img, #imap_2600ohio a:visited img {
  display:none;
  }
/* move the link background image to position 0 0 when hovered */
#imap_2600ohio a#kit:hover, #imap_2600ohio a#lr:hover {
  background-position:0 0;
  }
/* define the common styling for the span text */
#imap_2600ohio a:hover img {
  position:absolute;  
  width:100px; 
  display:block; 
  background:#fff; 
  border:1px solid #000; 
  }
/* the hack for IE pre IE6 */
* html #imap_2600ohio a:hover img {
  width:650px; w\idth:100px;
  }


/* move the span text to a common position at the bottom of the image map */
#imap_2600ohio a#kit:hover img {
  left:-135px; 
  top:350px;
  }
#imap_2600ohio a#lr:hover img {
  left:-190px; 
  top:181px;
  }


/* * * * * * * * * * * * * MISC * * * * * * * * * * * * */ 

img.adobe {
border: 0;
float: right;
margin: 10px;
}


/* * * * * * * * * * * * * IDX FRAME * * * * * * * * * * * * */ 

div#idx_header {
width: 100%;
background: #600;
margin: 0 auto;
}
div#idx_header img {
border: 0;
}  -->

<!-- .small {
	font-size:10px;
}
.medium {
	font-size:12px;
}
.large {
	font-size:14px;
} -->