/**
 * Stylesheet for Uptown Realty
 *
 * @version: $Id: $
 */

/**
 * Genearl Elemenet Styles
 */
body
{
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f5f7e4;
background-image: url("/gfx/2_1.jpg");
background-repeat: repeat-x;
text-align: center;
border-collapse: collapse;
font-size:10pt;
color: #555;
padding: 0px;
margin: 0px;
}

address { margin: 0px; padding: 0px; font-style: normal; line-height: normal; }

h1 { font-size: 140%; font-weight: 500; }
h2 { font-size: 115%; }
h3 { font-size: 105%; }

img { border: none; }

a, a:visited
{
color: #1e63af;
}
a:hover
{
/*color: #00ccff;*/
color: #FF7200;
text-decoration: none;
}

/**
 * Specific Elements we know by their ID
 */
div#container
{
text-align: left;
padding: 0px;
margin: 0px auto;
background-color: #d0cfb0;
width: 760px;
margin-top: 10px;
}
div#masthead
{
background-color: #fff;
background-image: url("/gfx/2_3.jpg");
background-repeat: no-repeat;
}
img#mastlogo
{
float: left;
}
ul#mastnav
{
display: block;
list-style: none;
float: right;
margin: 0px;
padding: 0px;
padding-top: 2px;
}
ul#mastnav li
{
float: left;
padding-right: 10px;
padding-left: 10px;
background: url("/gfx/2_2.gif") no-repeat 0px 0.45em;
}
ul#mastnav li a
{
font-size: 7pt;
font-weight: bold;
color: #444;
text-decoration: none;
}
ul#mastnav li a:hover
{
color: #000;
}
address#mastaddress
{
font-weight: bold;
font-size: 10px;
color: #3b83d2;
clear: right;
display: block;
list-style: none;
text-align: right;
padding: 7px 10px 8px 10px;
}
ul#mainnav
{
display: block;
padding: 0px;
margin: 0px;
clear: both;
list-style: none;
background-color: #3b83d2;
border-bottom: 1px #1e63af solid;
height: 2.5em;
}
ul#mainnav li
{
float: left;
border-right: 1px #80bceb solid;
padding-right: 10px;
padding-left: 11px;
padding-top: 5px;
padding-bottom: 5px;
}
ul#mainnav li a, ul#mainnav
{
font-weight: bold;
font-size: 7pt;
color: #e2effa;
text-decoration: none;
}
ul#mainnav li a:hover
{
color: #fff;
}
ul#mainnav li.lastitem
{
width: 165px;
padding-right: 10px;
margin: 0px;
text-align: right;
}
div#maststock
{
clear: both;
background: url("/gfx/2_5.jpg") no-repeat;
height: 144px;
margin: 0px;
padding: 0px;
}

div#maststock h1 { display: none; padding: 0px; margin: 0px; }

div#maincontent
{
padding: 5px;
margin: 0px;
}

div#maintext
{
background-color: #f5f7e4;
float: left;
margin: 0px;
padding: 10px;
padding-top: 0px;
width: 372px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 362px;
}

html>body div#maintext
{
width: 362px;
}

div#maintext li { list-style: square; }
div#maintext h2, div#mainfeatures h2 { margin-top: 10px; }

div#mainfeatures h2
{
font-size: 100%;
padding: 5px;
padding-left: 25px;
margin: 0px;
background-image: url("/gfx/2_6.gif");
background-repeat: no-repeat;
background-position: 10px 50%;
background-color: #3b83d2;
color: #e2effa;
display: block;
}

div#mainfeatures h3
{
margin: 0px;
padding: 0px;
}
div#mainfeatures h3 span.pics
{
   font-size: 75%;
   font-weight: normal;
   vertical-align: text-top;
   color: red;
}

div#mainfeatures ul
{
list-style: none;
margin: 0px;
padding: 5px;
line-height: normal;
}
div#mainfeatures ul li
{
margin: 0px;
margin-bottom: 5px;
padding: 5px;
background-color: #f4fafe;
}
div#mainfeatures ul li p { margin: 0px; padding: 3px; font-size: 80%; }

div#mainfeatures
{
float: right;
padding: 0px;
margin: 0px;
background-color: #e2effa;
width: 372px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 362px;
}

html>body div#mainfeatures
{
width: 362px;
}

div#sitefoot
{
background-color: #e0dfc1;
background-image: url("/gfx/2_8.gif");
background-repeat: no-repeat;
background-position: 50% 90px;
border-top: 1px solid #f5f7e4;
height: 140px;
text-align: center;
position: relative;
top: 7px;
padding-top: 7px;
font-size: 7.5pt;
}

div#sitefoot a, div#sitefoot a:visited
{
font-weight: bold;
color: #84815d;
text-decoration: none;
background: none;
}
div#sitefoot a:hover
{
/*border-bottom: 1px #84815d solid;*/
/*color: #84815d;*/
/*background-color: #ecebd8;*/
font-weight: bold;
color: #a6a37c;
}

/**
 * Element we know by Class
 */
ul.footnav
{
list-style: none;
margin: 0px;
padding: 3px 0px;
text-align: center;
}

ul.footnav li
{
/*font-weight: bold;*/
color: #a6a37c;
display: inline;
height: 1em;
padding: 0px 4px 0px 4px;
border-right: 1px solid #a6a37c;
}

ul#footcopy
{
margin-top: 8px;
}

ul#footextra li a,ul#footextra li a:hover, ul#footextra li a:visited
{
font-weight: normal;
/*margin-top: 65px;*/
}

/**
 * General Classes
 */
ul.footnav li.lastitem, ul#mainnav li.lastitem { border: none; }
.clear { clear: both; }
.hidden { display: none; }