/*

Colors:
Dark Red - color: #380a01 (titles)
Light Blue - color: #2884c4 (links)
Dark Grey - color: #383838 (main body text)

main navigation (selected & unselected):
font-family: verdana;
font-size: 15px;
font-weight: normal;
color: #ffffff

<h1> - Main Body Titles and Teaser Titles:
font-family: times;
font-size: 24px;
font-weight: normal;
color: #380a01;

Search Box Text:
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #383838;

<p> - Main Body text:
font-family: arial;
font-size: 13px;
font-weight: normal;
color: #383838;

Teaser Box Text:
font-family: arial;
font-size: 13px;
font-weight: normal;
color: #383838;

Bottom Navigation Text (neutral):
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #383838;

Bottom Navigation Text (rollover):
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #2884c4;

+ Additional Links (title)
font-family:Arial;
font-size:16px;
font-weight:normal;
color:#570103;

Links (unselected)
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#313131;

Links (rollover/selected)
font-family:Arial;
font-size:14px;
font-weight:normal;
color:#2884c4;


 ---- listings ----
Colors:
Dark Red - #380a01
Dark Grey - #525252
Light Grey - #cbcaca
Blackish - #2f2e2e
Light Blue - #eff8ff

Fonts:
Listing Title -
font-family: arial;
font-size: 13px;
font-weight: bold;
color: #380a01;

listing main content-
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #525252;

listing price-
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #525252;

SF Bldg, cap rate, ect. -
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #525252;

prev 1 | 2 | 3 next (unselected)-
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #525252;

prev 1 | 2 | 3 next (selected)-
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #2f2e2e;

Listing background color -
color: #eff8ff; /*light blue*/




* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */


/*--------- site-wide font styles ----------*/
a img {
border:none;}

h1 {
font-family:Times, serif;
font-size:24px;
font-weight:normal;
color:#380a01;} /* title */

#main h1 {
margin-bottom:20px;}

h2 {
font-family:Georgia, serif;
font-size:18px;
color:#333333;} /* sub title */

#teasers h1 {
margin-bottom:25px;}

h3 {
font-family:Arial, sans-serif;
font-size:13px;
font-weight:bold;} /* body text font + bold */

p, #main {
font-family:Arial, sans-serif;
font-size:13px;
padding-bottom:10px;
line-height:130%;
color:#383838;} /* body text font */

p.address {
font-family:Verdana, sans-serif;
font-size:15px;
color:#380a01;
font-weight:bold;
text-align:right;
margin:60px 225px 0 0;
padding-bottom:0;
line-height:110%;}

p.address a {
font-family:Verdana, sans-serif;
font-size:12px;
color:#380a01;
font-weight:bold;
text-decoration:none;
letter-spacing:.5px;}

#nav a {
font-family:verdana, sans-serif; 
font-size:13px; 
color:#FFFFFF; 
text-decoration:none;}

p.welcome {
line-height:100%;
padding-bottom:0;}

#teasers p.rdmr {
width:100%;
text-align:right;}

#teasers a {
font-size:12px;
color:#ffffff;
text-decoration:none;}

#teasers h1 a {
font-family:Times, serif;
font-size:24px;
font-weight:normal;
color:#380a01;}

#main ul, #main ol {
margin-left:15px;}

/* subnav */
#subnav .title {
font-family:Arial;
font-size:16px;
font-weight:normal;
color:#570103;
width:315px;
border-bottom:1px dotted #cccccc;
padding-bottom:0;
margin-bottom:5px;}

#subnav ul {
list-style:none;}

#subnav li {
padding-left:0;}

#subnav a {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#313131;
text-decoration:none;
padding-left:13px;}

#subnav a:hover, #subnav a.navsel {
font-size:12px;
color:#2884c4;
background:url(http://muljat.com/images/arrow.png) left center no-repeat;}


#main a {
font-family:Arial, sans-serif;
font-size:12px;
color: #2884c4;
text-decoration:none;}

p.search, p.submit {
text-align:right;}

.subs {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;}

#listings p {
font-family:arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#525252;
line-height:120%;
padding:0;
margin:0;}

#listings p a {
font-family:arial, sans-serif;;
font-size:13px;
font-weight:bold;
color:#380a01;
display:block;
margin-bottom:7px;}

#listings p.price {
font-weight:bold;
color:#525252;}


#footer p {
text-align:center;
font-family:Verdana, sans-serif; 
font-size:11px; 
color:#383838;
letter-spacing:.5px;
padding-top:10px;
line-height:100%;}

#footer a {
color:#383838;
text-decoration:none;}

#footer a:hover {
color: #2884c4;}


/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(http://muljat.com/images/rep_bkg.jpg) top left repeat-x #050402;}

#wrapper {
width:960px;
margin:0 auto;
background-color:#ffffff;
border:4px solid #ffffff;
border-top:none;}

#header {
width:960px;
height:137px;
float:left;
background:url(http://muljat.com/images/header_contact.jpg) top right no-repeat;}

#logo {
width:261px;
height:137px;
float:left;}

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:960px;
height:40px;
float:left;
background:url(http://muljat.com/images/nav_bar_top.jpg) top center no-repeat;
border-bottom:5px solid #ffffff;}

#nav ul {
float:left;
list-style:none;}

#nav ul li {
float:left;
background:url(http://muljat.com/images/nav_divider.jpg) left center no-repeat;}

#nav ul li.first {
background:none;}

#nav a {
float:left;
display:block;
padding:11px 29px 10px 29px;}

#nav a.twitter {
padding:0 0 0 20px;}

#nav a:hover, #nav a.navsel {
background:url(http://muljat.com/images/nav_bar_active.jpg) top center no-repeat;}


/*------------ main body area ---------------*/
#flash {
width:639px;
height:289px;
float:left;
margin-bottom:10px;}

#main {
width:579px;
float:left;
text-align:left;
padding:15px 30px 20px 30px;}

#welcome {
width:579px;
float:left;
text-align:left;
margin:15px 30px 0 30px;
border-bottom:1px dotted #cccccc;}

/*  listings  */
#listings {
background-color:#ffffff;
margin-bottom:15px;}

#listings td {
padding:8px;
vertical-align:top;}

tr.odd {
background-color:#ffffff;}

tr.even {
background-color:#eff8ff;}

/*  sidebar  */
#sidebar {
width:315px;
float:right;
text-align:left;}

#search_subscribe {
width:285px;
height:269px;
padding:10px 15px;
margin-bottom:7px;
background:url(http://muljat.com/images/main_box.jpg) top center no-repeat;}

#property_search {
width:285px;}

#subscribe {
width:285px;}

.subs {
width:275px;
padding:4px;
margin-bottom:7px;
border:1px solid #999999;}

#hire_troy, #calculator {
width:315px;
height:102px;
margin-bottom:7px;}

#subnav {
width:315px;
margin-bottom:7px;}

/*  teasers  */
#teasers {
width:960px;
float:left;
margin-bottom:7px;}

#teaser1, #teaser2, #teaser3 {
width:285px;
height:188px;
float:left;
padding:10px 15px;}

#teaser1 {
background:url(http://muljat.com/images/teaser_sales.jpg) top center no-repeat;}

#teaser2 {
background:url(http://muljat.com/images/teaser_appraisals.jpg) top center no-repeat;}

#teaser3 {
background:url(http://muljat.com/images/teaser_statistics.jpg) top center no-repeat;}

#teaser1 {
margin:0 7px 0 1px;}

#teaser2 {
margin-right:7px;}


/*------------ footer ---------------*/
#footer {
width:960px;
height:68px;
margin:0 auto;
clear:both;
text-align:center;
background:url(http://muljat.com/images/nav_bar_bottom.jpg) top left no-repeat;}

#footer p.copyright {
float:left;
margin:20px 0 0 20px;}

#footer p.bottom_nav {
float:right;
margin:20px 20px 0 0;}



/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh_rev {
width:900px;
margin:20px auto 0 auto;
text-align:center;}

#big_fresh_rev a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;}

#big_fresh_rev span {
color:#fe8a16;}

#big_fresh_rev a:hover span {
text-decoration:underline;}

#big_fresh_rev span.bullet {
color:#999999;}

/*------------ IE6 png fix ---------------*/


img, div, a, input, td { behavior: url(iepngfix.htc) }


/* contact form */
    .form_serial { 
      display: none; }