/* CSS Document */
/* solutie pentru divuri de tip wrap care au border */
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body{
background:#4793c0 url('../images/background.jpg') top repeat-x;  font-family:verdana; 
font-size:12px
}

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

#header{
width:100%; 
height:85px;  
z-index:2
}

#header .ad{
width:475px; 
height:100%; 
float:right; 
display:inline; 
position:relative;
}

#header .menu_and_logo{
width:490px; 
height:100%; 
float:left; 
display:inline; 
position:relative;  
z-index:2
}

#header .logo{
height:40px; 
width:100%; 
position:relative; 
float:left; 
display:inline
}

#header .menu{
height:45px; 
width:100%; 
left:25px; 
position:relative; 
float:left; 
display:inline; 
top:10px; 
z-index:2
}

#header .menu_option1{
width:121px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/home_btn.gif') no-repeat;
}


#header .menu_option1_sel{
width:121px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/home_btn_sel.gif') no-repeat;
}

#header .menu_option2{
width:165px; 
left:5px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/games_btn.gif') no-repeat;
}

#header .menu_option2_sel{
width:165px; 
left:5px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/games_btn_sel.gif') no-repeat;
}

#header .menu_option3{
width:133px; 
left:10px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/contact_btn.gif') no-repeat;
}

#header .menu_option3_sel{
width:133px; 
left:10px; 
height:100%; 
position:relative; 
float:left; 
display:inline;
background:url('../images/contact_btn_sel.gif') no-repeat;
}

#header .banner468x60{
position:relative; 
display:inline; 
float:left; 
width:468px; 
height:60px; 
border:1px solid #FFFFFF; 
top:10px
}

#center{
width:100%;
background:url('../images/center_bck_repeat.gif') repeat-y; 
z-index:1; 
position:relative 
}

#center .border_top{
width:100%; 
float:left; 
position:relative; 
background:url('../images/brd_top_repeat.gif') repeat-x; 
z-index:1
}

#center .corner_top_left{
width:8px; 
height:10px; 
float:left; 
position:relative;
display:inline; 
background:url('../images/corner_top_left.gif') no-repeat;
}

#center .corner_top_right{
width:8px; 
height:10px; 
float:right; 
position:relative; 
display:inline; 
background:url('../images/corner_top_right.gif') no-repeat;
}

#center .border_bottom{
width:100%; 
height:10px; 
position:absolute; 
left:0; 
bottom:0; 
background:url('../images/brd_bottom_repeat.gif') repeat-x;
}

#center .corner_bottom_left{
width:8px; 
height:10px; 
float:left; 
position:relative; 
display:inline; 
background:url('../images/corner_bottom_left.gif') no-repeat;
}

#center .corner_bottom_right{
width:8px; 
height:10px; 
float:right; 
position:relative; 
display:inline; 
background:url('../images/corner_bottom_right.gif') no-repeat;
}

#news{
width:395px; 
float:left; 
position:relative; 
display:inline
}

#categories{
width:360px;
margin-left:10px;
float:left; 
position:relative; 
display:inline
}

#play{
width:765px; 
float:left; 
position:relative; 
display:inline
}

#play .description{
width:460px; 
float:left; 
position:relative; 
display:inline;
}

#play .controls{
width:295px; 
float:left; 
position:relative; 
display:inline; 
left:10px
}

#right_column{
width:160px;
margin-left:10px;
float:left; 
position:relative; 
display:inline
}

#footer{
width:935px; 
float:left; 
position:relative; 
display:inline
}

#footer .footer_wrap{
text-align:center; 
width:95%; 
position:relative; 
top:15px; 
left:15px; 
font-size:13px; 
font-family:verdana;
color: #3B5D77;
}

#copy{
display:block; color:#000000;
font-size:9px; text-align:center
}

#box{
width:100%; 
float:left; 
position:relative; 
top:-10px; 
left:15px;
bottom:10px
}

#box .box_top{
width:100%;  
height:5px; 
float:left; 
position:relative;
top:10px;
background:url('../images/brd_box_top_repeat.gif') repeat-x
}

#box .box_corner_top_left{
width:5px; 
height:5px; 
float:left; 
position:relative; 
display:inline;
background:url('../images/corner_box_tl.gif') no-repeat;
}

#box .box_corner_top_right{
width:5px; 
height:5px; 
float:right;
position:relative; 
display:inline; 
background:url('../images/corner_box_tr.gif') no-repeat;
}

#box .box_content{
position:relative;
left:5px;
}

#box .box_title{
width:100%; 
height:16px; 
position:relative; 
float:left; 
display:inline; 
margin-top:10px;
}

#box .box_text{
width:95%; 
font-family:tahoma;
font-size:12px;
padding:5px; 0 5px 5px;
}

#box .wrapper{
width:100%; 
position:relative; 
top:15px;
font-size:13px;
font-family:verdana;
}

#box .wrapper2{
width:90%; 
position:relative; 
top:15px;
left:15px;
font-size:13px;
font-family:verdana;
}

#box .wrapperPlay{
width:95%;
height:590px;
position:relative; 
top:15px;
left:5px;
font-size:13px;
font-family:verdana;
}

#box .wrapperGames{
width:95%;
position:relative; 
top:15px;
left:5px;
font-size:13px;
font-family:verdana;
}


#box .box_bottom{
width:100%;
height:5px; 
left:0; 
bottom:0;
float:left;
position:relative;
background:url('../images/brd_box_bottom_repeat.gif') repeat-x;
}

#box .box_corner_bottom_left{
width:5px; 
height:5px; 
float:left; 
position:relative; 
display:inline; 
background:url('../images/corner_box_bl.gif') no-repeat;
}

#box .box_corner_bottom_right{
width:5px; 
height:5px; 
float:right; 
position:relative; 
display:inline; 
background:url('../images/corner_box_br.gif') no-repeat;
}

#linkexchange{
width:790px;
margin:0 auto;
text-align:center; 
position:relative; 
color:#3B5D77
}

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

a.ext {
  text-decoration: underline;
  color:#CC6600;
  padding-top:0;
}
a.ext:hover{
	text-decoration:none;
	color:#CC6600;
	}

a.footer{
  text-decoration: none;
  color: #3B5D77;
  padding-top:0px;
  outline:none
}

a:hover {
  color: #668FA3;
}

a.topmenu{
top:15px; 
left:45px; 
position:relative; 
font-weight:bold;
font-family:tahoma;
font-size:15px;
}

a.topmenu_sel{
top:20px;
}

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

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

/* general style */
a.thumb img {
margin-top:5px;
  margin-bottom:5px;  
  border: 5px solid #ccc;
  outline:none
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

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

a.randomThumb img{
border:5px solid #fff;
width:125px;
height:90px;
outline:none
}

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

a.topThumb img{
border:3px solid #fff;
width:60px;
height:45px;
outline:none
}

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

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

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

a:hover.topThumb img{
border:3px solid #FFCC00;
}



a:hover.thumb {
  background: none;
}

a.thumb span {
  font-family:tahoma;
  font-size:13px;
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

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

.title{
padding-left:5px; 
font-family:Arial; 
font-weight:bold; 
font-size:13px; 
display:inline
}

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

h1{
font-family:Arial; 
font-weight:bold; 
font-size:18px; 
}

h2,h4{
padding-left:5px; 
font-family:Arial; 
font-weight:bold; 
font-size:13px; 
display:inline
}