@charset "UTF-8";
/* purple: 532772 */
/* last edited 21 May 2009 */

html,body {
	height:100%;
}

body {
	background: url(../images/lp-background-gradient-grey.gif) repeat-x #DCDDDE;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.8em;
	height:100%;
	color:#444;
}

#container {
	width:950px;
	margin: 0 auto -100px;
	padding:0px 10px;
	background:#fff;
	height:auto !important;
	min-height:100%;
}
.push {
	height:80px;
}
#footer {
	width:950px;
	height:80px;
	padding-top:20px;
	margin: 0 auto;
}
.clear {
	clear:both;
}
#homepageFlash, #divider {
	position:absolute;
	margin:0 auto;
	clear:both;
	top:90px;
}
#divider {
	width:950px;
	height:126px;
	background:url(../images/page-divider.gif) no-repeat;
}
#content.homepage {
	padding-top:290px;
}
	
#logo {
	float:left;
	width:135px;
	height:55px;
	background:url(../images/learnpurple-website-logo.gif) no-repeat;
	margin-top:23px;
	margin-left:10px;
}
#search {
	background:none;
	padding-top:6px;
}
#ttlogo {
	float:left;
	width:135px;
	height:55px;
	margin-top:23px;
	margin-left:10px;
}
.fullWidth {
	float:right;
	width:775px;
	position:relative;
	margin-bottom:1em;
}
#content .column {
	padding:0px 40px 10px 10px;
	width:380px;
	background:url(../images/column-divider.gif) no-repeat right top;
	float:left;
	position:relative;
}
.column1 {
	width:380px;
}
.column2,.column3 {
	width:225px!important;
}
.rightcolumn {
	padding-right:10px!important;
	background:none!important;
}
.column1and2 {
	width:675px!important;
	padding-right:20px!important;
}
.column2and3 {
	width:500px!important;
}
.column1and2and3 {
	width:930px!important;
	padding:0px 10px 10px!important;
	background:none!important;
}
.column.w500 {
	width: 500px!important;
	background:none;
}
.lto {
	width:225;
	padding:0;
	margin:0;
	float:left;
	position:relative;
}
.sidemenu {
	width:125px!important;
	margin-right:20px;
	padding-right:10px!important;
	font-weight:bold;
}
.sidemenu ul ul li{
	padding-left:15px;
	background:url(../images/submenu-detail.gif) no-repeat left 2px;
	font-weight:normal;
}
.bodytext {
	width:550px!important;
	background:none!important;
}

.bodyimage{
	width:185px!important;
	padding:0!important;
	background:none!important;
}
.bodytext ul, .bodyimage ul, .column1and2 ul, .column1 ul{
	margin-left:15px;
	list-style:outside;
}
.narrow {
	width:380px!important;
	float:left;
}
.wide {
	width:355px!important;
	float:left;
}
h2, a {
	color:#532772;
}
h2, h3,h4 {
	margin-top:1em;
}
h2 {
	font-size:1.1em;
}



	
.teamimg{
	width:235px;
	margin-top:20px;
	float:left;
}

.teambio{
	width:410px;
	float:left;
	padding:10px;
	margin-top:20px;
}

.teambio h4{
	margin:0;
}


#clientLogos, #bookingLink {
	margin-top:20px;
}
#clientLogos h2{
	padding:0px 10px;
}
#clientLogos {
	height:62px;
}
/*#clientLogos img {
	border:1px solid #EBEBEB;
	margin:0px 5px;
}
#clientLogos img:hover {
	border:1px solid #532772;
}*/
.clientLogoPage {
	padding-right:10px;
	padding-bottom:40px;
	float:left;
}
.clientLogoPage.last {
	padding-right:0;
}

#bookingLink {
	background:#EBEBEB;
}
#bookingLink .column {
	background:url(../images/booking-divider.gif) no-repeat right 50% #EBEBEB;
}
.date {
	color:#888;
}
#content a:hover, #footer a:hover {
	text-decoration:underline
}
#footer .container {
	clear:both;
	border-top:1px #532772 solid;
	padding:10px 10px 30px 10px;
	
}
.left, .right {
	width:49%;
	float:left;
}
.right {
	float:right;
}
#footer .right {
	text-align:right;
	color:#888;
}
#footer .left {
	color:#888;
}

input {
	padding:3px 5px!important;
	margin-bottom:5px;
	background:#fff;
	color:#444;
	border:1px solid #bbb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#search input {
	width:110px;
}
button, a.bookArrow, a.bookPlus, a.bookDelete, a.bookArrowlarge, a.bookArrowlargeblack {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	padding:0pt 6px 2px;
	cursor:pointer;
}
button, a.bookArrow, a.bookPlus, a.bookDelete, a.bookArrowlarge, a.bookArrowlargeblack {
	background:transparent url(../images/button-off.gif) no-repeat scroll center top;
	background-repeat:no-repeat;
	border:1px solid #444;
	color:#fff;
	font-size:11px;
	height:30px;
	padding:5px 5px 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1em;
	margin-right:1em;
	display:block;
	float:left;
}
a.bookArrow, a.bookPlus, a.bookDelete, a.bookArrowlarge, a.bookArrowlargeblack {
	line-height:1.4em;
	height:15px;
}
a.bookPlus {
	float:left;
	width:100px;
}
	
a.bookArrowlarge, a.bookArrowlargeblack{
	padding:13px 40px 25px 10px;
	font-size:1.2em;
	background-image:url(../images/buy_now_button.gif);
	background-position:top right;
	width:145px;
	height:22px;
	}
	
a.bookArrowlargeblack{
	background-image:url(../images/buy_now_button_dark.gif);
	}

button:hover, a.bookArrow:hover, a.bookPlus:hover, a.bookDelete:hover, a.bookArrowlarge:hover, a.bookArrowlargeblack:hover {
	background-image: url(../images/button-on.gif);
	color:#fff;
	text-decoration:none!important;
}

a.bookArrowlarge:hover, a.bookArrowlargeblack:hover{
	background-image:url(../images/buy_now_button_on.gif)
	}

button.withArrow, a.bookArrow, a.bookPlus, a.bookDelete {
	background-position:top right;
	padding-right:30px;
}
a.bookDelete {
	background-image:url(../images/buttonDeleteOff.gif);
	margin:0;
}
a.bookDelete:hover {
	background-image:url(../images/buttonDeleteOn.gif);
}
a.bookPlus {
	background-image:url(../images/buttonPlusOff.gif);
}
a.bookPlus:hover {
	background-image:url(../images/buttonPlusOn.gif);
}


.cntdelegate {
	width:515px;
}
.cntdelegate table{
	margin:0;
	width:400px;
	margin-right:10px;
	float:left;
}
.cntdelegate input {
	width:95px;
}
.addDelegate {
	float:right;
}
table .bookArrow {
	margin-top:0;
}

/* purple revolution signup */

#purpleRevolutionSignup {
	background: url(../images/background-gradient.jpg) repeat-x top #6B4B8A;
	padding:10px;
	color:#fff;
	margin-top:1em;
}
#purpleRevolutionSignup input {
	width:193px;
}
#purpleRevolutionSignup h2 {
	margin:0;
	color:#fff;
}
#purpleRevolutionSignup label {
	display:none;
}

#purpleRevolutionSignup ul {
	list-style-type:disc;
	margin-left:20px;
}

/* purple revolution signup */

#purpleRevolutionSignup2 {
	background: url(../images/purple-revolution-megaphones.jpg) repeat-x bottom right #755692;
	padding:10px 0px 100px 10px;
	width:510px;
	color:#fff;
}
#purpleRevolutionSignup2.homepage {
	width:234px;
}
#purpleRevolutionSignup2 h2 {
	margin:0;
	padding:0;
	color:#fff;
}
#purpleRevolutionSignup2 p {
	padding-right:20px;
}
#purpleRevolutionSignup2 a {
	color:#fff;
}
#surveyLoadingText {
	background:url(/images/ajax-loader.gif) no-repeat center top;
	text-align:center;
	padding:40px 0px;
	display:none;
}

#purpleRevolutionSignup2 label, .registrationForm label {
	clear:both;
	float:left;
	width:230px;
	padding:2px 0px;
	margin-bottom:5px;
}
#purpleRevolutionSignup2 input, #purpleRevolutionSignup2 select, .registrationForm input  {
	float:left;
	padding:2px 0px;
	margin-bottom:5px;
}
.registrationForm p {
	clear:both!important;
}
#purpleRevolutionSignup2 span.error {
	color:#FF9900;
}

/* products */

.products p, .grey {
	color:#999;
}
.products img {
	float:left;
	width:110px;
}
.products .caption {
	float:right;
	width:115px;
	margin-bottom:1em;
}
.products h3 {
	margin:0;
}
.products {
	padding-top:2em;
	width:235px;
}


.homepageNews {
	margin-bottom:1em;
}

/* table formatting */

tr.odd {
	background:#EBEBEB;
}
tr.even {
	background:#fff;
}
td {
	padding:5px;
	vertical-align:top;
}
table {
	margin-left:-5px;
	margin-top:1.5em;
}
table table {
	margin:0;
}

/*text formatting */

h1 {
	font-size:1.4em;
	color:#532772;
	font-weight:normal;
}
p {
	margin-bottom:1em;
}
p big {
	font-size:1.2em;
	display:block;
	margin-top:1em;
}

.home {
	margin-bottom:1em;
	padding-left:15px;
	display:block;
	background:url(../images/homelink-off.gif) no-repeat left;
	color:#666;
	font-weight:normal;
}
.home:hover {
	background-image:url(../images/homelink-on.gif);
	color:#532772;
}
.selected {
	font-weight:bold;
}
.interview {
	font-weight:normal;
}



#mapLondon, #mapScotland {
	height:400px;
	width:383px;
	float:left;
}
#mapScotland {
	float:right;
}
.telephone {
	color:#532772;
	font-size:1.3em;
}
.contactDetails {
	padding:25px 0px;
}

/* what we do diagram */

#whatwedo, #values {
	background:url(../images/what-we-do-diagram.jpg) no-repeat;
	width:775px;
	height:470px;
	margin-top:1em;
	margin-bottom:1em;
	position:relative;
}
#values {
	background:url(../images/values-diagram.jpg) no-repeat;
	height:440px;
}
.bubbletitle {
	position:absolute;
}
.Tips3 {
	width:190px;
	height:50px;
	display:block;
}
.tool-tip {
	color: #fff;
	width: 212px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;

	color: #fff;
	padding: 25px 25px 10px;
	background: url(../images/hover.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 0px 25px 25px;
	background: url(../images/hover.png) bottom right;
}

/*case study reveal */

.hide {
	background:#F1EDF5;
	padding:25px;
	overflow:hidden;
}
.toggle {
	font-weight:bold;
	padding-left:15px;
	display:block;
	background:url(../images/plusSign.gif) no-repeat left top;
}

/* accordion */
#accordion {
	margin-bottom:2em;
}
.toggler {
	padding:10px 0px;
	color:#532772;
	cursor:pointer;
	border-bottom:1px #532772 solid;
	margin:0;
	padding-left:20px;
	background:url(../images/plusSign.gif) left center no-repeat;
}
.toggler:hover {
	background-color:#F1EDF5;
}

.element {
	padding:10px 0px;
}
.highlight {
	background:#F1EDF5;
	padding:25px;
}
.tt.highlight {
	background-color:#393C46;
	color:#fff;
}
.tt.highlight a {
	color:#aaa;
}	
/* news layout */

.newsGrid {
	float:left;
	width:300px;
	padding:10px;
	margin:0px 15px 15px 0px;
	background:#eee;
}
.newsGrid.casestudies {
	min-height:12em;
}
*html .newsGrid.casestudies {
	height:12em;
}
#news img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#news .date {
	clear:both
}

/* Carousel */
#carousel {
 width: 950px;
 height: 60px;
 position: relative;
 overflow: hidden;
 margin-bottom:10px;
}
.carousel-seat {
 width: 950px;
position: absolute;
 top: 0;
 left: 0;
}
.carousel-passenger {
 margin-right: 5px;
}

/* twitter */

.tweet {
	list-style:none;
	padding:2px 10px;
	margin-bottom:10px;
	background:#eee;
}
.tweet a {
	font-weight:bold;
}
#twitter {
	margin:10px 0px;
}
.twitter-title {
	background:url(../images/twitter-t.gif) no-repeat left center;
	min-height:20px;
	padding-left:30px;
}
.facebook-title {
	background:url(../images/facebook-f.gif) no-repeat left center;
	min-height:20px;
	padding-left:30px;
}

/* purple hats */
a.purple-hat-title {
	background:url(../images/purple-hat-flat.gif) no-repeat top right;
	padding-right:60px;
	display:block;
	width:200px;
}
.purple-hat-image {
	width:155px;
	height:115px!important;
	overflow:hidden;
	padding:16px 50px 19px 50px;
	background:url(../images/photo-frame-stack.gif) no-repeat top right;
	margin-bottom:1em;
}


/* Blog boxes */
.blog-box {
	padding:0px 40px 10px 10px;
	background:url(../images/column-divider.gif) no-repeat left top;
}
.blog-box h3 {
	font-size:1.4em;
	font-weight:normal;
}

/* Bottom align */
.align-bottom {
	position:absolute;
	bottom:0;
}