body {
	height: 100%;
	/* background: #fff url("../images/bg-snow.png") center 791px repeat-x; */
	background: #fff;
	font-family: Georgia, serif;
}

#tv {
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
	background: url("../images/bg-tv-lrg.png") top center no-repeat;
}

body.home {
	background: #fff url("../images/bg.jpg") top center repeat-x;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	position: relative;
}

.btn-get-ruby {
	width: 384px;
	height: 75px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	bottom: 65px;
	left: 290px;
}

body.home #wrapper {
	/* margin-top: 10px;
	 padding: 0 48px 15px 48px;
	 width: 880px;
	 background: url("../images/bg-tv.png") 0 0 no-repeat; */
}

@font-face {
	font-family: 'display_free_tfbregular';
	src: url('display_free_tfb-webfont.eot');
	src: url('display_free_tfb-webfont.eot?#iefix') format('embedded-opentype'),
		 url('display_free_tfb-webfont.woff') format('woff'),
		 url('display_free_tfb-webfont.ttf') format('truetype'),
		 url('display_free_tfb-webfont.svg#display_free_tfbregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


/* > Global Styles
 -----------------------------------------------------------------------------*/
.pagination {
	margin-top: 10px;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

.pagination a, .pagination span {
	padding: 0 5px;
}
.pagination span.current {
	border-bottom: 2px solid #A02D2A;
}
.schoolbell {
	font-family: 'Schoolbell', cursive;
	font-size: 16px;
}
.special-elite {
	font-family: 'Special Elite', cursive;
}
.vibur {
	font-family: 'Vibur', cursive;
}
#main-content {
	height: 600px;
	position: relative;
}
.tv-frame-top {
	width: 960px;
	height: 10px;
	background: url("../images/bg-tv-frame-top.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.tv-frame-right {
	width: 40px;
	height: 600px;
	background: url("../images/bg-tv-frame-right.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}

.tv-frame-bottom {
	width: 960px;
	height: 10px;
	background: url("../images/bg-tv-frame-bottom.png") 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.tv-frame-left {
	width: 40px;
	height: 600px;
	background: url("../images/bg-tv-frame-left.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#page-default {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
}

/* content block 2 */
#scrollArea {
	position: relative;
	margin: 0;
	width: 380px;
	height: 340px;
	padding: 0 10px;
}
#scrollArea .customScrollBox {
	position: relative;
	height: 100%;
	overflow: hidden;
}
#scrollArea .customScrollBox {
	/*	overflow: auto;*/
}
#scrollArea .customScrollBox .container {
	position: relative;
	width: 360px;
	top: 0;
	float: left;
}
#scrollArea .customScrollBox .content {
	clear: both;
}
#scrollArea .customScrollBox .content p {
	color: #000;
	font-size: 12px;
}
#scrollArea .customScrollBox .content p.alt {
	padding: 10px 5px;
	margin: 10px 0;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
	color: #999;
}
#scrollArea .customScrollBox img {
	border: 5px solid #fff;
}
#scrollArea .dragger_container {
	position: absolute;
	width: 9px;
	height: 340px;
	cursor: pointer;
	background: #D6D4C8;
	top: 0;
	right: 0;
}
#scrollArea .dragger {
	position: absolute;
	width: 9px;
	height: 60px;
	background: #333;
	text-align: center;
	line-height: 60px;
	color: #666;
	overflow: hidden;
	cursor: pointer;
}
#scrollArea .dragger_pressed {
	position: absolute;
	width: 9px;
	height: 60px;
	background: #444;
	text-align: center;
	line-height: 60px;
	color: #777;
	overflow: hidden;
	cursor: pointer;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.btn-mute {
	margin-right: 10px;
	margin-top: 23px;
	width: 87px;
	height: 70px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background: url("../images/btn-mute.png") 0 0 no-repeat;
}

.btn-mute-on {
	background-position: 0 -70px;
}

.btn-back-to-room {
	width: 72px;
	height: 72px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url("../images/btn-code-breaker.png") 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 555;
}

.btn-back-to-room-codebreaker {
	width: 60px;
	height: 60px;
	background: url("../images/btn-close-code-breaker.png") 0 0 no-repeat;
}

.btn-back-to-room-book {
	width: 38px;
	height: 41px;
	background: url("../images/btn-close-book.png") 0 0 no-repeat;
}

/* > Header
 -----------------------------------------------------------------------------*/
#header {
	height: 124px;
	overflow: hidden;
	position: relative;
	/*background: url("../images/bg-header.png") bottom center no-repeat;*/
}

body.home #header {
	/* height: 88px; */
}

/* #header h1 {
 margin-left: 40px;
 width: 305px;
 height: 143px;
 display: block;
 overflow: hidden;
 text-indent: -9999px;
 background: url("../images/logo.png") 0 0 no-repeat;
 } */

#header h1 {
	margin: 20px 0 0 10px;
	width: 299px;
	height: 99px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/logo.png") 0 0 no-repeat;
}

body.home #header h1 {
	/* margin: 10px 0 0 90px; */
}

#header h1 a {
	height: 100%;
	display: block;
}

#header #main-nav {
	width: 680px;
	position: absolute;
	top: 30px;
	right: 0;
}

#header #menu-main-nav {
	overflow: hidden;
	position: relative;
}

body.home #header #menu-main-nav {
	/* margin-top: 20px; */
}

#header #menu-main-nav li {
	margin-right: 5px;
	margin-bottom: 5px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
}
#header #menu-main-nav li a {
	height: 100%;
	overflow: hidden;
	display: block;
}

#header #menu-main-nav li.message-centre {
	width: 163px;
	background: url("../images/nav-messages.png") 0 0 no-repeat;
}

#header #menu-main-nav li.about-ruby {
	width: 148px;
	background: url("../images/nav-about-ruby.png") 0 0 no-repeat;
}

#header #menu-main-nav li.spectrum-test {
	width: 242px;
	background: url("../images/nav-spectrum-test.png") 0 0 no-repeat;
}

#header #menu-main-nav li.code-breaker {
	width: 181px;
	background: url("../images/nav-code-breaker.png") 0 0 no-repeat;
}

#header #menu-main-nav li.villains {
	width: 166px;
	background: url("../images/nav-villains.png") 0 0 no-repeat;
}

#header #menu-main-nav li.about-author {
	width: 229px;
	background: url("../images/nav-about-lauren.png") 0 0 no-repeat;
}

#header #menu-main-nav li.news {
	width: 156px;
	background: url("../images/nav-latest-news.png") 0 0 no-repeat;
}

#header #menu-main-nav li.games {
	width: 171px;
	background: url("../images/nav-latest-games.png") 0 0 no-repeat;
}

#header #menu-main-nav li.books {
	width: 135px;
	background: url("../images/nav-the-books.png") 0 0 no-repeat;
}

#header #menu-main-nav li.spy-tips {
	width: 164px;
	background: url("../images/nav-spy-tips.png") 0 0 no-repeat;
}

#header #menu-main-nav li.marcus {
	width: 134px;
	background: url("../images/nav-marcus.png") 0 0 no-repeat;
}

#header #menu-main-nav li.rubys-room {
	width: 192px;
	background: url("../images/nav-rubys-room.png") 0 0 no-repeat;
}

#header .btns-user {
	margin-top: 25px;
	color: #ccc;
}

#header .btns-user a {
	color: #fff;
}

/* Login */
#header .pnl-login {
	padding: 10px;
	overflow: hidden;
	background: #333;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 9999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: none;
}

#header .pnl-login label {
	margin-bottom: 3px;
	width: 70px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
}

#header .pnl-login input[type="text"],
#header .pnl-login input[type="password"] {
	margin-bottom: 3px;
	padding: 0 5px;
}

#header input[type="submit"] {
	cursor: pointer;
	background-color: #21759b;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 23px;
	height: 24px;
	margin: 0;
	padding: 0 10px 1px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-webkit-appearance: none;
	border-radius: 3px;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b));
	background-image: -webkit-linear-gradient(top,#2a95c5,#21759b);
	background-image: -moz-linear-gradient(top,#2a95c5,#21759b);
	background-image: -ms-linear-gradient(top,#2a95c5,#21759b);
	background-image: -o-linear-gradient(top,#2a95c5,#21759b);
	background-image: linear-gradient(to bottom,#2a95c5,#21759b);
	border-color: #21759b;
	border-bottom-color: #1e6a8d;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	height: 30px;
	line-height: 28px;
	padding: 0 12px 2px;
}

#header input[type="submit"]:hover {
	background: #f3f3f3;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
	background-image: -webkit-linear-gradient(top,#fff,#f3f3f3);
	background-image: -moz-linear-gradient(top,#fff,#f3f3f3);
	background-image: -ms-linear-gradient(top,#fff,#f3f3f3);
	background-image: -o-linear-gradient(top,#fff,#f3f3f3);
	background-image: linear-gradient(to bottom,#fff,#f3f3f3);
	border-color: #999;
	color: #222;
	background-color: #278ab7;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b));
	background-image: -webkit-linear-gradient(top,#2e9fd2,#21759b);
	background-image: -moz-linear-gradient(top,#2e9fd2,#21759b);
	background-image: -ms-linear-gradient(top,#2e9fd2,#21759b);
	background-image: -o-linear-gradient(top,#2e9fd2,#21759b);
	background-image: linear-gradient(to bottom,#2e9fd2,#21759b);
	border-color: #1b607f;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#header input[type="submit"]:active {
	background: #1b607f;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#21759b),to(#278ab7));
	background-image: -webkit-linear-gradient(top,#21759b,#278ab7);
	background-image: -moz-linear-gradient(top,#21759b,#278ab7);
	background-image: -ms-linear-gradient(top,#21759b,#278ab7);
	background-image: -o-linear-gradient(top,#21759b,#278ab7);
	background-image: linear-gradient(to bottom,#21759b,#278ab7);
	border-color: #124560 #2382ae #2382ae #2382ae;
	color: rgba(255,255,255,0.95);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#header .pnl-login .lost-password {
	text-align: right;
}

#header .pnl-login a {
	color: #fff;
	font-size: 12px;
}

/* > Main
 -----------------------------------------------------------------------------*/
#main {
	height: 600px;
	overflow: hidden;
	background: url("../images/bg-main.png") 1px top no-repeat;
}

#content {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

/* > Homepage
 ------------------------------------------------------------------------------*/
#homepage {
	margin: 0 auto;
	width: 880px;
	height: 464px;
	position: relative;
	/*background: url("../images/bg-tv.png") 0 0 no-repeat;*/
}

.carousel-wrapper {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	overflow: hidden;
	background: url("../images/TV_static.gif") center center no-repeat;
	position: relative;
}

.carousel {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.carousel-item {
	width: 960px;
	height: 600px;
}

.carousel .attachment-post-thumbnail {
	position: absolute;
	top: 0;
	right: 0;
}

.carousel .buy_links {
	position: absolute;
	bottom: 20px;
	left: 150px;
	z-index: 90;
}

.carousel .buy_link {
	margin-right: 3px;
	display: block;
	float: left;
}

.carousel .extract_link {
  bottom: 195px;
  left: 360px;
  position: absolute;
  display:block;
  overflow:hidden;
  height:60px;
  width:131px;
  z-index: 90;
}

.header-preorder {
	width: 149px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/header-preorder.png) 0 0 no-repeat;
}

#carousel-controls {
	margin-top: 10px;
	width: 100%;
	text-align: center;
}

#carousel-controls a {
	display: inline-block;
}

#carousel-controls a#prev {
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/bg-slide-prev.png") 0 0 no-repeat;
}

#carousel-controls a#next {
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/bg-slide-next.png") 0 0 no-repeat;
}

#carousel-controls #pager a {
	margin: 0 2px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/bg-slide.png") 0 0 no-repeat;
}

#carousel-controls #pager a.activeSlide {
	background: url("../images/bg-activeslide.png") 0 0 no-repeat;
}

.trailer-video {
	width: 560px;
	height: 315px;
	position: absolute;
	top: 50px;
	left: 200px;
}

/* > Ruby's Room
 -----------------------------------------------------------------------------*/
#turn_spy_mode_on {
	width: 139px;
	height: 39px;
	position: absolute;
	bottom: 0;
	right: 20px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/spy_mode_on.png") 0 0 no-repeat;
	text-indent: -9999px;
	display: none;
	z-index: 888;
}

#turn_spy_mode_off {
	width: 139px;
	height: 39px;
	position: absolute;
	bottom: 0;
	right: 20px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/spy_mode_on.png") 0 0 no-repeat;
	text-indent: -9999px;
	display: none;
	z-index: 888;
}

#spy_mode_on {
	width: 960px;
	height: 636px;
	overflow: hidden;
	/*background: #FF0000;*/
	background: url("../images/glasses_on.png") 0 0 no-repeat;
	position: absolute;
	bottom: -640px;
	left: 0;
	z-index: 888;
}

#spy_mode_off {
	width: 960px;
	height: 636px;
	overflow: hidden;
	/*background: #FF0000;*/
	background: url("../images/glasses_off.png") 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 888;
}

/* Hidden Nav */
.main-spy-tips {
	width: 102px;
	height: 158px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 248px;
}

.main-spy-tips:hover span.nav-label {
	width: 164px;
	height: 38px;
	background: url("../images/nav-spy-tips.png") 0 0 no-repeat;
	display: block;
}

.main-code-breaker {
	width: 90px;
	height: 93px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 193px;
	left: 259px;
}

.main-code-breaker:hover span.nav-label {
	width: 242px;
	height: 38px;
	background: url("../images/nav-code-breaker.png") 0 0 no-repeat;
	display: block;
}

.main-villains {
	width: 121px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 208px;
	left: 347px;
}

.main-villains:hover span.nav-label {
	width: 166px;
	height: 34px;
	background: url("../images/nav-villains.png") 0 0 no-repeat;
	display: block;
}

.main-spectrum-test {
	width: 95px;
	height: 104px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 282px;
	left: 30px;
}

.main-spectrum-test:hover span.nav-label {
	width: 242px;
	height: 38px;
	background: url("../images/nav-spectrum-test.png") 0 0 no-repeat;
	display: block;
}

.main-messages {
	width: 133px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 30px;
	left: 435px;
}

.main-messages:hover span.nav-label {
	width: 163px;
	height: 42px;
	background: url("../images/nav-messages.png") 0 0 no-repeat;
	display: block;
}

.main-about-author {
	width: 145px;
	height: 140px;
	display: block;
	overflow: visible;
	text-indent: -9999px;
	position: absolute;
	top: 29px;
	left: 61px;
}

.main-about-author:hover span.nav-label {
	width: 167px;
	height: 29px;
	background: url("../images/nav-about-lauren.png") 0 0 no-repeat;
	display: block;
}

.main-latest-news {
	width: 114px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 14px;
	left: 168px;
}

.main-latest-news:hover span.nav-label {
	width: 217px;
	height: 38px;
	background: url("../images/nav-latest-news.png") 0 0 no-repeat;
	display: block;
}

.main-the-books {
	width: 98px;
	height: 114px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 96px;
	right: 210px;
}

.main-the-books:hover span.nav-label {
	width: 175px;
	height: 34px;
	background: url("../images/nav-the-books.png") 0 0 no-repeat;
	display: block;
}

span.nav-label {
	display: none;
}

#zoomControls {
	padding: 0;
	background: url("../images/bg-zoomControls.png") 0 0 repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 30px !important;
	right: 40px !important;
	z-index: 777;
}

#zoomIn {
	margin-bottom: 5px;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url("../images/btn-zoomIn.png") 0 0 no-repeat;
	cursor: pointer;
}

#zoomIn:hover {
	background-position: 0 0;
}

#zoomOut {
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url("../images/btn-zoomOut.png") 0 0 no-repeat;
	cursor: pointer;
}

#zoomOut:hover {
	background-position: 0 0;
}

#room-welcome, #spymode-welcome {
	position: absolute;
	top: 200px;
	left: 60px;
	z-index: 777;
	cursor: pointer;
}

#spymode-welcome {
	display: none;
}

#audio-player {
	padding: 30px;
	display: none;
	position: absolute;
	top: 210px;
	left: 230px;
	z-index: 100;
}

/* > Message Centre
 -----------------------------------------------------------------------------*/
#messages {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-messages.jpg") 0 0 no-repeat;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 12px;
}

#message-content {
	width: 360px;
	height: 435px;
	position: absolute;
	top: 165px;
	left: 260px;
}

#message-content input[type = "text"] {
	padding: 12px 10px;
	width: 329px;
	background: transparent url("../images/bg-message-input.png") 0 0 no-repeat;
}

#message-content textarea {
	padding: 10px;
	width: 330px;
	height: 115px;
	background: transparent url("../images/bg-message-textarea.png") 0 0 no-repeat;
}

#message-content .wpcf7 p {
	height: 100%;
	overflow: hidden;
}

.message, #message-content .pagination {
	padding-top: 10px;
	background: url("../images/bg-message-top.png") 0 0 no-repeat;
}

.btn-go-to-messages {
	width: 154px;
	height: 57px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-go-to-messages.png") 0 0 no-repeat;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.btn-back-to-messages {
	width: 66px;
	height: 42px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-back-to-messages.png") 0 0 no-repeat;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.btn-write-a-message {
	width: 151px;
	height: 94px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-write-a-message.png") 0 0 no-repeat;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.btn-send-message input {
	margin-right: 16px;
	width: 131px;
	height: 79px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-send-message.png") 0 0 no-repeat;
	cursor: pointer;
	float: right;
}

span.wpcf7-form-control-wrap {
	display: block;
}

span.wpcf7-not-valid-tip {
	height: 20px;
	bottom: 0 !important;
	right: 0 !important;
}

/**/
#terms-and-conditions {
	width: 960px;
	height: 600px;
	overflow: hidden;
	color: #fff;
	position: relative;
}

#terms-and-conditions a {
	color: #fff;
	text-decoration: underline;
}

#terms-and-conditions .container {
	margin: 20px auto 0;
	width: 800px;
	height: 560px;
	overflow: auto;
	color: #fff;
	position: relative;
}

#terms-and-conditions ol {
	padding-left: 35px;
}

#terms-and-conditions ol li {
	list-style-type: decimal;
}

/* > About the author
 -----------------------------------------------------------------------------*/
#about-the-author {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-about-the-author.jpg") 0 0 no-repeat;
}

#about-the-author-content {
	margin: 75px 0 0 300px;
	width: 540px;
}

#about-the-author-content p {
	font-size: 14px;
}

.btn-about-author-find-out-more {
	width: 204px;
	height: 203px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/btn-about-author-find-out-more.png") 0 0 no-repeat;
}

.header-about-author {
	margin: 20px 0;
	width: 535px;
	height: 64px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/header-about-author.png") 0 0 no-repeat;
}
/* > Latest News
 -----------------------------------------------------------------------------*/
#latest-news {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-latest-news.jpg") 0 0 no-repeat;
}
#news {
	width: 410px;
	height: 390px;
	position: absolute;
	bottom: 0;
	left: 260px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 12px;
}
.news-item {
	height: 360px;
	overflow: hidden;
}
/* > Villains
 -----------------------------------------------------------------------------*/
#bg-villains {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-villains.jpg") 0 0 no-repeat;
}
.btn-villain {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}
.btn-hog-trotter {
	width: 243px;
	height: 78px;
	background: url("../images/btn-hog-trotter.png") 0 0 no-repeat;
	top: 193px;
	left: 145px;
}
.btn-valerie-capaldi {
	width: 244px;
	height: 54px;
	background: url("../images/btn-valerie-capaldi.png") 0 0 no-repeat;
	top: 224px;
	right: 33px;
}
.btn-count-von-viscount {
	width: 242px;
	height: 36px;
	background: url("../images/btn-count-von-viscount.png") 0 0 no-repeat;
	bottom: 142px;
	left: 92px;
}
.btn-baby-face-marshall {
	width: 243px;
	height: 46px;
	background: url("../images/btn-baby-face-marshall.png") 0 0 no-repeat;
	bottom: 134px;
	right: 101px;
}
.villain-info {
	width: 960px;
	height: 600px;
	display: none;
	background: url("../images/bg-villain-info.jpg") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 990;
	display: none;
}

.btn-close-villain-info {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-close-villain-info.png") 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 40px;
}
.header-villain {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}
.header-hog-trotter {
	width: 243px;
	height: 78px;
	background: url("../images/btn-hog-trotter.png") 0 0 no-repeat;
	bottom: 134px;
	left: 110px;
}
.header-valerie-capaldi {
	width: 244px;
	height: 54px;
	background: url("../images/btn-valerie-capaldi.png") 0 0 no-repeat;
	bottom: 155px;
	left: 88px;
}
.header-count-von-viscount {
	width: 242px;
	height: 36px;
	background: url("../images/btn-count-von-viscount.png") 0 0 no-repeat;
	top: 227px;
	left: 108px;
}
.header-baby-face-marshall {
	width: 243px;
	height: 46px;
	background: url("../images/btn-baby-face-marshall.png") 0 0 no-repeat;
	top: 240px;
	left: 101px;
}
.villain-profile-pic {
	position: absolute;
	top: 185px;
	left: 105px;
}
.villain-text {
	width: 300px;
	position: absolute;
	top: 240px;
	right: 225px;
}
/* > Spectrum Test
 -----------------------------------------------------------------------------*/
#spectrum-test {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-spectrum-test.jpg") 0 0 no-repeat;
}
#test {
	margin: 50px auto 0;
	width: 650px;
	height: 440px;
	text-align: center;
	position: relative;
	color: #200d03;
}
.header-spectrum-test {
	margin: 0 auto;
	width: 619px;
	height: 531px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/header-spectrum-test.png") 0 0 no-repeat;
}
.header-spectrum-download {
	margin: 0 auto;
	width: 552px;
	height: 391px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/header-spectrum-download.png") 0 0 no-repeat;
}
.btn-download-pdf {
	width: 187px;
	height: 147px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-download-pdf.png") 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.btn-download-pdf-link {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
}
.btn-take-the-test {
	width: 140px;
	height: 140px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-take-the-test.png") 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
/* > About Ruby
 -----------------------------------------------------------------------------*/
#about-ruby {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-about-ruby.jpg") 0 0 no-repeat;
}

.header-about-ruby {
	margin-bottom: 10px;
	width: 350px;
	height: 186px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/header-about-ruby.png") 0 0 no-repeat;
}

#about-ruby-content {
	margin: 12px 0 0 12px;
	width: 365px;
	font-size: 12px;
}

#about-ruby-content p {
	margin-left: 13px;
}

.double-donut {
	width: 463px;
	height: 456px;
	overflow: hidden;
	background: url("../images/double-donut.png") 0 0 no-repeat;
	position: absolute;
	top: -260px;
	right: -300px;
	z-index: 555;
}

/* > Test Area
 -----------------------------------------------------------------------------*/
#test-area {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/test-area.jpg") 0 0 no-repeat;
}
.the-test {
	margin: 240px auto 0;
	width: 680px;
	text-align: center;
	/*  font-size: 30px; */
}
.the-test h2 {
	margin-bottom: 10px;
}
.the-test ol {
	padding-left: 30px;
}
.the-test ol li {
	list-style-type: decimal;
}
.btn-go {
	width: 81px;
	height: 61px;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url("../images/btn-go.png") 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	bottom: 25px;
	right: 35px;
}
.clock {
	padding-top: 75px;
	padding-left: 95px;
	width: 223px;
	height: 219px;
	background: url("../images/bg-clock.png") 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 30px;
}
.btn-clue {
	width: 168px;
	height: 129px;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url("../images/btn-clue.png") top right no-repeat;
	position: absolute;
	bottom: -6px;
	left: -30px;
}
.clue {
	width: 303px;
	height: 224px;
	background: url("../images/bg-clue.png") 0 0 no-repeat;
	position: absolute;
	bottom: 200px;
	left: 297px;
	display: none;
}
.clue-text {
	margin-top: 70px;
	padding: 10px 20px;
}
.btn-clue-close {
	width: 38px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/btn-close-book.png") 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 20px;
}
.get-answer {
	display: none;
}
.get-answer-text {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 150px;
}
.get-pdf {
	display: none;
}

.get-another-question {
	font-size: 26px;
	position: absolute;
	bottom: 40px;
	left: 340px;
}
/* > The Books
 -----------------------------------------------------------------------------*/
#the-books {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-the-books.jpg") 0 0 no-repeat;
}

/* This sets size and position of the book(s) link(s) */
#ruby-redfort-look-into-my-eyes-link {
	height: 421px;
	width: 83px;
	text-indent: -9999px;
	position: absolute;
	bottom: 63px;
	right: 179px;
}

#ruby-redfort-take-your-last-breath-link {
	height: 421px;
	width: 83px;
	text-indent: -9999px;
	position: absolute;
	bottom: 63px;
	right: 312px;
}

#ruby-redfort-catch-your-death-link {
	height: 421px;
	width: 83px;
	text-indent: -9999px;
	position: absolute;
	bottom: 63px;
	right: 426px;
}

#ruby-redfort-feel-the-fear-link {
	height: 421px;
	width: 83px;
	text-indent: -9999px;
	position: absolute;
	bottom: 63px;
	right: 547px;
}

#ruby-redfort-pick-your-poison-link {
	height: 421px;
	width: 83px;
	text-indent: -9999px;
	position: absolute;
	bottom: 63px;
	right: 678px;
}

#the-books-single {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-the-books-single.jpg") 0 0 no-repeat;
}

.book-intro, .book-info {
	margin-top: 20px;
	width: 480px;
	position: relative;
}

.ruby-redfort-look-into-my-eyes-text {
	margin: 20px 0 0 60px;
	width: 393px;
	height: 522px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/bg-book-intro.png") 0 0 no-repeat;
}

.ruby-redfort-take-your-last-breath-text {
	margin: 30px 0 0 60px;
	width: 393px;
	height: 506px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/ruby-redfort-take-your-last-breath-text.png") 0 0 no-repeat;
}

.ruby-redfort-catch-your-death-text {
	margin: 30px 0 0 60px;
	width: 393px;
	height: 506px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/ruby-redfort-catch-your-death-text.png") 0 0 no-repeat;
}

.ruby-redfort-feel-the-fear-text {
	margin: 30px 0 0 60px;
	width: 393px;
	height: 506px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/ruby-redfort-feel-the-fear-text.png") 0 0 no-repeat;
}

.ruby-redfort-pick-your-poison-text {
    margin: 30px 0px 0px 60px;
    width: 393px;
    height: 506px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("../images/ruby-redfort-pick-your-poison-text.png") no-repeat scroll 0px 0px;
}

#book-cover {
	margin-left: 10px;
}

#book-title {
	width: 200px;
}

.book-info a {
	color: #ff2796;
}

.buy_urls {
	position: absolute;
	top: 310px;
	left: 60px;
}

.buy_url {
	margin-right: 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.buy_uk_url {
	width: 183px;
	height: 27px;
	background: url("../images/buy_uk_url.png") 0 0 no-repeat;
}

.buy_us_url {
	margin-bottom: 10px;
	width: 59px;
	height: 16px;
	background: url("../images/buy_us_url.png") 0 0 no-repeat;
}

.buy_aus_url {
	width: 109px;
	height: 25px;
	background: url("../images/buy_aus_only_url.png") 0 0 no-repeat;
}

/* .ruby-redfort-look-into-my-eyes-links .buy_aus_url {
	width: 268px;
	height: 38px;
	background: url("../images/buy_aus_url.png") 0 0 no-repeat;
} */

.buy_nz_url {
	width: 145px;
	height: 24px;
	background: url("../images/buy_nz_only_url.png") 0 0 no-repeat;
}

.btn_printed {
	width: 65px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn_printed.png") 0 0 no-repeat;
	float: left;
}

.btn_ebook {
	width: 54px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn_ebook.png") 0 0 no-repeat;
	float: left;
}

.buy_uk {
	margin-bottom: -10px;
}

.buy_uk .btn_printed {
	margin-top: 15px;
}
.buy_uk .btn_ebook {
	margin-top: 15px;
}
.buy_us .btn_printed {
	margin-top: 5px;
}
.buy_us .btn_ebook {
	margin-top: 5px;
}
.buy_aus .btn_printed {
	margin-top: 11px;
}
.buy_aus .btn_ebook {
	margin-top: 11px;
}

.buy_nz .btn_printed {
	margin-top: 11px;
}
.buy_nz .btn_ebook {
	margin-top: 11px;
}

.ruby-redfort-take-your-last-breath-links .buy_aus .btn_printed {
	margin-top: 11px;
}
.ruby-redfort-take-your-last-breath-links .buy_aus .btn_ebook {
	margin-top: 11px;
}
.ruby-redfort-take-your-last-breath-links .buy_nz .btn_printed {
	margin-top: 11px;
}
.ruby-redfort-take-your-last-breath-links .buy_nz .btn_ebook {
	margin-top: 11px;
}

.ruby-redfort-catch-your-death-links {
	top: 410px;
}

.ruby-redfort-take-your-last-breath-links {
	top: 390px;
}

.ruby-redfort-look-into-my-eyes-links {
	top: 410px;	
}

.ruby-redfort-feel-the-fear-links {
	top: 310px;
}

/* .ruby-redfort-look-into-my-eyes-links .buy_aus {
	margin-bottom: -30px;
}.ruby-redfort-look-into-my-eyes-links .buy_nz .btn_printed {
	margin-top: 11px;
}
.ruby-redfort-look-into-my-eyes-links .buy_us .btn_ebook {
margin-top: 2px;
}
.ruby-redfort-look-into-my-eyes-links .buy_us .btn_printed {
margin-top: 2px;
} */
/* > Code Breaker
 -----------------------------------------------------------------------------*/
#code-breaker {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-code-breaker.jpg") 0 0 no-repeat;
	color: #5c5c5c;
}
#code-breaker-inner {
	margin: 25px auto 0;
	width: 730px;
	padding-left: 70px;
}
.codebreaker-nav {
	margin: 0 auto;
	width: 522px;
}
.code-intro {
	text-align: center;
	font-size: 30px;
}
#crack-code {
	width: 206px;
	text-align: center;
	line-height: 1.8em;
	font-size: 20px;
}

.divider {
	margin: 0 30px;
	padding-top: 80px;
}

#use-app {
	width: 206px;
	text-align: center;
	line-height: 1.8em;
	font-size: 20px;
}

.btn-crack-code {
	margin: 0 auto;
	width: 206px;
	height: 206px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-crack-code.png") 0 0 no-repeat;
}
.btn-use-app {
	margin: 0 auto;
	width: 206px;
	height: 206px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-use-app.png") 0 0 no-repeat;
}
.codebreaker-app-intro {
	text-align: center;
}
.codebreaker-app-intro h2, .crack-code h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url("../images/header-codebreaker-app-intro.png") bottom center no-repeat;
}
.crack-code h2 {
	text-transform: uppercase;
}
.codebreaker-app-intro p, .crack-code p {
	margin-bottom: 5px;
	font-size: 15px;
}
#encoder textarea {
	font-size: 18px;
}
textarea.codebreaker-io {
	padding: 10px;
	width: 213px;
	height: 136px;
	background: url("../images/bg-codebreaker-io.png") 0 0 no-repeat;
}

textarea.codebreaker-key {
	padding: 10px;
	width: 163px;
	height: 39px;
	background: url("../images/bg-codebreaker-key.png") 0 0 no-repeat;
}
.btn-clear {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-clear.png") 0 0 no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 333;
}

.code-input, .code-output {
	width: 233px;
}

.code-key {
	margin: 0 10px;
	width: 183px;
}

.btn-encode {
	margin: 0 auto;
	width: 90px;
	height: 90px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-encode.png") 0 0 no-repeat;
	cursor: pointer;
}
.btn-decode {
	margin: 0 auto;
	width: 91px;
	height: 91px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-decode.png") 0 0 no-repeat;
	cursor: pointer;
}
.crackcode-small {
	padding: 5px 10px;
	width: 215px;
	height: 49px;
	background: url("../images/bg-crackcode-small.png") 0 0 no-repeat;
	font-size: 18px;
}
.btn-submit {
	margin-top: 12px;
	width: 69px;
	height: 69px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-submit.png") 0 0 no-repeat;
	cursor: pointer;
}
.decode-message-form .btn-submit {
	margin-top: 7px;
}
.btn-info {
	width: 97px;
	height: 98px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-info.png") 0 0 no-repeat;
	float: left;
}
.crack-code {
	text-align: center;
}
.crack-code-input {
	margin: 5px auto;
	width: 316px;
	padding-bottom: 25px;
	background: url("../images/bg-crack-code-input.png") bottom left no-repeat;
}
.twice {
	background: url("../images/bg-twice.png") bottom center no-repeat;
}
.decode-message {
	padding: 5px 10px;
	width: 543px;
	height: 64px;
	background: url("../images/bg-decode-message.png") 0 0 no-repeat;
}
.decode-message-sml {
	padding: 5px 10px;
	width: 543px;
	height: 48px;
	background: url("../images/bg-decode-message-sml.png") 0 0 no-repeat;
}
.more-info {
	margin: 0 auto;
	width: 321px;
}

.share {

}

.share-buttons {
	width: 200px;
	text-align: right;
	padding-top: 20px;
	font-size: 14px;
}

.btn-facebook {
	width: 72px;
	height: 72px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-facebook.png") 0 0 no-repeat;
}

.btn-email {
	width: 72px;
	height: 72px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-email.png") 0 0 no-repeat;
}
.share_message {
	padding: 40px 40px 0 0;
	position: absolute;
	width: 300px;
	bottom: 110px;
	font-size: 14px;
	right: 75px;
	background: url('../images/bg-share_message.png') top right no-repeat;
	text-align: right;
}

.btn-dl-extract {
	width: 182px;
	height: 186px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-dl-extract.png") 0 0 no-repeat;
	position: absolute;
	bottom: 70px;
	left: 200px;
}

.btn-dl-extract-2 {
	width: 182px;
	height: 186px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-dl-extract-2.png") 0 0 no-repeat;
	position: absolute;
	bottom: 66px;
	right: 365px;
}

.btn-dl-extract-3 {
	width: 182px;
	height: 186px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-dl-extract-3.png") 0 0 no-repeat;
	position: absolute;
	bottom: 55px;
	right: 152px;
}

.decode-message-form {
	margin-top: 5px;
}
/* > Explanation
 -----------------------------------------------------------------------------*/
#explanation {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-explanation.jpg") 0 0 no-repeat;
}
#explanation .pagination {
	font-weight: bold;
}
#explanation-inner {
	margin: 60px auto 0;
	width: 700px;
}
.explanation-content {
	margin-top: 50px;
	padding: 0 40px;
}
.header-explained {
	margin-left: 120px;
	width: 573px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/header-explained.png") 0 0 no-repeat;
}
#explanation h3 {
	margin-left: 120px;
}
.page-template-template-explanation-php .page-numbers {
	padding: 0 !important;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 60px;
}
.page-template-template-explanation-php .page-numbers {
	width: 700px;
}

.page-template-template-explanation-php .btn-prev, .page-template-template-explanation-php .btn-next {
	width: 63px;
	height: 63px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 225px;
}

.page-template-template-explanation-php .btn-prev {
	background-image: url("../images/btn-prev.png");
	left: 50px;
}

.page-template-template-explanation-php .btn-next {
	background-image: url("../images/btn-next.png");
	right: 20px;
}

.btn-code-breaker {
	width: 72px;
	height: 72px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-code-breaker.png") 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 30px;
}

#marcus-info {
	width: 340px;
	height: 413px;
	position: absolute;
	top: 100px;
	left: 300px;
	background: url("../images/bg-marcus.png") 0 0 no-repeat;
}

.btn-close-marcus-info {
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-close-marcus-info.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.btn-more-marcus {
	width: 123px;
	height: 67px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-more-marcus.png") 0 0 no-repeat;
	position: absolute;
	bottom: 35px;
	right: 20px;
}

.btn-marcus-pic {
	width: 142px;
	height: 188px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/marcus-pic.png") 0 0 no-repeat;
	position: absolute;
	top: 5px;
	left: 100px;
}

/* > Spy Tips
 -----------------------------------------------------------------------------*/
#spy-tips-origami {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-tips-origami.jpg") 0 0 no-repeat;
}

.tip {
	margin: 140px 0 0 220px;
	width: 400px;
}

.btn-tip-page {
	position: absolute;
	bottom: 40px
}

.btn-prev-tip {
	width: 76px;
	height: 77px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-prev-tip.png") 0 0 no-repeat;
	left: 100px;
}

.btn-next-tip {
	width: 78px;
	height: 76px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-next-tip.png") 0 0 no-repeat;
	left: 630px;
}

/* > Clarice Bean
 -----------------------------------------------------------------------------*/
#clarice-bean {
	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-clarice-bean.jpg") 0 0 no-repeat;
}

#clarice-bean-content {
	width: 506px;
	height: 505px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/clarice-bean-content.png") 0 0 no-repeat;
	position: absolute;
	top: 40px;
	left: 220px;
}

.btn-close-welcome {
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-close-marcus-info.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

/* > Promos
 -----------------------------------------------------------------------------*/
#promos {
	margin-top: 20px;
}

.footer-promo {
	margin-right: 13px;
	display: block;
	overflow: hidden;
	float: left;
}

#promo-news {
	margin-left: 32px;
	width: 309px;
	height: 254px;
	background: url("../images/promo-news.png") 0 0 no-repeat;
}

#promo-trailer {
	width: 303px;
	height: 234px;
	background: url("../images/promo-trailer.png") 0 0 no-repeat;
}

#promo-buy {
	margin: 0;
	width: 354px;
	height: 232px;
	background: url("../images/promo-buy.png") 0 0 no-repeat;
}

/* > Ruby Rules
------------------------------------------------------------------------------*/
.ruby_rules {
	margin-bottom: 10px;
	min-height: 105px;
}

.btn-ruby-rule {
	margin-right: 10px;
	margin-top: 33px;
	width: 87px;
	height: 68px;
	display: block;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
	background: url("../images/btn-ruby-rule.png") 0 0 no-repeat;
}

.btn-ruby-rule-on {
	background-position: 0 -68px;
}

#hidden-rule {
	width: 960px;
	height: 600px;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 888;
}

/* > Spectrum UPdates
-----------------------------------------------------------------------------*/
.btn-sign-up {
	margin-right: 10px;
	margin-top: 33px;
	width: 141px;
	height: 70px;
	display: block;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
	background: url("../images/btn-sign-up.png") 0 0 no-repeat;
}
.btn-book-extract {
	margin-right: 10px;
	margin-top: 33px;
	width: 141px;
	height: 70px;
	display: block;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
	background: url("../images/btn-book-extract.png") 0 0 no-repeat;
}
.btn-enter-competition {
	margin-right: 10px;
	margin-top: 33px;
	width: 141px;
	height: 70px;
	display: block;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
	background: url("../images/btn-enter-competion.png") 0 0 no-repeat;
}

/* > Footer
 -----------------------------------------------------------------------------*/
#footer {
	margin-top: 10px;
	font-size: 12px;
	overflow: hidden;
	/*background: url("../images/bg-footer.png") top center no-repeat;*/
}

body.home #footer {
	/* margin-top: 70px; */
}

#footer #footer-copyright {
	margin-left: 20px;
}

#footer #footer-copyright p {
	overflow: hidden;
	color: #888;
}

#footer #footer-nav {
}

#footer .menu-footer-nav-container {
	overflow: hidden;
}

#footer .menu-footer-nav-container .menu {
}

#footer .menu-footer-nav-container .menu li {
	float: left;
}

#footer .menu-footer-nav-container .menu li a {
	padding: 0 10px;
	border-left: 1px solid #444;
	display: block;
	color: #888;
}

#footer .menu-footer-nav-container .menu li a:hover {
	color: #777;
}

#footer .menu-footer-nav-container .menu li.first a {
	border: none;
}

/* > Like Button
 -----------------------------------------------------------------------------*/
.connect_widget_like_button, .like_button_no_like {
	background: transparent !important;
	border: none !important;
	text-indent: -9999px !important;
}

/* > Fancybox Styles
 -----------------------------------------------------------------------------*/
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}

.fancybox-opened {
	z-index: 1003;
}

.fancybox-opened .fancybox-outer {
	/*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.home-comp .fancybox-outer {
	background: url("../images/bg-home-comp.jpg") 0 0 repeat;
}

.home-game .fancybox-outer {
	background: url("../images/lightbox.jpg") 0 0 repeat;
}

.btn-enter-comp {
	width: 148px;
	height: 148px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/btn-enter-comp.png") 0 0 no-repeat;
	position: absolute;
	bottom: 68px;
	right: 113px;
}

.btn-play-game {
	height: 100%;
	display: block;
}

#game-lighbox {
	height: 100%;
}

/* > smoothZoom
 -----------------------------------------------------------------------------*/
.smooth_zoom_preloader {
	background-image: url("../images/preloader.gif");
}
.smooth_zoom_icons {
	background-image: url("../images/icons.png");
}
#zoom_container .landmarks {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	color: #ffffff;
}
#zoom_container .landmarks .item {
	position: absolute;
	text-align: center;
	display: none;
}

#zoom_container .landmarks .lable div {
	padding: 0;
	width: 100%;
	height: 100%;
}
#zoom_container .landmarks .mark .text {
	background-color: #000000;
	padding: 2px 6px;
}
#zoom_container .landmarks .item a {
	color: #fff;
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .code-breaker a {
	width: 242px;
	height: 38px;
	/* background: url("../images/nav-code-breaker.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .code-breaker a:hover,
#zoom_container .landmarks .code-breaker a.show_labels {
	background: url("../images/nav-code-breaker.png") 0 0 no-repeat;
}
#zoom_container .landmarks .villains a {
	width: 166px;
	height: 34px;
	/* background: url("../images/nav-villains.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .villains a:hover,
#zoom_container .landmarks .villains a.show_labels {
	background: url("../images/nav-villains.png") 0 0 no-repeat;
}
#zoom_container .landmarks .spectrum-test a {
	width: 242px;
	height: 38px;
	/* background: url("../images/nav-spectrum-test.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .spectrum-test a:hover,
#zoom_container .landmarks .spectrum-test a.show_labels {
	background: url("../images/nav-spectrum-test.png") 0 0 no-repeat;
}
#zoom_container .landmarks .messages a {
	width: 163px;
	height: 42px;
	/* background: url("../images/nav-messages.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .messages a:hover,
#zoom_container .landmarks .messages a.show_labels {
	background: url("../images/nav-messages.png") 0 0 no-repeat;
}
#zoom_container .landmarks .latest-news a {
	width: 163px;
	height: 42px;
	/* background: url("../images/nav-latest-news.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .latest-news a:hover,
#zoom_container .landmarks .latest-news a.show_labels {
	background: url("../images/nav-latest-news.png") 0 0 no-repeat;
}
#zoom_container .landmarks .books a {
	width: 163px;
	height: 42px;
	/* background: url("../images/nav-the-books.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .books a:hover,
#zoom_container .landmarks .books a.show_labels {
	background: url("../images/nav-the-books.png") 0 0 no-repeat;
}
#zoom_container .landmarks .books a {
	width: 163px;
	height: 42px;
	/* background: url("../images/nav-the-books.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .books a:hover,
#zoom_container .landmarks .books a.show_labels {
	background: url("../images/nav-the-books.png") 0 0 no-repeat;

}
#zoom_container .landmarks .audio-player a {
	width: 104px;
	height: 32px;
	/* background: url("../images/nav-audio-player.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .audio-player a:hover,
#zoom_container .landmarks .audio-player a.show_labels {
	background: url("../images/nav-audio-player.png") 0 0 no-repeat;

}
#zoom_container .landmarks .spy-tips-origami a {
	width: 164px;
	height: 38px;
	/* background: url("../images/nav-spy-tips.png") 0 0 no-repeat; */
	display: block;
	text-indent: -9999px;
}
#zoom_container .landmarks .spy-tips-origami a:hover,
#zoom_container .landmarks .spy-tips-origami a.show_labels {
	background: url("../images/nav-spy-tips.png") 0 0 no-repeat;
}
/*#zoom_container .landmarks .spy-glasses a {
 width: 40px;
 height: 24px;
 overflow: hidden;
 text-indent: -9999px;
 display: block;
 background: url("../images/turn_spy_mode_on.png") center center no-repeat;
 }*/

 /* > Newsletter Signup
 ----------------------------------------------------------------------------*/
.newsletter-signup {
	line-height: 1.2em;
	font-size: 26px;
	width: 160px;
	height: 144px;
	padding: 20px;
	background: url("../images/lrg_post_it.png") 0 0 no-repeat;
	font-family: 'Schoolbell', cursive;
	position: absolute;
	bottom: 0;
	right: 0;
}

.newsletter-signup a {
	margin: 24px 0 0 10px;
	display: block;
}

/* > Music Room
 -----------------------------------------------------------------------------*/
.music-room {
	background: url("../images/bg-music-page.jpg") 0 0 no-repeat;
	height:600px;
}

.btn-audio-player {
	height:600px;
	display:block;
	text-decoration:none;
}

.pnl-audio-player {
	position: absolute;
	top: 385px;
	left: 50%;
	z-index: 100;
	margin-left: -250px;
}

/* > Game Page
----------------------------------------------------------------------------*/
#game {
	padding: 30px;
	height: 540px;
	background: url("../images/bg-game.jpg") 0 0 no-repeat;
}

#game .pnl-game-login {
	margin-bottom: 10px;
	width: 603px;
	height: 102px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/pnl-login.jpg") 0 0 no-repeat;
}

/*  */
.game-login-form {
	width: 100%;
	overflow: hidden;
}

.game-login-form label span {
	display: inline-block;
	text-indent: -9999px;
}

.game-login-form input[type="text"],
.game-login-form input[type="password"] {
	padding: 10px;
}

.game-login-form .btn-game-login {
	width: 159px;
	height: 69px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	background: url("../images/btn-login.png") 0 0 no-repeat;
}
/*  */

#game .pnl-game-register {
	margin-bottom: 10px;
	width: 603px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/pnl-register.jpg") 0 0 no-repeat;
}

#game .btn-game-register {
	margin: 0 auto;
	width: 159px;
	height: 69px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url("../images/btn-register.png") 0 0 no-repeat;
}

/*  */
.play-snake-game {
	width: 220px;
	height: 220px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url("../images/btn-play-snake-game.png") 0 0 no-repeat;
	position: absolute;
	top: 190px;
	right: 30px;
	z-index: 100;
}

.play-snake-game:hover {
	background-position: 0 -220px;
}

.pnl-game-welcome {
	width: 651px;
	height: 360px;
	background: url("../images/pnl-game-welcome.png") 0 0 no-repeat;
	color: #fff;
	position: relative;
}

.pnl-game-welcome .logout {
	position: absolute;
	bottom: 0;
	left: 0;
}

.pnl-game-welcome .logout #wp-logout {
	width: 159px;
	height: 69px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url("../images/btn-logout.png") 0 0 no-repeat;
	cursor: pointer; 
}

.pnl-game-welcome .current-points {
	font-family: 'display_free_tfbregular';
	font-size: 50px;
	position: absolute;
	bottom: 209px;
	right: 106px;
}

#game span.won {
	width: 77px;
	height: 77px;
	display: block;
	position: absolute;
}

#game span.points-150 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 125px;
	left: 102px;
}
#game span.points-250 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 118px;
	left: 256px;
}
#game span.points-400 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 115px;
	left: 415px;
}
#game span.points-550 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 132px;
	right: 313px;
}
#game span.points-700 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 130px;
	right: 160px;
}
#game span.points-800 {
	background: url("../images/points-7500.png") 0 0 no-repeat;
	bottom: 127px;
	right: 10px;
}

/* > Snake Game Page
-----------------------------------------------------------------------------*/
body.page-template-template-snakegame-php {
	background: #000 url("../images/snake-game.jpg") top center no-repeat;
}

body.page-template-template-snakegame-php #main-content {
	text-align: center;
	height: 740px;
}

.btn-home {
	width: 79px;
	height: 79px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url("../images/btn-game-home.png") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}