#container {width:786px; height:100%; margin:0 auto; position:relative;}
#containerOyun {width:786px; height:800px; margin:0 auto;}
#top {width:786px; height:102px; background-image:url(images/topBg.png);}
#language a {background-image:url(images/language.gif); width:55px; height:16px; display:block; text-decoration:none; color:#c1c1c1; position:relative; right:35px; top:15px; text-align:center;	font-size:10px; padding:2px 0 0 0; z-index:15; float:right;}
#language a:hover {color:#fff;}
#player {width:720px; height:263px; background-image:url(images/playerBg.png); padding:17px 33px 33px 33px;}
#playerSection {width:720px; height:263px; background-color:#282828;}
#logoMain a {width:142px; height:64px; background-image:url(images/logo2.jpg); float:left; display:block; margin:30px 0 0 30px; text-indent:-9999px;}
 
a {outline:none;}

#topNav {width:270px; height:62px; z-index:2; position:absolute; right:40px; top:40px;}
#links {float:right; font-family:Tahoma; font-size:11px; color:#fff; text-align:right; margin:0; padding:17px 0 0 0;}
#links li {list-style-type:none; background-image:url(images/bullet.gif); background-repeat:no-repeat; margin:0 0 0 15px; float:right; padding:0 0 0 15px; background-position:3px 7px; }
#links a:link, #links a:visited, #links a:active {font-family:Tahoma; font-size:11px; color:#fff; text-decoration:none; text-align:right; height:18px; display:block;}
#links a:hover {color:#fff; border-bottom:1px solid #85ff00;}


#bgChange {height:32px; width:200px; float:right; margin-top:17px;}
.grassBg {width:24px; height:32px; background-image:url(images/grass.gif); background-repeat:no-repeat; float:right; margin:0;}
.futureBg {width:22px; height:32px; background-image:url(images/futuristic.gif); background-repeat:no-repeat; float:right; margin:0;}
.noneBg {width:24px; height:32px; background-image:url(images/none.gif); background-repeat:no-repeat; float:right; margin:0;}

.info {
	width:730px;
	height:300px;
	margin-left:28px;
	margin-bottom:22px;
	background-color: #f5f5f5;
}
.infoik {background-image:url(images/infoBg2.jpg); height:443px; margin:0 auto; padding:35px 20px 20px 35px; width:675px; text-align:left;}
.ik {background-image:url(images/ikBg.jpg); width:760px; height:242px;}
.ikCont {position:relative; margin:0 auto;}

#mainNav {width:760px; height:53px; top:0px; position:relative; text-align:left; display:block; z-index:16; margin:0 0 0 33px;}
#mainNav ul {margin:0; padding:0;}
#mainNav ul li {list-style-type:none; height:57px; float:left;}
#mainNav ul li a {height:53px; display:block; padding:0;}
#diger {width:689px; height:190px; background-image:url(images/digerBg.jpg); background-repeat:no-repeat; margin:0 auto; padding-top:20px; padding-left:20px;}
#digerCont {width:689px; height:80px; float:left; top:10px; position:relative;}

#box {float:left; width:786px; height:60px; background-image:url(images/contentTop.png); background-repeat:no-repeat; padding-top:12px;}
/*----------------------------             NAVIGATION       ----------------------------------*/

#bodyWeb #webSitesi a {background-position:-80px;}
#bodyBanner #banner a {background-position:-111px;}
#bodyOyun #oyun a {background-position:-93px;}
#bodyProduction #production a {background-position:-89px;}
#bodyIcerik #icerik a {background-position:-103px;}
#bodyInteraktif #interaktif a {background-position:-141px;}
#bodyGadget #gadget a {background-position:-95px;}


#webSitesi a:link, #webSitesi a:active, #webSitesi a:visited {width:80px; height:57px; background-image:url(images/nav/web_sitesi.jpg); background-repeat:no-repeat;}
#webSitesi a:hover {background-position:-80px;}
#banner a:link, #banner a:visited, #banner a:active {width:111px; height:57px; background:url(images/nav/banner_mailing.jpg) no-repeat;}
#banner a:hover {background-position:-111px;}
#oyun a:link, #oyun a:visited, #oyun a:active {width:93px; height:57px; background:url(images/nav/advergame.jpg) no-repeat;}
#oyun a:hover {background-position:-93px;}
#production a:link, #production a:visited, #production a:active {width:89px; height:57px; background:url(images/nav/produksyon.jpg) no-repeat;}
#production a:hover {background-position:-89px;}
#icerik a:link, #icerik a:visited, #icerik a:active {width:103px; height:57px; background:url(images/nav/icerik_yonetimi.jpg) no-repeat;}
#icerik a:hover {background-position:-103px;}
#interaktif a:link, #interaktif a:visited, #interaktif a:active {width:141px; height:57px; background:url(images/nav/interaktif_kampanya.jpg) no-repeat;}
#interaktif a:hover {background-position:-141px;}
#gadget a:link, #gadget a:visited, #gadget a:active {width:95px; height:57px; background:url(images/nav/gadget.jpg) no-repeat;}
#gadget a:hover {background-position:-95px;}


/*----------------               TITLE & LOGOS           -----------------------------*/
.mainTitle {
	width:699px;
	height:20px;
	padding:20px 12px 15px 20px;
	float:left;
	display:block;
	background-image: url(borderr.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.titleSect {
	height:35px;
	width:400px;
	float:left;
	display:block;
}
.titlesag {
	height:20px;
	width:230px;
	float:right;
	display:block;
}
.ayrac {
	height:50px;
	width:690px;
	float:right;
	display:block;
	background-image: url(borderr.jpg);
	position: relative;
	left: 75px;
	top: 687px;
}
.clientTitle {
	font-family:"Trebuchet MS";
	font-size:24px;
	color:#FF6600;
	letter-spacing:-1px;
	float:left;
	display:block;
	width:100%;
}
.breadCrumb {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#777; float:left; display:block; clear:both;}
.logo {height:55px; width:186px; float:right; text-align:right; margin-right:15px;}



.flashArea {
	width:300px;
	height:225px;
	float:left;
	margin-left:26px;
	text-align:center;
	padding:5px;
	margin:8px 8px 8px 8px;
	border:1px  #CCCCCC solid;
}

/*------------------              CONTENT                ---------------------------------*/
#content {width:786px; margin:0; padding:0; height:100%; float:left; z-index:5; clear:both;}
#contentOyun {width:786px; height:900px; margin:0; padding:0; float:left; position:absolute; z-index:5;}
.contentBottom { width:786px; height:18px; background-image:url(images/contentBottom.png); background-repeat:no-repeat;}
.contentTop {width:786px; height:72px; background-image:url(images/contentTop.png); background-repeat:no-repeat; }
.contentBg {background-image:url(images/mainBg.png); background-repeat:repeat-y; height:500px;}
.oyunBg {background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.iletisimBg {background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.hakkimizdaBg {background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.bannerBg {background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.interaktifBg{background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.produksiyonBg{background-image:url(images/mainBg.png); background-repeat:repeat-y;}
.gadgetBg{background-image:url(images/mainBg.png); background-repeat:repeat-y;}


.textArea {
	width:320px;
	height:240px;
	margin-left:20px;
	float:left;
	position:relative;
	z-index:30;
	left:20;
}
.textArea_ik {width:333px; height:160px; float:left; position:relative; z-index:30; left:20;}
.date {font-family:"Trebuchet MS"; font-size:20px; color:#666; line-height:18px;}
.about {font-family:Tahoma; font-size:11px; color:#666; line-height:20px;}
.text {
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
	line-height:14px;
}
.textLink {
	font-family:Tahoma;
	font-size:11px;
	color:#FF6600;
	line-height:15px;
}
.textLink a:link, .textLink a:active, .textLink a:visited {
	font-family:Tahoma;
	font-size:11px;
	color:#FF6600;
	line-height:15px;
	text-decoration:none;
}
.textLink a:hover {
	font-family:Tahoma;
	font-size:11px;
	color:#FF6600;
	line-height:15px;
	text-decoration:none;
}
.flashBox {
	width:225px;
	height:300px;
	display:block;
	background-image:url(images/ajax-loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}