/*
STYLE SHEET FOR XXXXXX
Created by Kirsty Burgoine
www.xxxxxxxx.co.uk
ToC
	1.  defaults
	2.  structure
	3.  links and navigation
	4.  fonts
	5.  images
	6.  hacks
Notes
*/

/* ------- 1. defaults ------- */

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background-color: #C2C3C5;
	font-size: 80%;
	text-align: center;
}

/* ------- 2. structure ------- */

#container {
	margin: 5px auto;
	height: 100%;
	width: 1015px;
	background: url(../site-images/container-background.gif) repeat-y;
	min-height: 600px;
	overflow: hidden;
}

#masthead {  /* Company logo or banner */
width: 1015px;
height: 95px;
background: url(../site-images/masthead-background.gif) no-repeat;
}

#logo {
}

#navContainer {
width: 1015px;
height: 27px;
margin-top: 2px;
background: url(../site-images/nav-background.gif) repeat-y #C4C5C6;
position: relative;
z-index: 3000;
}



#content {  /*  Main central content box  */
border-top: solid 2px #858587;
width: 911px;
margin: 2px auto;
margin-left: 55px;
height: 100%;
min-height: 400px;
}

.wide_column {
width: 510px;

float: left;
/* border-right: solid 2px #858587; */
margin: 20px 0 15px 0;
padding: 0 30px 0 25px;
}


#flash {
}

.narrow_column {
width: 300px;

float: left;
margin: 20px 0 0 0;
padding: 0 0 0 0px;
}

.narrow_column_top {
width: 260px;
height: 100px;
float: left;
margin: 20px 0 0 0;
padding: 20px 0 0 30px;
background-color: #dedede;
}

.gallery_thumb {
padding-left: 30px;
}

#footer {
background: url(../site-images/footer-background.gif) no-repeat #C2C3C5;
float: left;
clear: left;
width: 1015px;
height: 70px;
}


.seperator {
	clear: both;
	height: 0;
}

/* ------- 3. links and navigation ------- */

a {
	font-family: Baskerville, Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
}

a:visited {
}

a:hover {
}

a:active {
}

#footer a {
text-decoration: none;
color: #858587;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#footer a:hover {
color: #ffffff;
}


/* -------4. fonts ------- */

h1, h2, h3, h4, p, ul, ol {
font-family: Arial, Helvetica, sans-serif;
color: #929292;
}



h1 {
}

.narrow_column h1 {
	font-family: Baskerville, Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size: 16px;
	text-align: left;
	font-weight: 600;
	padding-bottom: 5px;
	background-color: #dedede;
	padding-left: 30px;
	padding-top: 5px;
	width: 300px;
}


.wide_column h2 {
	text-align: left;
	padding-top: 10px;
}

.wide_column h1 {
	text-align: left;
	font-family: Baskerville, Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size: 16px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

h4{
}

.narrow_column p {
font-size: 16px;
line-height: 21px;
text-align: left;
}

.narrow_column_top p {
font-size: 16px;
line-height: 21px;
text-align: left;
margin: 0 auto;
}

.wide_column p {
font-size: 16px;
line-height: 21px;
text-align: left;
}

.wide_column p.about{
font-size: 12px;
padding-bottom: 15px;
}

.wide_column p.abouteven{
font-size: 12px;
padding: 5px 10px;
background-color: #dedede;
}

.wide_column p.aboutodd{
font-size: 12px;
padding: 5px 10px;
}

.wide_column_top p {
font-size: 16px;
line-height: 21px;
text-align: right;
}

p.thumbs {
text-align: left;
padding-left: 30px;
padding-top: 10px;
}

#footer p {
margin-top : 35px;
margin-left: 35px;
color: #858587;
font-size: 11px;
text-align: left;
}

.large-cap {
	font-family: Baskerville, Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-weight:600;
	font-style: italic;
	font-size: 30px;
}

.phone { 
font-size: 36px;
font-weight: 600;
color: #87adb1;
line-height: 60px;
}

form {
width: 310px;
float: left;
}

label {
float: left;
font-size: 14px;
}

.textfield {
float: right;
width: 200px;
margin-bottom: 10px;
}

.textarea {
float: right;
width: 200px;
height: 50px;
margin-bottom: 10px;
}

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

.notice {
font-size: 9px;
font-style: italic;
}

ul {
}


.wide_column ol {

width: 450px;
margin-left: 20px;

}

.wide_column ol li {
padding: 10px;
margin-left: 25px;
}

.even {
background-color: #dedede;
}

.narrow_column ol {
text-align: left;
}

hr {
}

.red {
color: #FF0000;
}

/* ------- 5. images ------- */

a img {
	border: 0;
}

.plan {
	border: solid 1px #ccc;
	padding: 4px;
}

/* -------6. hacks ------- */

body {/*IE 5 centring bug fix */
text-align: center;
}

#container {
text-align: left;
}

* html #container {
height: 95%;
overflow: visible;
}

* html #content {
height: 70%;
}