/*
	COLOURS:
	
	background: 	#e3dae5;
	horizontal:		#ccbcd0; ---#ac94b2;
	
	
	deep purple: 	#582764;
	mid purple:		#7a5f88;
	
	purple nav: 	#ac94b2;
	
	rounded box: 	#dbd0dd;
	
	field bg:		#e6dee7
	field border:	#d5d1d5

*/

body {
	color: #000;
	background-color: #e3dae5;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 135%;
	background-image: url(/img/bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#wrapper {
	width: 765px;
	margin: auto;
	text-align: left;
	background-image: url(/img/logo.png);
	background-position: left 29px;
	background-repeat: no-repeat;
	min-height: 400px;
}


a:link,
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

a:hover,
a:active {
	
}

#head {
	min-height: 146px;
}

#content {
	margin-top: 43px;
}

.clear {
	clear: both;
}

/* --- HEADER --- */

#head {
	position: relative;
}

#head #nav {
	position: absolute;
	top: 117px;
	left: 195px;
	list-style: none;
}

#head #nav li {
	list-style: none;
	display: block;
	float: left;
}

#head #nav li.selected {
	background-image: url(/img/tab-l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#head #nav li a:link,
#head #nav li a:visited {
	display: block;
	padding: 6px 15px 7px 15px;
	color: #ac94b2;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 117%;
}

#head #nav li.selected a:link,
#head #nav li.selected a:visited {
	background-image: url(/img/tab-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #582764;
}

#head #nav li a:hover,
#head #nav li a:active {
	text-decoration: underline;
	color: #582764;
}

/* --- FOOTER --- */

#footer {
	border-top: 2px solid #ccbcd0;
	background-image: url(/img/ft-logo.png);
	background-repeat: no-repeat;
	background-position: 65px 23px;
	padding: 23px 0 0 195px;
	clear: both;
	min-height: 100px;
	color: #582764;
}

#footer .legal-name {
	font-weight: bold;
}

#footer a:link,
#footer a:visited {
	color: #582764;
	font-weight: bold;
	text-transform: lowercase;
}

#footer a:hover,
#footer a:active {
	color: #000;
}


/* --- CONTAINERS --- */

.cont1 {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cont1s {
	border-bottom: 2px solid #ccbcd0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cont2 {
	border-top: 2px solid #ccbcd0;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/* --- BOXES -- */

.box1w5 {
	background-color: #dbd0dd;
	background-image: url(/img/box1w5-btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	width: 310px;
	margin-right: 15px;
}

.box1w5 .inner {
	padding: 12px;
	background-image: url(/img/box1w5-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* --- HEADINGS --- */

h1, h2, h3, .contact h1 {
	color: #7a5f88;
	background-color: transparent;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 1em;
}

h1 {
	font-size: 160%;
}

h1 span {
	color: #582764;
}

h3.section {
	border-top: 2px solid #ccbcd0;
	margin-top: 1em;
	padding-top: 1em;
}


/* --- FORMS --- */

input,
textarea {
	border: 1px solid #d5d1d5;
	color: #000;
	background-color: #e6dee7;
	margin-bottom: 1em;
}

.forms input.text {
    width: 240px;
}

.forms label {
    float: left;
    width: 8em;
}

.forms .checkboxes label {
    float: none;
    width: auto;
}


/* --- HOME --- */

.home .mission {
	margin-left: 195px;
	color: #582764;
	background-color: transparent;
	font-size: 150%;
	line-height: 140%;
}

.home #casestudies .paging {
	float: left;
	width: 180px;
}

.home #casestudies .paging h2 {
	margin-bottom: 0.5em;
}

.home #casestudies .paging .status {
	font-weight: bold;
	color: #582764;
}

.home #casestudies .paging .nav {
	float: right;
	margin-top: -3px;
}

.home #casestudies .paging .nav .prev {
	margin-right: 5px;
}


.home #casestudies .stage {
	float: left;
	width: 275px;
}

.home #casestudies .desc {
	float: left;
	width: 310px;
	padding-top: 10px;
}

.home #casestudies .desc h3 {
	color: #7a5f88;
	font-weight: normal;
	font-size: 200%;
	margin-bottom: 1em;
}

.home #casestudies .desc a:link,
.home #casestudies .desc a:visited {
	color: #582764;
}

.home #casestudies .desc a:hover,
.home #casestudies .desc a:active {
	color: #000;
}

.home #casestudies .desc p {
	line-height: 140%;
	font-size: 108%;
}

.home #casestudies .desc p.intro {
	font-weight: bold;
	margin-bottom: 1em;
}

body.dynamic .home #casestudies .cscont {
	position: relative;
	overflow: hidden;
}

body.dynamic .home #casestudies #scrollplane {
	width: 10000000px;
	position: absolute;
	left: 0;
}

.home #directors .vcard {
	float: left;
	width: 375px;
	margin-right: 15px;
}

.home #directors .last {
	margin-right: 0;
}

.home #directors .vcard .photo {
	float: left;
	width: 115px;
	margin-right: 15px;
}

#contact {
	float: left;
	width: 180px;
	margin-right: 15px;
}

#contact a.email,
#contact .tel {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}

#contact p {
	margin-bottom: 1em;
}

#article {
	float: left;
	width: 245px;
	margin-right: 15px;
}

#article h3 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

#article h3 a:link,
#article h3 a:visited {
	font-size: 120%;
	color: #582764;
	background-color: transparent;
	font-weight: bold;
}

#article h3 a:hover,
#article h3 a:active {
	color: #000;
}

#promo img {
	float: right;
	display: block;
	margin: 0 0 5px 15px;
}

#promo h2 {
	color: #582764;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	text-transform: none;
}

#promo h3 {
	margin-bottom: 1em;
	font-size: 100%;
}

/* --- ARTICLE --- */

.article #aside {
	float: left;
	width: 180px;
	margin-right: 15px;
	margin-top: 2.7em;
}

.article #primary {
	float: left;
	width: 570px;
	margin-bottom: 2em;
}

.article #primary h1 {
	font-size: 160%;
	text-transform: lowercase;
	color: #7a5f88;
	margin-bottom: 0.8em;
	font-weight: bold;
}

.article #primary h1 em {
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #582764;
}



.article #primary h2 {
	text-transform: none;
	margin: 1.5em 0 0.2em 0;
}

.article #primary p {
	margin-bottom: 1em;
}

.article #primary ul {
    margin: 0 0 1em 1em;
    list-style: disc;
}

.article #primary ol{
    margin: 0 0 1em 2em;
    list-style: decimal;
}

.article #primary #news ul {
    margin: 0;
    list-style: none;
}

.article #primary .sitemap ul {
    margin: 0 0 0.5em 0;
    list-style: none;
}

.article #primary .sitemap ul ul {
    margin: 0 0 0.5em 2em;
}

.article #primary .date {
    color: #333;
}

.article #primary .body {
	float: left;
	width: 310px;
	margin-right: 15px;
}

.articlewide #primary .body {
	float: left;
	width: 570px;
	margin-right: 0;
}

.article #primary .adjunct {
	float: left;
	width: 245px;
}

.article #primary .adjunct img {
	display: block;
	margin-bottom: 2em;
}

.article #primary .adjunct h3 {
	margin-bottom: 0.5em;
}

.article #primary .adjunct ul {
	list-style-type: none;
	padding: 0 0 1em 0;
	margin: 0;
}

/* --- SERVICES --- */

.services .service {
	float: left;
	width: 245px;
	margin-right: 15px;
	padding-bottom: 1em;
}

.services .last {
	margin-right: 0;
}

.services #contact {
	float: left;
	width: 180px;
	margin-right: 15px;
}

.services #contact a.email,
.services #contact .tel {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.services #contact a:hover {
	text-decoration: underline;
}

.services #contact p {
	margin-bottom: 1em;
}

.services #article {
	float: left;
	width: 245px;
	margin-right: 15px;
}

.services #article h3 {
	margin-bottom: 0.5em;
}

.services #article h3 a:link,
.services #article h3 a:visited {
	font-size: 120%;
	color: #582764;
	background-color: transparent;
	font-weight: bold;
}

.services #article h3 a:hover,
.services #article h3 a:active {
	color: #000;
}

.services #promo img {
	float: right;
	display: block;
	margin: 0 0 5px 15px;
}

.services #promo h2 {
	color: #582764;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	text-transform: none;
}

.services #promo h3 {
	margin-bottom: 1em;
}

/* --- CONTACT --- */

.contact #details {
	margin-left: 195px;
	float: left;
	width: 375px;
	margin-right: 15px;
}

.contact #details p {
	margin: 1.5em 0;
}

.contact #details .adr span {
	font-size: 110%;
	line-height: 150%;
}

.contact #details .tel,
.contact #details .email {
	font-weight: bold;
}

/* -- CLOSING REMARKS -- */

.last {
	margin-right: 0;
}