@import url("reset.css");
@import url("stylesheet.css");


/*---------------------------
main styles
---------------------------*/

@charset "UTF-8";
/* CSS Document */

* {margin: 0;padding: 0;}
body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;margin:0;background:#FFF;text-align:left;color:#333;}
h1 {margin:12px 0 12px 0;font-size:1.4em;color:#333;font-family:"ProximaNovaSoftRegular",Arial, Helvetica, sans-serif;}
h1.home {
	float:left;
	width:552px;
	height:75px;
	position:relative;
	background-image: url(../images/image-updates/opportunity.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h2.resources, h2.gcse {
	float:left;
	position:relative;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 30px;
}
h2.resources a {
	display:block;
	width:167px;
	height:75px;
	background-image: url(../images/image-updates/free-resources-btn.gif);
	background-repeat: no-repeat;
	background-position:-167px 0;
}
h2.gcse a {
	display:block;
	width:167px;
	height:75px;
	background-image: url(../images/image-updates/gcse-modules-btn.gif);
	background-repeat: no-repeat;
	background-position:-167px 0;
}
h2.resources a:hover, h2.gcse a:hover {background-position:0 0;}
h1.home span {position:absolute;left:-3000px;}
h2.resources span, h2.gcse span {position:absolute;left:-3000px;}

h2 {margin:10px 0 8px 0;font-size:1.3em;line-height:110%;color:#333;font-family:"ProximaNovaSoftRegular",Arial, Helvetica, sans-serif;}
h3 {margin:6px 0 6px 0;font-size:1.2em;line-height:110%;color:#333;font-family:"ProximaNovaSoftRegular",Arial, Helvetica, sans-serif;}
h4 {margin:4px 0 4px 0;font-size:1.2em;line-height:110%;color:#333;}

ul#navigation {margin:90px 0 0px 240px;list-style-type:none;font-weight:bold;}
#navigation li {float:left;margin:0 2px 0 0;height:23px; background:url(../images/image-updates/nav-lft.png) top left no-repeat;}
#navigation li a {display:block;background:url(../images/image-updates/nav-rgt.png) top right no-repeat;height:23px; cursor:pointer;}
#navigation li a span {display:block;background:url(../images/image-updates/nav-mid.png) top left repeat-x;margin:0 10px;height:20px;padding:3px 0 0 0;}
#navigation li a:hover {color:#000;}

#resourcehead { background:#E1E1E1 url(../images/image-updates/top-blend.jpg) 0 0 repeat-x;height:86px;clear:both;}
#resourcehead h2 { background:url(../images/image-updates/cd-examples.jpg) top right no-repeat;margin:0;padding:0;height:86px;color:#E60682;font-size:150%;}
#resourcehead h2 span {margin:0px 0 0 17px;display:block;padding:30px 0 0 0;}

#resources {background:#E1E1E1;}
#resources.free {background:#FFF;}
#resources .items {float:left;width:319px; }
#resources .items.nvq {width:659px;}
#resources .items.gap {margin-right:21px;}
#resources h3 {font-size:110%;color:#E60682;}
#resources .items a.heading, #resources .items p.heading {background:#E60682 url(../images/image-updates/more-info-bg.gif) top right no-repeat;height:54px;display:block;color:#FFF;font-size:150%;font-family:"ProximaNovaSoftRegular",Arial, Helvetica, sans-serif;}
#resources .items p.heading {background-position:top left;margin:0;padding:0;font-family:"ProximaNovaSoftRegular",Arial, Helvetica, sans-serif;}
#resources .items a.heading:hover {color:#FCF;background-position: right -54px;}
#resources .items a.heading span, #resources .items p.heading span {padding:15px 0 0 17px;display:block;}
#resources .y7, #resources .y8, #resources .y9, #resources .gcse, #resources .nvqs, #resources .training {height:308px;padding:10px 80px 0px 17px;}
#resources .gcse { background:url(../images/image-updates/examplesgcse.jpg) left top no-repeat;}
#resources .y7 { background:url(../images/image-updates/examplesy7.jpg) left top no-repeat;}
#resources .y8 { background:url(../images/image-updates/examplesy8.jpg) left top no-repeat;}
#resources .y9 { background:url(../images/image-updates/examplesy9.jpg) left top no-repeat;}

#resources .nvqs { background:url(../images/image-updates/nvq-back.jpg) 0 0 no-repeat;}
#resources .training { background:url(../images/image-updates/training-back.jpg) 0 0 no-repeat;}

#countries {
	position:relative;
	height:160px;
	overflow:hidden;
	float: right;
	width: 390px;
}
.red {color:#E60682;}

p {margin:0px 0 12px 0;}
input, textarea {font-family:Arial, Helvetica, sans-serif;}
a {text-decoration:none;color:#E60682;}
ul {margin-left: 25px;}
img {border: none;}

.imgfloatleft {
	margin:0 12px 12px 0;
	float:left;
	padding:0;
	display:block;
}
.imgfloatright {margin:0 0 12px 12px;float:right;background:#FFF;padding:0;display:block;}

#wrapper {width:100%;background:#FFF;padding-bottom:20px;position:relative;}
#topband {width:100%;height:60px;background:#E60682;position:absolute;top:0;left:0;z-index:1;}

#container {
	position:relative;
	font-size:1.3em;
	line-height:1.2;
	z-index:10;
	width:1055px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/image-updates/new-backg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#container2 {position:relative;margin:0 auto 0 auto;font-size:1.2em;line-height:1.2;z-index:10;}
#home #header {	height:230px;}
#header {
	position:absolute;
	left:0;
	top:0;
	width:999px;
	height:130px;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 0;
	margin-left: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E60682;
}
#header2 {position:absolute;left:0;top:0;width:1000px;height:150px;margin:0 15px 0 15px;}
#home #main {padding-top:231px;}
#main {
	padding-top:131px;
	clear:both;
	height:auto;
	overflow:auto;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 10px;
	margin-left: 28px;
}
#main2 {margin:0 15px 10px 15px;padding-top:160px;}
.mainleft {width:822px;clear:left;float:left;padding-top:10px;}
.mainleft ul {list-style-type:none;margin-left:0;}
.downloadpdfs li {margin:0;background:url(../images/download-back.png) no-repeat;padding:0;border-bottom:#FFF solid 4px;}
.downloadpdfs li a {color:#000;display:block;background:url(../images/pdf-file.png) 8px 10px no-repeat;padding:8px 9px 8px 30px;}
.downloadpdfs li a:hover {background-color:#EDEDED;color:#000;}
.mainleft h2 {margin-top:0;padding-top:0;}

.download a {display:block;background:url(../images/pdf-file.png) 0 6px no-repeat;padding:6px 5px 5px 25px;border-top:#999 dashed 1px;margin-top:4px;}
.download a:hover {color:#000;}

.rightcolumn {float:right;width:164px;height:auto;}
.resources {float:left;}
.toplinks2 {float:left;margin:36px 0 0 200px;width:350px;height:26px;color:#FFF;}
.toplinks {margin-top:36px;width:350px;height:26px;color:#FFF;}
.toplinks #form {display:hidden;}
.toplinks a, .toplinks2 a {text-decoration:none;color:#FFF;}
.toplinks a:hover, .toplinks2 a:hover {color:#333;}

.logo {
	padding-top:25px;
	position: absolute;
}
.logo2 {float:left;padding-top:20px;}


a.btn1 {display:block;width:164px;height:140px;background:url(../images/y7-order-btn.gif) left top no-repeat;}
a.btn2 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/nvq-info-btn.gif) left top no-repeat;}
a.btn3 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/y7-sow-btn.gif) left top no-repeat;}
a.btn4 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/y8-sow-btn.gif) left top no-repeat;}
a:hover.btn1 {background:url(../images/y7-order-btn.gif) left bottom no-repeat;}
a:hover.btn2 {background:url(../images/nvq-info-btn.gif) left bottom no-repeat;}
a:hover.btn3 {background:url(../images/y7-sow-btn.gif) left bottom no-repeat;}
a:hover.btn4 {background:url(../images/y8-sow-btn.gif) left bottom no-repeat;}
a.btn1 span, a.btn2 span, a.btn3 span, a.btn4 span {position:absolute;left:-3000px;}

a.appbtn {margin:6px 0 6px 0;display:block;background:#CCC url(../images/greyblend.gif) repeat-x;padding:5px;border:#CCC solid 1px;position:relative;}
a:hover.appbtn {background:#F0F0F0;}

#leftcol {position:relative;width:406px;float:left;}
#leftcol a.link, #leftcol .link {padding:8px 10px 8px 10px;color:#333;display:block;background:url(../images/navback.gif) no-repeat;}
#leftcol a:hover.link  {background:url(../images/navback_over.gif) no-repeat #E60682;color:#FFF;}
.link {margin-top:1px;}
.innerlinks {position:absolute;right:0;}
.innerlinks img {float:left;}
.innerlinks a {padding:8px 10px 8px 10px;color:#E60682;float:left;background:url(../images/navback.gif) top right no-repeat;text-decoration:underline;}
.innerlinks a:hover {background:url(../images/navback_over.gif) top right no-repeat #E60682;color:#FFF;}

.video {width:320px;height:280px;float:left;margin:0 30px 30px 0;}
.video1 {width:480px;height:360px;float:left;margin:0 30px 30px 0;}

.video h2 {width:320px;height:40px;clear:both;padding:0;margin:0;}
.video1 h2 {width:480px;height:40px;clear:both;padding:0;margin:0;}

#rightcol {position:relative;margin-left:456px;min-width: 350px;max-width: 500px;
	width:expression(document.body.clientWidth < 802? "350px" : document.body.clientWidth > 1002? "500px" : "auto");
}
.leftcol1 {float:left;width:272px;height:auto;margin:0 20px 0 0;position:relative;}
.leftcol1 ul.dropmenu {background:#E60682;display:block;clear:both;list-style-type:none;margin:0 0 15px 0;padding:0;}
.leftcol1 ul ul {display:none;clear:both;list-style-type:none;margin:0;padding:0 0 22px 0;background:url(../images/box272base.gif) left bottom no-repeat;}
.leftcol1 .dropmenu li {background:#EDEDED;border-bottom:#FFF solid 1px;}
.dropmenu li a {height:24px;color:#FFF;display:block;clear:both;padding:5px 8px 5px 8px;margin: 0;background:#E60682 url(../images/arrow-down.png) 250px 10px no-repeat;}
.dropmenu.active li a {background:#E60682 url(../images/arrow-up.png) 250px 8px no-repeat;}
.dropmenu ul li {background:#EDEDED;clear:both;padding:0px;margin:0;}
.dropmenu ul li a, .dropmenu.active ul li a {height:auto;border-bottom:#FFF solid 1px;color:#333;display:block;padding:7px 8px 5px 8px;background:url(../images/download-back.png) no-repeat;}
.dropmenu ul li a:hover {background:#EDEDED;color:#000;}
.leftcolfloat {position:relative;float:left;width: 495px;margin-right:30px;}
.leftcolfloat a {color:#E60682;}
.leftcolfloat, .rightcolfloat {position:relative;float:left;width: 430px;}
.middlecolumn {float:left;width:530px;padding-bottom:70px;}
.rightcolfloat a, .leftcolfloat a {text-decoration:none;color:#E60682;}
.boxed500 {background:url(../images/box520base.gif) no-repeat left bottom #EDEDED;position:relative;margin-bottom:20px;}
.boxed500-top {position:absolute;top:0;left:0;background:url(../images/box520top.gif) no-repeat 0 0;width:100%;height:36px;}
.boxed272 {background:url(../images/box272base.gif) no-repeat left bottom #EDEDED;position:relative;margin-bottom:20px;float:left;width:272px;}
.boxed272 ul {margin:10px 0 6px 0;}

.boxed272-top {position:absolute;top:0;left:0;background:url(../images/box272top.gif) no-repeat 0 0;width:100%;height:36px;}
.space {padding:36px 36px 20px 36px;}
.boxed272 .space {padding:36px 27px 10px 30px;}

.rightinfo {float:left;width:208px;}
.rightinfo h2 {color:#E60682;}

.unusual {float:right;background:url(../images/teaching-the-unusual.png) 0 0 no-repeat;width:343px;height:40px;}

.clr {clear:both;height:0px;}

#base {position:relative;margin:0 auto 0 auto;font-size:1.2em;line-height:1.2;z-index:10;width:1030px;}
.footer {margin:15px;background:#999;}
.footer, .footer a {color:#FFF;}
.footer .design {font-size:90%;}
.copyright {
	top:0;
	right:0;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 40px;
	background-image: url(../images/image-updates/ilang-copy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 15px;
}


/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.cd-based {float:right;clear:right;padding:15px 0 0 0;}
.sow-back {display:block;clear:both;background:url(../images/image-updates/sow-bg.jpg) 0 0 no-repeat;padding:17px;}

.features {
	float:left;
	width:370px;
	margin-right: 12px;
}
.orderf {
	float:left;
	width:220px;
	margin-right: 12px;
}
.orderf a {padding:8px;background:url(../images/image-updates/order-btn-back.jpg) 0 0 repeat-x;display:block;border:#CCC solid 1px;}
.languages {float:left;width:110px;}
#fresources {padding:12px 20px;background:#F0F0F0;margin:0;}