@charset "utf-8";

/***** SPECIAL STYLED FONT *****/
@font-face {
    font-family: 'apex_newbold_italic';
    src: url('font-webfont.eot');
    src: url('font-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-webfont.woff') format('woff'),
         url('font-webfont.ttf') format('truetype'),
         url('font-webfont.svg#apex_newbold_italic') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

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

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

/* Preload Images ============================================ */
div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }

/***** Clearing floats: http://www.positioniseverything.net/easyclearing.html *****/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}
.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }

/********** HEADER **********/
body { 	margin: 0; padding: 0; background: #488bbf; 

background: rgb(25,25,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzE2MmIzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODhiYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(22,43,59,1) 45%, rgba(72,139,192,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(45%,rgba(22,43,59,1)), color-stop(100%,rgba(72,139,192,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#488bc0',GradientType=0 ); /* IE6-8 */
}
* { filter: inherit; outline: medium none; margin: 0; padding: 0; text-decoration: none; }
 
#header { position: fixed; width: 100%; z-index: 2000; text-align: center; }

/***** HEADER NAVIGATION  *****/
#nav { width: auto; margin: 0 auto; margin-top:-50px; display: inline-block; }
#nav ul { margin: 0 0 0 50px; padding: 0; }
#nav li, #nav li.grn { 
	background: url(../imgs/nav/whiteRight.png) top right no-repeat; 
	list-style: none; float: left; text-transform: uppercase; 
	padding-right: 20px;
	position: relative;
	height: 68px;
	top: -20px;
}
#nav li.grn { background: url(../imgs/nav/greenRight.png) top right no-repeat; }
#nav li a, #nav li.grn a { font-family: 'apex_newbold_italic'; font-size: 24px; text-decoration: none; display: block; color: #000; 
	margin: 0 1px; padding: 7px 5px 7px 30px; background: url(../imgs/nav/whiteLeft.png) top left no-repeat; height: 40px; }
li#buy a { background: url(../imgs/nav/NAVbook.png) top left no-repeat; padding: 26px 10px 6px 55px; }
li#shop a { background: url(../imgs/nav/NAVshop.png) top left no-repeat; padding: 26px 10px 6px 55px; }
li#news a { background: url(../imgs/nav/NAVfb.png) top left no-repeat; padding: 26px 10px 6px 55px; }
li#about a { background: url(../imgs/nav/navAbout.png) top left no-repeat; padding: 26px 10px 6px 55px; }
#nav li.grn a { background: url(../imgs/nav/greenLeft.png) top left no-repeat; padding-top: 30px;}
li#buy { left: -10px; 
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s; }
li#shop { left: -20px; 
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s; }
li#news { left: -30px; 
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s; }
li#about { left: -40px; 
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s; 
	cursor: pointer;
}
	

#nav li.grn:hover { top: 0; left: -5px; }
li#buy:hover { top: 0; left: -15px;}
li#buy:hover  a { color: #7bc043;  background-image: url(../imgs/nav/NAVbook-over.png); }
li#shop:hover { top: 0; left: -25px;}
li#shop:hover  a { color: #7bc043;  background-image: url(../imgs/nav/NAVshop-over.png); }
li#news:hover { top: 0; left: -40px;}
li#news:hover  a { color: #7bc043; background-image: url(../imgs/nav/NAVfb-over.png); }

li#about:hover { top: 0; left: -50px;}
li#about:hover  a { color: #7bc043; background-image: url(../imgs/nav/NAVAbout-over.png); }
 
/***** PAGE STRUCTURE   *****/
#outer {
	position: relative; min-height: 760px;
	background: rgb(25,25,25); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzE2MmIzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODhiYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(22,43,59,1) 45%, rgba(72,139,192,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(45%,rgba(22,43,59,1)), color-stop(100%,rgba(72,139,192,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(22,43,59,1) 45%,rgba(72,139,192,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#488bc0',GradientType=0 ); /* IE6-8 */
	/*min-height: 1400px;
	background: url(../imgs/newstars.png) center;*/
	overflow: hidden;
	background: url(../imgs/newstars2.png) center center;
	
 }
#pg { width: 100%; }
#stars { width: 100%;  background: url(../imgs/newstars.png) center bottom; margin-top: -1000px;
    min-height: 2000px; position: absolute; z-index: -1;
	-moz-animation: galaxy 500s linear infinite;
	-webkit-animation: galaxy 500s linear infinite;
	-o-animation: galaxy 500s linear infinite;
	-ms-animation: galaxy 500s linear infinite;
}
#main { margin: 0 auto; display: block; width: 777px; }
#egg {  
	background: url(../imgs/HOMEplanet.png) center no-repeat; width: 777px; height: 613px; margin: 0 auto; position:absolute; 
	animation: egg 4s; 
	-moz-animation: egg 4s;
	-webkit-animation: egg 4s;
	-o-animation: egg 4s;
	-ms-animation: egg 4s;
} 
#mainImg { 
	margin: 15% 0 0; position: relative; z-index: 500;
	animation: dinonauts 5s; 
	-moz-animation: dinonauts 5s;
	-webkit-animation: dinonauts 5s;
	-o-animation: dinonauts 5s;
	-ms-animation: dinonauts 5s;
}
#main h1 { color: #FFF; text-transform:uppercase;  font-family: 'apex_newbold_italic'; font-size: 24px; text-align: center; magrin-top: 20px; }


/***** DOT BUTTONS  *****/
.dot{ position: relative ; display: block; width: 25px; height: 25px; margin: 0 auto; cursor: pointer; z-index: 1000; opacity: .75;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s; }
.dot:hover{  opacity: 1; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.dot:hover .ttwrap { transform: scale(1); }

.dot-outer{ position: absolute; width: 25px; height: 25px; margin: 0; border-radius: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s; 
}
.dot-inner{ position: absolute; margin: 8px 0 0 8px;; width: 10px; height: 10px; border-radius: 100%; background-color: #000; background: url(../imgs/nav/blackdot.png) center no-repeat; }
.dot-orbit{ 
	position: absolute; width: 60px; height: 60px; border-radius: 100%; background-color: none; margin: -15px 0 0 -15px; 
	color: #FFF; font-family: space_woozies_extrasregular;  font-size: 13px;
}
#dot1 .dot-orbit{
	-moz-animation: moon 15s linear infinite;
	-webkit-animation: moon 15s linear infinite;
	-o-animation: moon 15s linear infinite;
	-ms-animation: moon 15s linear infinite;
}
#dot2 .dot-orbit{ 
	-moz-animation: moon 12s linear infinite;
	-webkit-animation: moon 12s linear infinite;
	-o-animation: moon 12s linear infinite;
	-ms-animation: moon 12s linear infinite;
}

#dot3 .dot-orbit{ 
	-moz-animation: rmoon 18s linear infinite;
	-webkit-animation: rmoon 18s linear infinite;
	-o-animation: rmoon 18s linear infinite;
	-ms-animation: rmoon 18s linear infinite;
}

#dot4 .dot-orbit{ 
	-moz-animation: moon 11s linear infinite;
	-webkit-animation: moon 11s linear infinite;
	-o-animation: moon 11s linear infinite;
	-ms-animation: moon 11s linear infinite;
}
#dot5 .dot-orbit{ 
	-moz-animation: moon 20s linear infinite;
	-webkit-animation: moon 20s linear infinite;
	-o-animation: moon 20s linear infinite;
	-ms-animation: moon 20s linear infinite;
}
#dot6 .dot-orbit{ 
	-moz-animation: rmoon 11s linear infinite;
	-webkit-animation: rmoon 1s linear infinite;
	-o-animation: rmoon 11s linear infinite;
	-ms-animation: rmoon 11s linear infinite;
}
#dot7 .dot-orbit{ 
	-moz-animation: rmoon 15s linear infinite;
	-webkit-animation: rmoon 15s linear infinite;
	-o-animation: rmoon 15s linear infinite;
	-ms-animation: rmoon 15s linear infinite;
}


p.space {  font-family: space_woozies_extrasregular;  font-size: 24px; color: #FFF; }

/***** PULSE ICON  *****/
.pulse-icon{ position: relative; bottom: 0; left: 15px; width: 88px; height: 88px; 
  	margin: 0 auto; cursor: pointer; z-index: 700;
	animation: allPulseBtn 2s ease; 
	-moz-animation: allPulseBtn 2s ease;
	-webkit-animation: allPulseBtn 2s ease;
	-o-animation: allPulseBtn 2s ease;
	-ms-animation: allPulseBtn 2s ease;
}
.small-pulse{
	position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -39px 0 0 -39px; border-radius: 100%; background-color: #ffffff;
	animation: small-pulse 0.5s ease infinite; 
	-moz-animation: small-pulse 0.5s ease infinite;
	-webkit-animation: small-pulse 0.5s ease infinite;
	-o-animation: small-pulse 0.5s ease infinite;
	-ms-animation: small-pulse 0.5s ease infinite; 
}
.pulse-icon-inner{
	position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 50px; height: 50px; 
	background: url('../imgs/nav/rotate-lines.png') left center no-repeat;
	animation: inner-rotate 10s linear infinite;
	-moz-animation: inner-rotate 10s linear infinite;
	-webkit-animation: inner-rotate 10s linear infinite;
	-o-animation: inner-rotate 10s linear infinite;
	-ms-animation: inner-rotate 10s linear infinite;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.pulse-icon:hover .pulse-icon-inner {
	background-position: right center; 
	animation-duration: 1s; 
	-moz-animation-duration: 1s; 
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s; 
}
.pulse-icon-centre{
	position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px;width: 38px; height: 38px; border-radius: 100%; 
	background: #000 url('../imgs/nav/cross-white.png') center center no-repeat;
	-webkit-transition: .4s; 
	-moz-transition: .4s; 
	-ms-transition: .4s; 
	-o-transition: .4s; 
	transition: .4s; 
}

#closeDS .pulse-icon-centre, #closeArt .pulse-icon-centre { background-image: url("../imgs/nav/x-white.png"); }

#closeArt { 
    float: right;
    margin: -15px -15px 0 0;
    position: relative;
	cursor: pointer;
}
.pulse-icon:hover .pulse-icon-centre { background-color: #0f67eb; }

/***** RANDOM SHOOTING STAR  *****/
.randomStar { position: absolute; z-index: 100; top: 100px; left: 250px; }

/***** LEFT AND RIGHT SPACESHIPS  *****/
#spaceshp-left { 
	position: absolute; z-index: 300; margin: 0px 0 0 -180px; 
	animation: spaceshipLeft 2s; 
	-moz-animation: spaceshipLeft 2s;
	-webkit-animation: spaceshipLeft 2s;
	-o-animation: spaceshipLeft 2s;
	-ms-animation: spaceshipLeft 2s;
}
#spaceshp-right { 
	position: absolute; z-index: 300; margin: 65px 0 0 650px; 
	animation: spaceshipRight 3s; 
	-moz-animation: spaceshipRight 3s;
	-webkit-animation: spaceshipRight 3s;
	-o-animation: spaceshipRight 3s;
	-ms-animation: spaceshipRight 3s;
}

/***** GROWING GLOBES  *****/
#globe {
	position: relative; bottom: 127px; left: 0px; width: 80px; height: 80px; margin: 0 auto; z-index: 650; opacity: 0;
	background: #FFF url('../imgs/nav/grayPlus.png') center center no-repeat; background-size: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: .4s; -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s; transition: .4s; 
	-webkit-box-shadow: 0px 10px 80px rgba(226, 97, 138, 0.5); 
	-moz-box-shadow: 0px 10px 80px rgba(226, 97, 138, 0.5);
	box-shadow: 0px 10px 80px rgba(226, 97, 138, 0.85);
}
#innerGlobe{
	background: none repeat scroll 0 0 #FFF; height: 100%; width: 100%; margin: 0 auto; opacity: 0.1; 
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#globeMoonA, #globeMoonB, #globeMoonC { 
	background: none repeat scroll 0 0 #FFF; height: 65px; width: 65px; margin: 0 auto; opacity: 0.1; position: relative; z-index: 670;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#globeMoonA { left: 340px; top: -350px; }
#globeMoonB { height: 45px; width: 45px; left: -300px; top: -140px;}
#globeMoonC { height: 25px; width: 25px; top: -500px; left: -300px;}

/***** DINONAUTS SHOW  *****/
#dinoShow, #dinoShow2 { display: none; width: 100%; position: absolute; top: -30px; z-index: 800; text-align: center; }
#closeDS, #closeDS2 {
	left: 200px;
    margin: 0;
    opacity: 1;
    position: relative;
    top: 120px;
    z-index: 670;
}
.nav-label {
    color: #FFFFFF;
    display: block;
    font-family: 'apex_newbold_italic';
    font-size: 2em;
    line-height: 1.8em;
    padding-top: 67px;
    position: absolute;
    text-align: center;
    top: 0;
	text-transform:uppercase;
	margin-left: 65px;
}
.nav-inner.next { background: url(../imgs/nav/tabNextSpite.png) no-repeat scroll 0 0 transparent; }
.next.nav-visible { right: -20px; }
.next.nav-visible:hover { right: 0px; }
.next { height: 194px; margin: -52.5px 0 0; position: absolute; right: -264px; top: 60%; transition: all 0.3s ease 0s; width: 264px; 
	z-index: 16000; }
.nav-inner.next .nav-icon { 
	background: url(../imgs/nav/TABtrexx.png) no-repeat scroll 35px center transparent; display: block; height: 194px; width: 150px; }

.back.nav-visible { left: -55px; }
.back.nav-visible:hover { left: -35px; }

.back .nav-label { right: 0; text-align: right; margin-right: 65px; }
.nav-outer.back { background: url(../imgs/nav/tabBackSpite.png) no-repeat scroll 0 0 transparent; }
.back { height: 194px; left: -264px; margin: -52.5px 0 0; position: absolute; top: 60%; transition: all 0.3s ease 0s; 
	width: 300px; z-index: 16000; }
.nav-outer .nav-icon { 
	background: url(../imgs/nav/tabLasherie.png) no-repeat scroll right center transparent; display: block; height: 194px; width: 250px; }
	
/***** DINO CAPTION *****/	
#dinoCaptionContainer { width: 100%; position: absolute; margin-top: -30px; }
#dinoCaption, #dinoCaption2 { width: 535px; font-family: apex_newbold_italic; color: #FFF; margin: 0 auto; } 
#dinoCaption h2, #dinoCaption2 h2 { text-transform:uppercase; font-size: 48px; /*text-shadow: 0px 5px 8px #000000; */ }
#dinoCaption p, #dinoCaption2 p { text-transform:uppercase; font-size: 19px; line-height: 25px;  /*text-shadow: 0px 5px 8px #000000; */ }

/***** BLACK AND WHITE ART WINDOW *****/	
#artWindow {  
	background-color: #FFFFFF;
    height: 100%;
    position: absolute;
	top: 0;
    width: 100%;
    z-index: 999; 
	text-align: center;
	display: none;
	z-index: 1001;
} 
#innerArt { 
	background-image: url(../imgs/art/SKETCH1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain; 
	width: 80%;
	height: 80%;
	margin: 85px auto 0;
}

.artClose { background-color: #FF0000;
    background-image: url("../imgs/nav/artCloseX.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100% 100% 100% 100%;
    float: right;
    height: 50px;
    margin: -15px -15px 0 0;
    position: relative;
    width: 50px; 
	cursor: pointer;
}
.artClose:hover { 
	transform: scale(1.20); 
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s; 
}
.artClose-orbit{ 
	border-radius: 100% 100% 100% 100%;
    color: #99FF00;
    /* font-family: space_woozies_extrasregular; */
	font-family: '52_sphereoidsregular';
    font-size: 12px;
    height: 110px;
    margin: -15px 0 0 -15px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 110px;
	animation: artCloseMoon 10s linear infinite; 
	-moz-animation: artCloseMoon 10s linear infinite;
	-webkit-animation: artCloseMoon 10s linear infinite;
	-o-animation: artCloseMoon 10s linear infinite;
	-ms-animation: artCloseMoon 10s linear infinite;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s; 
}

.artCaption { bottom: 15px;
    font-family: apex_newbold_italic;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 80%;  }
#artTitle { font-weight: bold; font-size: 2em; color: #000; line-height: 1em; }
#artTitle span { color: #F00; }
#artTag { font-weight: normal; font-size: 1em; color: #666; }


/***** TOOP TIPS ******/
.ttip { 
	background-color: #7bc043;
    border-radius: 12px 12px 12px 12px;
    color: #000;
    font-family: 'apex_newbold_italic';
    padding: 2px 0 2px;
    position: absolute;
    text-align: center;
    width: 130px;
    z-index: 20000; 
	font-size: 0.55em;
}

.ttwrap {
	background: url("../imgs/nav/toolTipStick.png") no-repeat scroll left center transparent;
    float: left;
    height: 7px;
    margin: 10px 0 0 24px;
	padding-left: 15px;
	display:none;
}
.ttwrap .ttip{ margin: -6px 0 0 0px; background: #7bc043; text-transform:uppercase; }
.ttwrap.rgt {
	background: url("../imgs/nav/toolTipStick.png") no-repeat scroll right center transparent;
    float: right;
    height: 5px;
    margin: 10px 25px 0 0;
    padding: 0;
    width: 184px;
}
.ttwrap.rgt .ttip {margin: -6px 0 0 40px; background: #7bc043; }

#globe.dark {
	-webkit-transition: .4s; -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s; transition: .4s; 
	-webkit-box-shadow: 0px 10px 80px rgba(215, 85, 0, 0.85); 
	-moz-box-shadow: 0px 10px 80px rgba(215, 85, 0, 0.85);
	box-shadow: 0px 10px 80px rgba(215, 85, 0, 0.85);
	background: none;
}

#innerGlobe.dark { background-color: #222; }
#globeMoonA.dark, #globeMoonB.dark { background-color: #666666; }
#globeMoonC.dark { background-color: #666666; }

/***** NICE MOONS *****/
#niceMoonsContainer { width: 100%; z-index: -1; position: absolute; left: 20px; top: 65px; }
#niceMoons { 
	height: 690px; width: 690px; margin: 0 auto; 
	-moz-animation: niceMoonsOrbit 120s linear infinite;
	-webkit-animation: niceMoonsOrbit 120s linear infinite;
	-o-animation: niceMoonsOrbit 120s linear infinite;
	-ms-animation: niceMoonsOrbit 120s linear infinite; 
}

#about-section { 
	display: none;
	position: absolute; z-index: 1900;
	background-image: url(../imgs/nav/Toro-Standing.png);
	background-position: center 40px;
	background-color: #FFF;
	background-repeat: no-repeat;
	width: 100%; height: 100%; top: 0;
}
#about-section div.inner { 
	width: 700px; margin: 0 auto; margin-top: 270px; text-transform: uppercase; font-family: 'apex_newbold_italic'; text-align: center; 
}
#about-section div.inner h2 { font-size: 42px; }
#about-section div.inner p { font-size: 21px; margin-bottom: 20px; }
 
 
#iemessage {
	position: absolute; z-index: 1900;
	background-image: url(../imgs/nav/Toro-Standing.png);
	background-position: center 40px;
	background-color: #FFF;
	background-repeat: no-repeat;
	width: 100%; height: 100%; top: 0;
}
#iemessage div.inner { 
	width: 600px; margin: 0 auto; margin-top: 270px; text-transform: uppercase; font-family: 'apex_newbold_italic'; text-align: center; 
}
#iemessage div.inner h2 { font-size: 32px; margin-bottom: 10px }
#iemessage div.inner p { font-size: 20px; margin-bottom: 20px; }
#iemessage div.inner a { color: #488BC0; text-decoration: none; }
#iemessage div.inner a:hover { text-decoration: underline; }

/***** Animations *****/
  
  @-moz-keyframes niceMoonsOrbit{
	  0% { -moz-transform:rotate(0deg); } 
	  100% { -moz-transform:rotate(360deg); }
  }
  @-webkit-keyframes niceMoonsOrbit{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% { -webkit-transform:rotate(360deg); }
  }
  @-ms-keyframes niceMoonsOrbit{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% { -webkit-transform:rotate(360deg); }
  }
  
  @-moz-keyframes galaxy{
	  0% { -moz-transform:rotate(0deg); } 
	  100% { -moz-transform:rotate(360deg); }
  }
  @-webkit-keyframes galaxy{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% { -webkit-transform:rotate(360deg); }
  }
  @-ms-keyframes galaxy{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% { -webkit-transform:rotate(360deg); }
  }
  
  @-moz-keyframes allPulseBtn{
	  0% { opacity: 0; -moz-transform: scale(0.1); } 
	  50% { opacity: 0; -moz-transform: scale(0.1); } 
	  100% { opacity: 1; -moz-transform:scale(1); }
  }
  @-webkit-keyframes allPulseBtn{
	  0% { opacity: 0; -webkit-transform: scale(0.1); } 
	  50% { opacity: 0; -webkit-transform: scale(0.1); } 
	  100% { opacity: 1; -webkit-transform:scale(1); }
  }
  @-ms-keyframes allPulseBtn{
	  0% { opacity: 0; -webkit-transform: scale(0.1); } 
	  50% { opacity: 0; -webkit-transform: scale(0.1); } 
	  100% { opacity: 1; -webkit-transform:scale(1); }
  }
  
  @-moz-keyframes spaceshipLeft{
	  0% { opacity: 0; margin-top: 100px; margin-left: -250px; -moz-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin-top: 100px; margin-left: -250px; -moz-transform:rotate(-60deg) scale(0.1); } 
	  25% { opacity: 0; -moz-transform:rotate(-30deg) scale(0.2); } 
	  100% { opacity: 1; margin: 0px 0 0 -180px; -moz-transform:rotate(0deg) scale(1); }
  }
  @-webkit-keyframes spaceshipLeft{
	  0% { opacity: 0; margin-top: 100px; margin-left: -250px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin-top: 100px; margin-left: -250px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  25% { opacity: 0; -webkit-transform:rotate(-30deg) scale(0.2); } 
	  100% { opacity: 1; margin: 0px 0 0 -180px; -webkit-transform:rotate(0deg) scale(1); }
  }
  @-ms-keyframes spaceshipLeft{
	  0% { opacity: 0; margin-top: 100px; margin-left: -250px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin-top: 100px; margin-left: -250px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  25% { opacity: 0; -webkit-transform:rotate(-30deg) scale(0.2); } 
	  100% { opacity: 1; margin: 0px 0 0 -180px; -webkit-transform:rotate(0deg) scale(1); }
  }
  
  @-moz-keyframes egg{
	  0% { opacity: 0; } 
	  50% { opacity: 0; } 
	  100% { opacity: 1; }
  }
  @-webkit-keyframes egg{
	  0% { opacity: 0; } 
	  50% { opacity: 0; } 
	  100% { opacity: 1;  }
  }
  @-ms-keyframes egg{
	  0% { opacity: 0; } 
	  50% { opacity: 0; } 
	  100% { opacity: 1;  }
  }
  
  @-moz-keyframes dinonauts{
	  0% { opacity: 0; } 
	  60% { opacity: 0; } 
	  100% { opacity: 1; }
  }
  @-webkit-keyframes dinonauts{
	  0% { opacity: 0; } 
	  60% { opacity: 0; } 
	  100% { opacity: 1;  }
  }
  @-ms-keyframes dinonauts{
	  0% { opacity: 0; } 
	  60% { opacity: 0; } 
	  100% { opacity: 1;  }
  }
  
  
  @-moz-keyframes spaceshipRight{
	  0% { opacity: 0; margin: -80px 0 0 650px; -moz-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin: -80px 0 0 650px; -moz-transform:rotate(-60deg) scale(0.1); } 
	  30% { opacity: 0; margin: -80px 0 0 650px; -moz-transform:rotate(-60deg) scale(0.1); } 
	  100% { opacity: 1; margin: 65px 0 0 650px; -moz-transform:rotate(0deg) scale(1); } 
  }
  @-webkit-keyframes spaceshipRight{
	  0% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  30% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  100% { opacity: 1; margin: 65px 0 0 650px; -webkit-transform:rotate(0deg) scale(1); } 
  }
  @-ms-keyframes spaceshipRight{
	  0% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  10% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  30% { opacity: 0; margin: -80px 0 0 650px; -webkit-transform:rotate(-60deg) scale(0.1); } 
	  100% { opacity: 1; margin: 65px 0 0 650px; -webkit-transform:rotate(0deg) scale(1); } 
  }  
  
  
  @-moz-keyframes artCloseMoon{
	  0% { -moz-transform:rotate(0deg); } 
	  100% {-moz-transform:rotate(360deg);}
  }
  @-webkit-keyframes artCloseMoon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(360deg);}
  }
  @-ms-keyframes artCloseMoon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(360deg);}
  }
  
  @-moz-keyframes moon{
	  0% { -moz-transform:rotate(0deg); } 
	  100% {-moz-transform:rotate(360deg);}
  }
  @-webkit-keyframes moon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(360deg);}
  }
  @-ms-keyframes moon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(360deg);}
  }
  
  @-moz-keyframes rmoon{
	  0% { -moz-transform:rotate(0deg); } 
	  100% {-moz-transform:rotate(-360deg);}
  }
  @-webkit-keyframes rmoon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(-360deg);}
  }
  @-ms-keyframes rmoon{
	  0% { -webkit-transform:rotate(0deg); } 
	  100% {-webkit-transform:rotate(-360deg);}
  }
  
  @-moz-keyframes inner-rotate{
	  0% { -moz-transform:rotate(0deg);} 
	  100% { -moz-transform:rotate(360deg);}
  }
  @-webkit-keyframes inner-rotate{
	  0% { -webkit-transform:rotate(0deg); }
	  100% { -webkit-transform:rotate(360deg); }
  }
  @-ms-keyframes inner-rotate{
	  0% { -webkit-transform:rotate(0deg); }
	  100% { -webkit-transform:rotate(360deg); }
  }
  
  @-moz-keyframes small-pulse{
	  0% {width:68px; height:68px; margin:-39px 0 0 -39px;}
	  50% {width:78px; height:78px; margin:-44px 0 0 -44px;}
	  100% {width:68px; height:68px; margin:-39px 0 0 -39px;}	
  }
  @-webkit-keyframes small-pulse{
	  0% {width:68px; height:68px; margin:-39px 0 0 -39px;}
	  50% {width:78px; height:78px; margin:-44px 0 0 -44px;}
	  100% {width:68px; height:68px; margin:-39px 0 0 -39px;}	
  }
  @-ms-keyframes small-pulse{
	  0% {width:68px; height:68px; margin:-39px 0 0 -39px;}
	  50% {width:78px; height:78px; margin:-44px 0 0 -44px;}
	  100% {width:68px; height:68px; margin:-39px 0 0 -39px;}	
  }
  /***** Animations end *****/
  
  
  
/*** MEDIA RESPONSIVENESS SMALL TABLET ***/
@media all and (max-width:680px){
	#artTitle { font-size: 1em; }
	#artTag { font-size: .8em; }	
}