/* ================================================================ 
Copyright (c) 2010 Ashley Kay. All rights reserved.
This stylesheet and the associated (x)html may NOT be modified in any way.
You may use elements of this stylesheet, but all instances must include a 
link back to ashleykay.co.uk and a credit to the author.

Website: christrethewey.co.uk
Author: ashley.kay@me.com
================================================================= */

/* Mass Reset & Body Styles ===================================== */
* {margin:0; padding:0;border:0;outline:0;}
body {font-size: 80%;color:#000;background-color:#fff;font-family:Arial, Helvetica, sans-serif;}

/* Type =================================================== */
p  {font-size:14px;line-height:24px; margin-bottom:20px;}
h1 {color:#005058; font-size: 24px; line-height:1.2em; margin:0 0 20px;}
h2 {color:#005058; font-size: 1.6em; line-height:2.4em; margin:0 0 10px;}
h3 {color: #005058; font-size: 1.4em; line-height:1.8em; margin:0 0 10px;}

/* Generic links ========================================== */
a {color:#1a656a; text-decoration:none;}
a:hover {color:#5d9d94;}

/* Generic UL, LI ========================================= */
ul, ul li {list-style-type:circle; font-size:14px; line-height:24px; margin-left:18px;}
ul {text-align:left;margin:0 0 20px;padding:0;}

/* Generic Form Elements ================================= */
label {line-height:20px; float:left; display:block;color:#fff; font-weight:bold; text-align:right; width:50px; margin-right:10px; font-size:12px;}
input {float:left; border:1px solid #c8c8c8; padding:3px; font-size:11px; width:175px; margin-bottom:5px; }
.BigInput {height:90px;}
.HelpText {width:175px; margin-left:60px; font-size:10px; line-height:12px;}
.FormRow {overflow:hidden; height:100%; margin-bottom:10px;}
.FormRow .button {margin-left:60px; text-indent:-9999px; background:url(../images/button.jpg) no-repeat; padding:10px 0; cursor:pointer; display:block; border:0;}
hr {height:0px; border-bottom:1px solid #7eb5b0; margin-bottom:15px;}

.formContactPage {margin-top:5px;padding:10px; width:260px; background:url(../images/contact-grad.jpg) repeat-x #2b9ff1;}

/* Header ===================================== */
#header {overflow:hidden; height:100%; margin:70px 0 50px;}
#header h1 {float:left; margin:0 20px 0 0; color:#fff; font-size:30px;}
#header p {color:#1a656a; margin:10px 0 0;}

/* Navigation ================================= */
ul#nav {width:270px; margin:0 50px 0 0; float:left;}
ul#nav li {padding:0; font-size:1.3em; font-weight:bold; line-height:24px; margin:0 0 10px; list-style-type:none;}
ul#nav li a {color:#fff;}
ul#nav li.current a {color:#005058; border-bottom:1px solid #73aea7}

/* Content ===================================== */
#OuterWrapper {background:#aee7da url(../images/back.jpg) repeat-x;}
#InnerWrapper {overflow:hidden; height:100%; width:990px; margin:0 auto; background:url(../images/hands.png) no-repeat bottom left;}
#InnerLanding {overflow:hidden; height:100%; width:990px; margin:0 auto;}
#Content {float:right; width:670px; margin-bottom:50px;}
#ContentLanding {float:left; width:990px; margin-bottom:40px}

/* Footer ===================================== */
#Footer {background:#fff; padding:0 0 80px;}
#Footer ul{width:990px; margin:0 auto; padding:15px 0 0; overflow:hidden; height:100%;}
#Footer ul li {float:left;list-style-type:none; margin:0 20px 0 0; color:#caeae4;}
#Footer ul li.right {float:right;}

/* Table ===================================== */
#mytable {
	width: 670px;
	padding: 0;
	margin: 0 0 10px;
}

caption {
	padding: 0 0 5px 0;
	width: 670px;	 
	font: italic 14px;
	text-align: right;
}

th {
	font: bold 14px;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 14px;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 14px;
	color: #797268;
}