/* Imported Styles
----------------------------------------------- */
@import url("layout.css");


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#4b483d;
background: rgb(241,237,227) url(../img/background.jpg) top center repeat-x;
text-align:center;	/* ie5.x fix for not recognising margin:auto centering */
}

/* GENERAL STYLES */
h1 {
color: #644823;
font-size:1.3em;
margin-top:0.5em;
margin-bottom: 0.3em;
}

h2 {
color: #644823;
font-size:1.1em;
margin-top: 1.2em;
margin-bottom: 0.3em;
line-height:1.3em;
}

h3 {
color:#644823;
font-size: 1em;
margin-top: 1.0em;
}

img {
border:none;
}


p {
line-height:1.5em;
}

p .u {
text-decoration:underline;
}


ol {
margin: 10px 0 10px 25px;
}

ol li {
margin: 1em 0;
text-align:justify;
}

hr {
margin-top: 1em;
display:block;
height:6px;
width:100%;
border: 1px solid #e2ddcd;
color: #f6f0e6;
background-color: #f6f0e6;
clear:both;
}


/* link styles 
---------------*/

a.link-block img { border:0; }

a, .link-looky {
border-bottom:1px dotted #6a112b;
text-decoration:none;
color:#6a112b;
display:inline;
}

h2 a {
border-bottom:none;
}

#bar a.image, #wrapper a.image  {
border-bottom:none;
}

#bar a:hover, #wrapper a:hover, .link-looky:hover {
color:#111;
border-bottom:none;
}


/* make links into block click areas */
a.link-block {
display:block;
border:0;
}

a.link-block p {
color:#4b483d;
}



#content a.link-block { 
width:530px;
}

#content a.h { /*front page links */
height:285px;
}


/* bar 
-------*/

#quote p {
margin-top:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4m;
font-style:italic;
color:#787260;
}

.quote-nm {
float:right;
padding-top:10px;
clear:both;
}

#box-wrap .cb p {
margin-left: 150px;
}



/*content 
-----------*/

#content p {
text-align:justify;
margin-top: 0.7em;
}

#content p a.intro {
border-bottom:none;
color:#4b483d;
}


#content a.nobord {
border-bottom:none;
}

#content h3 {
margin: 1.3em 0 0 0;
}

#content ul {
margin-top: 0.5em;
margin-left: 10px;
}

#content ul li {
margin: 0.5em 0.5em 0 1.5em;
margin-left: 15px;
margin-right: 5px;
list-style-type:circle;
}

#content ol li {
line-height:1.5em;
}


/* rightbar 
---------------------------------*/

#right-bar h3 { /* allows border to wrap text */
margin-top:0;
}

#right-bar p {
margin-top:0.2em;
}

.bord {
padding-left:8px;
padding-top:3px;
background-color:#f6f0e6;
display:block;
border:1px solid #e2ddcd;
}

.hlt {
float:left; 
width: 60px;
display:block;
font-weight:bold;
color:#6a112b;
}

/* form
---------------------------*/
#content form p {
margin: 3px 15px 3px 0;
}

p label {
float:left;
width:60px;
}

.fields {
background-color: #fff !important;
border:#a7a291 1px solid;
}

form p {
padding-top: 0.5em;
}

.send-but {
margin-top:6px;
}

.error { color:#bb0000; }

textarea.error, input.error  {
border:#bb0000 1px solid;
background-color:#ffe4e4 !important;
color:#000;
}



/* footer 
--------------------------------------*/
#footer {
color:#948d83;
line-height:1.2em;
	font-size: 0.9em;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 7px;
}

#footer hr {
width:90%;
margin: 10px auto;
}

#footer p {
margin: 0.3em 2em 0.7em 2em;
}

/* general formatting 
-----------------------------------------*/

.last {
margin-bottom:20px;
}

.last-sm {
margin-bottom:1em;
}



/* float clearing tools 
-------------------------------*/
.cl {
clear:both;
}





/* IE hacks and filters
---------------------------------*/
/*
P.I.E. float clearing
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	





/* PNG TRANSPARENCY FIX ie5.5+. needs htc file
--------------------------------------------------*/

img { behavior: url(http://www.nicolacourt.co.uk/css/iepngfix.htc); }






/* http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/
/* CSS for the box starts here
================================================*/
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
height:1%;
	margin:1em 0;
	padding:10px 10px;
	border:1px solid #e3ddcf;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background: url(../img/box/box.png) no-repeat 100% 0;
}

.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../img/box/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../img/box/box.png) no-repeat 100% 100%;
}

.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../img/box/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../img/box/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../img/box/borders.png) repeat-y 100% 0;
}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here ---*/



/* nicks alterations to cbb 

Testimonials 
----------------------------*/
.quote-c .i3 {
	padding:1px 20px 15px 10px;
}
.quote-c p {
padding-left:40px;
}
.quote-c p.start {
background:url(../img/quote.gif) top left no-repeat; 
}


/* price table
-----------------------*/

table.list-table {
border-collapse:collapse;
width:525px;
border: 1px solid #706c57;
margin-top: 15px;
margin-left:2px;
}

table.list-table th, td {
padding: 0.5em 0.5em;
}

table.list-table thead {
background: #fff repeat-x left center;
border-bottom: 1px solid #c9c3b9;
font-weight:bold;
}

.even-row {
background-color:#faf7ef;
}

.odd-row {
background-color:#fff;
}

.hl-row {
background-color:#e5f8e9;
}

td.row {
border-right: 1px #c9c3b9 solid;
}

td.row-end  {
border-right: none;
}

/* -------- General markup----- */


.float-left {
float: left;
margin-right: 18px;
margin-bottom: 10px;
}

.float-lft-sm {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

.float-right {
float: right;
margin-left: 18px;
margin-bottom: 10px;
}

.float-right-bb {
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

.clearit {
	display: block;
	clear: both;
}