/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* typography.css */
body {font-size:62.5%;color:#222;background:#fff;font-family:verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0px !important;padding-left:0px !important;}
.last {margin-right:0px !important;padding-right:0px !important;}
.top {margin-top:0px !important;padding-top:0px !important;}
.bottom {margin-bottom:0px; padding-bottom:0px;}

/* grid.css */

/* --------------------------------------------------------------

   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.8 (2009-03-01)
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * BlueCalc (2009-10-27) [http://www.bluecalc.com/]

   Blueprint.css is licensed by the conditions of the MIT license.
   This document has been created by BlueCalc, a grid creation utility for blueprint.
   Also check out the "Blueprint CSS Generator" by kematzy (http://kematzy.com/blueprint-generator/)
	
   == STRUCTURE: ========================
    * Page width:            960 px
    * Number of columns:     14 
    * Column width:          63 px
    * Margin width:          6 px
   ======================================
   
   The blueprint grid is calculated as follows:
   Total width = (number_of_columns * column_width) - margin_width
   
   For more information on blueprint.css check out http://wiki.github.com/joshuaclayton/blueprint-css
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 960px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 6px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 63px; }
.span-2 { width: 132px; }
.span-3 { width: 201px; }
.span-4 { width: 270px; }
.span-5 { width: 339px; }
.span-6 { width: 408px; }
.span-7 { width: 477px; }
.span-8 { width: 546px; }
.span-9 { width: 615px; }
.span-10 { width: 684px; }
.span-11 { width: 753px; }
.span-12 { width: 822px; }
.span-13 { width: 891px; }
.span-14, div.span-14 { width: 960px; margin: 0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 51px !important; }
input.span-2, textarea.span-2 { width: 120px !important; }
input.span-3, textarea.span-3 { width: 189px !important; }
input.span-4, textarea.span-4 { width: 258px !important; }
input.span-5, textarea.span-5 { width: 327px !important; }
input.span-6, textarea.span-6 { width: 396px !important; }
input.span-7, textarea.span-7 { width: 465px !important; }
input.span-8, textarea.span-8 { width: 534px !important; }
input.span-9, textarea.span-9 { width: 603px !important; }
input.span-10, textarea.span-10 { width: 672px !important; }
input.span-11, textarea.span-11 { width: 741px !important; }
input.span-12, textarea.span-12 { width: 810px !important; }
input.span-13, textarea.span-13 { width: 879px !important; }
input.span-14, textarea.span-14 { width: 948px !important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 69px; }
.append-2 { padding-right: 138px; }
.append-3 { padding-right: 207px; }
.append-4 { padding-right: 276px; }
.append-5 { padding-right: 345px; }
.append-6 { padding-right: 414px; }
.append-7 { padding-right: 483px; }
.append-8 { padding-right: 552px; }
.append-9 { padding-right: 621px; }
.append-10 { padding-right: 690px; }
.append-11 { padding-right: 759px; }
.append-12 { padding-right: 828px; }
.append-13 { padding-right: 897px; }

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 69px; }
.prepend-2 { padding-left: 138px; }
.prepend-3 { padding-left: 207px; }
.prepend-4 { padding-left: 276px; }
.prepend-5 { padding-left: 345px; }
.prepend-6 { padding-left: 414px; }
.prepend-7 { padding-left: 483px; }
.prepend-8 { padding-left: 552px; }
.prepend-9 { padding-left: 621px; }
.prepend-10 { padding-left: 690px; }
.prepend-11 { padding-left: 759px; }
.prepend-12 { padding-left: 828px; }
.prepend-13 { padding-left: 897px; }

/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -69px; }
.pull-2 { margin-left: -138px; }
.pull-3 { margin-left: -207px; }
.pull-4 { margin-left: -276px; }
.pull-5 { margin-left: -345px; }
.pull-6 { margin-left: -414px; }
.pull-7 { margin-left: -483px; }
.pull-8 { margin-left: -552px; }
.pull-9 { margin-left: -621px; }
.pull-10 { margin-left: -690px; }
.pull-11 { margin-left: -759px; }
.pull-12 { margin-left: -828px; }
.pull-13 { margin-left: -897px; }
.pull-14 { margin-left: -966px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13 { float: left; position:relative; }

.push-1 { margin: -69px 1.5em 69px; }
.push-2 { margin: -138px 1.5em 138px; }
.push-3 { margin: -207px 1.5em 207px; }
.push-4 { margin: -276px 1.5em 276px; }
.push-5 { margin: -345px 1.5em 345px; }
.push-6 { margin: -414px 1.5em 414px; }
.push-7 { margin: -483px 1.5em 483px; }
.push-8 { margin: -552px 1.5em 552px; }
.push-9 { margin: -621px 1.5em 621px; }
.push-10 { margin: -690px 1.5em 690px; }
.push-11 { margin: -759px 1.5em 759px; }
.push-12 { margin: -828px 1.5em 828px; }
.push-13 { margin: -897px 1.5em 897px; }
.push-14 { margin: -966px 1.5em 966px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13 {float: right; position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
  margin-top:1.5em; 
}
.append-bottom { 
  margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
.left { float: left; }
.right { float: right; }


/* forms.css */
label {}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:170px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:170px;height:100px; padding:5px}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* SITE SPECIFIC CSS */
/*============================*/
/* Header Positioning */
/*============================*/
h1{ font-size:2.3em; margin: 20px 0px 5px 0px;}
h2{ font-size:1.4em; margin: 20px 0px 5px 0px}
	
h2.subFirst { position:absolute; left:576px; top:10px; z-index:50;}
h2.subSecond{ position:absolute; left:715px; top:10px; z-index:50;}
h2.subThird { position:absolute; left:854px; top:10px; z-index:50;}
h2.subFourth{ position:absolute; left:300px; top:10px; z-index:50;}
ul.ulfirst    { position:absolute; left:576px; margin-left:0px;}
ul.ulsecond   { position:absolute; left:715px; margin-left:0px;}
/*============================*/
/* Typeography */
/*============================*/

h1, h2, #head span, #getInTouch,textarea, input, .liability {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#7b7b7e;}

.testimonial, .quote, #contentText{ font-size:1.1em;}
#accreditations p{font-size:1em;}

p, .basic li, ul, ul li {line-height:1.3em; }

.basic li, #getInTouch p,  #getInTouch span, label, textarea, input, .testimonial p, body#contact #content-container p {color:#58595b;}
p, #end, #contentText, .navItem a{color:#FFF;}

p{font-size:1.1em; margin-bottom:8px;}

.navItem {
	text-align:center;
	line-height:30px;
	display:block;
}

#head span{
	margin-top:2px;
	float:right;
	font-size: 1.5em;
	color:#7b7b7e;
	line-height:1.3em;
	}

#end{
	background-color:#58585a;}

.quote{
	font-style:italic;
	color:#555;
	position:absolute;
	left:610px;
	top:220px;
	text-align:center;
	font-size:1.5em;}
	
.quote span{
	text-align:right;}
	
#getInTouch span{ 
	width: 100px; 
	display:block;
	font-size:1.3em;
	margin:3px 0px;}

#getInTouch p{
	font-size:0.6em;
	line-height:1em;}
	
#tel{
	font-size:170% !important;
	color:#F00 !important;}
/*============================*/
/* LINKS */
/*============================*/
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:focus  {}

#contentText a:link   { color: #ffcb08; font-weight:normal;}
#contentText a:visited{ color: #ffcb08; font-weight:normal;}


#getLink, a, .testimonial a{ color:#58595b;}
.testimonial a{text-decoration:underline;}
#getInTouch p{font-size:1em;}
/*============================*/
/* LISTS */
/*============================*/
ul{
	margin:5px 3px 5px 15px;
}

#contentText ul{
	float:none !important; }
	
ul li{
	margin-left:15px;
	}
	
.basic {
	margin:0px 0px 0px 10px;
	padding:0px;
	}
	
.basic li{
	margin: 0px;
	list-style:none;
}

form dt{
	float:left;
	width:70px;
	margin-bottom:9px;
	height:30px;}
	
form dd {
	float:left;
   height:30px;
   width:200px;
   text-align:left;
   margin-bottom:9px;
   position:relative;
}
/*============================*/
/* FORMS*/
/*============================*/
textarea.error{
	padding:5px;}
	
input, textarea{ 
	position:relative;
	z-index:20;}
	
#contactForm{
	margin-top: 5px;
	margin-left:340px;
	width:310px;}
	
#contactForm label{
	position:absolute;
	margin-top:8px;}

#contactForm .submit{
	float:right;
	margin-right:42px;}
	
label.error{
	position:absolute;
	top:-10px;
	left:-2px;
	width:120px;
	height:12px;
	padding-left:185px;
	padding-right:0px;
	margin-right:0px;
	z-index:0;}
/*============================*/
/* IMAGES */
/*============================*/
#head img, #accreditation img {float:left;}
	
.testimonial img, #getInTouch p img { float:right;}

.testimonial img {
	margin: 10px 0px 10px 10px;
	position:relative;
	top:-10px;
	left:0px;}

#getInTouch p img{
	margin: 10px 0px 0px 0px ;
	padding:0px;}
	
#contentText img{
	margin-left:10px;}

#house-bar img{
	margin: 8px 5px 7px 0px;}

#house-bar img:hover {
	position:relative;
	left:-3px;
	top:-3px;
	margin-bottom:1px;
	padding:1px;
	border:2px solid #A5A5A7;
	content:}
	
#house-bar a {
	height:10px !important;}
#house-bar .top:hover {
	position:relative;
	left:-3px;
	top:-2px;
	margin-bottom:2px;
	padding:1px;
	border:2px solid #A5A5A7;
}
#house-bar .bottom{
	margin-bottom:0px;}

#house-bar .bottom:hover {
	position:relative;
	left:-3px;
	top:-3px;
	margin-bottom:-6px;
}
	
#accreditation img{
	margin: 10px 30px;}
/*============================*/
/* Head */
/*============================*/
#head{margin:10px 0px;}
/*============================*/
/* Navigation */
/*============================*/

.navItem {
	background-image: url(../images/tab.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	height:31px;
}

.navItem:hover, .selected{
	background-image: url(../images/openTab.jpg) !important;
}
/*============================*/
/* CONTENT  - POSITIONING AND ELEMENTS*/
/*============================*/

.dottedLine{
	width:100%;
	height:11px;
	background-image:url(../images/dots.jpg);
	background-repeat:no-repeat;
}
#enquiries{
	position:absolute;
	top:4px;
	left:860px;
	width:73px;
	height:20px;
}

#content{
	width:948px;
	border:1px solid #58585a;
	-moz-border-radius-topleft:5px; 
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius: 5px; /* for when they actually come out */
	border-top-right-radius: 5px; /* for when they actually come out */
	position:relative;
	padding-left:10px;
}

#content-container {
	background-position:top;
	background-repeat:no-repeat;
	padding-right:3px;
	_height:365px; /* min height ie6 */
	min-height:365px;
	
}

#contentText{
	margin-right:9px;
	background-color: #58585a;
	width:259px;
	height:236px;
	padding:7px;
	overflow:auto;
}

#main-content img, #main-content ul, #main-content div{
	float:left;}
	
#house-bar{
	width:100px;
	float:right;}

#sub-house-bar{
	clear:left;}
	
.house{ 
	width:132px; 
	position:relative; 
	float:left;
	margin-top:9px;
	margin-right:9px;

}

.house:hover p{
	top:99px;
	height:6px;
	overflow:hidden;
	}
	
.house p { 
	font-size:1.1em;
	background-color: #58585a;
	color:#fff;
	position:absolute;
	top:84px;
	left:0px;
	width:132px;
	height:22px;
	text-align:center;
	line-height:22px;
}
	
.testimonial{
	float:left;
	margin:15px 25px 15px 25px;
	width:400px;
	_width:390px;
	/*height:150px;*/
	position:relative;

}

.testimonial .quoted{
	text-align:center;
	font-style:oblique;
	_font-style:normal; /* oblique goes wrong in ie6 */
	width: 280px;
	_width:260px;
}

.testimonial .quotedNoWidth{
	width:auto !important;
}
/*============================*/
/* FOOTER */
/*============================*/
#end {
	width:950px;
	padding:6px 10px;}
	
#getInTouch{
	width:100px;
	float:right;}
	
	
/*============================*/
/* PAGE SPECIFIC CONTENT */
/*============================*/
body#contact #content-container div, body#contact #content-container ul  {
	float:left;
	margin-right:15px;}
	

body#contact #content-container ul{
	margin-top:5px;}

#contactForm dl{
	height:300px;}