/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* css reset - end */

html {
	background: #ffffff;
}

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

* :focus { 
	outline: none; 
	-moz-outline: 0 none;
}

a {
	color: #4b5666;
}

.clr {
	clear: both;
}

.black_bottom {
	background: #000000;
    height: 35%;
    margin-top: -212px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.wrapper {
	background: url(images/bg.jpg) no-repeat 50% 0;
	min-height: 896px;
    min-width: 960px;
}

.wrapper_inner {
	min-height: 896px;
}

.content {
	width: 960px;
	height: 740px;
	position: relative;
	margin: auto;
}

.logo {
	display: block;
	height: 71px;
	width: 148px;
	position: relative;
	z-index: 100;
	left: -15px;
	top: 30px;
}

.logo a {
	display: block;
	height: 71px;
	width: 148px;
}

.social {
	position: absolute;
    right: 0px;
    top: 45px;
	z-index: 100;
}

.social p {
	font-size: 14px;
	font-weight: bold;
	color: #040E02;
}

.social p span.label {
	position: relative;
	top: -5px;
	padding-right: 5px;
	text-transform: uppercase;
}

.menu {
	position: absolute;
	width: 960px;
	height: 720px;
	top: 0px;
	left: 0px;
}

.menu ul {
}

.menu ul li {
}

.menu ul li a {
	display: block;
	position: absolute;
}

.menu ul li.adult a {
	height: 290px;
	width: 399px;
	left: 41px;
	top: 430px;
	color: transparent;
}

.menu ul li.adult a:hover {
	background: url(images/adult.png) no-repeat 0 33px;
}

.menu ul li.child a {
	height: 357px;
	width: 481px;
	right: 18px;
	bottom: 9px;
	color: transparent;
}

.menu ul li.child a:hover {
	background: url(images/child.png) no-repeat 0 13px;
}

.menu ul li.schoolchild a {
    height: 329px;
	width: 391px;
	right: 164px;
	top: 10px;
	color: transparent;
}

.menu ul li.schoolchild a:hover {
	background: url(images/schoolchild.png) no-repeat 0px 0;
}

.menu ul li.teen a {
    height: 301px;
	width: 400px;
	left: 0px;
	top: 118px;
	color: transparent;
}

.menu ul li.teen a:hover {
	background: url(images/teen.png) no-repeat 7px 65px;
}

.footer {
	width: 960px;
	margin: auto;
}

.footer ul  {
	width: 300px;
	margin: auto;
}

.footer ul li {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ffffff;
	line-height: 14px;
}

.footer ul li:first-child {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	border-left: none;
}

.footer ul li a {
	color: #eba366;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/* READSPEAKER */

.rsbtn_label {
	color: white !important;
	text-transform: capitalize !important;
 }
 
 .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text,
 .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play,
 .rsbtn .rsbtn_play {
	background: #31802a  !important;
 }
 
 .rs_addtools .rsbtn_play:hover,
 .rsbtn .rsbtn_play:hover {
	background: rgb(49, 128, 42)  !important;
 }
 
 .rs_addtools a,
 .rs_addtools span,
 .rsbtn a,
 .rsbtn span {
	color: rgb(51, 51, 51);
 }
 
 .rs_addtools .rsbtn_play .rsbtn_right,
 .rsbtn .rsbtn_play .rsbtn_right {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
 .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play:active .rsbtn_right::before,
 .rs_addtools .rsbtn_play:active .rsbtn_text,
 .rs_addtools .rsbtn_play:active .rsbtn_text span,
 .rsbtn .rsbtn_play:active .rsbtn_right::before,
 .rsbtn .rsbtn_play:active .rsbtn_text,
 .rsbtn .rsbtn_play:active .rsbtn_text span {
	color: white !important;
 }
 
 .rs_addtools .rsbtn_play:hover .rsbtn_right::before, .rsbtn .rsbtn_play:hover .rsbtn_right::before {
	 color: white !important;
 }

.rs-player-loadindicator {
	left: 0px !important;
}