/* CSS Document */

body {
	font-family: Helvatica, Arial, sans-serif;
	font-size: 80%;	
	color: #000;
}

P {
	color: #444;
	font-size: 90%;
	line-height: 1.2em;
}

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

a:hover, a:active {
	color: #909090;	
}

.italics {
	font-style: italic;
}

.homepagetext {
	font-style: italic;
	line-height: 20px;
}

.bold {
	font-weight:bold;
}


.highlight {
	font-weight:bold;
	color:#22A582;
}

.assessButton {	
	margin-bottom:10px;
}

.expertimageright {float:right; border: solid 1px #dedede; margin-left:5px;}

.expertimageleft {float:left; border: solid 1px #dedede;}

.people {border: solid 1px #9D9D9D; margin-right:10px;} 

.imageright {float:right; margin:0px 0 10px 10px; border: solid 1px #9d9d9d;}

.imageright_border_padding {float:right; padding:10px; margin:0px 0 10px 10px; border: solid 1px #9d9d9d; background:#FFFFFF;}

.imageleft {float:left; margin:0px 10px 10px 0; border: solid 1px #9d9d9d;}

.imagerightnewsletter {float:right; padding:10px;margin:0 0 10px 10px; border: solid 1px #9d9d9d;}

.imageleftnewsletter {float:left; padding:10px;margin:0 10px 10px 0; border: solid 1px #9d9d9d;}

.imageright_noborder {float:right; margin:10px 0 10px 10px;}

.imageleft_noborder {float:left; margin:10px 10px 10px 0;}

.imagemarginleft {margin:10px 10px 10px 0;}

.imagemarginleft_notopmargin {margin:0px 10px 10px 0;}

.imagemarginright {margin:10px 0px 10px 10px;}

.imagemiddlemargin {margin: 10px 0 10px 0px; }

.logobottommargin {margin:20px 0 31px 0;}

.mainlogohome {margin:-12px 0 12px 0}

.eventsnews {font-size: 90%;}

.rangeMap {
	border: solid 1px #444;
	margin-bottom:10px; 
}

.logosHome {
	float: right;
	margin-top: 5px;
}

* {
	margin: 0;
	padding: 0;
}

#wrapper {			
	width:760px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	background:url(sitegraphics/bg_wrapper.gif) top repeat-y;
}

#banner {
	padding: 0 0 0 25px;
	width: 735px;
	height: 97px;
	margin-bottom:5px;
}

/*horizontal nav bar colouring*/ 	

#navcolour_green {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelgreen.gif) top right no-repeat;
}

#navcolour_blue {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelblue.gif) top right no-repeat;
}

#navcolour_purple {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelpurple.gif) top right no-repeat;
}

#navcolour_yellow {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelyellow.gif) top right no-repeat;
}

#navcolour_peach {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelpeach.gif) top right no-repeat;
}

#navcolour_pink {
	margin: 0 0 0 25px;
	width: 710px;
	height: 19px;
	background:url(sitegraphics/navcolour_pastelpink.gif) top right no-repeat;
}

#topnav {
	height: 24px;
	border-top:1px solid #929292;
	margin: 0 25px 10px 25px;
}

#topnav ul {
	list-style: none;	
}

#topnav li {			
	display: inline;
	list-style-type: none;
}

#topnav li a {	
	padding:4px 0 0 2px;
	text-align:center;	
	display: block;
	float:left;
	font-size:90%;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;	
}

/*horizontal top navigation button states*/

.navhome_notselected { height:20px; width: 88px; background:url(sitegraphics/nav_buttonsheet.gif) 0 0 no-repeat; }

.navhome_selected { height:24px; width: 88px; background:url(sitegraphics/nav_buttonsheet.gif) 0 -24px no-repeat; }

.navaboutus_notselected { height:20px; width: 119px; background:url(sitegraphics/nav_buttonsheet.gif) -90px 0 no-repeat; }

.navaboutus_selected { height:24px; width: 119px; background:url(sitegraphics/nav_buttonsheet.gif) -90px -24px no-repeat; }

.navourpeople_notselected { height:20px; width:125px; background:url(sitegraphics/nav_buttonsheet.gif) -211px 0 no-repeat; }

.navourpeople_selected { height:24px; width:125px; background:url(sitegraphics/nav_buttonsheet.gif) -211px -24px no-repeat; }

.navwhatwedo_notselected { height:20px; width:128px; background:url(sitegraphics/nav_buttonsheet.gif) -338px 0 no-repeat; }

.navwhatwedo_selected { height:24px; width:128px; background:url(sitegraphics/nav_buttonsheet.gif) -338px -24px no-repeat; }

.navclients_notselected { height:20px; width:137px; background:url(sitegraphics/nav_buttonsheet.gif) -468px 0 no-repeat; }

.navclients_selected { height:24px; width:137px; background:url(sitegraphics/nav_buttonsheet.gif) -468px -24px no-repeat; }

.navcontactus_notselected { height:20px; width:101px; background:url(sitegraphics/nav_buttonsheet.gif) -607px 0 no-repeat; }

.navcontactus_selected { height:24px; width:101px; background:url(sitegraphics/nav_buttonsheet.gif) -607px -24px no-repeat; }

#textcontent {
	float:left;
	background:url(sitegraphics/bg_text_content.gif) top right no-repeat;
	width: 460px;
	min-height:500px;
	margin: 25px 0 0 0px;
	padding: 0 0 0 25px;
}

#textcontenthome {
	float:left;	
	width: 460px;
	min-height:500px;
	margin: 3px 0 0 0;
	padding: 0 0 0 25px;
}

#textcontenthome P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-bottom:1.75em;
}

#textcontenthome a:link,
#textcontenthome a:visited {
	color: #22A582;
	text-decoration:none;
}

#textcontenthome a:active,
#textcontenthome a:hover {
	color: #22A582;
	text-decoration:underline;
}

.homepage {margin: 0px; background:none; }

#textcontent a:link,
#textcontent a:visited {
	color: #22A582;
	text-decoration:none;
}

#textcontent a:active,
#textcontent a:hover {
	color: #22A582;
	text-decoration:underline;
}

#textcontent P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-bottom:1.6em;
}

#textcontent h1 {
	margin-bottom:1.2em;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}

#textcontent h2 {
	margin-bottom:0.8em;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
	color:#BFD2DB; /*pastel blue*/
}

#textcontent h3 {
	margin-bottom:1.2em;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}

#textcontent ul {
	margin: 15px 0 15px 0px;
}

#textcontent ul.sublist {
	margin: 15px 0 15px 15px;
}

#contactform ol {
	margin: 15px 0 15px 15px;
}

#textcontent li {
	list-style:none;
    background-image:url(sitegraphics/text_content_list_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 1.5em;
	font-size: 90%;
	margin-bottom: 10px;
}
#textcontent li.noBullet {
	background:none;
}
#numberlist {
	margin-bottom:20px;	
}

#numberlist li {
    background-image: none;
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 1.5em;
	font-size: 90%;
	margin-bottom: 10px;
}


#contactform li {
	list-style:none;
	background-image:none;	
}

#contactform {
	margin-bottom: 15px;
}

#workshoptitle {
	width: 250px;
}

#workshopdate {
	
	width: 50px;
}

/*h1 header image classes*/

.headerhome { height:35px; background:url(sitegraphics/header_home.gif) 0 0 no-repeat; text-indent:-5000px}

.headeraboutus { height:35px; background:url(sitegraphics/header_aboutus.gif) 0 0 no-repeat; text-indent:-5000px}

.headerourpeople { height:35px; background:url(sitegraphics/header_ourpeople.gif) 0 0 no-repeat; text-indent:-5000px}

.headerwhatwedo { height:35px; background:url(sitegraphics/header_whatwedo.gif) 0 0 no-repeat; text-indent:-5000px}

.headerclients { height:35px; background:url(sitegraphics/header_clients.gif) 0 0 no-repeat; text-indent:-5000px}

.headercontactus {height:35px; background:url(sitegraphics/header_contactus.gif) 0 0 no-repeat; text-indent:-5000px}

.headerourpartners {height:35px; background:url(sitegraphics/header_ourpartners.gif) 0 0 no-repeat; text-indent:-5000px}

.headergh {height:35px; background:url(sitegraphics/header_gh.gif) 0 0 no-repeat; text-indent:-5000px}

.headertm {height:35px; background:url(sitegraphics/header_tm.gif) 0 0 no-repeat; text-indent:-5000px}

.headerap {height:35px; background:url(sitegraphics/header_ap.gif) 0 0 no-repeat; text-indent:-5000px}

.headercn {height:35px; background:url(sitegraphics/header_cn.gif) 0 0 no-repeat; text-indent:-5000px}

.headerrg {height:35px; background:url(sitegraphics/header_rg.gif) 0 0 no-repeat; text-indent:-5000px}

.headerrgr {height:35px; background:url(sitegraphics/header_rgr.gif) 0 0 no-repeat; text-indent:-5000px}

.headerdt {height:35px; background:url(sitegraphics/header_dt.gif) 0 0 no-repeat; text-indent:-5000px}

.headeram {height:35px; background:url(sitegraphics/header_am.gif) 0 0 no-repeat; text-indent:-5000px}

#newsevents {
	float: left;
	height: 155px;
	width: 204px;
	background: url(sitegraphics/bg_newsevents.gif) -6px 0 no-repeat;
	margin: 0 0 0 0;
	padding: 50px 24px 0 24px;
}

#newsevents p {
	margin-bottom:10px;
}

#panelISO9001 {
	float: right;
	height: 140px;
	width: 188px;
	background: url(sitegraphics/bg_iso9001.gif) -6px 0 no-repeat;
	margin: 0 0 10px 10px;
	padding: 30px 20px 0 24px;
}

#panelISO9001 p {
	margin-bottom:10px;
}

#panelHome {
	float: left;
	height: 180px;
	width: 204px;
	background: url(sitegraphics/bg_panelhome.gif) -6px 0 no-repeat;
	margin: 0 0 0 0;
	padding: 25px 24px 0 24px;
}

#panelHome p {
	margin-bottom:10px;
}

#panelVideo {
	float: right;
	height: 180px;
	width: 204px;
	background: url(sitegraphics/bg_panelhome.gif) -6px 0 no-repeat;
	margin: 0 0 0 10px;
	padding: 25px 24px 0 24px;
}

#panelVideo p {
	margin-bottom:10px;
}



#logos {
	float:right;
	width: 200px;
	padding: 0 0 0 0px;
	margin-bottom:0px;
}

#panel {	
	float:right;
	padding:0 15px 0 0;
	margin:0 0 0 0;
}

#panel img  {
	border:none;
	text-decoration:none;
}

#subnavcolumns {	
	width:226px;
	margin:0;
	padding:23px 0 0 18px;	
}

#subnavcolumns p {
	margin: 10px;
	font-size: 90%;
}

#subnavcolumns ul {
	list-style:none;
}


#subnavcolumns li {

}


#subnavcolumns a {
	height:24px;
	width:210px;
	display:block;
	font-size: 80%;
	margin:0;
	padding:7px 0 0 12px;
	background:url(sitegraphics/bg_subnav_listitem.gif) 0 0 no-repeat;
	text-decoration: none;
}

#subnavcolumns a:hover,
#subnavcolumns a:active {
	color: #000;
	background:url(sitegraphics/bg_subnav_listitem_hover.gif) 0 0 no-repeat;
}

#subnavcolumns h1 {
	font-size:90%;
	margin-bottom:10px;	
	margin-left:10px;
}

/*for ask the expert panels (does not require class to load background so image within div can have class*/ 

#subnavcolumnexpert {	
	width:210px;
	margin:0;
	padding:23px 18px 0 18px;
	background:url(sitegraphics/panel_green.gif) 0 0 no-repeat;	
}

#subnavcolumnexpert p {
	margin: 15px;
	font-size: 90%;
}

#subnavcolumnexpert ul {
	list-style:none;
}


#subnavcolumnexpert li {

}


#subnavcolumnexpert a {
	height:24px;
	width:200px;
	display:block;
	font-size: 90%;
	text-decoration:none;
	margin:0;
	padding:7px 0 0 12px;
	background:url(sitegraphics/bg_subnav_listitem.gif) 0 0 no-repeat;
}

#subnavcolumnexpert a:hover,
#subnavcolumnexpert a:active {
	color: #000;
	background:url(sitegraphics/bg_subnav_listitem_hover.gif) 0 0 no-repeat;
}

#subnavcolumnexpert h1 {
	font-size:90%;
	margin-bottom:10px;	
	margin-left:10px;
}

/*subnavigation panel colour classes*/

.subnavgreen {background:url(sitegraphics/panel_green.gif) 0 0 no-repeat;}

.subnavpink {background:url(sitegraphics/panel_pink.gif) 0 0 no-repeat;}

.subnavpurple {background:url(sitegraphics/panel_purple.gif) 0 0 no-repeat;}

.subnavyellow {background:url(sitegraphics/panel_yellow.gif) 0 0 no-repeat;}

.subnavpeach {background:url(sitegraphics/panel_peach.gif) 0 0 no-repeat;}

.subnavblue {background:url(sitegraphics/panel_blue.gif) 0 0 no-repeat;}

#subnavfooter {	
	clear:both;
	margin:0;
}

/*form styling*/

fieldset ol {
	list-style:none;
	padding:0;
}

fieldset li {
	list-style:none;
}

fieldset {
	border:1px solid #a9a9a9;
	padding: 15px 0 15px 0;	
}

label {
	font-size:90%;
	margin-bottom:10px;
	display:block;
}

.inlinelabel {
	display:inline;
	margin-left: 10px;
}
legend {
	font-size: 110%;
	color:#a9a9a9;
	padding: 0;
	margin-left: 10px;

}

input {
	width:95%;		
}

.inlineinput {
	float:left;
	width:auto;
}

textarea {
	width:95%;
	overflow:hidden;		
}

.sendform {
	width: 20%;
	margin-top: 8px;
}

.formwarning {
	font-weight:bold;
	color:#FF0000;
}

#casestudy {
	float:left;
	background:url(sitegraphics/bg_casestudy.gif) repeat-x;
	width:450px;
	height:208px;
	padding: 0 0 0 0;
	margin-bottom: 15px;	
}	


#casestudy h1 {
	margin-top: 7px;
	font-size:90%;
}

.readmore {
	float:right;
	margin-right:10px;
	font-weight:bold;
}

#contactDetails {
	margin-bottom: 1.2em;
}
#contactDetails h1 {
	font-size: 105%;
	margin-bottom: 0.15em;
}
#contactDetails p {
	margin-bottom: 0.25em;
}
#contactDetails .caption {
	font-weight: bold;
}
	

#footer {
	clear:both;
	margin: 0;
	padding:12px 110px 0 110px;
	height:87px;
	background:url(sitegraphics/bg_footer.gif) top left no-repeat;
}

#footer P {
	text-align:center;
	font-size:80%;
	color:#444;
}

.demothumb {
	border: 6px #D2EBCB;
	margin: 25px;
}

/*--------------------------CAPTCHAS-------------------*/

#captchaError 				{ display:none; font-size:11px; } 

#captchaError p				{ color:#cc0000; } 

.captcha                    { margin-bottom: 8px; }

.captchaInput               { width: 173px; }