/*
Kate Evans
CSS
Louise Kaufman, FUSE Ltd (www.fuse.co.uk)
17 Mar 2011
*/

/*********************************** RESET AND CLEARFIX ***********************************/

@import url('reset.css');
@import url('clearfix.css');

/*********************************** GENERAL ***********************************/

body {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:62.5%;
	background:#FFFFFF;	
	color:#333333;
}
p {
	font-size:1.3em;
	line-height:1.4em;
	padding:10px 0 0 0;
}

/*********************************** HEADER ***********************************/

#headerContainer {
	background:url(../img/bg_header_consultancy.gif) left bottom repeat-x #70c6f0;
	height:170px;
}
#headerContainer #header {
	width:940px;
	margin:0 auto;
	padding:0 10px 0 10px;
}
#headerContainer #header #headerLeft {
	width:250px;
	padding:40px 0 0 0;	
	float:left;
}
#headerContainer #header #headerLeft h1 a {
	background:url(../img/logo.gif) left top no-repeat;
	width:250px;
	height:77px;
	display:block;
	text-indent:-9999px;
}
#headerContainer #header #headerRight {
	background:url(../img/bg_rose_bud.png) right bottom no-repeat;
	width:690px;
	float:left;
	height:157px;
}
#headerContainer #header #headerRight ul {
	width:320px;
	float:right;
	padding:10px 0 0 0;
}
#headerContainer #header #headerRight ul li {
	float:left;
	font-size:1.4em;
	padding:0 10px 0 10px;
	border-right:solid 1px #FFFFFF;
}
#headerContainer #header #headerRight ul li.noLine {
	border:none;
	padding:0 0 0 10px;
}
#headerContainer #header #headerRight ul li a:link, #headerContainer #header #headerRight ul li a:visited {
	color:#FFFFFF;
	font-weight:bold;	
}
#headerContainer #header #headerRight ul li a:hover, #headerContainer #header #headerRight ul li a:active {
	color:#D8F1FB;
}

/*********************************** CONTENT ***********************************/

#contentContainer {
	width:940px;
	margin:0 auto;
	padding:30px 10px 0 10px;
	clear:both;
}

/*********************************** LEFT COL ***********************************/

#contentContainer #leftCol {
	width:200px;
	float:left;	
}
#contentContainer #leftCol #navigation {
	width:180px;
}
#contentContainer #leftCol #navigation ul {
	width:180px;	
}
#contentContainer #leftCol #navigation ul li {
	padding:0 0 10px 0;
}
#contentContainer #leftCol #navigation ul li a:link, #contentContainer #leftCol #navigation ul li a:visited {
	color:#717274;
	font-size:1.4em;
}
#contentContainer #leftCol #navigation ul li a:hover, #contentContainer #leftCol #navigation ul li a:active {
	color:#70C6F0;
}
#contentContainer #leftCol #navigation ul li ul {
	padding:10px 0 0 0;
}
#contentContainer #leftCol #navigation ul li ul li {
	padding:0 0 10px 0;
}
#contentContainer #leftCol #navigation ul li ul li a:link,
#contentContainer #leftCol #navigation ul li ul li a:visited {
	color:#70C6F0;
}
#contentContainer #leftCol #navigation ul li ul li a:hover,
#contentContainer #leftCol #navigation ul li ul li a:active {
	color:#0D1F4C;
}
#contentContainer #leftCol #navigation ul li#coaching ul li a:link,
#contentContainer #leftCol #navigation ul li#coaching ul li a:visited {
	color:#0D1F4C;
} 
#contentContainer #leftCol #navigation ul li#coaching ul li a:hover,
#contentContainer #leftCol #navigation ul li#coaching ul li a:active {
	color:#70C6F0;
} 

/*********************************** MIDDLE ***********************************/

#contentContainer #middleContainer {
	width:420px;
	padding:0 20px 0 20px;
	float:left;	
}
#contentContainer #middleContainer #mainContent {
	width:400px;
	padding:0 20px 0 0;
}
#contentContainer #middleContainer #mainContent .intro {
	font-size:1.5em;
	color:#70C6F0;
}
#contentContainer #middleContainer #mainContent .bigger {
	font-size:1.5em;
}
#contentContainer #middleContainer #mainContent h1 {
	font-size:2em;
	font-weight:normal;
	color:#70C6F0;
	padding:0 0 10px 0;
}
#contentContainer #middleContainer #mainContent h2 {
	font-size:1.6em;
	line-height:1.4em;
	font-weight:normal;
	color:#70C6F0;
	padding:20px 0 0 0;
}
#contentContainer #middleContainer #mainContent a:link, #contentContainer #middleContainer #mainContent a:visited {
	color:#29b1f4;
	font-weight:bold;	
}
#contentContainer #middleContainer #mainContent a:hover, #contentContainer #middleContainer #mainContent a:active {
	text-decoration:underline;
}
.contentImage {
	padding:20px 0 10px 0;	
}
#contentContainer #middleContainer #mainContent ul {
	width:400px;
	padding:10px 0 0 0;	
}
#contentContainer #middleContainer #mainContent ul li {
	font-size:1.3em;
	line-height:1.4em;
	padding:0 0 10px 20px;
	background:url(../img/bullet.gif) 0px 6px no-repeat;
}
#contentContainer #middleContainer #mainContent dl {
	width:380px;
	background:#f0faff;
	font-size:1.4em;
	padding:0 10px 10px 10px;	
	margin:20px 0 0 0;
}
#contentContainer #middleContainer #mainContent dl dt {
	float:left;
	width:100px;
	margin:10px 0 0 0;
	font-weight:bold;
}
#contentContainer #middleContainer #mainContent dl dd {
	float:left;
	width:280px;
	margin:10px 0 0 0;
}

/*********************************** FULL WIDTH PAGE ***********************************/

#contentContainer #middleContainer #mainContentFull {
	width:700px;
}
#contentContainer #middleContainer #mainContentFull h1 {
	font-size:2em;
	font-weight:normal;
	color:#70C6F0;
	padding:0 0 10px 0;
}
#contentContainer #middleContainer #mainContentFull h2 {
	font-size:1.6em;
	line-height:1.4em;
	font-weight:normal;
	color:#70C6F0;
	padding:20px 0 0 0;
}
#contentContainer #middleContainer #mainContentFull ul {
	width:700px;
	padding:10px 0 0 0;	
}
#contentContainer #middleContainer #mainContentFull ul li {
	font-size:1.3em;
	line-height:1.4em;
	padding:0 0 10px 20px;
	background:url(../img/bullet.gif) 0px 6px no-repeat;
}
#contentContainer #middleContainer #mainContentFull a:link, #contentContainer #middleContainer #mainContentFull a:visited {
	color:#29b1f4;
	font-weight:bold;	
}
#contentContainer #middleContainer #mainContentFull a:hover, #contentContainer #middleContainer #mainContentFull a:active {
	text-decoration:underline;
}
#contentContainer #middleContainer #mainContentFull p.testimonial {
	background:#f0faff;
	padding:15px;
	margin:20px 0 20px 0;
}
#contentContainer #middleContainer #mainContentFull table {
	width:700px;
	margin:20px 0 20px 0;
	font-size:1.3em;
	line-height:1.4em;
}
#contentContainer #middleContainer #mainContentFull table th {
	padding:0 6px 4px 6px;
	text-align:left;
}
#contentContainer #middleContainer #mainContentFull table th.service {
	width:388px;
}
#contentContainer #middleContainer #mainContentFull table th.duration {
	width:138px;
}
#contentContainer #middleContainer #mainContentFull table th.cost {
	width:138px;
}
#contentContainer #middleContainer #mainContentFull table tr td {
	padding:4px 6px;
}
#contentContainer #middleContainer #mainContentFull table tr.odd td {
	background:#F0FAFF;
	border-top:solid 1px #DBF1FB;
	border-bottom:solid 1px #DBF1FB;	
}
form {
	width:700px;
}
label {
	float:left;
	width:150px;
	margin:10px 0 10px 0;
	padding:3px 0 0 0;
	font-size:1.3em;
}
input, textarea {
	float:left;
	width:542px;
	font-size:1.3em;
	padding:3px;
	border:solid 1px #70C6F0;
	margin:10px 0 10px 0;
}
input#submit-btn, input#submit-btn-sub {
	background:#70C6F0;
	color:#FFFFFF;
	padding:3px;
	font-weight:bold;
	width:60px;
	float:right;
	clear:both;
	margin:10px 0 20px 0;
}

/*********************************** RIGHT COL ***********************************/

#contentContainer #RightCol {
	width:280px;
	float:left;	
	margin-bottom:20px;
}
#contentContainer #RightCol #kateImage {
	width:280px;
	height:166px;
	background:#f0faff;
	margin:0 0 20px 0;
}
#contentContainer #RightCol #kateImage .kate {
	float:left;
	width:111px;	
}
#contentContainer #RightCol #kateImage .details {
	float:left;
	width:169px;	
}
#contentContainer #RightCol #kateImage .details p {
	font-size:1.5em;
	padding:15px 15px 0 15px;
}
#contentContainer #RightCol #kateImage .details p a {
	color:#29b1f4;
	font-weight:bold;
}
#contentContainer #RightCol .quoteBox {
	width:260px;
	background:#f0faff;
	padding:0 10px 10px 10px;
	margin:0 0 20px 0;
}
#contentContainer #RightCol .quoteBox p {
	font-size:1.4em;
}
#contentContainer #RightCol .imageRightCol {
	padding:0 0 20px 0;
}

/*********************************** FOOTER ***********************************/

#footerContainer {
	background:url(../img/bg_footer_consultancy.gif) 0px 140px repeat-x;
	clear:both;
	height:350px;
}
#footerContainer #footer {
	background:url(../img/bg_3_roses_lb.png) right top no-repeat;
	width:940px;
	height:280px;
	margin:0 auto;
	padding:0 10px 0 10px;
}
#footerContainer #footer p.date {
	color:#70C6F0;
	text-align:right;
	padding:160px 0 0 0;	
}
#footerContainer #footer #footerText {
	padding:160px 0 0 0;
}
#footerContainer #footer #footerText #footerLeft {
	float:left;	
}
#footerContainer #footer #footerText #footerLeft p {
	color:#70C6F0;	
}
#footerContainer #footer #footerText #footerLeft a:link, #footerContainer #footer #footerText #footerLeft a:visited{
	font-weight:bold;
	color:#70C6F0;
}
#footerContainer #footer #footerText #footerLeft a:hover, #footerContainer #footer #footerText #footerLeft a:active {
	text-decoration:underline;
}
#footerContainer #footer #footerText #footerRight {
	float:right;	
}
#footerContainer #footer #footerText #footerRight p {
	color:#70C6F0;
}