@font-face {
	font-family: 'Motiva Sans Bold';
	src: url('../fonts/motiva-sans-bold.eot');
	src: url('../fonts/motiva-sans-bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/motiva-sans-bold.woff') format('woff'),
	     url('../fonts/motiva-sans-bold.ttf') format('truetype'),
	     url('../fonts/motiva-sans-bold.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans Light';
	src: url('../fonts/motiva-sans-light.eot');
	src: url('../fonts/motiva-sans-light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/motiva-sans-light.woff') format('woff'),
	     url('../fonts/motiva-sans-light.ttf') format('truetype'),
	     url('../fonts/motiva-sans-light.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
	min-width:868px;
}

body {
	height: 100%;
	/* margin: 0 auto; */
	padding: 0;
	background-color: #fff;
	color:#000;
	font-family:arial, sans-serif;
	/* width:1175px; */
	/* position:relative; */
}
#pageWrap {
	position: relative;
	width: 1175px;
	height: 100%;
	margin: 0 auto;
}

@media only screen and (device-width: 768px) { 
	#pageWrap {
		min-height: 1420px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#pageWrap {
		min-height: 1420px;
	}
}

a{
	text-decoration:none;
	color:#00aeef;
	font-size:11px;
}

a:hover{
	color:#000;
}

#nav a{
	color:#fff;
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
	font-family: 'Motiva Sans Bold';
}

#nav a:hover, #nav a.active{
	color:#00aeef;
}

#preload{
	display:none;
}

#wrapper{
	width:868px;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	z-index:1;
	padding-bottom:100px;
	top:0;
}
#nav{
	width: 854px;
	height:54px;
	background:url(../images/home/header.png) 0 0 no-repeat transparent;
	position: relative;
	margin: 0 auto;
}

#nav li{
	float:right;
	margin-left:45px;
	padding:18px 0 0 0px;
}
#fb {
	position: absolute;
	top: 14px;
	right: 20px;
	background: url("../images/general/social.png") no-repeat -36px 0 transparent;
	width: 27px;
	height: 27px;
}
#youtube {
	position: absolute;
	top: 14px;
	right: 65px;
	background: url("../images/general/social.png") no-repeat 0 0 transparent;
	width: 27px;
	height: 27px;
}
#footer{
	font-size:11px;
	overflow:hidden;
	margin-top:10px;
	padding:0 15px;
	clear: both;
}

#footer li{
	color:#999999;
	font-size:11px;
	float:right;
	margin-left:35px;
}

#footer li:first-child{
	float:left;
	margin-left:0px;
}

#contentBox{
	width:868px;
	background-color:#fff;
	/*
	-webkit-box-shadow: 0px 0px 10px 2px #a5a5a5;
	-moz-box-shadow: 0px 0px 10px 2px #a5a5a5;
	box-shadow: 0px 0px 10px 2px #a5a5a5; 
	*/
}

#contentBox > div{
	width: 788px;
	padding: 0 40px;
}

#contentBox #top{
	height:131px;

	background:url(../images/general/box/top.png) 0px 0px no-repeat transparent;
}

#contentBox #middle{
	min-height:150px;
	position:relative;
	padding-bottom:25px;
	background:url(../images/general/box/middle.png) 0px 0px repeat-y transparent;
}



#contentBox #bottom{
	height:20px;
	background:url(../images/general/box/bottom.png) 0px 0px no-repeat transparent;
}

#nav #logo{
	padding: 11px 0 0 30px;
	float:left;
	margin-left:0px;
}

#contentBox #middle #gameList{
	position:relative;
	top:-25px;
	overflow:hidden;
	padding-bottom: 15px;
}

#contentBox #middle #gameList li:first-child{
	margin-left:0px;
}

#contentBox #middle #gameList li{
	position:relative;
	float:left;
	margin-left:50px;
	padding-bottom:16px;
	background:url(../images/home/promo_shadow.jpg) 0px 100% no-repeat transparent;
}

#contentBox #middle #gameList li span, #contentBox #middle #gameList li a{
	display:block;
}

#contentBox #middle #gameList li a:hover .title{
	color:#000;
	background-position:0 -17px;
}

#contentBox #middle #gameList li .title{
	font-size:14px;
	padding-left:20px;
	height:17px;
	background:url(../images/general/arrow_button.png) 0px 0px no-repeat transparent;
}

.promoBox{
	margin-top:5px;
	height:184px;
	width:331px;
	border: 1px solid #aaaaaa;
	background-color:#fff;
	padding:8px;
}

/* #wodzillaPromo .character{
	height:174px;
	width:85px;
	bottom:-15px;
	left:50%;
	margin-left:-42px;
} */

#wodzillaPromo .character .mask{
	position:relative;
	z-index:10;
}



#wodzillaPromo #slides .homeScreen.fadeOut{
	z-index:7;
}

#wodzillaPromo #slides .homeScreen{
	z-index:9;
	top:0px;
	left:0px;
}

#wodzillaPromo #slides{
	height:101px;
	width:72px;
	position:absolute;
	overflow:hidden;
	top: 71px;
	left: 147px;
}

#wodzillaPromo #slides img{
	position:absolute;
	top:0;
	left:72px;
}

#wodzillaPromo #slides img.static{
	z-index:4 !important;
}

#wodzillaPromo #slides img.transitionSlide{

	z-index:6;
}

.character {
	position:absolute;
}

#backgroundStage{
	width:1175px;
	height:485px;
	background-color:#eee;
	overflow:hidden;
	position:absolute;
	min-width:868px;
}

#backgroundStage > div{
	height:485px;
	width:1175px;
	position:absolute;
	top:485px;
	left:0;
	overflow:hidden;
}

#backgroundStage img{
	position:absolute;
	top:0;
	left:0;
}

#wodzilla img{
	display:none;
}

#backgroundStage .wodzillaIphone{
	top:485px;
	left:418px;
	display:block;
}

#backgroundStage .wodzillaHands1{
	top:10px;
	left:129px;
}

#backgroundStage .wodzillaHands2{
	top:100px;
	left:80px;
}

#backgroundStage .wodzillaSweat1{
	top:0px;
	left:91px;
}

#backgroundStage > div:first-child{
	top:0px;
}

#wooly{
	background:url(../images/home/woolysplash/background.jpg) 0px 0px no-repeat transparent;
}

#wodzilla{
	background:url(../images/home/wodsplash/background.jpg) 0px 0px no-repeat transparent;
}

#clouds{
	z-index:0;
	width:1175px;
	height:272px;
	background:url(../images/home/woolysplash/clouds.png) 0px 0px repeat-x transparent;
}

#backgroundStage .mountainright{
	left:833px;
	z-index:1;
}


#wooly .logo{
    /* left: 271px;
    top: 51px; */
	left: 34px;
	top: 27px;
    z-index: 1;
}

#wooly .mountainleft{
	z-index:1;
}
#wooly .bg{
	z-index:1;
}
#wooly .mammoth{
	left:-360px;
	top:100px;
}

#ugArmsOver{
	position:absolute;
	top:75px;
	/* left:670px; */
	left:674px;
	z-index:9;
	display:none;
}

#ugContainer{
	position:absolute;
	top:468px;
	/* left:670px; */
	left: 674px;
	z-index:3;
	overflow:hidden;
	height:407px;
	/* width:484px; */
	width: 507px;
}

#ugContainer img{
	position:absolute;
	top:0;
	left:0;
}

#ugContainer #righteye{
	position:absolute;
	top: 118px;
	left: 196px;
	z-index:1;
}

#ugContainer #lefteye{
	position:absolute;
	/* top:109px;
	left:136px; */
	left: 118px;
	top: 121px;
	z-index:1;
}

/*-------------------------- Apps -------------------------------------------*/
	#top h1 {
		font-family: "Motiva Sans Bold", Arial, sans-serif;
		color: #F25601;
		font-size: 2em;
		position: relative;
		top: 32px;
		font-weight: normal !important;
	}
	#top h2 {
		font-family: "Motiva Sans Bold", Arial, sans-serif;
		color: #383838;
		font-size: 1.2em;
		margin: 0;
		margin: 0 0 -34px;
		padding-top: 20px;
	}
	#game-list {
		width: 768px;
		margin: 0 auto;
		border-bottom: 1px solid #D6D6D6;
		height: 240px;
	}
	
	#game-list li {
		width: 240px;
		height: 167px;
		float: left;
		margin: 0 0 0 24px;
		position: relative;
	}
	#game-list li:first-child {
		margin: 0 0 0 0;
	}
	.thumb-holder {
		width: 238px;
		height: 148px;
		position: relative;
		border: 1px solid #AAA;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
		background-color: white;
	}
	
	#game-list li div img {
		left: 7px;
		top: 8px;
		position: relative;
	}
	#game-list li div .mask {
		left: 140px;
		top: -100px;
	}
	.thumb-holder:hover {
		border: 1px solid #00aeef;
	}
	
	.thumb-shadow {
		position: absolute;
		width: 256px;
		height: 21px;
		background: url("../images/home/featured-thumb-shadow.png") no-repeat transparent 0 0;
		bottom: -28px;
		left: -8px;
	}
	
	#tutorials li p {
		padding: 0 0 5px 0;
		color: #333;
		font-size: 13px;
	}
	
	#game-list li:hover .title span {
		background-position: 0 -16px;
	}
	
	#game-list li .title {
		font-size: 14px;
		/* padding-left: 20px; */
		height: 25px;
		font-family: 'Motiva Sans Light';
	}
	
	#game-list li .title span {
		background: url(../images/general/arrow_links.png) 0px 0px no-repeat transparent;
		height: 16px;
		width: 16px;
		float: left;
		margin-right: 10px;
	}
	
	#game-list li .title .soon {
		background: url(../images/general/arrow_links.png) 0px -32px no-repeat transparent !important;
		height: 16px;
		width: 16px;
		float: left;
		margin-right: 10px;
	}
	#game-list li div #ug {
		background: url('../images/home/woolysplash/ug-sprite-alt.png') no-repeat 0 0;
		width: 124px;
		height: 121px;
		position: absolute;
		bottom: -25px;
		right: 10px;
	}
	
	#game-list li div #smallerton {
		background: url('../images/home/smallerton-character.png') no-repeat 0 0;
		width: 155px;
		height: 136px;
		position: absolute;
		bottom: -40px;
		left: 75px;
	}
	
	.coming-soon {
		background: url('../images/home/coming-soon.png') no-repeat 0 0;
		width: 93px;
		height: 92px;
		position: absolute;
		top: 18px;
		left: -7px;
	}
	.new {
		background: url('../images/home/new.png') no-repeat 0 0;
		width: 93px;
		height: 92px;
		position: absolute;
		top: 18px;
		left: -7px;
	}

	/* #game-list li a:hover #ug{
		background-position: -128px -2px;
		width: 125px;
	} */
/* ------------------------------- TIMER CSS --------------------------------*/

#timerHolder{
	margin:415px 0 0 400px;
	height:27px;
	width:53px;
	-webkit-transform:translate3d(0,0,0); /* chrome bug fix */
}

#timerHolder li:first-child{
	margin-left:0px;
}

#timerHolder li{
	float:left;
	margin-left:5px;
	height:24px;
	width:24px;
	cursor:pointer;
}

.timerButton .transition{
	background:url(../images/home/dots_on_off.png) 0px -27px no-repeat transparent;
	height:24px;
	width:24px;
	position:absolute;
	top:1px;
	left:1px;
	z-index:101;
}

.timerButton .transition:hover{
	background-position:0 0px;
}
#transitionIn {
	background:url(../images/home/transitionin.png) 0 0 no-repeat transparent;
	z-index:100;
	animation-duration: 800ms;
    animation-iteration-count: 1;
    animation-name: animate01;
    animation-timing-function: step-start;
	-moz-animation-duration: 800ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: animate01;
    -moz-animation-timing-function: step-start;
	-webkit-animation-duration: 800ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: step-start;
	-webkit-animation-name: animate01;
}

@-webkit-keyframes animate01 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

@-moz-keyframes animate01 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

@keyframes animate01 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

#transitionOut {
	background:url(../images/home/transitionout2.png) 0 0 no-repeat transparent;
	z-index:100;
	animation-duration: 800ms;
    animation-iteration-count: 1;
    animation-name: animate02;
    animation-timing-function: step-start;
	-moz-animation-duration: 800ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: animate01;
    -moz-animation-timing-function: step-start;
	-webkit-animation-duration: 800ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: step-start;
	-webkit-animation-name: animate02;
}

@-webkit-keyframes animate02 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

@-moz-keyframes animate02 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

@keyframes animate02 {
 0%			{ background-position: 0 0; }
 3.3%		{ background-position: 0 -24px; }
 6.7%		{ background-position: 0 -48px; }
 10%		{ background-position: 0 -72px; }
 13.3%		{ background-position: 0 -96px; }
 16.7%		{ background-position: 0 -120px; }
 20%		{ background-position: 0 -144px; }
 23.3%		{ background-position: 0 -168px; }
 26.7%		{ background-position: 0 -192px; }
 30% 	    { background-position: 0 -216px; }
 33.3%	    { background-position: 0 -240px; }
36.7%		{ background-position: 0 -264px; }
40%		    { background-position: 0 -288px; }
43.3%		{ background-position: 0 -312px; }
46.7%		{ background-position: 0 -336px; }
50%		    { background-position: 0 -360px; }
53.3%		{ background-position: 0 -384px; }
56.7%		{ background-position: 0 -408px; }
60%		    { background-position: 0 -432px; }
63.3%		{ background-position: 0 -456px; }
66.7%	    { background-position: 0 -480px; }
70%		    { background-position: 0 -504px; }
73.3%		{ background-position: 0 -528px; }
76.7%		{ background-position: 0 -552px; }
80%		    { background-position: 0 -576px; }
83.3%		{ background-position: 0 -600px; }
86.7%		{ background-position: 0 -624px; }
90%		    { background-position: 0 -648px; }
93.3%		{ background-position: 0 -672px; }
96.7%		{ background-position: 0 -696px; }
100%		{ background-position: 0 -696px; }
}

.timerButton.transitionIn .transition{
	background:url(../images/home/transitionin.png) 0 0 no-repeat transparent;
	z-index:100;
}

.timerButton.transitionOut .transition{
	background:url(../images/home/transitionout.png) 0 -696px no-repeat transparent;
	z-index:100;
}

.timerButton{
	height:26px;
	width:26px;
	position:relative;
}

.timerButton .timer{
	display:none;
}

.timerButton.active .timer{
	display:block;
	width:26px;
	height:26px;
}

.timerButton  .topMask{
	background:url(../images/home/topmask.png) 0 0 no-repeat transparent;
	position:absolute;
	height:26px;
	width:26px;
	z-index:99;
	overflow:hidden;
	top:-2px;
	left:-2px;
	border:2px solid #fff;
}
.timerButton .show {
	display:block !important;
}
.timerButton .hide{
	display:none !important;
}
.timerButton  .sliceMaskLeft{
	background-color:#a1e5ff;
	position:absolute;
	height:24px;
	width:12px;
	left:0px;
	z-index:10;
}

.timerButton  .rotateLeftHalf{
	background:url(../images/home/leftpie.svg) 0 0 no-repeat;
	position:absolute;
	height:24px;
	width:12px;
	z-index:9;
	transform: rotate(0deg);
	transform-origin:12px 12px;
	-ms-transform: rotate(0deg);
	-ms-transform-origin:12px 12px;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin:12px 12px;
	-moz-transform: rotate(0deg);
	-moz-transform-origin:12px 12px;
	-o-transform: rotate(0deg);
	-o-transform-origin:12px 12px;

}

.timerButton  .sliceMaskRight{
	top:2px;
	left:13px;
	background-color:#39b0ed;
	position:absolute;
	height:24px;
	width:12px;
	z-index:15;
	display:none;
}

.timerButton  .sliceMaskRight.colored{
	background-color:#39b0ed;
}

.timerButton  .rotateRightHalf{
	background:url(../images/home/leftpie.svg) 0 0 no-repeat;
	position:absolute;
	height:24px;
	width:12px;
	z-index:12;
	transform: rotate(180deg);
	transform-origin:12px 12px;
	-ms-transform: rotate(180deg);
	-ms-transform-origin:12px 12px;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin:12px 12px;
	-moz-transform: rotate(180deg);
	-moz-transform-origin:12px 12px;
	-o-transform: rotate(180deg);
	-o-transform-origin:12px 12px;
	display:none;
}

.timerButton  .baseColor{
	background-color:#a1e5ff;
	position:absolute;
	height:22px;
	width:22px;
	left:2px;
	top:2px;
	z-index:0;
}

.timerButton .rotateLeftHalf.rotate, .timerButton .rotateRightHalf.rotate{
	-webkit-animation: rotate 6s linear forwards;
	-moz-animation: rotate 6s linear forwards;
	-ms-animation: rotate 6s linear forwards;
}

@-moz-keyframes rotate {
   0%{ 
	-moz-transform: rotate(0deg);
	}
   100% { 
	-moz-transform: rotate(180deg);
   }  
}

@-webkit-keyframes rotate {
   0%{ 
	-webkit-transform: rotate(0deg);
	}
   100% { 
	-webkit-transform: rotate(180deg);
   }  
}

@-ms-keyframes rotate {
   0%{ 
	-ms-transform: rotate(0deg);
	}
   100% { 
	-ms-transform: rotate(180deg);
   }  
}

/* ------------------------------- END TIMER CSS --------------------------------*/
/* ------------------------------- Privacy Policy --------------------------------*/

#privacy-policy {
	cursor: pointer;
}
#privacy-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 10;
}
#privacy-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
	top: 0;
	left: 0;
}
#privacy-container {
	display: none;
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 585px;
	height: 170px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 11;
	/* left: 50%; */
}
#privacy-box {
	position: relative;
	height: 170px;
	width: 600px;
	margin: 0 auto;
	background-color: #fff;
	border: solid 2px #000;
	z-index: 12;
	/* left: -50%; */
}
#privacy-box h3 {
	color: #F25601;
    font-family: "Motiva Sans Bold";
    font-size: 1.2em;
	padding: 20px;
}
#privacy-box p {
	padding: 0 20px;
	  font-family: "Motiva Sans Light";
}
#close_btn {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 54px;
	height: 54px;
	background:url(../images/home/close_btn.png) 0 0 no-repeat;
	cursor: pointer;
}
#close_btn:hover {
	background:url(../images/home/close_btn_over.png) 0 0 no-repeat;
}
.main-link {
	position: relative;
	/* left: -50%; */
	width: 1175px;
	height: 415px;
	display: none;
}
.main-link-active {
	position: relative;
	/* left: -50%; */
	width: 1175px;
	height: 415px;
	display: block;
}
#main-link-container {
	position: absolute;
/* 	left: 50%; */
	left: -154px;
	width: 1175px;
	height: 415px;
	top: 70px;
	z-index: 99;
}