#maincontainer {
	background:url(../images/bg_banner_long_orange.jpg) top repeat-x;
	padding-bottom:0px;
	margin-bottom:0px;
}


#maincontainer h2 {
	font-size:1.3em;
}

#maincontainer #banner {
	padding-right:310px;
	padding-left:15px;
	height:235px;
	position:relative;
	color:#FFFFFF;
	font-size:1.1em;
}

#maincontainer #banner p {	
	line-height:1.3em;
}

#maincontainer #banner span.imagebg {
	display:block;
	position:absolute;
	right:15px;
	top:0px;
	width:290px;
	height:230px;
	background:url(../images/sticker_bg_landing.png) no-repeat;
}

#maincontainer #banner span.imagebg img {
	position:absolute;
	right:19px;
	top:15px;
}

#maincontainer #banner span.spanarrow {
	display:block;
	position:absolute;
	bottom:-30px;
	right:405px;
	width:75px;
	height:50px;
	background:url(../images/bg_landing_spanarrow_purple.png) no-repeat;
}

#maincontainer #banner span.spanarrow.parents {
	background:url(../images/bg_landing_spanarrow_purple.png) no-repeat;
}

#maincontainer #banner span.spanarrow.teachers {
	background:url(../images/bg_landing_spanarrow_green.png) no-repeat;
}

/*#maincontainer #banner span.imgarrow {
	display:block;
	position:absolute;
	bottom:-12px;
	right:170px;
	width:60px;
	height:60px;
	background:url(../images/bg_landing_imgarrow_purple.png) no-repeat;
}*/


#maincontainer #contactbox {
	width:400px;
	height:150px;
	float:right;
	clear:right;
	overflow:hidden;
	position:relative;
	border-left:solid 10px #FFFFFF;
	border-top:solid 10px #FFFFFF;
	margin:0px;
	padding:0px;
}

#maincontainer #contactbox.parents {
	background:#ecd2eb url(../images/bg_contactbox_purple.jpg) bottom repeat-x;
}

#maincontainer #contactbox.teachers {
	background:#c1ebdf url(../images/bg_contactbox_green.jpg) bottom repeat-x;
}

#maincontainer #contactbox p.text {
	display:block;
	position:absolute;
	left:120px;
	top:10px;
	width:260px;
	height:80px;
	text-indent:-999px;
	z-index:20;
}

#maincontainer #contactbox.parents p.text {
	background:url(../images/bg_contactbox_text_pl.png);
}

#maincontainer #contactbox.teachers p.text {
	background:url(../images/bg_contactbox_text_tl.png);
}

#maincontainer #contactbox p.number {
	width:315px;
	height:40px;
	line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	position:absolute;
	left:60px;
	top:100px;
	z-index:10;
	text-align:right;
	padding-right:15px;
}

#maincontainer #contactbox.parents p.number {
	color:#9947b5;
	background:url(../images/bg_contactbox_no_purple.png);
}

#maincontainer #contactbox.teachers p.number {
	color:#35c183;
	background:url(../images/bg_contactbox_no_green.png);
}

#maincontainer #contactbox p.number span {
	font-size:1.3em;
}

#maincontainer #contactbox a, #maincontainer #contactbox a:visited {
	display:block;
	width:135px;
	height:120px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/bg_contactbox_but.png) 0px 0px no-repeat;
	position:absolute;
	left:10px;
	top:15px;
	z-index:15;
}

#maincontainer #contactbox a:hover {
	background:url(../images/bg_contactbox_but.png) 0px -119px no-repeat;
}

#maincontainer > #contactbox a:hover {
	background:url(../images/bg_contactbox_but.png) 0px -120px no-repeat;
}


#maincontainer ul.categorylist li.motivation, #maincontainer ul.categorylist li.resources {
	margin:0px;
	padding:0px;
}

#maincontainer ul.categorylist li.motivation a, #maincontainer ul.categorylist li.motivation a:visited, #maincontainer ul.categorylist li.motivation a:hover, #maincontainer ul.categorylist li.resources a, #maincontainer ul.categorylist li.resources a:visited, #maincontainer ul.categorylist li.resources a:hover {
	color:#FFFFFF;
	position:absolute;
	left:-100px;
	z-index:20;
	/*right:15px;*/
	top:75px;
	width:150px;
	height:190px;
	padding:20px 15px 0px 15px;
	text-align:left;
}

#maincontainer ul.categorylist li.motivation a, #maincontainer ul.categorylist li.motivation a:visited, #maincontainer ul.categorylist li.motivation a:hover  {
	background:url(../images/bg_landing_feature_purple.gif) no-repeat !important;
}

#maincontainer ul.categorylist li.resources a, #maincontainer ul.categorylist li.resources a:visited, #maincontainer ul.categorylist li.resources a:hover {
	background:url(../images/bg_landing_feature_green.gif) no-repeat !important;
}

#maincontainer ul.categorylist li.motivation a span.title, #maincontainer ul.categorylist li.resources a span.title  {
	display:block;
	font-size:1.3em;
	margin-bottom:9px;
	padding-bottom:12px;
	padding-right:10px;
	font-weight:normal;
	background:url(../images/bg_landing_feature_ln_purpl.gif) bottom left no-repeat;
	top:0;
	left:0;
}

#maincontainer ul.categorylist li.motivation a span.title {
	background:url(../images/bg_landing_feature_ln_purpl.gif) bottom left no-repeat;
}

#maincontainer ul.categorylist li.resources a span.title {
	background:url(../images/bg_landing_feature_ln_green.gif) bottom left no-repeat;
}

#maincontainer ul.categorylist li.motivation a span.summary, #maincontainer ul.categorylist li.resources a span.summary {
	position:relative;
	padding:0px;
	background:none;
	top:0px;
	left:0px;	
	width:auto;
	height:auto;
}

#maincontainer ul.categorylist li.motivation a img, #maincontainer ul.categorylist li.resources a img {
	display:none;
}

#maincontainer #categorybox {
	float:right;
	width:360px;
	padding-right:10px;
	/*padding-right:210px;*/
	position:relative;
	padding-bottom:10px;
	padding-left:100px;
}

#maincontainer > #categorybox {
	padding-right:20px;
}

#maincontainer #simplybox {
	float:left;
	width:256px;
	height:380px;
	padding:18px 10px 0px 25px;
	background:url(../images/bg_landing_simply.png) no-repeat;
	margin-top:10px;
}

#maincontainer #simplybox h2 {
	padding-right:25px;
}

#maincontainer #simplybox p {
	line-height:1.2em;
}


#maincontainer #simplybox ul.videos {
	padding:0px;
	margin:0px;
	list-style:none;
	z-index:20;
	position:relative;
	padding-top:5px;
	height:140px;
}

#maincontainer #simplybox.parents ul.videos {
	background:url(../images/bg_h2_purple.png) 0px 130px no-repeat;
}

#maincontainer #simplybox.teachers ul.videos {
	background:url(../images/bg_h2_green.png) 0px 130px no-repeat;
}

#maincontainer #simplybox ul.videos li {
	padding:0px;
	margin:0px;
	background:none;
	padding-bottom:5px;
	left:-5px;
	position:static;
}

#maincontainer #simplybox ul.videos li a, #maincontainer #simplybox ul.videos li a.visited {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:128px;
	height:115px;
	position:absolute;
	top:0px;
}

#maincontainer #simplybox ul.videos li a.video {
	background:url(../images/bg_contentright_video.png) -12px 0px no-repeat;
	left:-6px;	
}

#maincontainer #simplybox ul.videos li a.video:hover {
	background:url(../images/bg_contentright_video.png) -162px 0px no-repeat;
}

#maincontainer #simplybox ul.videos li > a.video:hover {
	background:url(../images/bg_contentright_video.png) -162px 0px no-repeat;
}

#maincontainer #simplybox ul.videos li a.how {
	background:url(../images/bg_contentright_how.png) -12px 0px no-repeat;
	left:123px;
}

#maincontainer #simplybox ul.videos li a.how:hover {
	background:url(../images/bg_contentright_how.png) -162px 0px no-repeat;
}

#maincontainer #simplybox ul.videos li > a.how:hover {
	background:url(../images/bg_contentright_how.png) -162px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes {
	padding:0px;
	margin:0px;
	width:240px;
}

#maincontainer #simplybox ul.programmes li {
	padding:0px;
	margin:0px;
	background:none;
	float:left;
}

#maincontainer #simplybox ul.programmes li a, #maincontainer #simplybox ul.programmes li a:visited {
	display:block;
	width:80px;
	height:115px;
	overflow:hidden;
	text-indent:-999px;	
}

#maincontainer #simplybox ul.programmes li a.maths, #maincontainer #simplybox ul.programmes li a.maths:visited {
	background:url(../images/bg_index_icon_maths_sm.gif) 0px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes li a.maths:hover {
	background:url(../images/bg_index_icon_maths_sm.gif) -80px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes li a.english, #maincontainer #simplybox ul.programmes li a.english:visited {
	background:url(../images/bg_index_icon_english_sm.gif) 0px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes li a.english:hover {
	background:url(../images/bg_index_icon_english_sm.gif) -80px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes li a.reading, #maincontainer #simplybox ul.programmes li a.reading:visited {
	background:url(../images/bg_index_icon_reading_sm.gif) 0px 0px no-repeat;
}

#maincontainer #simplybox ul.programmes li a.reading:hover {
	background:url(../images/bg_index_icon_reading_sm.gif) -80px 0px no-repeat;
}

#maincontainer #otherbox {
	 float:left;
	 padding-left:20px;
	 width:155px;"
}