/* ====================

Title: DHA Main
Last updated: 14/04/2009 by MikeB

* Some ideas from Blueprint
* code.google.com/p/blueprintcss

==================== */


/* --------------------------
 @Reset - Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; }


/* --------------------------
 @Typography
----------------------------- */

body {
	color: #544b38;
	font-family: "trebuchet ms", arial, verdana, sans-serif;
	font-size: 75%;
	line-height: 1.5;
}

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { color: #98c917; font-size: 2.0833em; margin-bottom: 0.5em;}
h2 { color: #98c917; font-size: 1.75em; margin-bottom: 0.5em; }
h3 { color: #98c917; font-size: 1.25em; line-height: 1; margin-bottom: 1em; margin-top: 0.833em }
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em; }

/* Text elements */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin: 0 0 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/* Default link styles */

a:link,
a:visited { background: none; color: #039fd1; }

a:hover,
a:active,
a:focus { color: #039fd1; text-decoration: none }

p a:link,
p a:visited {
	background: #39798e;
	color: #f0ebd1;
	padding: 0 3px;
	text-decoration: none;
}

p a:active,
p a:focus,
p a:hover {
	background: #1b5062;
}

.back {padding-top: 12px}
.back a:link, .back a:visited { background: none; color: #68bbd4; padding: 0 }
.back a:hover, .back a:active, .back a:focus { text-decoration: underline; padding: 0 }


h2 a:link, h2 a:visited { color: #39798e; text-decoration: none; }


/* Tables */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }

/* Text Classes */

.new {
	color: #f37800;
	font-weight: bold
}

.highlight { color: #2f7287; }

.emphasise { color: #544b38; font-size: 1.41667em; line-height: 1.8; margin-bottom: 0.75em; }


/* --------------------------
 @Structure
----------------------------- */

body {
	background: #fff;
}


/* --------------------------
 @Identity
----------------------------- */

div#identity { background: #286d83; min-width: 900px; }

#identity .container { height: 215px;}

#identity p.links { color: #97c3d2; font-size: 0.91667em; position: absolute; right: 33px; top: 17px; }

p.links span { color: #164d5f; }

img#logo { margin-bottom: 0px; position: relative; top: 37px; z-index: 2 }

#identity a:link, #identity a:visited { background: none; color: #97c3d2; }

#identity a:hover, #identity a:active, #identity a:focus { text-decoration: underline }

#identity a#highvis:link, #identity a#highvis:visited { background: #164d5f; color: #f0ebd1; font-weight: bold; text-transform: uppercase; }

#identity a#highvis:hover, #identity a#highvis:active, #identity a#highvis:focus { background: #011e27; color: #f9dd4c; text-decoration: none; }


/* --------------------------
 @Admin tools
----------------------------- */

#tools * { vertical-align: middle }
#tools { color: #74a6b6; font-size: 0.91667em; margin: 0; padding: 0.75em 0 0.75em; position: absolute; top: 40px; right: 33px; }
#tools .pipe { color: #74a6b6; margin: 0 5px; }


/* --------------------------
 @Navigation
----------------------------- */

#navigation { background: #bcb2a0 url('../images/bg_navigation.gif') bottom left repeat-x; margin: 0; overflow: hidden; min-width: 900px;}

#navigation ul { background: url('../images/bg_navigation_overlay.gif') center bottom no-repeat; overflow: hidden; }

#navigation ul.container { position: static; }

#navigation li { background: url('../images/bg_navigation_li.gif') bottom left no-repeat; display: block; float: left; font-size: 1.1667em; height: 5.786em; list-style-type: none; margin-left: 1px; min-height: 31px; text-align: center; }

#navigation li.current { background: url('../images/bg_navigation_li_current.gif') bottom left no-repeat;  }

#navigation li a { display: block; font-weight: bold; line-height: 1.0833; width: 118px}

	#navigation li.single a { padding: 32px 0 0; min-height: 49px; }

	#navigation li.double a { padding: 25px 20px 0; min-height: 57px; width: 78px; }

	#navigation li.current a:link, #navigation li.current a:visited { color: #544b38; }

#navigation li a:link,
#navigation li a:visited { color: #286d83; text-decoration: none; }

#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus { color: #04495e }


/* --------------------------
 @Flash
----------------------------- */

#flashcontent { bottom: 0px; height: 156px; position: absolute; right: 33px; width: 444px; }


/* --------------------------
 @content
----------------------------- */

#content { background: url('../images/bg_content.gif') top center repeat-y; margin: 25px auto; min-height: 400px; overflow: hidden; width: 834px; }


/* --------------------------
 @content_primary
----------------------------- */

#content_primary { padding-right: 28px; width: 448px; }

#content_primary p { line-height: 2em; }


/* --------------------------
 @Breadcrumb
----------------------------- */

.home #breadcrumb { display: none; visibility: hidden }

p#breadcrumb { color: #bdb4a2; line-height: 1; margin: 0; }

#breadcrumb a:link, #breadcrumb a:visited { background: none; color: #68bbd4; padding: 0; }

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus { text-decoration: none; }


/* --------------------------
 @content_secondary
----------------------------- */

#content_secondary { padding-left: 28px; width: 330px; }

#content_secondary .photo { background: url('../images/bg_photo_bottom.gif') bottom left no-repeat; margin: 0 0 20px; padding: 0 0 20px }

#content_secondary .photo img { background: url('../images/bg_photo_top.gif') top left no-repeat; display: block; padding: 7px 7px 17px 7px }

#content_secondary .photo p.caption { border-bottom: 1px solid #e1f8ff; border-top: 1px solid #e1f8ff; margin: 0 28px; padding: 5px 0; text-align: center; }

#getintouch img { display: block; margin: 0 3px 20px }

#content_secondary .blue { margin: 0 3px 20px; min-height: 150px; }

#content_secondary .blue h3 { color: #4690a8; font-size: 1.25em; font-weight: bold; margin: 0 0 1em; padding: 0; text-transform: uppercase; }

#content_secondary .blue p { color: #20667d; font-size: 1.1667em; line-height: 2em; margin-bottom: 1em; }

#content_secondary .blue p.last { color: #20667d; font-size: 1.1667em; line-height: 2em; margin-bottom: 0; }

#content_secondary .blue cite { color: #4690a8; display: block; font-size: 1.1667em; font-style: normal; font-weight: bold; margin: 0.75em 0 0; }


/* --------------------------
 @Latest news
----------------------------- */

#latestnews  h3 { color: #4690a8; font-size: 1.25em; font-weight: bold; margin: 0 0 1em; padding: 0; text-transform: uppercase; }
#latestnews p { color: #20667d; font-size: 1.1667em; line-height: 2em; margin-bottom: 1em; }
#latestnews p.last { margin-bottom: 0; }

#content_secondary #latestnews p { font-size: 1em; line-height: 1.5em; }


/* --------------------------
 @Corners
----------------------------- */

.corners { position: relative }

.tl, .tr, .bl, .br { background: url('/auto/corners/fff-5/all.png') no-repeat; height: 5px; position: absolute; width: 5px; }

.tl { background-position: top left; left: 0; top: 0; }

.tr { background-position: top right; right: 0; top: 0; }

.bl { background-position: bottom left; bottom: 0; left: 0; }

.br { background-position: bottom right; bottom: 0; right: 0; }

.blue { background: #b2e1f0; margin-bottom: 5px; padding: 22px; }

.lightblue { background: #edfbff; padding: 22px; }

.yellow { background: #f1ffc6; padding: 22px; }


/* --------------------------
 @Wherenext
----------------------------- */

ul.wherenext { border-top: 1px solid #e1f8ff; list-style-type: none; margin: 0; }

.wherenext li { border-bottom: 1px solid #e1f8ff; background: url('../images/icon_sector.gif') center left no-repeat; font-size: 1.833em; margin-bottom: 0.25em; padding: 0.5em 0 0.5em 28px; }

.wherenext li a:link, .wherenext li a:visited { color: #39798e; text-decoration: none; }



/* --------------------------
 @Siteinfo
----------------------------- */

#siteinfo {
	background: #726751 url('/images/bg_siteinfo.gif') repeat-x;
	clear: both;
	min-height: 138px;
	overflow: hidden;
	padding: 42px 0 20px;
	min-width: 900px;
}

#siteinfo .container { overflow: hidden; }

#siteinfo p { color: #fdfdfe; margin-bottom: 1em; }

#siteinfo p a:link,
#siteinfo p a:visited { background: none; color: #b2e1f0; padding: 0; }

#siteinfo p a:hover,
#siteinfo p a:active,
#siteinfo p a:focus { text-decoration: underline }

#siteinfo p#company { bottom: 0px; color: #a79b85; position: absolute; right: 33px; text-align: right; }

#siteinfo p#company a:link,
#siteinfo p#company a:visited { color: #a79b85 }

#siteinfo p#company a:hover,
#siteinfo p#company a:active,
#siteinfo p#company a:focus { color: #d8d1c4; text-decoration: none; }

#siteinfo .office { background: url('../images/bg_office.gif') top right no-repeat; display: block; float: left; margin-right: 35px; padding-right: 35px; }

#siteinfo .adr strong { color: #eae1cc; }


/* --------------------------
 @Sectors+Clients+services
----------------------------- */

.sector, .client, .service { border-bottom: 1px solid #e1f8ff; overflow: hidden; padding: 2em 0; }

#services { padding-top: 1.25em }

.service { margin: 0 0 24px 0; padding: 0 0 24px 116px; position: relative; }

.sector h2, .client h2, .service h2 { background: url('../images/icon_sector.gif') left center no-repeat; font-size: 1.833em; margin-bottom: 0.25em; padding-left: 28px; }

.client h2, .service h2 { background: none; padding: 0; }

.sector p, .client p{ margin: 0; }

.service img { left: 0px; position: absolute; top: 0px; }

.client_logo { background: url('../images/bg_clientlogo_bottom.gif') no-repeat bottom left; float:left; margin-right: 12px; min-height: 80px; padding-bottom: 6px; width: 104px }

.client_logo img { background: url('../images/bg_clientlogo_top.gif') no-repeat top left; display: block; float:left; padding: 6px 6px 0;}

.details { margin-left: 116px }

.client-page .highlight { margin: 1.5em 0 0 }


/* --------------------------
 @Featured client
----------------------------- */

#featuredclient { margin: 1.5em 0 2em }

#featuredclient h2 { color: #98c917; font-size: 2.08333em; line-height: 1.2 }

#featuredclient div.logo { background: url('../images/bg_featuredclient.gif') no-repeat; float: left; min-height: 70px; padding: 41px 10px 18px; width: 84px; }

#featuredclient div.details {  margin-left: 116px; }

#featuredclient a:link, #featuredclient a:visited { background: #98c917; color: #fff; }

#featuredclient a:hover, #featuredclient a:active, #featuredclient a:focus { background: #7ca809; }


/* --------------------------
 @Testimonials
----------------------------- */

#testimonial h2 { color: #4690a8; font-size: 1.25em; font-weight: bold; margin-bottom: 0.75em; text-transform: uppercase; }

#testimonial cite { color: #4690a8; font-size: 1.1667em; font-style: normal; font-weight: bold; }

#testimonial blockquote p { color: #20667d; font-size: 1.25em; line-height: 1.8; margin-bottom: 0.75em; quotes: "�" "�" }

#testimonial blockquote p:before { content: open-quote; }

#testimonial blockquote p:after { content: close-quote; }


/* --------------------------
 @Where we work
----------------------------- */

.region { border-bottom: 1px solid #e1f8ff; clear: both; margin-bottom: 24px; overflow: hidden; padding: 0 0 24px 193px; position: relative; }

.region img { left: 0px; position: absolute; top: 0px }


/* --------------------------
 @Resource Centre
----------------------------- */

.resource { background: url('../images/bg_resource.gif') no-repeat; height: 103px; margin: 16px 0; width: 439px;}

.resource h2 { font-size: 1.833em; line-height: 103px; margin: 0; width: 439px;}

.resource a { background: url('../images/bg_resource_pressreleases.gif') no-repeat center left; display: block; height: 103px; padding-left: 116px; width: 323px;}

.resource a:link, .resource a:visited { background-position: center left; background-repeat: no-repeat; color: #4690a8; text-decoration: none; }

.resource a:hover, .resource a:active, .resource a:focus { color: #039fd1; }

.resource #resource-type-127 a { background-image: url('../images/bg_resource_photos.gif') }

.resource #resource-type-128 a { background-image: url('../images/bg_resource_pressreleases.gif') }

.resource #resource-type-129 a { background-image: url('../images/bg_resource_newsletters.gif') }

.resource #resource-type-130 a { background-image: url('../images/bg_resource_reports.gif') }

.resource #resource-type-131 a { background-image: url('../images/bg_resource_trainingmaterials.gif') }

.resource #resource-type-twenty-for-twenty a { background-image: url('../images/bg_resource_twentyfortwenty.gif') }

#segment { border-bottom: 1px solid #e1f8ff; margin-bottom: 1em; padding-bottom: 2em;}

#segment select { display: block; margin: 10px 0 0; width: 430px }

#content_primary .file { border-bottom: 1px solid #e1f8ff; margin-bottom: 1.25em; padding-bottom: 1.25em;}

.file .image { border: 1px solid #d4e4ea; padding: 4px; float: left; }

.file .image img { display: block }

.resources .details { background: url('../images/icon_resource_newsletters.gif') no-repeat; margin-left: 0; padding-left: 50px; }

.resources .photo .details { background-image: none; margin-left: 190px; padding-left: 0; }

.file h3 { font-size: 1.41667em; line-height: 1.4; margin-bottom: 0.75em; }

#content_primary .file p { line-height: 1.75em; margin-bottom: 0.75em }

.file-type-128 .details { background-image: url('../images/icon_resource_press-releases.gif'); }

.file-type-129 .details { background-image: url('../images/icon_resource_newsletters.gif'); }

.file-type-130 .details { background-image: url('../images/icon_resource_reports.gif'); }

.file-type-131 .details { background-image: url('../images/icon_resource_training-materials.gif'); }


/* --------------------------
 @Associated resources
----------------------------- */

#associatedresources { border-top: 1px solid #e1f8ff; margin: 2em 0 0; padding: 2em 0 0;}

#associatedresources h3 { color: #98c917; font-size: 1.5em; margin-top: 0; }


/* --------------------------
 @Staff
----------------------------- */

#content_primary .person { border-bottom: 1px solid #e1f8ff; margin-bottom: 1.25em; padding-left: 120px; padding-bottom: 1.25em; position: relative}

.person .highlight { margin: -1.2em 0 0; }

.person img { left: 0px; position: absolute; top: 0px; }


/* --------------------------
 @Contact
----------------------------- */

.address { border-bottom: 1px solid #e1f8ff; margin: 0 0 1.5em; overflow: hidden; padding: 0 0 1.5em; }

.address img { float: left; margin-right: 12px; }

#form_contact input, #form_contact textarea { margin: 0 0 0 90px }

#form_contact span.actuallyasemanticlabel { float: left; }


/* --------------------------
 @Classes (reusable)
----------------------------- */

.clear { clear: both; height: 1px; overflow: hidden;}

.container { margin: 0 auto; padding: 0 33px; position: relative; width: 834px;}

.content { margin: 0 10px 0 10px }

.column {
	float: left;
}

.fullwidth { width: 674px }

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


/* --------------------------
 @Forms
----------------------------- */

form.form {
	margin-bottom: 1.5em;
}

fieldset {
	border: 0;
}

	fieldset.hidelegend legend {
		display: none;
	}


.form label {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0 0 1.5em;
}

input,
textarea,
select {
	font-family: "lucida sans unicode", "lucida grande", "trebuchet ms", sans-serif;
}

.form input.text, .form input.password {
	background: #fdfdf8;
	border-top: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #CCC;
	display: block;
	font-weight: normal;
	margin: 0.2em 0 0 0;
	padding: 3px;
	width: 350px;
}

	.form input.text:focus, .form input.password:focus {
		background: #FFF
	}

.form textarea {
	background: #fdfdf8;
	border-top: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #CCC;
	display: block;
	font-size: 1em;
	height: 200px;
	line-height: 1.5em;
	margin: 0.2em 0 0 0;
	padding: 3px;
	width: 350px;
}

	.form textarea:focus {
		background: #FFF
	}

select {
	margin: 0.2em 0 0 0;
}

input.submit {
	font-size: 0.8em;
	font-weight: bold;
	padding: 4px 0;
}

.error,
.success {
	background: #fbf3f3;
	border: 3px solid #c84040;
	color: #000;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

.success {
	background: #fffbe2;
	border-color: #ffe222;
}

.error ol {
	margin: 1em 0 0;
}

.error li {
	margin: 0 0 0.4em 2.8em;
}

.required,
label span.required {
	color: #A6010C;
}

.error h3,
.success h3 {
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}


/* --------------------------
 @Paginator
----------------------------- */

.paginator { text-align: center;}

.paginator p.last { color: #9f9f9f }

.paginator a:link, .paginator a:visited { border: 1px solid #286d83; color: #fff; padding: 0.22em 0.5em;}

.paginator a:hover, .paginator a:active, .paginator a:focus { background: #9ed5e7; border: 1px solid #000; color: #fff; text-decoration: none; }

.paginator .current { background: none; color: #000; font-weight: bold; margin: 0 0.3em;}

.paginator .next { margin-left: 2em;}

.paginator .previous { margin-right: 2em;}

.paginator .inactive { color: #9f9f9f; padding: 0.28em 0.5em;}

.paginator p.total { color: #9f9f9f; }


/* --------------------------
 @Twenty for Twenty
----------------------------- */

body.twentyfortwenty #content_primary { width: auto; }
body.twentyfortwenty #content { background: #ffffff; }

.twentyfortwenty .yellowbox { width: 834px; background: #fcec5b; font-family: Arial,sans-serif;
color: 000; text-align: center; padding-bottom: 26px;}

.twentyfortwenty .yellowbox h1 { margin: 0; font-family: Arial,sans-serif; color: #000; }

.twentyfortwenty .yellowbox h2 { font-family: Arial,sans-serif; color: #000; font-size: 1.3em; color: #000; background:url(/images/twenty-for-twenty/divider.png) no-repeat scroll center bottom transparent; margin: 0; padding: 0 15px 21px; }

.twentyfortwenty .yellowbox p { font-family: Arial,sans-serif; color: #000; }

.twentyfortwenty .yellowbox #intro { padding: 25px 91px; text-align:left; line-height: 0.5em; }

.twentyfortwenty .yellowbox #intro p { line-height: 1.75em; margin-bottom: 1em; color: #000; }

.twentyfortwenty .yellowbox #last { margin-bottom: 0; }

.twentyfortwenty .yellowbox #bottom { padding: 40px 0 20px 0; }

.twentyfortwenty .yellowbox #essay { float: left; text-align: centre; width: 188px; padding: 40px 0 0 5px; }

.twentyfortwenty .yellowbox #essays { padding: 0 20px 0 20px; }

.twentyfortwenty .yellowbox #essay h1 { font-weight:bold; font-size: 1.3em;  line-height: 1.2em; background:url(/images/twenty-for-twenty/divider_small.png) no-repeat scroll center bottom transparent; padding: 4px 0 11px; margin: 0; }

.twentyfortwenty .yellowbox #essay h1 a { color: #000; text-decoration: none; }

.twentyfortwenty .yellowbox #essay h1 a:hover { color: #53534a; text-decoration: none; }

.twentyfortwenty .yellowbox #essay h2 { font-weight:bold; font-size: 1.3em; background: none; padding: 5px 0 0; margin:0; }

.twentyfortwenty .yellowbox #essay p { font-size: 0.88em; line-height: 1.4em; background:url(/images/twenty-for-twenty/divider_small.png) no-repeat scroll center bottom transparent; padding-bottom: 11px; margin: 0; }

.twentyfortwenty .yellowbox #essay .button { padding-top: 10px; }

.twentyfortwenty .yellowbox .download-book { font-size: 1.4em; line-height: 1.4em;
background: #fff; border: 1px solid #e8d33e; width: 24em; margin: 0 auto;
padding: 11px 0; }

.twentyfortwenty .yellowbox .download-book  a { color: #000; font-weight: bold; text-decoration: underline; }



/* --------------------------
 @Twitter
----------------------------- */

.twitter { background: #eafaff; padding: 16px 23px 10px 23px; }

.twitter h2 { color: #4690a8; text-transform: uppercase; font-size: 1.25em; font-weight: bold;
font-family: "Trebuchet MS", sans-serif; width: 202px;
background: url('/images/bg_twitter_title.png') left no-repeat; padding: 0 41px; }
.twitter h2 a { color: #4690a8; text-decoration: none; }

.twitter ul { list-style-type: none; margin: 0;  }

.twitter li { border-top: 1px solid #ceedf7; padding: 13px 0 10px 0; }

.twitter li span { display: block; }

.twitter li a { text-decoration: none; color: #20667d; }
.twitter li span a { color: #39798e; }