@charset "utf-8";

/* global */
.hide {
    display:none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A207E;
	background-image:url(../images/bgTile.jpg);
	background-repeat:repeat-x;
	background-color: #DBD2E5;
}

#page{
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	background-image: url(../images/sidebarBG.gif);
	background-repeat: repeat-y;
	background-position: right top;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	position:relative;
}





#mainSection{
	width: 644px;
	float: left;
	margin-bottom: 220px;
}
#mainSection p {
    text-align:justify;
}
#mainSection img.left{
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}
#mainSection img.right{
	float: right;
	padding-bottom: 5px;
	padding-left: 15px;
}
#sidebar li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 15px;
	list-style-position: inside;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#sidebar{
	background-color: #4A207E;
	background-image: url(../images/sidebarHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 250px;
	float: right;
	width: 234px;
	margin-bottom: 220px;
}





#sidebar ul{
	margin-top: 25px;
}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {
	color: #ffffff;
}
#sidebar a:hover {
    color: #ffffff;
}

.clearall, .clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	margin: 0;
}
a, a:link, a:active, a:visited {
	color: #DB1883;
	text-decoration: none;
}
a:hover{
	color: #DB1883;
	text-decoration: underline;
}
h1 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
}
h1.people{
	color: #94C641;
}
h1.performance{
	color: #503085;
}
h1.teams{
	color: #4295B5;
}
h1.workshops{
	color: #DE1985;
}
h1 img {
	padding-bottom: 10px;
}
h2 img {
	padding-left: 22px;
}
h2 {
	color: #4A207E;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
h3 {}

.hidden{
	display: none;
}
p {
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
blockquote{
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
#innerContent hr {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px 0 0;
    height:0;
    margin:0 0 20px;
    width:100%;
}
#innerContent ul {
    list-style:disc;
    list-style-position:outside;
    margin-left:15px;
}
#innerContent ul li {
    padding-bottom:5px;
    text-align:justify;
}



/* Global Forms */
.textArea{
}
.textField{
	width: 240px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.listMenu{
	font-size: 11px;
}
.label{}
.submit{
}
.enquiry{
	width: 420px;
	text-align: right;
}
.enquiry div{
	margin-bottom: 20px;
}
.notify{
	text-align: left;
	width: 215px;
	margin-left: 200px;
}







.header{
	height: 148px;
	width: 644px;
}


.logo{
}

.divider{
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 30px;
}



/* main Menu */
#menu{
	height: 61px;
	width: 644px;
	background-color: #DBD2E5;
}
#menu ul{
	padding-top: 22px;
	padding-left: 10px;
}
#menu li{
	display: inline;
	float: left;
	background-image: url(../images/divide.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 9px;
	padding-left: 9px;
	font-size: 14px;
}

#menu a, #menu a:link, #menu a:active, #menu a:visited {
	color: #4A207E;
}
#menu a:hover {
    color: #3E94B5;
}
a.buttonHit {
}
#menu li.lastItem {
	background-image: none;
	padding-right: 0px;
}






.welcome{
	width: 307px;
	padding: 30px;
	position:relative;
}

.welcome div.newsBox{
	width: 186px;
    position:absolute;
    top:0;
    left:370px;
	background-color: #3b94b4;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}

#mainSection .newsBox p {
    text-align:left;
}

.newsBox h2 {
    color:#FFFFFF;
    font-size:20px;
    font-weight:normal;
}

.newsBox li{
	list-style-image: url(../images/bullet-small.gif);
	color:#ffffff;
	font-size: 11px;
	margin-top: 20px;
}
.newsBox ul{
	padding-left: 10px;
}

.newsBox a, .newsBox a:link, .newsBox a:active, .newsBox a:visited {
	color:#ffffff;
}

.newsBox a:hover{
	color:#ffffff;
}


/* what we do template similar to home/welcome */
.what_we_do{
	width: 580px;
	padding: 30px 0 30px 30px;
}



/* Articles */
dl#articles {
    list-style:none;
    padding-left:0;
}
dl#articles dt {
    font-weight:normal;
    padding-top:60px;
    padding-bottom:8px;
    margin-top:8px;
    font-size:16px;
}
/*  because we don't know which dl will be last (depends if there's a download link
    then we pad the top of the dt to separate it from the one above. And we treat the first
    dt differently so it doesnt have a massive gap above it */
dl#articles dt.first {
    padding-top:18px;
}
dl#articles dd {
    padding-bottom:6px;
}
dl#articles dd.download {
    padding-top:6px;
    padding-bottom:6px;
}
dl#articles dd.url {
    padding:0;
    margin-top:0px;
}
dl#articles dd.download a {
    font-weight:bold;
    color:#DB1883;
}
dl#articles dd.download a span {
    display:none;
}
dl#articles dd.base {
    margin-bottom:20px;
}

/* testimonials */
p.testimonial_dl {
    padding-top:6px;
}
p.testimonial_dl a {
    color:#7851a8;
}


/* pagination */

.pagination {
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    font-size:14px;
    margin-top:40px;
    padding-bottom:8px;
    padding-top:8px;
}
.pagination li {
    display:inline;
    padding-right:10px;
}


.twitter{
	height: 136px;
	width: 170px;
	background-image: url(../images/twitterText.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 24px;
	margin-top: 10px;
	color: #000000;
	font-size: 11px;
	padding: 20px 10px 10px;
	background-color: #FFFFFF;
}
.twitter p{
	line-height: 15px;
}

.twitter em{
	color: #A8ADB4;
}
a.follow{
	background-image: url(../images/follow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 49px;
	display: block;
	float: right;
}





.b-contact{
	background-image: url(../images/bullet-contact.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	list-style-type: none;
}

.b-rss{
	background-image: url(../images/bullet-rss.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 12px center;
}

.b-subscribe{
	background-image: url(../images/bullet-newsletter.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}










#footer{
	height: 20px;
	padding-top: 20px;
	font-size: 12px;
	position: relative;
	width: 880px;
	margin: auto;
	color: #4A2181;
}

#footerMenu{
}

#footer ul{;
}

#footer li{
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
}

#footer a:hover{
}

#footer .lastItem{
}

.footerLogo1{
}
.footerLogo2{
}





#accessibility li{
	padding-bottom: 5px;
}
#accessibility ul{
	padding-bottom: 20px;
}
#accessibility h1{
}
#accessibility h2{
	padding-bottom: 5px;
}
#accessibility h3{
	padding-bottom: 5px;
}
#accessibility p{
	font-size: 13px;
}
#accessibility .ul{
	font-weight: bold;
	text-decoration: underline;
	color: #FF6600;
}
#accessibility blockquote{
	background-color: #E4E4E4;
	padding: 10px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}







#subMenu{
	position: absolute;
	bottom: 60px;


}
#subMenu li{
	display: inline;
	float: left;
}
#subMenu ul{
}
#subMenu a.subButton, #subMenu a.subButton:link, #subMenu a.subButton:active, #subMenu a.subButton:visited {
	display: block;
	height: 133px;
	width: 161px;
	text-align: center;
}
#subMenu a.subButton:hover{
	display: block;
	height: 133px;
	width: 161px;
	text-align: center;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}





#subMenu .sb1 .subButton{
	background-image:url(../images/sb1.gif);
	background-repeat:no-repeat;
	background-position: center;
}
#subMenu .sb2 .subButton{
	background-image:url(../images/sb2.gif);
	background-repeat:no-repeat;
	background-position: center;
}
#subMenu .sb3 .subButton{
	background-image:url(../images/sb3.gif);
	background-repeat:no-repeat;
	background-position: center;
}
#subMenu .sb4 .subButton{
	background-image:url(../images/sb4.gif);
	background-repeat:no-repeat;
	background-position: center;
}








#subMenuHome{
	height: 187px;
	position: absolute;
	left: 25px;
	bottom: 60px;
	width: 824px;
}
#subMenuHome li{
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#subMenuHome ul{
}
#subMenuHome a.subButton, #subMenuHome a.subButton:link, #subMenuHome a.subButton:active, #subMenuHome a.subButton:visited {
	display: block;
	height: 187px;
	width: 186px;
	background-repeat: no-repeat;
	background-position: left top;
}
#subMenuHome a.subButton:hover{
	display: block;
	height: 187px;
	width: 186px;
	background-repeat: no-repeat;
	background-position: left top;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
#subMenuHome .sb1 .subButton{
	background-image: url(../images/hm1.gif);
}

#subMenuHome .sb2 .subButton{
	background-image: url(../images/hm2.gif);
}

#subMenuHome .sb3 .subButton{
	background-image: url(../images/hm3.gif);
}

#subMenuHome .sb4 .subButton{
	background-image: url(../images/hm4.gif);
}


/* what we do - almost identical to the subMenuHome */
#subMenuWWD{
	height: auto;
	width: 600px;
    padding-left:72px;
}
#subMenuWWD li{
	display: inline;
	float: left;
	margin-right: 40px;
	margin-left: 10px;
    margin-bottom:40px;
}
#subMenuWWD a.subButton, #subMenuWWD a.subButton:link, #subMenuWWD a.subButton:active, #subMenuWWD a.subButton:visited {
	display: block;
	height: 187px;
	width: 186px;
	background-repeat: no-repeat;
	background-position: left top;
}
#subMenuWWD a.subButton:hover{
	display: block;
	height: 187px;
	width: 186px;
	background-repeat: no-repeat;
	background-position: left top;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
#subMenuWWD .sb1 .subButton{
	background-image: url(../images/hm1.gif);
}

#subMenuWWD .sb2 .subButton{
	background-image: url(../images/hm2.gif);
}

#subMenuWWD .sb3 .subButton{
	background-image: url(../images/hm3.gif);
}

#subMenuWWD .sb4 .subButton{
	background-image: url(../images/peopleSelector2Big.gif);
}









#innerContent{
	width: 410px;
	float: right;
	display: inline;
	margin-right: 50px;
	margin-top: 30px;
}
#leftMenu{
	width: 146px;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}
#leftMenu.video {
	margin-left:20px;
}
#leftMenu.video ul#videos {
	margin-top:7px;
}
#leftMenu.video li {
	padding-bottom:20px;
}
#leftMenu a, #leftMenu a:link, #leftMenu a:active, #leftMenu a:visited {
	color: #4A207E;
}

#leftMenu a:hover{
	color: #4A207E;
}
#leftMenu ul {
    margin-bottom:60px;
}
#leftMenu li{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
#leftMenu .workshops a, #leftMenu .workshops a:link, #leftMenu .workshops a:active, #leftMenu .workshops a:visited {
	color: #DE1985;
}
#leftMenu .workshops a:hover{
	color: #DE1985;
}
#leftMenu .performance a, #leftMenu .performance a:link, #leftMenu .performance a:active, #leftMenu .performance a:visited {
	color: #503085;
}
#leftMenu .performance a:hover{
	color: #503085;
}
#leftMenu .teams a, #leftMenu .teams a:link, #leftMenu .teams a:active, #leftMenu .teams a:visited {
	color: #4295B5;
}
#leftMenu .teams a:hover{
	color: #4295B5;
}
#leftMenu .people a, #leftMenu .people a:link, #leftMenu .people a:active, #leftMenu .people a:visited {
	color: #94C641;
}
#leftMenu .people a:hover{
	color: #94C641;
}


/* logos on testimonials page in left column */
#leftMenu img {
    padding-bottom:25px;
}



/* errors */
#errors_list {
    margin-bottom:20px;
    padding:20px 20px 16px 20px;
    background-color:#DBD2E5;
}
#errors_list ul {
    margin-left:20px;
    list-style:square;
    background-color:#DBD2E5;
}
#errors_list li {
    padding-bottom:4px;
}