/*CSS RESET from Eric Meyer*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration : none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


/*Styling starts here*/

p { 
	font: 0.8em Tahoma, Lucida Sans, Lucida Grande, Arial, sans-serif;
	color: #30322f;
	line-height: 1.6em;
	margin: 1.6em 20px;
}

p a {
	font: inherit;
	color: #aac039;
}
p a:hover { color: #30322f; }

body { 
	background: #e2e5da;
	margin: 0 auto;
	text-align: center;
	width: 960px;
	font: 1.2em Tahoma, Lucida Sans, Lucida Grande, Arial, sans-serif;
	  }
#wrapper { 
	background: #e2e5da;
	width: 960spx;
	text-align: left;
 }
 
#branding {
	margin-top: 20px;
	height: 197px;
	width: 960px;
	background: url(http://www.chriscowen.co.uk/img/top-banner.png) no-repeat bottom;
	position: relative;
}
#branding h1 {
	position: absolute;
	top: 40px;
	left: -40px;
}
#branding h1 a{
	display: block;
	height: 128px;
	width: 530px;
	background: url(http://www.chriscowen.co.uk/img/logo.png) no-repeat;
	text-indent: -9999px;
}

#branding h1.counselling a { background: url(http://www.chriscowen.co.uk/img/logo.png) no-repeat; }
#branding h1.coaching a{ background: url(http://www.chriscowen.co.uk/img/coaching-logo.png) no-repeat; }

#main-nav {
	width: 960px;
	background: #30322f;
	float: left
}

#main-nav a {
	color: #aac039;
}
#main-nav a:hover { color: #e2e5da; }
#main-nav a.selected { background: #474a45; }
#main-nav ul {
	width: 940px;
	float: left;
	margin-left: 20px;
}
#main-nav li {
	float: left;
	padding: 1em 12px;
}
#main-nav li.selected { background: #474a45; }

h2 { font-size: 1.4em; color: #30322f; margin: 20px;}
#supp-nav, #supp-nav ul {
	float: right;
	width: 960px;
}
#supp-nav ul { margin-right: 20px; width: 940px; }

#supp-nav li{
	float: right;
	margin: 1em 0 0 12px;
}

#supp-nav a, #sidebar ul a { color: #30322f; }
#supp-nav a:hover, #sidebar ul a:hover { color: #aac039; }

#main-body { background: #fff; float: left; width: 960px; }
#content-area { 
	width: 700px;
	float: right;
	padding-right: 20px;
	position: relative;
}
#home #content-area, #services #content-area, #coaching-svc #content-area, #counselling-svc #content-area { 
	
	padding-left: 200px;
	position: relative;
	width: 500px;
	}
#home #content-area, #counselling-svc #content-area{ background: #fff url(http://www.chriscowen.co.uk/img/c-col-home.gif) repeat-y; }
#services #content-area, #coaching-svc #content-area { background: #fff url(http://www.chriscowen.co.uk/img/c-col-services.gif) repeat-y; }
#services #content-area.long, #coaching-svc #content-area.long {background: #fff url(http://www.chriscowen.co.uk/img/c-col-services-long.gif) no-repeat; }

#content-area h2 { color: #cf4f00; font-size: 1.8em; letter-spacing: 1px; margin: 30px 20px 0 10px; }
#content-area h3 { color: #91b3cb; font: 1.2em Times, Garamond, Georgia, serif; font-style:  italic; margin: 10px 30px 18px 10px; }
/*blockquote { float: left; width: 220px; font-size: 1.38em; margin: 6px 12px 12px 20px; border-bottom: double silver; font-family: Times, Garamond, Georgia, serif; font-style: italic; line-height: 1.2em; color: #91b3cb; padding: 8px; }*/

/*temp version*/
#content-area blockquote p { margin: 0; padding: 0; font: 22px Times, Garamond, Georgia, Serif; color: #fff; font-style: italic;}
blockquote { position: absolute; top: 250px; left: 10px; width: 175px;  }
blockquote a, blockquote p a {color: #fff; border-bottom: 1px dotted #fff;}


#content-area li { color: #30322f; font-size: 0.75em; margin: 0.5em 50px 0.5em 10px; line-height: 1.6em }
#content-area ul { margin: 1em 30px; }
#content-area li {list-style-type: disc; }

#content-area img { float: left; margin: 8px; }
#content-area img.c-col-img { float: left; margin: 0 0 0 -200px; padding: 0; border: 0; }
#sidebar{
	width: 220px;
	float: right;
}

#sidebar ul { margin:30px 20px 0 0; }
#sidebar li { margin-bottom: 0.8em; padding-bottom: 0.6em; margin-left: 5px; padding-left: 5px; border-bottom: 1px dotted silver; font-size: 0.8em; }
#sidebar li a { color: #63717a; font-size: 0.7em; }
#sidebar li.selected  a { color: #5d851f; }
#sidebar li.c-selected a { color: #5d851f; }
#sidebar li.coach-selected a { color: #cd4d00; }
#sidebar p { margin-left: 0; font-size: 1.1em; color: #63717a; }
#footer {
	background: #30322f;
	width: 960px;
	padding: 1.6em 0;
	float: left;
	border-top: white double;
}

.foot-contact { margin-left: 220px; color: #fff; }
.foot-contact p { color: #fff; }
.foot-contact a:hover { color: #fff; }

.underline { border-bottom: 2px solid #63717a; }
ul.bullet li { list-style-type : disc;  }
.float-left { float: left; margin: 9px 18px 9px 0; }
.float-right {float: right; margin: 9px 0 9px 18px; }

/*HOME PAGE*/
#home-page { padding: 10px 25px 25px 25px; float: left; position: relative; background: none; }
#home-page h2 { font: 30px 'Bookman Old Style', Garamond, times, serif; color: #b33e00; margin-left: 190px; background: url(img/home-bracket.png) no-repeat bottom center; padding-bottom: 62px; background-position: 50px bottom; margin-bottom: 0; }

/*.section-wrap { background: url(img/home-tear-top.gif) no-repeat top, url(img/home-section-bg.gif) repeat; margin: 0 30px; float: left; } */
.section-wrap { background: url(img/home-section-bg.gif) repeat; margin: 10px 30px; float: left; border: 1px solid #b6bfa3; }
.section-intro { width: 380px; float: left; margin-left: 30px; padding-top: 30px; position: relative; }
.section-intro h3 { font: 36px 'bookman old style', georgia, times, serif; background: url(img/home-underline.png) no-repeat bottom left; padding-bottom: 5px; }
.section-intro h3 a { color: #30322f; }
.section-intro h3 a:hover { color: #b33e00; }
.section-wrap p{ margin: 1em 0; }
.section-wrap ul { list-style: disc; margin-left: 20px; }
.section-wrap li { font-size: 16px; margin-bottom: 0.5em; line-height: 1.6em; }
.section-wrap li a { color: #b33e00; border-bottom: 1px dotted #b33e00; }
.section-wrap li a:hover, .section-wrap li a:focus { color: #30322f; border-bottom: 1px dotted #30322f; } 
.summary { float: left; clear: both; margin: 20px 30px; border-top: 1px solid #ccc; padding: 15px; }
.summary h4 { margin-top: 20px; margin-bottom: 20px; }

/*ENDS HOME PAGE STYLING*/


/*service navigation - center column*/
ul#service-nav { position: absolute; top: 220px; left: 0; list-style: none; margin: 0 10px; padding: 0; border-top: 1px solid #e4f2ce; width: 173px; }
#coaching-svc #service-nav { top: 300px; }
ul#service-nav li { list-style: none; font-size: 0.9em; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; margin: 0; padding: 0; border-bottom: 1px dotted #e4f2ce;  }
ul#service-nav li a { color: #e4f2ce; display: block; margin: 0; }
ul#service-nav li a:hover { color: #fff; }
ul#service-nav li.selected a { color: #30322f; }

#bc-10 #content-area, #bc-11 #content-area, #bc-12 #content-area, #bc-13 #content-area { background: #fff url(http://www.chriscowen.co.uk/img/c-col-services.gif) repeat-y; padding-left: 200px; position: relative; width: 500px; }
#bc-10 #content-area.long, #bc-11 #content-area.long, #bc-12 #content-area.long, #bc-13 #content-area.long {background: #fff url(http://www.chriscowen.co.uk/img/c-col-services-long.gif) no-repeat; }
#bc-10 #content-area, #bc-11 #content-area { background: #fff url(http://www.chriscowen.co.uk/img/c-col-home.gif) repeat-y; }
#bc-10 #content-area.long, #bc-11 #content-area.long { background: #fff url(http://www.chriscowen.co.uk/img/c-col-home-long.gif) no-repeat; }
#bc-12 ul#service-nav, #bc-13 ul#service-nav { top: 300px; }
strong, p strong { font-weight: bold; }
em, p em { font-style: italic; }