/** Design concept, layout  copyright propertyowl.co.uk 
*  feel free to borrow css code ideas but please do not attempt to
*  copy the design or layout concept or 'borrow' graphics.
*/

/**
* This stylesheet provides primary graphical elements
* and must be called along with the master
* stylesheet for main layout styles.
*
*
*/
/**
*  Corporate color swatch:
*  light blue = #00a2e0
*  grey       = #808285 
*
*/
html, body {
  background: #555;
  }

/* main layout page graphics */
#container {background:#fff;}
#index #container {background: #fff url(/images/waterfront.jpg) no-repeat 0 200px}
#quicklinks {background: url(/images/link-bar.gif) repeat-x 0 100%;}
#content-wrap {
  background:#fff url(/images/sidebar-fade.gif) repeat-y 92px 0;
  }
#header {background:#fff url(/images/header-fade.gif) repeat-x 0 100%;}
#sidebar {
  background:#fff url(/images/sidebar-fade.gif) repeat-y 100% 0;
  }

#sidebar #latest-news {background: #A0B1C2 url(/images/news-fade.gif) repeat-y 100% 0}
/* services graphic overlays */

#services-links li.a {height:58px;background: url(/images/servs-a.gif) no-repeat 0 0;}
#services-links li.b {height:64px;background: url(/images/servs-b.gif) no-repeat 0 0;}
#services-links li.c {height:56px;background: url(/images/servs-c.gif) no-repeat 0 0;}
#services-links li.d {height:64px;background: url(/images/servs-d.gif) no-repeat 0 0;}
#services-links li.e {height:56px;background: url(/images/banner-link-loans.gif) no-repeat 0 0;}
#services-links li.f {height:56px;background: url(/images/banner-link-insurance.gif) no-repeat 0 0;}
#services-links li.g {height:56px;background: url(/images/banner-link-mortgages.gif) no-repeat 0 0;}
#services-links li.h {height:56px;background: url(/images/banner-link-debt.gif) no-repeat 0 0;}
#services-links li.i {height:56px;background: url(/images/banner-link-services.gif) no-repeat 0 0;}
#home #intro {  
  background:#fff url(/images/fade-back.gif) repeat-y -10px 0;
  }
/* management / about pages */
#management #content-frame {background: url(/images/body-background.gif) no-repeat 115% 20px;}
#management #content-frame ul li {
  background: url(/images/bullet.gif) no-repeat 0 .2em;
  padding-left:15px;
  }

#management #content-frame ul ul li {
  background-image:none;
  padding-left:0;
  }
#management #footer-strap a {
  padding:2px 0 1px 25px;
  background:url(/images/mail2.gif) no-repeat 0 0;
  }
#management #footer-strap a:hover,
#management #footer-strap a:focus {
  background-position: 0 -20px;
  }

#contact-page .form-panel {
  padding-bottom:100px;
  }
/*** quicklinks, login, footer links ***/

#login  a,
#footer  a {
  padding-right:.4em;
  }

#prop_search {background:#e5e5e5;}

/* property details pages */

.pages-nav li a span {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  }
.pages-nav .prev a span {
  background: #fff url(/images/grey-nav-arrow-left.gif) no-repeat 100% 50%;
  }
.pages-nav li.next a span {
  background: #fff url(/images/grey-nav-arrow-right.gif) no-repeat 0 50%;
  }
.pages-nav li.prev a.prev-inactive span {
  background: #fff url(/images/grey-nav-arrow-left-inactive.gif) no-repeat 100% 50%;
  }
.pages-nav li.next a.next-inactive span {
  background: #fff url(/images/grey-nav-arrow-right-inactive.gif) no-repeat 0 50%;
  }
.prop-links li {
  padding-left:20px;
  background:url(/images/arrow-right.gif) no-repeat 0 50%;
  }

/*** main content area index page & property listings ***/