@import url('content.css');

body { margin: 0; padding: 0 0 20px 0; font: medium Arial, Helvetica, Verdana, sans-serif; background: #EBEBEB url(body_bgrd.gif) top center repeat-y; }
body.index { background: #EBEBEB url(body_bgrd_index.gif) top center repeat-y; }
.cleaner { clear: both; height: 1px; line-height: 0; font-size: 0; overflow: hidden; }
a { color: #090;}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

.print-pic { display: none; }

#bgrd { background: url(body_bgrd_top.gif) top center no-repeat; height: 100%; }
#page_container { width: 773px; margin: 0 auto; font-size: 90%; }

#header { background: #fff url(hdr_bgrd.gif) top left repeat-x; padding-top: 20px; position: relative; height: 138px; overflow: hidden; }
#header h2 { margin: 0; padding: 0; width: 100%; height: 100%; background: url(logo_inner.gif); }
#header h2 a span { display: block; position: absolute; top: 30px; left: 30px; width: 100px; height: 90px; text-indent: -1000px; overflow: hidden;}
#header .bar { width: 100%; height: 22px; position: absolute; bottom: 0; right: 0; background: #080 url(bar_bgrd_phone.gif) 672px 0 no-repeat; border-bottom: 10px solid #fff; }
#header .bar span { display: none;  }
#header .bar #skype { display: block; height: 22px; line-height: 22px; width: 381px; background: url(skype_call2.gif) no-repeat; color: #FFF;  text-indent: -1000px; overflow: hidden; margin-left: 285px; }

.index #header { height: 199px; }
.index #header h2 { background: url(logo_index.gif) top left repeat-x; }
.index #header h2 a span { width: 110px; height: 160px; top: 25px; left: 41px; }
.index #header .bar { border-bottom: 5px solid #fff;}

#footer { }
#page_content { }
.panel { float: left; }

#sidebar { display: inline; width: 170px; height: 400px; float: left; margin: 0 0 0 10px; padding: 0 5px 10px 5px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style: outside none; display: block; width: 100%; }
#sidebar ul li a { display: block; line-height: 14px; font-size: 13px; font-weight: bold; padding: 4px 0 4px 15px; text-transform: uppercase; color: #fff; text-decoration: none; overflow: hidden;  }
#sidebar ul li a:hover { background: #FFDE00; color: #000; }
#sidebar ul li.first { background: #FFDE00; width: 100%; margin-left: -5px; margin-bottom: 10px; width: 106%;  }
#sidebar ul li.first a { color: #000; font: normal 18px Arial, sans-serif;  }

#cat dl { margin: 10px 0 0 0; padding: 0; }
#cat dl dd { margin: 0 10px 0 0; padding: 0; display: block; width: 180px; float: left; overflow: hidden; }
#cat dl dd a { display: block; height: 200px; padding: 70px 10px 10px 10px; color: #fff; text-decoration: none; background-position: top left; background-repeat: no-repeat; background-color: #080; }
#cat dl dd a:hover { background-color: #009400; }
#cat dl dd img { display: block; margin-bottom: 10px;}

#cat dl dd#sales a { background-image: url(home_sales_bgrd.gif); }
#cat dl dd#lettings a { background-image: url(home_lettings_bgrd.gif);  }
#cat dl dd#serviced a { background-image: url(home_serviced_bgrd.gif);  }

#welcome { width: 370px; margin: 0 10px 0 0;}
#welcome h1 { display: block; width: 219px; height: 46px; margin: 15px 0 20px 15px; background: url(wellcome.gif) top left no-repeat; text-indent: -1000px; overflow: hidden;}
#welcome p { padding: 0 15px; }

#news a { width: 180px; float: left; height: 145px; background: #080 url(home_news_bgrd.gif) no-repeat; color: #fff; text-decoration: none; }
#news a:hover { background-color: #009400; }
#news a span { padding: 75px 10px 10px 10px; display: block; }

#cat dl dt { display: none; } 
.cnt { float: left; width: 98.5%; background: url(/images/home_supp_bgrd.gif) top right repeat-y; }
.cnt .inner { background: url(/images/home_supp_pic.jpg) bottom right no-repeat; }

.search_nav { margin: 0; line-height: 25px; border-top: 1px solid #090; border-bottom: 1px solid #090; }
.search_nav span { display: block; float: right; margin-top: -25px; margin-right: 10px; color: #090; }
.search_nav span a { text-decoration: none; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.search_nav span a:hover { text-decoration: underline; }

/* ------ Navigation -------- */
#nav { margin: 0; padding: 0; position: absolute; bottom: 28px; right: 0; }
#nav li { display: block; height: 33px; line-height: 33px; list-style: outside none; float: left; }
#nav li a { display: block; float: left; overflow: hidden; text-indent: -1000px; }

#nav #a1, #nav #a1 a { background-image: url(nav_li_serviced.gif); width: 153px; }
#nav #a2, #nav #a2 a { background-image: url(nav_li_lettings.gif); width: 70px; }
#nav #a3, #nav #a3 a { background-image: url(nav_li_sales.gif); width: 50px; }
#nav #a4, #nav #a4 a { background-image: url(nav_li_management.gif); width: 105px; }
#nav #a5, #nav #a5 a { background-image: url(nav_li_information.gif); width: 98px;  }
#nav #a6, #nav #a6 a { background-image: url(nav_li_contact.gif); width: 106px; }

#nav #a7h, #nav #a7h a { background-image: url(topNav_btn_home_sm.gif); width: 46px; }
#nav #a1h, #nav #a1h a { background-image: url(topNav_btn_serviced_sm.gif); width: 135px; }
#nav #a2h, #nav #a2h a { background-image: url(topNav_btn_lettings_sm.gif); width: 64px; }
#nav #a3h, #nav #a3h a { background-image: url(topNav_btn_sales_sm.gif); width: 45px; }
#nav #a4h, #nav #a4h a { background-image: url(topNav_btn_management_sm.gif); width: 93px; }
#nav #a5h, #nav #a5h a { background-image: url(topNav_btn_information_sm.gif); width: 87px;  }
#nav #a6h, #nav #a6h a { background-image: url(topNav_btn_contact_sm.gif); width: 85px; }

.style2 {color: #FF0000}