/* FONTS USED */
/* font-family: 'Expletus Sans', cursive;
/* font-family: 'Comfortaa', cursive;
/* font-family: 'Oswald', sans-serif;
/* font-family: 'Economica', sans-serif;
/* font-family: 'Magra', sans-serif;
/**************************************************/
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
	margin:0;
	padding:0;
	background:#000;
}

#bigwrapper {
	position: absolute; width: 100%; overflow-x: hidden
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic; 
 }

a img {
	border:none;
}

a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}

object, embed, a, a img, a:active, a:selected, a:visited {
    outline:0
 }

/* MAIN WRAPPER */
/**************************************************/
.wrapper {
	width:950px;
	margin: 0 auto;
}

.clear {
	clear:both;
	line-height:0 !important;
	height:0 !important;
}


/**********************************************************************************************************************/
/* HEADER */
/* MAILCHIMP */
/**********************************************************************************************************************/

#mc_embed_signup{
	clear:left; 
	font-size:17px;
}

#mc_embed_signup #mce-EMAIL {
	font-weight:normal;
	font-size:17px;
	width:400px;
	padding:4px;
	background:#444;
	color:#ccc;
	border:none;
}

#mc_embed_signup #label-mce {
	margin-bottom:0;
	padding-bottom:0;
	color:#66CC33;
}

#mc_embed_signup p {
	font-size:14px;
	padding:0 0 8px 0;
	margin:0;
}



/**********************************************************************************************************************/
/* HEADER */
/* MAIN NAVIGATION */
/**********************************************************************************************************************/
header {
	background:url("img/nav-back.png") repeat-x left top;
	padding:9px 0 0 0;
	position:fixed;
	width:100%;
	height:90px;
	overflow:hidden;
	top:0;
	left:0;
	resize:0;
	z-index:9999;
	font-family: MS Sans Serif, Geneva, sans-serif;
}

header div {
	width:950px;
	margin:0 auto;
}

header h1 {
	float:left;
	margin:3px 0 0 0;
}

header div ul li {
	list-style-type: none;
	display:inline;
}

header div ul {
	padding:0;
	margin:24px 0 0 0;
	float:right;
	width:750px;
}

header ul li a {
	font-size:18px;
	color:#999;
	margin:0 30px 0 0;
	font-weight:bold;
	text-decoration:none;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
}

header ul li a:hover {
	color:#fff;
}

header ul li a.ordercolor {
	color:#6EB84A;
	-moz-opacity:1;
	-webkit-opacity:1;
}

header ul li a:hover.ordercolor {
	color:#8BEB5D;
	-moz-opacity:1;
	-webkit-opacity:1;
}

/* MAIN CONTENT */
/* ANIMATION */
/**************************************************/
#logofinal {
	position:absolute;
	z-index:100;
	width:100%;
	text-align:center;
	margin-top:140px;
}

/* LUCES A */
.lucesA_position {
	position:absolute;
	margin-top:603px;
	margin-left:103px;
	z-index:50;
}

.lucesA_blink {
	position:absolute;
	margin-top:603px;
	margin-left:103px;
	z-index:60;
	  -webkit-animation-name: lucesA;  
	  -webkit-animation-iteration-count: infinite;  
	  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	  -webkit-animation-duration: 0.35s;

	  -moz-animation-name: lucesA;  
	  -moz-animation-iteration-count: infinite;  
	  -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	  -moz-animation-duration: 0.35s;

	  -ms-animation-name: lucesA;  
	  -ms-animation-iteration-count: infinite;  
	  -ms-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	  -ms-animation-duration: 0.35s; 
}

@-webkit-keyframes lucesA {  
  from { opacity: 1.0; }
  to { opacity: 0.6; }
}

@-moz-keyframes lucesA {  
  from { opacity: 1.0; }
  to { opacity: 0.6; }
}

@-ms-keyframes lucesA {  
  from { opacity: 1.0; }
  to { opacity: 0.6; }
}

/* MONITOR A */
.monitorA_position {
	position:absolute;
	bottom:-28px;
	margin-left:445px;
	z-index:50;
}

.monitorA_blink {
	position:absolute;
	bottom:-28px;
	margin-left:445px;
	z-index:60;
}

/* MONITOR B */
.monitorB_position {
	position:absolute;
	margin-top:625px;
	margin-left:156px;
	z-index:50;
}

.monitorB_blink {
	position:absolute;
	margin-top:625px;
	margin-left:156px;
	z-index:60;
}

.monitorsBlink {
 -webkit-animation-name: monitorA;  
 -webkit-animation-iteration-count: infinite;  
 -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
 -webkit-animation-duration: 0.10s;

 -moz-animation-name: monitorA;  
 -moz-animation-iteration-count: infinite;  
 -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
 -moz-animation-duration: 0.10s;

 -ms-animation-name: monitorA;  
 -ms-animation-iteration-count: infinite;  
 -ms-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
 -ms-animation-duration: 0.10s; 
}

@-webkit-keyframes monitorA {  
  from { opacity: 1.0; }
  to { opacity: 0.9; }
}

@-moz-keyframes monitorA {  
  from { opacity: 1.0; }
  to { opacity: 0.9; }
}

@-ms-keyframes monitorA {  
  from { opacity: 1.0; }
  to { opacity: 0.9; }
}


/* AUTOS */
#autosA {
	background:url("img/animation/autos_A.png") repeat-x left top;
	width:100%;
	height:150px;
	position:absolute;
	z-index:5;
	top:400px;
}

#autosB {
	background:url("img/animation/autos_B.png") repeat-x left top;
	width:100%;
	height:150px;
	position:absolute;
	z-index:5;
	top:340px;
}

#autosC {
	background:url("img/animation/autos_C.png") repeat-x left top;
	width:100%;
	height:150px;
	position:absolute;
	z-index:1;
	top:380px;
}

/* BALLOON ANIMATION */
#animation {
	width:100%;
	margin-top:40px;
	padding:0 0 0 0;
	height:1090px;
}

#window {
	background: url("img/animation-back.png")no-repeat left top;
	z-index:10;
	position:relative;
	width:950px;
	height:1090px;
}

#window_back {
	background: transparent url("img/window_back.jpg") no-repeat center top;
	width:730px;
	height:600px;
	margin-left:184px;
	position:absolute;
	top:35px;
	z-index:-20;
}

/*
@-webkit-keyframes dim {
	from { opacity: 0; }
	50% { opacity: 1; }
	to { opacity: 0; }
}

@-moz-keyframes dim {
	from { opacity: 0; }
	50% { opacity: 1; }
	to { opacity: 0; }
}

@-ms-keyframes dim {
	from { opacity: 0; }
	50% { opacity: 1; }
	to { opacity: 0; }
}
*/
#dim {
	background: url('img/animation-back-blue.png');
	width:950px;
	height:1090px;
	position:absolute;
	z-index:11;
/*	-webkit-animation-name: dim;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration : 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay:7s;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1.0);


	-ms-animation-name: dim;
	-ms-animation-fill-mode: forwards;
	-ms-animation-duration : 20s;
	-ms-animation-iteration-count: 1;
	-ms-animation-delay:7s;
	-ms-animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1.0);

	-moz-animation-name: dim;
	-moz-animation-fill-mode: forwards;
	-moz-animation-duration : 20s;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay:7s;
	-moz-animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1.0);
*/
}

#animation table {
	z-index:10;
	position:relative;
}

#animation table #left-back {
	background:#000;
	width:50%;
}

#animation table #right-back {
	background:#000;
	width:50%;
}

/* BALLOOON */
/**************************************************/
#balloon-container {
	height : 500px;
	top : -40px;
	left:-830px;
	width : 100%;
	z-index : 2;
	position : absolute;
}

/*
@-webkit-keyframes balloon {
	0%   { top : 0; left : 30%;  }
	100% { top : 0; left : 230%;  }
}

@-moz-keyframes balloon {
	0%   { top : 0; left : 30%;  }
	100% { top : 0; left : 230%;  }
}

@-ms-keyframes balloon {
	0%   { top : 0; left : 30%;  }
	100% { top : 0; left : 230%;  }
}
*/
#balloon-container img{
	position : absolute;
	top : 0px;
 	/*-webkit-animation-name: balloon;
 	-webkit-animation-duration : 40s;
 	-webkit-animation-iteration-count : 1;
 	-webkit-animation-direction : normal;
 	-webkit-animation-delay : 0;
	-webkit-animation-timing-function : linear;
	-webkit-transform-origin : 30% -100%;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;

	-moz-animation-name: balloon;
 	-moz-animation-duration : 40s;
 	-moz-animation-iteration-count : 1;
 	-moz-animation-direction : normal;
 	-moz-animation-delay : 0;
	-moz-animation-timing-function : linear;
	-moz-transform-origin : 30% -100%;
	-moz-perspective: 1000;
	-moz-backface-visibility: hidden;

	-ms-animation-name: balloon;
 	-ms-animation-duration : 40s;
 	-ms-animation-iteration-count : 1;
 	-ms-animation-direction : normal;
 	-ms-animation-delay : 0;
	-ms-animation-timing-function : linear;
	-ms-transform-origin : 30% -100%;
	-ms-perspective: 1000;
	-ms-backface-visibility: hidden;*/
}

#adv {
	z-index:5;
	width:300px;
	height:300px;
	margin-top:153px;
	margin-left:140px;
	top:0;
	left:0;
	position:absolute;
}

/** BOX SET **/
#boxtrigger {
	/*border:1px dotted yellow; */
	position:absolute;
	z-index:250;
	width:100%;
	height:350px;
	top:450px;

}

#box {
	width:680px;
	height:365px;
	background:url("img/box_small.png") no-repeat center top;
	position:absolute;
	z-index:200;
	top:435px;
	left:50%;
	margin-left:-340px;
}



/**********************************************************************************************************************/
/* CYPHER SELL */
/**********************************************************************************************************************/
#cypherSell {
	background:#c73218;
	color:#fff;
	padding:15px 0 19px 0;
	position:relative;
	border-bottom:3px solid #FF0000;
	z-index:70;
}

#cypherSell h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
/*	text-shadow: 0px 3px 6px #5c0505;
	filter: glow(color=#5c0505,strength=5); /* IE */ 
	margin: 6px 0 7px 0;
	padding:0;
}

#cypherSell h3.fixRight {
	margin-left:60px;
}

#cypherSell h3.fixLeft {
	margin-right:80px;
}

#cypherSell table p {
	font-family: 'Comfortaa', sans-serif;
	margin:0 0 8px 0;
	padding:0;
	line-height:24px;
	font-size:17px;
}

#cypherSell td {
	vertical-align: top;
}

#cypherSell td.alignRight {
	text-align:right;
	padding-right:80px;
}

#cypherSell img {
	position:absolute;
	top:-84px;
	z-index:5000;
	margin-left:183px;
}

/**********************************************************************************************************************/
/* CYPHER SELL 2 */
/**********************************************************************************************************************/
#cypherSell2 {
	background:#001D39 url("img/cypherSell/back.png") no-repeat center top;
	border-top:3px solid #000;
	padding:2px 0 5px 0;
	border-bottom:4px solid #19195E;
}

#cypherSell2 #block {
	color:#33CCFF;
	font-size:30px;
	padding:0 25px;
	text-align:center !important;
	font-family: 'Expletus Sans', sans-serif;        
}

/**********************************************************************************************************************/
/* TRAILER */
/**********************************************************************************************************************/
p.trailerbuttons {
	padding:10px 0 !important;
	margin: 0 !important; 
	text-align:center;
	width:100%;
}


#trailer {
	color:#fff;
	background:#000;
	/*border-top:20px solid #000; */
	/*padding-bottom:20px; */
	position:relative;
	z-index:100;
}

#trailer ul {
	padding:0;
	margin:0;
	list-style-type:none;
	font-family: 'Comfortaa', sans-serif;
}

#trailer ul li {
	line-height:28px;
	font-size:17px;
}

#trailer h2 {
	font-family: 'Economica', sans-serif;
	font-size:1.4em;
	margin:24px 0 0 0;
	color:#FFCC66;
	line-height:27px;
/*    text-shadow: 0px 0px 8px #FF9933;
    filter: dropshadow(color=#FF9933, offx=0, offy=0);    */
}

#video-left {
	float:left;
	width:215px;
}

#video-left p {
	font-size:1em;
	line-height:1.4em;
}

/* THE VIDEO */
#cyphervideo {
	float:right;
	margin-top:30px;
}

#cyphervideo #replay {
	position:absolute;
	margin-left:-75px;
	margin-top:-60px;
	display: none;
}

#cyphervideo #replay a {
	padding:15px;
}




/**********************************************************************************************************************/
/* EXTENDED TRAILER */
/**********************************************************************************************************************/
#extended {
	background: #080F2D;
	padding:0;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
}

#extended .wrapper {
	background:url("img/extended/watch.jpg") no-repeat left top;
	height:218px;
}

#extended .wrapper h2 {
	margin:0;
	color:#00C3F6;
	padding:20px 0 0 0;
	font-size:2.1em;
	font-weight:normal;
	width:490px;
	font-family: 'Economica', sans-serif;
}

#extended .wrapper p {
	margin:0;
	color:#A9FFEE;
	font-size:1.1em;
	padding:6px 0 0 0;
	width:460px;
	font-weight:normal;
	line-height:1.4em;
}

#extended .wrapper iframe {
	margin:15px 0 0 0;
}


/**********************************************************************************************************************/
/* GAMEPLAY */
/**********************************************************************************************************************/
#gameplay {
	background:#000;
	position:relative;
}

/* font-family: 'Expletus Sans', cursive;
/* font-family: 'Comfortaa', cursive;
/* font-family: 'Oswald', sans-serif;
/* font-family: 'Economica', sans-serif;
/* font-family: 'Magra', sans-serif; */

#gameplay .itemIconPic a {
background-image:url("img/package/icon_big.png");
background-position: 50% 50%;
background-repeat: no-repeat;
background-origin: border-box;
 
display: inline-block; width: 100px; height: 100px;
border-width: 50px;
border-color: rgba(0,0,0,0);
 
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
 
/* Add Border Inside The Box */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
 
/* Apply Transition (duration, easing) */
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;

position:absolute;
bottom:-50px;
right:40px;
z-index:100;
}
 
/* Make Border Width = 0 and opacity = 0.5 on Hover */
#gameplay .itemIconPic a:hover {
    border-width: 0;
    border-color: rgba(255, 255, 0, 0.5);
}
 
/* Border Style */
#gameplay .itemIconPic a.one {
     border-style: solid;
}

#gameplay .hr {
	float:left;
	width:100%;
	color:#fff;
}


#gameplay .hr div {
	vertical-align: top;
	font-family: Trebuchet MS, sans-serif;
	line-height:25px;
	text-align:center;
}

#gameplay .hr img {
	padding:21px 0 7px 0;
	float:none;
	line-height:0;
}


/* GUY LEFT HR */
/****** THE GUY SPANNING **********/
#gameplay .hr.guyLeft {
	background:url(img/gameplay/GuyLeftTile.jpg) repeat left top;
	border-top: 5px solid #2B0047;
	border-bottom:3px solid #000;
	padding:25px 0 0 0;
}

#gameplay .hr.guyLeft .wrapper {
	background: url(img/gameplay/guyLeft.png) no-repeat left bottom;	
}

#gameplay .hr.guyLeft .text {
	width:275px;
	float:right;
	line-height:23px;
	margin-bottom:14px;
	font-size:17px;
	text-align:right;
	padding:15px;
	background:url(img/gameplay/guyLeftText.png) repeat left top;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#gameplay .hr.guyLeft h2 {
	text-align:center;
	font-size:1.9em;
	margin:0 0 8px 0;
	line-height:1.3em;
}


/* GUY RIGHT HR */
/****** THE COP SPANNING **********/
#gameplay .hr.guyRight {
	position:relative;
	background:url(img/gameplay/GuyRightTile.jpg) repeat-x left top;
	border-top: 3px solid #000;
	border-bottom:3px solid #000;
	padding:25px 0 0 0;
	background-position: 150% 0%;
    background-repeat: repeat-x;
}

#gameplay .hr.guyRight .retriever {
	background: url(img/gameplay/guyRightRetriever.png) no-repeat left bottom;	
	width:510px;
	left:50%;
	margin-left:-70px;
	height:430px;
	position:absolute;
	bottom:0;
	z-index:0;
}


#gameplay .hr.guyRight .wrapper {
	background: url(img/gameplay/guyRightCop.png) no-repeat 50px bottom;	
}

#gameplay .hr.guyRight .text {
	width:275px;
	float:right;
	line-height:23px;
	margin-bottom:14px;
	font-size:17px;
	text-align:right;
	padding:15px;
	position:relative;
	background:url(img/gameplay/guyLeftText.png) repeat left top;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#gameplay .hr.guyRight h2 {
	text-align:center;
	font-size:1.9em;
	margin:0 0 8px 0;
	line-height:1.3em;
	z-index:50;
	position:relative;
}


/* SPECIAL HR */
#gameplay .hr.special {
	background: transparent url(img/gameplay/strip.jpg) no-repeat center bottom;
	text-align:center;
}

#gameplay .hr .stripShadow {
	background: transparent url(img/gameplay/stripshadow.png) no-repeat center top;
	position:absolute;
	width:900px;
	height:90px;
	margin-left:150px;;
	z-index:100;
}

#gameplay .hr.special h2 {
	margin:18px 0 4px 0;
	font-size:28px;
	padding:0 40px;
	font-family: 'Karla', sans-serif;
/*	text-shadow: 0 0 30px #0099FF,
                   0 0 20px #0099FF,
                   0 0 70px #3399FF,
                   0 0 80px #3399FF,
                   0 0 100px #3399FF,
                   0 0 150px #3399FF;
    filter: dropshadow(color=#3399FF, offx=0, offy=0); */
}


/* PICTURES */
/*****************/
#gameplay .pic {
	text-align:center;
	margin:0;
}

#gameplay img {
	float:left;
	margin-left:20px;
}

#gameplay .mouseover {
	position:relative;
	height:500px;
}

/* PICTURES MOUSE OVER */
/**********************/
#gameplay .hidden { 
	z-index: 100;
	position: absolute;
	width: 840px;
	padding:14px;
	background:url("img/gameplay/blackbg.png") repeat left top;
	margin: 30px 0 0 50px;
}


/* font-family: 'Expletus Sans', cursive;
/* font-family: 'Comfortaa', cursive;
/* font-family: 'Oswald', sans-serif;
/* font-family: 'Economica', sans-serif;
/* font-family: 'Magra', sans-serif; */

#gameplay .hidden h1 {
	float: none;
	padding: 0;
	margin: 0 0 12px 0;
	font-size:3.5em;
	font-weight:bold;
	color:#fff;
	line-height:1em;
	font-family: 'Economica', sans-serif;
/*	text-shadow: #000000 0px 3px 5px;
	filter: glow(color=#000000 ,strength=5); /* IE */ 
}

#gameplay .hidden p.first {
	margin: 0;
	font-family: 'Expletus Sans', sans-serif;
	font-size:1.2em;
	color:#fff;
/*	text-shadow: #000000 0px 3px 5px;
	filter: glow(color=#000000 ,strength=5); /* IE */
	line-height:29px;
}

#gameplay .hidden p.second {
	width:300px;
	position:absolute;
	left:0;
	font-family: 'Expletus Sans', sans-serif;
	color:#fff;
	background:#470047;
	padding:15px 10px;
	margin-top:80px;
	line-height:26px;
	font-size:1em;
	border-left:5px solid #CC0066;
}


/**********************************************************************************************************************/
/* FREELIES */
/**********************************************************************************************************************/
#freelies {
	position:relative;
	font-family:Open Sans, sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	text-align:right;
	padding-top:5px;
}

#freelies p#first {
	color:#ccc;
	margin-top:18px;
	padding-right:20px;
}

#freelies p#second {
	margin-top:100px;
	color:#66CCFF;
	padding-right:20px;
	margin-top:88px;
}

#freelies p#first span {
	color:#fff;
}

#freelies p#second span {
	font-size:1.2em;
	color:#fff;
	line-height:1.3em;
}


#areback {
	width:100%;
	background: #FFCC33;
	position:absolute;
	z-index:50;
	margin-top:658px;
}

#areback .wrapper {
	background:url("img/package/freeliesTitle.png") no-repeat right center;
	height:65px;
}


/**********************************************************************************************************************/
/* HINTBOOK */
/**********************************************************************************************************************/

#hintbook {
	height:400px;
	width:100%;
	position:relative;
	padding-top:30px;
	background:#1A1A1A;
}

#hintbook p {
	margin:0;
	padding-left:20px;
	width:550px;
	line-height:1.5em;
	color:#888;
}

#hintbook p span {
	color:#fff;
}

#hintbook p.text {
	font-family: Open Sans, sans-serif;
	font-size:1.2em;
	margin-bottom:15px;
}

#hintbook .wrapper {
	background:none !important;
	height:auto !important;
}

#bonus {
	border-top:1px solid #003160;
	background:#001D39 url("img/package/hintback.jpg") no-repeat center top;
	color:#8CB3D1;
	font-family:Open Sans, sans-serif;
	padding: 15px 0;
}


/* font-family: 'Expletus Sans', cursive;
/* font-family: 'Comfortaa', cursive;
/* font-family: 'Oswald', sans-serif;
/* font-family: 'Economica', sans-serif;
/* font-family: 'Magra', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */


#bonus h4 {
	margin:0;
	padding:0 0 0 18px;
	font-size:1.8em;
	font-family: 'Economica', sans-serif;
	color:#fff;
}

#bonus ul {
	font-size:1.1em;
	margin:8px 0 0 18px;
}

#bonus ul li {
	margin-bottom:12px;
}

#bonus p {
	margin:6px 0 0 18px;
	font-size:1.2em;
	color:#ccc;
	font-family: 'Expletus Sans', sans-serif;
}



/**********************************************************************************************************************/
/* THE PACKAGE */
/**********************************************************************************************************************/
#package {
	background: url(img/package/mesa-low.jpg) no-repeat center bottom;
	height:2570px;
	padding-top:15px;
	position:relative;
}

#package .wrapper.titles {
	background:url(img/package/title2.jpg) no-repeat center top;
	height:auto;
	padding-top:365px;
}

#package .icon {
	position:absolute;
	z-index:200;
}


/* TOOLTIPS */
#tooltip {
	font-family: Trebuchet MS, sans-serif;
	font-weight:bold;
	font-size: 1.05em;
	text-align: center;
/*	text-shadow: 0 1px rgba( 0, 0, 0, .5 ); */
	line-height: 1.35;
	color: #fff;
	background: url("img/package/tooltip.png") repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 8px solid rgba(255,255,0,0.8);
	position: absolute;
	z-index: 200;
	padding: 15px;
	width:250px;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	border-top: 10px solid #333;
    border-top-color: rgba( 0, 0, 0, .7 );
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
	border-bottom: 10px solid #333;
    border-bottom-color: rgba( 0, 0, 0, .6 );
	top: -20px;
	bottom: auto;
}

#tooltip.left:after {
	left: 10px;
	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

/* ITEMS */
/* the ID are the items and the classes are the tooltips */
/* tool1 class for example is the positioning */
/*********************************************************/
#package .itemIcon a {
background-image:url("img/package/icon.png");
background-position: 50% 50%;
background-repeat: no-repeat;
background-origin: border-box;
 
display: inline-block; width: 100px; height: 100px;
border-width: 50px;
border-color: rgba(0,0,0,0);
 
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
 
/* Add Border Inside The Box */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
 
/* Apply Transition (duration, easing) */
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
 
/* Make Border Width = 0 and opacity = 0.5 on Hover */
#package .itemIcon a:hover {
    border-width: 0;
    border-color: rgba(255, 255, 0, 0.5);
}
 
/* Border Style */
#package .itemIcon a.one {
     border-style: solid;

}

/* fan */
#fan {
	position:absolute;
	width:600px;
	height:600px;
	z-index:2;
	right:0;
	margin-right:80px;
	margin-top:-60px;
	animation: fan 2.5s linear infinite;
	-moz-animation: fan 2.5s linear infinite;
	-webkit-animation: fan 2.5s linear infinite;
	-ms-animation: fan 2.5s linear infinite;
}

@keyframes fan {
  from { transform: rotate(360deg); }
  to   { transform: rotate(0deg); }
}

@-moz-keyframes fan {
  from { -moz-transform: rotate(360deg); }
  to   { -moz-transform: rotate(0deg); }
}

@-webkit-keyframes fan {
  from { -webkit-transform: rotate(360deg); }
  to   { -webkit-transform: rotate(0deg); }
}

@-ms-keyframes fan {
  from { -ms-transform: rotate(360deg); }
  to   { -ms-transform: rotate(0deg); }
}

/************************************/
/* PLEASURE BOOTH
/***********************************/
#package #item1 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:40;
		bottom:0;
		margin-bottom:10px;
		margin-left:0px;
}

#package .tool1 { /* tooltip location */
	bottom:-10px;
	margin-left:110px;
}

/************************************/
/* PAPERCRAFT
/************************************/
#package #item2 {
	position:absolute;
	width:514px;
	height:425px;
	z-index:20;
		bottom:0;
		margin-bottom:360px;
		margin-left:250px;
}

#package .tool2 { /* tooltip location */
	bottom:380px;
	margin-left:440px;
}

/************************************/
/* ELECTRONIC NOTE
/************************************/
#package #item3 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:50;
		bottom:0;
		margin-bottom:60px;
		margin-left:170px;
}

#package .tool3 { /* tooltip location */
	bottom:210px;
	margin-left:240px;
}

/************************************/
/* MARKET
/************************************/
#package #item4 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:26;
		bottom:0;
		margin-bottom:150px;
		margin-left:20px;
}

#package .tool4 { /* tooltip location */
	bottom:260px;
	margin-left:100px;
}

/************************************/
/* MEDICAL REPORT
/************************************/
#package #item5 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:16;
		bottom:0;
		margin-bottom:320px;
		margin-left:-10px;
}

#package .tool5 { /* tooltip location */
	bottom:420px;
	margin-left:110px;
}


/************************************/
/* MIGRATION
/************************************/
#package #item6 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:36;
		bottom:0;
		margin-bottom:110px;
		margin-left:680px;
}

#package .tool6 { /* tooltip location */
	bottom:210px;
	margin-left:700px;
}

/************************************/
/* QRS MANUAL
/************************************/
#package #item7 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:16;
		bottom:0;
		margin-bottom:310px;
		margin-left:540px;
}

#package .tool7 { /* tooltip location */
	bottom:380px;
	margin-left:730px;
}


/************************************/
/* MAPA
/************************************/
#package #item8 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:46;
		bottom:0;
		margin-bottom:25px;
		margin-left:510px;
}

#package .tool8 { /* tooltip location */
	bottom:110px;
	margin-left:620px;
}


/************************************/
/* CAPSULE
/************************************/
#package #item9 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:56;
		bottom:0;
		margin-bottom:10px;
		margin-left:650px;
}

#package .tool9 { /* tooltip location */
	bottom:-18px;
	margin-left:680px;
}


/************************************/
/* DVD COVER
/************************************/
#package #item10 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:56;
		bottom:0;
		margin-bottom:145px;
		margin-left:300px;
}

#package .tool10 { /* tooltip location */
	bottom:60px;
	margin-left:400px;
}


/************************************/
/* PHOTO FRIENDS
/************************************/
#package #item11 {
	position:absolute;
	width:247px;
	height:257px;
	z-index:50;
		bottom:0;
		margin-bottom:-65px;
		margin-left:170px;
}

#package .tool11 { /* tooltip location */
	bottom:10px;
	margin-left:240px;
}


/************************************/
/* HINTBOOK
/************************************/
#package #item12 {
	position:absolute;
	width:285px;
	height:319px;
	z-index:50;
		bottom:0;
		margin-bottom:75px;
		margin-left:395px;
}

#package .tool12 { /* tooltip location */
	bottom:250px;
	margin-left:540px;
}


/**********************************************************************************************************************/
/* ORDER
/**********************************************************************************************************************/
#order {
	border-top:10px solid #6EB84A;
	background:#222;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}

#package-order {
	width:10px;
	height:10px;
	margin-top:2140px;
	position:absolute;
	z-index:-100;
}

#premium {
	margin: 0 auto;
	padding: 0;
	color:#777;
	line-height:15px;
}

#premium img {
	padding:0 0 5px 0;
}

#premium strong {
	color:#fff;
	font-weight:normal;
}

#order #deluxe h1 span.off,
#order #collector h1 span.off {
	font-size:1.5em;
	color:#7FFF00;
}

#order #standard h1 span.price {
	font-size:1.1em;
	font-family:Open Sans, sans-serif;
	font-weight:normal !important;
	color:#fff;
}

#order #standard h1 span.bonus {
	color:#ccc;
	font-size:0.5em;
	font-weight:normal;
	font-family:Open Sans, sans-serif;
}

#order #deluxe h1 span.price,
#order #collector h1 span.price {
	font-family:Open Sans, sans-serif;
	font-size: 24px !important;
	font-weight:normal !important;
	color:#fff;
}

#order #deluxe h1 span.realprice,
#order #collector h1 span.realprice {
	position:absolute;
	margin-left:-130px;
	margin-top:-4px;
	font-weight:normal;
	font-family:Open Sans, sans-serif;
	color:#777;
}

#order #standard strong,
#order #collector strong,
#order #deluxe strong {
	font-size:20px;
	color: #fff
}

#order #standard span,
#order #collector span,
#order #deluxe span {
	font-size:18px;
	color:yellow;
}

#order #standard strong.special,
#order #collector strong.special,
#order #deluxe strong.special {
	color:#FFB6C1 !important;
}

#order #disclamer {
	float:left;
	margin-top:10px;
	color:#888;
	padding-left:22px;
	width:680px;
	font-size:16px;
	line-height:23px;
	text-align:left;
	background:url(img/package/clock-icon.jpg) no-repeat left center;
}

#order #disclamerBack {
	background:url(img/order/disclamer.jpg) no-repeat center top;
	width:100%;
}

#order #buttons {
	position:absolute;
	margin-left:310px;
	margin-top:50px;
}

#order #disclamer span {
	color:#fff;
}

#order #disclamer a {
	color:#666;
	text-decoration:none;
}

#order #disclamer a:hover {
	text-decoration:underline;
	color:#fff;
}

#order p#icons {
	vertical-align: middle;
	padding-top:32px;
	float:right;
}

#order .wrapper {
	position:relative;
}

#order ul {
	list-style-type:none;
	position:absolute;
	margin-left:230px;
	margin-top:6px;
	z-index:200;
	font-weight:bold;
}

#order ul li {
	float:left;
}

#order ul li a {
	text-decoration: none;
	color:#888;
	font-size:21px;
	padding:15px 20px;
	text-align:center;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#order ul li a:hover {
	color:#fff;
	cursor: pointer;
}

#order ul li a.selected {
	background:#6EB84A;
	padding:15px 20px 10px 20px;
	color:#fff;
}

#order .wrapper h1 {
	margin:40px 0 5px 0;
	padding:0;
	color:#66CCFF;
	font-family: 'Magra', sans-serif;
}

#order .wrapper p {
	color:#ccc;
	margin:0 0 20px 0;
	line-height:1.4em;
	font-size:1.1em;
	font-weight: normal;
}

#update {
	position:absolute;
	background:orange;
	margin-top:-60px;
	left:50%;
	padding:6px 15px;
	margin-left:-170px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	z-index:200;
}

p.requisitosMac {
	position:absolute;
	width:300px;
	margin-left:-5px !important;
	margin-bottom:5px !important;
	line-height:22px !important;
	text-align: right;
	color:#888 !important;
	font-size:13px !important;
}

p.requisitosWin {
	position:absolute;
	right:0;
	margin-right:-5px !important;
	width:300px;
	margin-bottom:5px !important;
	line-height:22px !important;
	text-align: left;
	color:#888 !Important;
	font-size:13px !important;
}


#clock {
	position:absolute;
	margin-top:45px;
	margin-left:0;
}

/**********************************************************************************************************************/
/* WHO IS CRAZY ENOUGH TO DO THIS GAME? */
/**********************************************************************************************************************/
/* font-family: 'Expletus Sans', cursive;
/* font-family: 'Comfortaa', cursive;
/* font-family: 'Oswald', sans-serif;
/* font-family: 'Economica', sans-serif;
/* font-family: 'Magra', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */

#who {
	border-top:15px solid #333;
	background:#000;
	color:#ccc;
	line-height:1.4em;
	font-size:1em;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
}

#who h2 {
	color:#fff;
	margin-bottom:0;
	padding-bottom:0;
}

#who strong {
	color:#fff;
}

#who p#intro {
	font-size:1.1em;
	line-height:1.4em;
	margin:5px 0 7px 0;
}

#who p#photo {
	text-align: center;
}

#who table td {
	width:30%;
	padding-right:40px;
	vertical-align: top;
}
/* FANPAGE */
#fanpage {
	border-top:6px dotted #333;
	margin-top:25px;
}

.touch {
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:1.3em;
	color:#fff;
}

/**********************************************************************************************************************/
/* COPYRIGHT
/**********************************************************************************************************************/
#copyright {
	text-align: center;
	color:#444;
	margin-top:50px;
	line-height:22px;
	padding:5px 40px 5px 40px;
	font-size:0.85em;
	background:#222;
	font-family: Arial, sans-serif;
}

#copyright a,
#copyright a:link,
#copyright a:visited {
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}

#copyright a:hover {
	color:#fff;
}