/* CSS Document */
/* clearfix */
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body{
background:url(../images/background.jpg) repeat-x #31c2f2; font-family:verdana; 
font-size:12px
}


#container{
margin:0 auto; 
width:960px;
}

#header{
height:100px; 
position:relative
}

#logo{
height:100%; 
width:280px; 
float:left; 
left:180px; 
position:relative; 
}

#banner{
height:100%; 
width:468px; 
float:right; 
right:15px; 
top:20px; 
position:relative
}

#content_top{
height:24px; 
width:946px; 
background:url(../images/content_top.gif) no-repeat; 
float:left; 
position:relative; 
margin-left:7px
}

#content{
width:946px; 
float:left; 
position:relative; 
margin-left:7px; 
background:#f8deec
}

#left_column{
width:180px; 
float:left; 
position:relative
}

#girl{
 width:180px; 
 height:485px; 
 top:-100px; 
 margin-bottom:-90px; 
 left:-15px; 
 position:relative; 
 float:left
}

#desc_top{
float:left; 
background:url(../images/desc_top.gif) no-repeat; 
width:180px; 
height:68px; 
margin-bottom:10px
}

#desc_content{
float:left; 
left:20px; 
position:relative; 
background:url(../images/desc_content.gif) no-repeat; 
width:135px; 
height:300px; 
padding-left:5px; 
padding-right:5px; 
font-family:verdana; 
font-size:11px
}

#desc_bottom{
float:left;
background:url(../images/desc_bottom.gif) no-repeat; 
width:180px; 
height:68px;
margin-top:10px
}

#center_column{
width:615px; 
float:left; 
position:relative; 
margin-left:10px;
}

#center_column .center_top{
position:relative; 
float:left; 
width:615px; 
height:10px;  
background:url(../images/center_top.gif) no-repeat
}

#center_column .center_content{
float:left; 
position:relative; 
padding-left:10px; 
padding-right:10px; 
background:url(../images/center_repeat.gif) repeat-y; 
width:595px;
}

#center_column .center_bottom{
position:relative; 
float:left; 
width:615px; 
height:10px;  
background:url(../images/center_bottom.gif) no-repeat
}

#play{
width:745px; 
float:left; 
position:relative; 
margin-left:10px;
}

#play .play_top{
position:relative; 
float:left; 
width:745px; 
height:10px;  
background:url(../images/play_top.gif) no-repeat
}

#play .play_content{
float:left; 
position:relative; 
padding-left:10px; 
padding-right:10px; 
background:url(../images/play_repeat.gif) repeat-y; 
width:725px;
}

#play .play_bottom{
position:relative; 
float:left; 
width:745px; 
height:10px;  
background:url(../images/play_bottom.gif) no-repeat
}

#right_column{
width:120px; 
float:left; 
position:relative;
margin-left:10px;
}

#skyscraper{
position:relative; 
float:left
}

#other_games{
position:relative; 
float:left; 
margin-top:10px
}

#other_games .other_top{
position:relative; 
float:left; 
width:120px; 
height:10px; 
background:url(../images/other_top.gif) no-repeat
}

#other_games .other_content{
position:relative; 
float:left; 
width:120px; 
background:url(../images/other_repeat.gif) repeat-y; 
text-align:center
}

#other_games .other_bottom{
position:relative; 
float:left; 
width:120px; 
height:10px; 
background:url(../images/other_bottom.gif) no-repeat
}

#footer{
width:100%; 
text-align:center; 
float:left;
height:45px; 
margin-top:10px; 
position:relative; 
font-family:tahoma; 
font-size:14px; 
color:#660000
}

#copy{
font-size:9px;
}

#content_bottom{
height:24px; 
width:946px; 
background:url(../images/content_bottom.gif) no-repeat; 
float:left; 
position:relative; 
margin-left:7px
}

.newsTitle{
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:12px;
}

.playTitle{
font-family:tahoma; 
font-size:16px; 
font-weight:bold
}

/* links */
a {
  text-decoration: none;
  color: #3B5D77;
  padding-top:10px; 
}

a:hover {
  color: #668FA3;
}


a.newThumb img{
border:5px solid #fff;
width:100px;
height:80px;
outline:none
}

a:hover.newThumb img{
border:5px solid #FFCC00;
}

a.otherThumb img{
border:2px solid #fff;
width:42px;
height:32px;
outline:none
}

a:hover.otherThumb img{
border:2px solid #FFCC00;
}

a.playCateg{
font-family:tahoma; 
font-size:16px; 
font-weight:bold; 
color:#993300;
text-decoration:none
}

a.playCateg:hover{
text-decoration:underline
}

h1{
font-family:verdana; 
font-size:24px;
}

h2{
color:#FF0000;
font-size:14px; 
font-family:verdana;
}

h3{
font-family:verdana; 
font-size:14px; 
color:#FFFFFF; 
display:inline
}