/********************************************************/
/* Stylesheet for Writing Designs						*/
/* Author Emma Clark - 10.06.08							*/
/* Default												*/
/********************************************************/
/* Reset ************************************************/
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;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
	-moz-outline: 1px dotted #666 !important;
	-moz-outline-offset: 1px !important;
}
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;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************************************************/
/* Elements												*/
/********************************************************/
body {
	font-family:"Helvetica Neue", arial, verdana, sans-serif;
	background:#3F3939;
	color:#FFF;
}

a:link, a:active, a:visited {
	color:#E36047;
	text-decoration:none;
}
a:hover {
	color:#FFF;
	text-decoration:underline;
}

h1 {
	font-size:2.5em;
	font-weight:normal;
	width:14em;
}

h2 {
	font-size:0.85em;
	font-weight:bold;
	padding:0 0 0.5em 0;
}

h3 {
	font-size:0.8em;
	font-weight:normal;
	padding:0 0 0.5em 0;
	line-height:1.4em;
}

h4 {
	font-size:0.7em;
	padding:0 0 0.5em 0;
	line-height:1.4em;
	font-weight:bold;
}

em {
	font-style:italic;
}

input, select, textarea {
	font-family:"Helvetica Neue", arial, verdana, sans-serif;
	font-size:0.7em;
}


/********************************************************/
/* Shared												*/
/********************************************************/
.bold {
	font-weight:bold;
}

.hidden {
	display:block;
	text-indent:-1000em;
	float:left;
}

#accordian h3 {
	background:url(../images/plus-icon.gif) no-repeat 0 0.3em;
	padding:0 0 0.5em 1.2em;
	color:#E36047;
}

#accordian h3.close, #accordian h3.close2 {
	color:#FFF;
	padding:0 0 0.5em 1.2em;
	background:url(../images/minus-icon.gif) no-repeat 0 0.3em;
	text-decoration:underline;
}

a.open:link, a.open:active, a.open:visited {
	background:url(../images/plus-icon.gif) no-repeat 0 0.3em;
	padding:0 0 0 1.2em;
	display:block;
}

a.close:link, a.close:active, a.close:visited {
	color:#FFF;
	padding:0 0 0 1.2em;
	background:url(../images/minus-icon.gif) no-repeat 0 0.3em;
	text-decoration:underline;
	display:block;
}

/********************************************************/
/* Structure											*/
/********************************************************/
#header {
	height:4.8em;
	background:#F57760 url(../images/header-bg.gif);
	padding:3.3em 0 0 12.5em;
}

#site {
	width:61.8em;
	float:left;
}

#site #main-menu {
	width:11em;
	padding:1.8em 0 0 1.5em;
	float:left;
}

#site #main-content {
	width:49.3em;
	float:right;
	padding:1.8em 0 0 0;
	border-top:2px solid #FFF;
}

#site #main-content .page-title {
	height:5em;
}
body.home #site #main-content .page-title {
	height:9.3em;
}

#site #main-content .print {
	height:1.8em;
	padding:0 0 0 30.6em;
}

#site #main-content .left {
	width:29.3em;
	float:left;
	padding:1.5em 0;
	border-top:2px solid #FFF;
}

#site #main-content .right {
	width:18.7em;
	float:right;
	padding:1.5em 0;
	border-top:2px solid #FFF;
}

#footer {
	width:49.3em;
	float:left;
	margin:0 0 2em 0;	
}

#footer .left-base {
	border-top:1px solid #FFF;
	width:29.3em;
	float:left;
	padding:0.5em 0 0 0;
}

#footer .right-base {
	border-top:1px solid #FFF;
	width:18.7em;
	float:right;
}

/********************************************************/
/* Content												*/
/********************************************************/
/* Page backgrounds *************************************/
body.home {
	background:#3F3939 url(../images/page-bgs/experience.gif) no-repeat top left;
}

body.approach {
	background:#3F3939 url(../images/page-bgs/quality.gif) no-repeat top left;
}

body.contact {
	background:#3F3939 url(../images/page-bgs/inquire.gif) no-repeat top left;
}

body.about {
	background:#3F3939 url(../images/page-bgs/knowledge.gif) no-repeat top left;
}

body.workshops {
	background:#3F3939 url(../images/page-bgs/authority.gif) no-repeat top left;
}

body.projects {
	background:#3F3939 url(../images/page-bgs/strategy.gif) no-repeat top left;
}

body.publications {
	background:#3F3939 url(../images/page-bgs/expertise.gif) no-repeat top left;
}

body.memoir {
	background:#3F3939 url(../images/page-bgs/reflection.gif) no-repeat top left;
}

body.testimonials {
	background:#3F3939 url(../images/page-bgs/impact.gif) no-repeat top left;
}

/* Header ***********************************************/


/* Main nav *********************************************/
#site #main-menu li {
	width:11em;
	display:block;
	float:left;
	padding:0 0 0.7em 0;
}

#site #main-menu li a:link, #site #main-menu li a:active, #site #main-menu li a:visited {
	color:#A19C9B;
	font-size:0.7em;
}

#site #main-menu li a.selected:link, #site #main-menu li a.selected:active, #site #main-menu li a.selected:visited {
	color:#FFF;
}

/* Page header ******************************************/
#site #main-content .page-title h1 {
	width:12em;
	height:1.5em;
	display:block;
	text-indent:-1000em;
}

#site #main-content .page-title h1.home {
	background:url(../images/titles/home.gif) no-repeat top left;
	height:2.5em;
}

#site #main-content .page-title h1.about {
	background:url(../images/titles/about.gif) no-repeat top left;
}

#site #main-content .page-title h1.approach {
	background:url(../images/titles/approach.gif) no-repeat top left;
}

#site #main-content .page-title h1.workshops {
	background:url(../images/titles/workshops.gif) no-repeat top left;
}

#site #main-content .page-title h1.projects {
	background:url(../images/titles/projects.gif) no-repeat top left;
}

#site #main-content .page-title h1.publications {
	background:url(../images/titles/publications.gif) no-repeat top left;
}

#site #main-content .page-title h1.memoir {
	background:url(../images/titles/memoir.gif) no-repeat top left;
}

#site #main-content .page-title h1.testimonials {
	background:url(../images/titles/testimonials.gif) no-repeat top left;
}

#site #main-content .page-title h1.contact {
	background:url(../images/titles/contact.gif) no-repeat top left;
}

#site #main-content .page-title h1.site-map {
	background:url(../images/titles/site-map.gif) no-repeat top left;
}

#site #main-content .page-title h1.privacy {
	background:url(../images/titles/privacy.gif) no-repeat top left;
}

#site #main-content .print a:link, #site #main-content .print a:active, #site #main-content .print a:visited {
	display:block;
	color:#A19C9B;
	font-size:0.65em;
	background:url(../images/print-icon.gif) no-repeat top left;
	padding:0 0 0 2em;	
}
#site #main-content .print a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../images/print-icon-over.gif) no-repeat top left;	
}

/* Main content *****************************************/
#site #main-content p,
#site #main-content ul,
#site #main-content ol {
	font-size:0.7em;
	padding:0 0 1.2em 0;
	line-height:1.6em;
}

#site #main-content p.less-padding {
	padding:0 0 0.4em 0;
}

#site #main-content .left ul {
	list-style:disc;
	margin:0 0 0 1.5em;
}

#site #main-content .left ul li {
	margin:0 0 0.3em 0;
}

#site #main-content .left h2 {
	font-size:1.1em;
	padding:0.8em 0 1em 0;
	font-weight:normal;
}

#site #main-content .left h2.top {
	font-size:1.1em;
	padding:0 0 1em 0;
	font-weight:normal;
}

#site #main-content .left dl {
	width:28em;
}

#site #main-content .left dl dt {
	float:left;
	width:8em;
	padding:0 0 0.5em 0;
}

#site #main-content .left dl dd {
	float:left;
	width:20em;
	padding:0 0 0.5em 0;
}

#site #main-content .left label {
	font-size:0.7em;
	padding:0 0 1.2em 0;
}

#site #main-content .left input {
	width:20em;
}

#site #main-content .left input.button {
	width:auto;
}

#site #main-content .left textarea {
	width:25em;
	height:10em;
	margin:0 0 0.7em 0;
}

#site #main-content .left .testimonial {
	border-bottom:1px solid #a19c9b;
	margin:0 0 1em 0;
	font-style:italic;
}

#site #main-content .left .testimonial span {
	font-style:normal;
	display:block;
	padding:1em 0 0.5em 0;
	color:#a19c9b;
}

#site #main-content .left .last {
	border-bottom:0;
}

#site #main-content .right img {
	border:1px solid #494343;
}

#site #main-content .right .content-menu li {
	background:url(../images/bullet.gif) no-repeat left center;
	padding:0 0 0 1.2em;
	margin:0 0 0.4em 0;
}

/* Footer ***********************************************/
#footer .left-base ul li {
	display:block;
	float:left;
}

#footer .left-base ul li a:link, #footer .left-base ul li a:active, #footer .left-base ul li a:visited {
	display:block;
	color:#A19C9B;
	padding:0 1em 0 0;
	border-right:1px solid #A19C9B;
	margin:0 1em 0 0;
	font-size:0.9em;
}

#footer .left-base ul li.last a:link, #footer .left-base ul li.last a:active, #footer .left-base ul li.last a:visited {
	border-right:0;
}

/* Hide content *****************************************/
#accordian div {
	display:none;
}
a#show-all-works {
	display: none;
}
a#hide-all-works {
	display: none;
}