@charset "utf-8";
/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
text-align:left;
background-color:#333333;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
}
.clear
{
clear:both;
height:0px;
}
#ana {}
#container
{
width:100%;
height:auto;
text-align:left;
}
.innput{
width:150px;
padding:5px;
}
.button{
width:50px;
padding:5px;
background:#CC0000;
color:#fff;
border: 2px solid #FFFFFF;
font-weight:bold;
}

.ico img{
padding:3px;
}
/* CSS Header Document */
#header
{
width:100%;
height:127px;
float: left;
text-align:left;
background:url(../resimler/header-bg2.gif) left top repeat-x;
}
.header-main
{
width:1000px;
height:127px;
float:left;
text-align:left;
}
.logo-box
{
width:144px;
height:127px;
float:left;
text-align:left;
}
.logo-left
{
width:20px;
height:127px;
float:left;
}
.logo
{
width:124px;
height:127px;
float:left;
}
.header-right
{
width:856px;
height:108px;
float:right;
text-align:left;
padding-bottom:19px;
}
.header-right-top
{
width:712px;
height:80px;
float:left;
text-align:left;
padding-left:144px;
}
.header-right-top-left
{
width:390px;
height:65px;
float:left;
text-align:left;
padding-top:15px;
color: #CC0000;

}
.header-right-top-left a
{
text-decoration:none;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.header-right-top-right a:hover
{
text-decoration: underline;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.header-right-top-right a:hover
{
text-decoration: underline;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.input-box
{
width:184px;
height:20px;
background-color:#cc9d0e;
border:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style: normal;
line-height:20px;
font-weight:bold;
font-variant: normal;
color:#FFF;
text-decoration: none;
text-align:center;
padding-top:5px;
}
.input
{
width:89px;
height:14px;
background-color:#7f5f08;
border:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
line-height:14px;
font-weight:normal;
font-variant: normal;
color:#FFF;
text-decoration: none;
text-align:left;
padding-top:2px;
}
.header-right-top-right
{
width:304px;
height:78px;
float:right;
text-align:left;
padding-right:6px;
padding-top:2px;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.header-right-top-right a
{
text-decoration:none;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.header-right-top-right a:hover
{
text-decoration: underline;
color: #CC0000;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
.header-menu-box
{
width:856px;
height:28px;
float:left;
text-align:left;
}
/* CSS menu */
.navcontainer
{
width:856px;
float:left;
height:28px;
}
.navcontainer ul
{
margin:0;
padding:0;
}
.navcontainer ul li
{
list-style-type:none;
display:inline;
height:28px;
float:left;
text-align:center;
font:bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
background:url(../resimler/menu-bar-bg.gif) right center no-repeat;
}
.navcontainer ul li a
{
display:inline;
color:#CC0000;
text-decoration:none;
padding:0px 6px;
text-align:center;
font:bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
.navcontainer ul li a:hover
{
color:#FFF;
display:block;
background:url(../resimler/menu-hover-bg2.gif) left top repeat-x;
text-decoration:none;
padding:0px 6px;
font:bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
.navcontainer li a.active { 
color:#FFF;
background: url(../resimler/menu-hover-bg.gif) left top repeat-x;
text-decoration:none;
padding:0px 6px;
display:block;
font:bold 11px/28px Verdana, Arial, Helvetica, sans-serif;

}

/* CSS Body Main Document */
#body-main
{
width:100%;
height:auto;
float: left;
text-align:left;
background-color:#333333;
}
.body-inside
{
width:1000px;
height:auto;
float:left;
text-align:left;
background-color:#fff;
padding-bottom:7px;
}
.inner-inside
{
width:1000px;
height:auto;
float:left;
text-align:left;
background:#333333;
}
.body-left
{
width:161px;
height:auto;
float:left;
text-align:left;
background: #E5F5FF;
}
/* sub-navigation */
.subnav{
	color: #CC0000;
	font: bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
	line-height:25px;
	float:left;
	width:161px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	}
.subnav li a {
	display: block;
	color: #CC0000;
	font: bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	text-decoration: none;
	
	background: url(../resimler/button_playnow1.gif) left top no-repeat;
	border-bottom:2px solid #CC0000;
	padding-left:30px;
}
.subnav li a:hover {
	color: #CC0000;
	font: bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:#FF9797 url(../resimler/button_playnow2.gif) left top no-repeat;
	width: 131px;
	text-decoration:none;
	}

.body-right
{
width:827px;
height:auto;
float:right;
text-align:left;
padding-right:6px;
}
.oyunlar-left-box
{
width:652px;
height:auto;
float:left;
text-align:left;
}
.oyunlar-title
{
width:652px;
height:28px;
float:left;
text-align:left;
background:#CC0000;
}
.oyunlar-left-title
{
width:200px;;
height:28px;
float:left;
text-align:left;
color: #FFF;
font: normal 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
}

.yeni-arrow
{
float:left;
margin-right:3px;
}
/* CSS menu Document */
.menu
{
       width:120px;
       height:28px;
       float:right;
       text-align:left;
}
.menu ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.menu ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:28px;
}

.menu ul li a {
        width:22px;
        height: 28px;
        padding: 0px;
        margin: 0px;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-transform: none;
		background:#F4390B;
		margin-left:2px;
}

.menu ul li a:hover {
        color: #000;
		height:28px;
		text-decoration:none;
        font: bold 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-align:center;

}
.menu ul li a.active{
        color: #FFF;
		height:28px;
		text-decoration:none;
        font: bold 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-align:center;
}
/* CSS service-01 Document */
.katman
{
       width:604px;
       height:auto;
       float:left;
       text-align:left;
	   padding:24px 24px 0px 24px;
	   background-color: #FEE8E2;
	   clear:both;
}
.service-01
{
       width:604px;
       height:auto;
       float:left;
       text-align:left;
	   padding:24px 24px 0px 24px;
	   background-color: #FEE8E2;
	   clear:both;
}
.service-01 ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.service-01 ul li {
        width:136px;
        height:127px;
        display: block;
        float:left;
        text-align:center;
        padding: 0px;
		height: auto;
		margin-right:20px;
		margin-bottom:15px;
}

.service-01 ul li a {
        width:136px;
        height:120px;
        margin: 0px;
        border:1px solid #000000;
		padding-top:7px;
        color: #F4390B;
		font-weight:bold;
        text-decoration: none;
        display: block;
        text-align:center;
		text-transform: none;
		background:#FFFFFF;

}

.service-01 ul li a:hover {
        width:136px;
        height:120px;
        padding-top:7px;
        border:1px solid #000000;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align:center;
		text-transform: none;
		background: #F4390B;;

}

.service-bottom-box
{
width:652px;
height:auto;
float:left;
text-align:left;
padding-top:7px;
}
.service-bottom-left
{
width:321px;
height:auto;
float:left;
text-align:left;
}
.service-bottom-right
{
width:321px;
height:auto;
float:right;
text-align:left;
}
.service-bottom-title
{
width:321px;
height:29px;
float:left;
text-align:left;
background:#CC0000;
color: #FFF;
font: normal 18px/29px Trebuchet MS;
}
.service-title-left
{
width:235px;
height:29px;
float:left;
text-align:left;
}
.title-link-box
{
width:174px;
height:29px;
float:right;
text-align:left;
color: #ffbe22;
font: normal 14px/29px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.title-link-box a
{
color: #ffbe22;
font: normal 14px/29px Trebuchet MS, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.title-link-box a:hover, .title-link-box a.active
{
color: #fdebfe;
font: normal 14px/29px Trebuchet MS, Arial, Helvetica, sans-serif;
text-decoration:none;
}
/* CSS service-02 Document */

.service-02
{
       width:287px;
       height:auto;
       float:left;
       text-align:left;
	   padding:12px 17px 12px 17px;
	   background-color: #FEE8E2;
}
.service-02 ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.service-02 ul li {
        width:136px;
        height:127px;
        display: block;
        float:left;
        text-align:center;
        padding: 0px;
		height: auto;
		margin-right:15px;
		margin-bottom:20px;
}

.service-02 ul li a {
        width:136px;
        height:120px;
        margin: 0px;
		padding-top:7px;
        border:1px solid #000000;
        color: #F4390B;
        text-decoration: none;
        display: block;
        text-align:center;
        font-weight: bold;
		text-transform: none;
		background: #FFFFFF;

}

.service-02 ul li a:hover {
        width:136px;
        height:120px;
        padding-top:7px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align:center;
        font-weight: bold;
		text-transform: none;
		background: #F4390B;

}

.oyunlar-right-box
{
width:169px;
height:auto;
float:right;
text-align:left;
}

.sevdiginiz-title
{
padding-left:5px;
width:156px;
height:28px;
float:left;
text-align:left;
background:#CC0000;
color: #FFF;
font: normal 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.sevdiginiz-title-2
{
width:140px;
height:28px;
float:left;
text-align:left;
background:#CC0000;
color: #FFF;
font: normal 18px/28px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.service-03
{
       width:136px;
       height:auto;
       float:left;
       text-align:left;
	   padding:12px 17px 15px 16px;
	   background-color: #CC0000;
}
.service-03 ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.service-03 ul li {
        width:136px;
        height:127px;
        display: block;
        float:left;
        text-align:center;
        padding: 0px;
		height: auto;
		margin-bottom:16px;
}

.service-03 ul li a {
        width:136px;
        height:120px;
        margin: 0px;
		padding-top:7px;
        border:1px solid #000000;
        color: #CC0000;
        text-decoration: none;
        display: block;
        text-align:center;
        font: normal 13px/16px Trebuchet MS;
		text-transform: none;
		background: #FFFFFF;

}

.service-03 ul li a:hover {
        width:136px;
        height:120px;
        padding-top:7px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align:center;
        font: normal 13px/16px Trebuchet MS;
		text-transform: none;
		background: #ffbe22;

}

.power{
	color: #CC0000;
	font: normal 12px/16px Trebuchet MS;
	float:left;
	width:169px;
	text-align:left;
}
.power a {
	color: #ad3d1f;
	text-decoration: none;
	color: #CC0000;
	text-align:left;
}
.power a:hover {
	color: #ff6a00;
	}

.oyna-title
{
width:358px;
height:49px;
float:left;
text-align:left;
background:url(../resimler/oyna-title-bg.jpg) left top no-repeat;
padding:26px 0px 0px 140px;
color: #CC0000;
font: normal 17px/30px Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none;
}
.oyna-title:hover{color: #CC0000;font: normal 17px/30px Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none;}

/* CSS Footer Document */
#footer
{
width:100%;
height:auto;
float:left;
text-align:left;
background: #333333;
color: #000;
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#footer a
{
color: #000;
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#footer a:hover
{
color: #000;
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.footer-main
{
width:885px;
height:auto;
float: left;
text-align:left;
background:#CC0000 url(../resimler/footer-bg2.gif) left -15px repeat-x;
color:#000;
padding:12px 0px 12px 115px;
}
.footer-left
{
	width:735px;
	height:auto;
	padding-top:5px;
	float:left;
	text-align:left;
}
.footer-right
{
width:150px;
padding-top:5px;
height:auto;
float:right;
text-align:left;
}
/* CSS Text Document */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
	text-decoration: none;
}
body a
{
color:#CC0000;
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
body a:hover
{
color:#FF6A00;
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}



.pagenav {color: #fff;background:#3399FF;padding:4px 6px 4px 6px;margin:2px;font-weight:bold;border:1px solid #ddd;}
.pagenav2 {color: #fff;background:#E2290F;padding:4px 6px 4px 6px;margin:2px;font-weight:bold;border:1px solid #ddd;}
a.pagenav:link, a.pagenav:visited {border:1px #ddd solid;}
a.pagenav:hover {border:1px #ddd solid;background-color:#E2290F;color:#fff;}
.tablo1 {width:180px;background:#fff;text-align:center;}
.tablo2 {color:#000;}
/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../resimler/rate2.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/float:left;/* end hide*/text-indent:-999em;
}
ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {z-index:2;width:80px;height:16px;overflow:hidden;left:0;	background: url(../resimler/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */