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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0;}
a { outline: 0; }

body {
	background-color: white;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #444;
}

/* header */

#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height:368px;
	background: #f9faf2 url('/img/bg-header.jpg') no-repeat bottom left;
	}
	#header h1 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 940px;
		height: 78px;
		text-indent: -5000em;
		background: transparent url('/img/h1.gif') no-repeat 0 0;
		z-index: 1;
	}
	#header h2 {
		position: absolute;
		top: 78px;
		left: 0;
		width: 608px;
		height: 38px;
		text-indent: -5000em;
		background: transparent url('/img/h2.gif') no-repeat 0 0;
		z-index: 1;
	}
	#header p {
		position: absolute;
		top: 132px;
		left: 10px;
		color: #d9501b;
		font-size: 15px;
	}
		#header p a {
			color: #612e3d;
			text-decoration: none;
		}
			#header p a:hover {
				text-decoration: underline;
			}
		#header span {
			color: #612e3d;
		}
	#header ul {
		color: #d9501b;
		position: absolute;
		left: 620px;
		bottom: 30px;
		list-style: disc outside;
		padding-left: 25px;
	}
		#header li {
			/*font-size: 20px; line-height: 23px;*/
			font-size: 22px; line-height: 26px;
			padding: 0 0 6px;
		}
		#header li a {
			text-decoration: none;
			color: #612e3d;
		}
			#header li a:hover {
				text-decoration: underline;
			}
			#header li a span {
				color: #d9501b;
			}

/* nav */

#home li#li-01 a { color: #d9501b; }
#what-i-can-help-with li#li-02 a { color: #d9501b; }
#how-i-can-work-with-you li#li-03 a { color: #d9501b; }
#taking-the-next-step li#li-04 a { color: #d9501b; }
#resources li#li-05 a { color: #d9501b; }
#contact li#li-06 a { color: #d9501b; }
		
/* content */

#container {
	position: relative;
	margin: 0 auto;
	padding: 30px 0 10px;
	width: 960px;
}
	#container p {
		padding: 0 0 10px;
		font-size: 14px;
		line-height: 18px;
	}
	#container h4 {
		padding: 0 0 5px;
		font-size: 22px;
		line-height: 26px;
		margin: 10px 0 20px;
		color: #612e3d;
		font-weight: normal;
		border-bottom: 1px solid #e6d09f;
	}
	#container ul {
		list-style: disc outside;
		padding: 5px 0 15px 25px;
		font-size: 13px;
		line-height: 18px;
	}
	
	.next {
		display: inline;
	}
	.next a {
		display: inline-block;
		color: #612e3d;
		font-size: 18px;
		line-height: 22px;
		margin: 10px 0 10px;
		text-decoration: none;
		font-weight: normal;
		border: 1px solid #e6d09f;
		border-width: 1px;
		background-color: #f9faf2;
		font-size: 20px;
		padding: 10px;
		}
		.next a:hover {
			color: #612e3d;
			text-decoration: underline;
		}
		.next em {
			color: #d9501b;
		}
		
	.next-blog a {
		background: transparent url('/img/blogger.gif') no-repeat 10px 10px;
		display: inline-block;
		color: #612e3d;
		font-size: 18px;
		line-height: 22px;
		margin: 10px 0 10px;
		text-decoration: none;
		font-weight: normal;
		border: 1px solid #e6d09f;
		border-width: 1px;
		background-color: #f9faf2;
		font-size: 20px;
		padding: 10px 10px 10px 44px;
		}
	
	.toggle-cont {
		position: relative;
		min-height: 170px;
		height: auto !important;
		height: 170px;
	}
	.toggle-cont h5 {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.trigger-1, .trigger-2, .trigger-3 {
		cursor: pointer;
	}
	.toggle-1, .toggle-2, .toggle-3 {
		display: none;
	}
	.hidden {
		display: none;
	}

/* h3 styles */
h3 {
	margin-bottom: 10px;
}
h3.h3-01 { width: 460px; height: 115px; text-indent: -5000em; background: url('/img/h3-01.png') no-repeat 0 0; }
h3.h3-02 { width: 460px; height: 40px; text-indent: -5000em; background: url('/img/h3-02.png') no-repeat 0 0; }

#what-i-can-help-with h3 { width: 570px; height: 40px; text-indent: -5000em; background: url('/img/h3-03.png') no-repeat 0 0; }

#how-i-can-work-with-you h3 { width: 570px; height: 40px; text-indent: -5000em; background: url('/img/h3-04.png') no-repeat 0 0; }

#taking-the-next-step h3 { width: 570px; height: 40px; text-indent: -5000em; background: url('/img/h3-05.png') no-repeat 0 0; }

#resources h3 { width: 570px; height: 80px; text-indent: -5000em; background: url('/img/h3-06.png') no-repeat 0 0; }

#contact h3 { width: 570px; height: 40px; text-indent: -5000em; background: url('/img/h3-07.png') no-repeat 0 0; }
#contact #container ul {
	list-style: disc outside;
	padding: 5px 0 15px 15px;
	font-size: 16px;
	line-height: 22px;
	color: #d9501b;
}
	#contact #container li strong, #contact #container li a {
		color: #612e3d;
	}

#content .w-340 {
	width: 340px;
}

#content a.b-link {
	color: #d9501b;
}
/*#how-i-can-work-with-you #content p {
	width: 340px;
}*/

/* boxes */

div#content {
	position: relative;
	float: left;
	width: 570px;
	margin-bottom: 30px;
	padding-right: 20px;
	border-right: 1px solid #f0e9cf;
}
	#content p {
		text-align: justify;
	}
	#content blockquote {
		float: right;
		text-align: right;
		padding: 0px 0 10px 30px;
		width: 200px;
		/*padding: 10px;*/
		background: white;
		border: 1px solid #eeecce;
		border-width: 0px;
	}
	#content blockquote p {
		font-weight: bold;
		font-size: 22px;
		line-height: 26px;
		color: #612e3d;
		text-align: center;
	}
	#content blockquote cite {
		display: block;
		font-weight: normal;
		text-align: right;
		color: #d9501b;
	}
	
	#what-i-can-help-with #content blockquote {
		float: none;
		width: auto;
		margin: 10px 0 20px;
	}
		#what-i-can-help-with #content blockquote cite {
			display: block;
			font-weight: normal;
			text-align: center;
			color: #d9501b;
		}
	
	#content h5 {
		padding: 0 0 10px;
		font-size: 18px;
		line-height: 22px;
		color: #d9501b;
		font-weight: normal;
	}
	
	#what-i-can-help-with #content {
		width: auto;
		padding: 0;
		border-right: none;
	}
	#what-i-can-help-with .cols div {
		float: left;
		width: 300px;
	}
	#what-i-can-help-with .col2 {
		padding: 0 14px 40px;
		margin: 0 15px;
/*		border: 1px solid #f0e9cf;
		border-width: 0 1px;*/
	}
	
	#contact #content {
		width: auto;
		padding: 0;
		border-right: none;
	}
	#contact .cols div {
/*		float: left;
		width: 460px;*/
	}
	#contact .col1 {
		float: left;
		width: 560px;
	}
	#contact .col2 {
		float: right;
		width: 360px;
		padding: 0 0 0 15px;
		margin: 0 0 0 15px;
		border: 1px solid #f0e9cf;
		border-width: 0 0 0 1px;
	}
	

div#aside {
/*	position: relative;
	margin-left: 592px;
	margin-bottom: 30px;
	padding-left: 0;*/
	float: right;
	width: 368px;
	text-align: right;
}

#home div.tl {
	position: relative;
	float: left;
	width: 380px;
	margin-bottom: 30px;
	text-align: justify;
}

#home div.tr {
	border-left: 1px solid #eee;
	padding-left: 20px;
	width: 540px;
	float: right;
	text-align: justify;
}

/* aside */
#aside img {
	margin: 0 0 20px;
}

/* footer */

#footer {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 0 0 30px;
	background: #fff;
	text-align: center;
}
	p.contact {
		color: #d9501b;
		font-size: 15px;
		line-height: 19px;
		padding: 10px 0 0;
	}
		p.contact a {
			color: #612e3d;
		}
		p.contact span {
			color: #612e3d;
		}
	
	p.copyright {
		color: #999;
		font-size: 15px;
		line-height: 19px;
		padding: 10px 0 0;
	}
		p.copyright a {
			color: #999;
		}

/* universal styles */

img.imgl { float: left; margin: 0 15px 15px 0; }
img.imgr { float: right; margin: 0 0 15px 15px; }
img.imgborder { padding: 5px; border: 1px solid #ccc; }

.emphasise { font-weight: bold; }
#home ul.emphasise, #home ul.caption {
	margin: 0 0 10px;
	padding: 0;
}
#home ul.emphasise li {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	color: #444;
	font-weight: normal;
}

#home ul.caption li {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 17px;
	color: #d9501b;
	font-weight: bold;
}

.clear { clear: both; }
.clearleft { clear: left; }

/* contact form */

#aside_form {
	clear: none;
	font-size: 14px;
	text-align: left;
	
}
	form {
		margin: 0;
		padding: 0;
		width: 350px;
	}
	textarea, input {
		width: 100%;
	}
	textarea { height: 150px; }
	label {
		display: block;
		font-weight: bold;
		color: #612e3d;
	}
		label em {
			font-weight: normal;
			color: #d9501b;
		}
	legend {
		font-size: 26px;
		color: #d9501b;
	}
	.sendbutton {
		background:#d9501b;
		color:#fff;
		cursor:pointer;
		padding:5px 10px;
		border: none;
		font-size: 16px;
		width: 100%;
		font-weight: bold;
	}
div.form_message {
	display: block;
	margin: 0 0 20px;
	border: 1px solid #e6d09f;
	padding: 20px 20px 10px;
	font-weight: bold;
}
div.form_message_error {
	color: red;
}
div.form_message_success {
	color: green;
}

.error {
	color: red;
	font-weight: bold;
}