/* lifewithaview.co.uk:  Master layout stylesheet */
 /** 
 *  Design concept, layout and graphics 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.
 */
  
/* basic site wide global defaults, these may be overidden in custom styles */
 
 html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,ol,ul,li,fieldset, form, legend, table,address,
 cite, img { 
  margin: 0; 
  padding: 0;
  border:0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  }
html {
  overflow-y:scroll;
  }
body {
  font: 100.01%/1.25 'lucida grande',  helvetica,   arial,  sans-serif;
  color: #333;
  text-align:center;
  }
ul {
  margin-left:0;
  padding-left:0;
  }
p {
  margin:.6em 0;
  line-height:1.4;
  }
h1, h2, h3, h4 {
  margin:.5em 4%;
  }
p, dd, li {font-size:87.50%;}
dd p, li p, dd li, li dd, li li p, li li {font-size:100%;}
h1, h2, h3, h4 {font-family: arial, sans-serif;}
h1 {font-size: 150.25%;}
h2 {font-size: 137.75%;}
h3 {font-size: 125%;}
h4 {font-size: 112.50%;}
h5 {font-size: 100%; font-weight:bold;}
h6 {font-size: 81.25%; font-weight:bold;}
dt {font-weight:bold;}
a {
  color:#00587a;
  text-decoration:none;
  }
a:visited{color:#558BC0;}
a:focus,
button img:focus
 {
  outline:none;
  border:none;
  color:#fff !important;
	background:#1F64AB;
	}
#services-links li a:focus {background:none; border:1px solid red;}
button:focus::-moz-focus-inner { border-color: transparent !important; }

a:hover {
  color:#CC6666;
  }
a:active{color:#fff;}
a img,
:link img,
:visited img {
  border:none;
  }
q:before, q:after,
blockquote:before, 
blockquote:after {
  content: "";
  }
acronym, abbr {
  cursor:help;
  border-bottom:1px dashed #777;
  }
table {
  font-weight:inherit;
  font-size:inherit;
  border-collapse: collapse;
  border-spacing: 0;
  }
hr {
  display:block; 
  clear:both;
  visibility:hidden;
  }
sup {
  vertical-align:middle;
  font-size:80%;
  }
em {
  font-style:normal;
  font-weight:bold;
  }
/** Skip to link styling **/
#jumpTo a {
  position:absolute;
  left:-999em;
  top:0;
  width:120px;
  text-align:center;
  padding:1px 0;
  font-weight:bold;
  }
#jumpTo a:focus, #jumpTo a:active {
  left:0;
  background:#A2B83C;
  }
/** hcard microformat styling **/
#site-design {
  width:200px;
  float:right;
  position:relative;
  margin:0;
 
  }
#site-design li {
  float:left;
  margin-top:6px;
  display:inline;
  color:#fff;
  }
/*#footer p.validate {
  float:right;
  width:200px;
  margin:0;
  font-weight:bold;
  color:#bebebe;
  }*/
/* hide Vcard items from display */
#wrapper > ul#site-design {
  padding:3px 0;
  }
ul li.street-address,
ul li.locality,
ul li.region,
ul li.postal-code,
ul li.country-name,
ul li.org,
#contact ul li a.url,
#contact ul.adr,
ul li span.type,
ul li.fax,
ul#site-design li.email, ul#site-design ul,
ul#site-design li.tel {
  display:none;				
  } 
/* popup vcard  & site link */
#site-design li.tag-line {
  padding: 0;
  }
#showlink {
  position:absolute;
  display:block;
  width:150px;
  left:-999em;
  bottom:11px;
  z-index:10;
  }
li.tag-line:hover #showlink {
  display:block;
  left:0;
  }
ul#showlink li {line-height:20px;}
#footer #showlink a {
  display:block;
  height:20px;
  width:150px;
  background:#fff;
  border:1px solid #000;
  padding:0 5px 0 4px;
  font-weight:bold;
  color:#555;
  }

/* ===== main structural elements ===== */

#wrapper {
  width:960px;
  margin:1em auto 0;
  text-align:left;
  }
#container {
  position:relative;
  margin:0 auto;
  display:inline-block;/*IE set hasLayout*/
  overflow:hidden;
  } 
#container {display:block;}/* re-set display */

/* Two column source order */
#content-wrap {
  float:right;
  width:100%;
  margin: 0 0 0 -245px;
  }
#content {
  margin:6px 0 0 246px;
  padding: 0;
  }
#sidebar {
  float:left;
  margin:20px 0 0;
  padding-bottom:20px;
  width:242px; 
  display:inline;
  }
/* two-column right aligned sidebar */
#right-sidebar #content-wrap {
  float:left;
  margin:0 -202px 0 0;
  }
#right-sidebar #content {margin: 0 202px 0 0;}
#right-sidebar #sidebar {
  float: right;
  margin-left:-200px;
  }
#agents-info #right-sidebar #sidebar {
  margin-top:90px;
  border-left:1px solid #81bd41;
  }
/*====  Three column layout source order ====*/  
#three-col #content-wrap {
  float:left;
  width:100%;
  margin-left:0;
  }
#three-col #sidebar {
  margin-left:-100%;
  display:inline;
  }
#three-col #sidebar-b {
  width:125px;
  float:right;
  margin-left:-125px;
  }

#agents-info #three-col #sidebar-b {
  width:360px;
  margin-left:-360px;
  }
#three-col #content {
  margin: 1em 130px 0 205px;
  display:inline-block;
  }
#agents-info #three-col #content {
	margin:0 365px 0 205px;
  }
/* nested sidebar within content element */
#content-split #sidebar-b {
  width:220px;
  float:right;
  margin-top: 10px;
  }
#content-split #content #content-frame  {
	margin:0 220px 0 10px;
  }
#agent-profiles #content #content-frame {
  float:left;
  width:550px;
  margin:0;
  }
#three-col #content {
  display:block;
  }
/*** end three column block ***/

/* ==== Full width layout no sidebar: About pages/Site maps/Policies ==== */
/* layout switched on body id i.e body id="fullwidth" sidebar is removed */
#fullwidth #content-wrap {
  float:none;
  width:100%;
  margin:0 auto
  }
#fullwidth #content {
  margin:0 auto;
  padding:1px 0 20px;
  }
#fullwidth #intro {
  width:100%;
  margin:1em auto;
  }

/* ==== end full width styles ==== */

/* ==== Header/footer elements ==== */
#header {
  position:relative;
  height:144px;
  overflow:hidden;
  clear:both;
  }

#footer {
  margin:0 0 10px;
  padding-top:15px;
  clear:both;
  }
#footer #site-design li.tag-line {
  font-size: 64%;
  color:#fff;
  }
/* content tab panel layout elements */
#tab-panel {
  overflow:hidden;
  margin-top:3px;
  padding-bottom:2px;
  }


/* ==== general classes  ==== */
.left {float:left; display:inline;}
.right{float:right; display:inline;}
.col-a, .col-b {width:49%;}
.col-a {float:left;}
.col-b {float:right;}

#wrapper .no-border, #wrapper .last {border:none;}

/* clearing rules for floats */
.clearfix:after {
  display:block;
  content:".";
  height:0;
  font-size:0;
  visibility:hidden;
  clear:both;
  }
.clearfix {display:inline-block;}/* for IEMac & IE6/7 switch */

/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}/* reset display */
/* end clearfix rule set */