a:link { 
color: #AAAAAA; 
font-weight: bold; 
text-decoration: underline;
}

a:visited { 
color: #AAAAAA; 
font-weight: bold; 
text-decoration: underline;
}

a:active { 
color: #AAAAAA; 
font-weight: bold; 
text-decoration: underline;
}

a:hover{ 
color: #FFFFFF; 
font-weight: bold;
text-decoration: underline;
}

img{
border: 0px;
}

a img:hover{
opacity: 0.8;
}

body{
background:url(images/background.jpg) repeat-x top center;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2em;
color:#AF4C4C;
padding: 0;
margin:auto ;
height: auto;
}
h1{
font-size:14px;
font-family: "Tahoma", Times, serif;
font-weight:bold;
color: #e4dac2;
margin:0px 0px 7px 0px;
text-decoration:none;
}
p{
text-align:justify;
}

#city{
position:relative;
top:45px;
left:0px;
height:245px;
margin:auto;
background:url(images/city.png) repeat-x top left;
}

#twitter{
position:absolute;
top:795px;
left:700px;
width:285px;
height:80px;
margin:auto;
background:url(images/twitter2.png) no-repeat top center ;
}

#twitter:hover{
background-position: 0 -80px;
}

#iphone{
position:absolute;
top:735px;
left:300px;
width:302px;
height:137px;
margin:auto;
background:url(images/iphone.png) no-repeat top center ;
}

#iphone:hover{
background-position: 0 -137px;
}

#main_container{
position:absolute;
left:0px;
top:0px;
width: 1020px;
height:1020px;
background:url(images/body.png) no-repeat top left ;
}

#the_game_container{
position:absolute;
left:230px;
top:370px;
color:white;
text-align:left;
width:445px;
height:500px;
}
#news_container{
position:absolute;
left:720px;
top:370px;
color:white;
text-align:left;
width:240px;
height:500px;
}
#frame1{
position:absolute;
left:35px;
top:295px;
width:142px;
height:154px;
background:url(images/frame1.png) no-repeat top center ;
}
#frame1:hover{
background-position: 0 -154px;
}
#frame2{
position:absolute;
left:35px;
top:470px;
width:142px;
height:144px;
background:url(images/frame2.png) no-repeat top center ;
}
#frame2:hover{
background-position: 0 -144px;
}
#frame3{
position:absolute;
left:35px;
top:635px;
width:145px;
height:145px;
background:url(images/frame3.png) no-repeat top center ;
}
#frame3:hover{
background-position: 0 -145px;
}

@-webkit-keyframes search {
 0% {
   opacity: 1.0;
   -webkit-transform: rotate(-10deg);
   -webkit-transform-origin: 50% 100%;
 }
 50% {
   opacity: 1.0;
   -webkit-transform: rotate(10deg);
   -webkit-transform-origin: 50% 100%;
 }
 100% {
   opacity: 1.0;
   -webkit-transform: rotate(-10deg);
   -webkit-transform-origin: 50% 100%;
 }
}

#searchlight1 {
background:url(images/searchlight.png) no-repeat;
position:absolute;
left:30px;
top:40px;
width:96px;
height:192px;
 -webkit-animation-name: search;
 -webkit-animation-duration: 4s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
}

#searchlight2 {
background:url(images/searchlight.png) no-repeat;
position:absolute;
left:590px;
top:40px;
width:96px;
height:192px;
 -webkit-animation-name: search;
 -webkit-animation-duration: 6s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
}

#searchlight3 {
background:url(images/searchlight.png) no-repeat;
position:absolute;
left:975px;
top:40px;
width:96px;
height:192px;
 -webkit-animation-name: search;
 -webkit-animation-duration: 4s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
 0% {
   opacity: 1.0;
 }
 50% {
   opacity: 0.4;
 }
 100% {
   opacity: 1.0;
 }
}