body,td,th {
	font-family:'Oxygen', 'Roboto', sans-serif;
}
.advert {
float:right; 
width:300px; 
padding-left:10px;
}
body {
	background-color: #FFF;
}
.TheCookie {
width:400px;
height:400px;
}
.Wrapper {
	width:990px;
	text-align:left;
        margin:0px auto;
	/*position:absolute;
	left:50%;
	margin-left:-595px;*/
}
.Header {
	font-size:36px;
	font-style:oblique;
        font-family:'Roboto', sans-serif;
	font-weight:100;
}
.Header a {
	color:#000;
	text-decoration:none;
}
.crequest {
position:absolute; 
top:70px; 
left:50%; 
margin-left:-520px;
width:300px;
}
.Cookie {
	height:500px;
	background:url(http://cookies.krofunk.co.uk/res/common/CookieShadow.png);
	background-position:bottom;
	background-attachment:scroll;
	background-repeat:no-repeat;
	text-align:center;	
}
.Cookieimg {
	animation: cookieanimation 5s alternate ease-in-out infinite;
        width:400px;
        height:400px;
	-webkit-animation: cookieanimation 5s alternate ease-in-out infinite; /* Safari and Chrome */
	-o-animation: cookieanimation 5s alternate ease-in-out infinite; /* Opera */
	-Moz-animation: cookieanimation 5s alternate ease-in-out infinite; /* FireFox */
	-ms-animation: cookieanimation 5s alternate ease-in-out infinite; 
}
@keyframes cookieanimation
{
	from {transform:rotate(7deg);}
	to {transform:rotate(-7deg);}
}
@-webkit-keyframes cookieanimation {
	from {-webkit-transform:rotate(-10deg);}
	to {-webkit-transform:rotate(10deg);}
}
@-ms-keyframes cookieanimation {
	from {-ms-transform:rotate(7deg);}
	to {-ms-transform:rotate(-7deg);}
}
@-moz-keyframes cookieanimation {
	from {-moz-transform:rotate(7deg);}
	to {-moz-transform:rotate(-7deg);}
}
.Menu {
	position:absolute;
	left:50%;
	top:20px;
	margin-left:250px;
	font-weight:300;
}
.menu_a
{
	display: block;
    width: 80px;
    height: 25px;
	padding-top:10px;
	color: #000;
	text-decoration:none;
	font-family: sans-serif;
	font-weight:300;
	background:url(http://cookies.krofunk.co.uk/res/common/menu_link.png);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	float:left;
}
.menu_a:hover
{ 
  background-position: 0 -40px;
  color: #fff;
}
.Footer {
	font-size:12px;
}
.preview {
	opacity:0.1;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	font-size:150px;
	position:absolute;
	top:200px;
	left:0px;
	z-index:-1;
}
.sharepp {
	position:absolute;
	left:0%;
	top:0%;
}
sharepp iframe {
width:600px;
height:600px;
}
.pmessage {

}
.twitterbtn {
	position:absolute;
	left:50%;
	margin-left:-260px;
	z-index:9999;
        animation: twtroll 3s linear ease-in-out;
	-webkit-animation: twtroll 3s ease-in-out; /* Safari and Chrome */
        -moz-animation: twtroll 3s ease-in-out; /* FireFox */
}
@keyframes twtroll
{
	from {
	transform:rotate(0deg); 
	left:-50%;
	}
	to {
	transform:rotate(1080deg); 
	left:50%; 
	margin-left:-260px;
	}
}
@-webkit-keyframes twtroll
{
	from {
	-webkit-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-webkit-transform:rotate(1080deg); 
	left:50%;
	margin-left:-260px;
	}
}
@-moz-keyframes twtroll
{
	from {
	-moz-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-moz-transform:rotate(1080deg); 
	left:50%;
	margin-left:-260px;
	}
}
.facebookbtn {
	position:absolute;
	left:50%;
	margin-left:-340px;
	z-index:9999;
        animation: facroll 3.5s linear ease-in-out;
	-webkit-animation: facroll 3.5s ease-in-out; /* Safari and Chrome */
        -moz-animation: facroll 3.5s ease-in-out; /* FireFox */
}
@keyframes facroll
{
	from {
	transform:rotate(0deg); 
	left:-50%;
	}
	to {
	transform:rotate(1080deg); 
	left:50%; 
	margin-left:-340px;
	}
}
@-webkit-keyframes facroll
{
	from {
	-webkit-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-webkit-transform:rotate(1080deg); 
	left:50%;
	margin-left:-340px;
	}
}
@-moz-keyframes facroll
{
	from {
	-moz-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-moz-transform:rotate(1080deg); 
	left:50%;
	margin-left:-340px;
	}
}

.QR {
	position:absolute;
	left:50%;
	margin-left:-420px;
	z-index:9999;
        animation: QRroll 4s linear ease-in-out;
	-webkit-animation: QRroll 4s ease-in-out; /* Safari and Chrome */
        -moz-animation: QRroll 4s ease-in-out; /* FireFox */
}
@keyframes QRroll
{
	from {
	transform:rotate(0deg); 
	left:-50%;
	}
	to {
	transform:rotate(1080deg); 
	left:50%; 
	margin-left:-420px;
	}
}
@-webkit-keyframes QRroll
{
	from {
	-webkit-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-webkit-transform:rotate(1080deg); 
	left:50%;
	margin-left:-420px;
	}
}
@-moz-keyframes QRroll
{
	from {
	-moz-transform:rotate(0deg); 
	left:-50%;
	}
	to {
	-moz-transform:rotate(1080deg); 
	left:50%;
	margin-left:-420px;
	}
}