@font-face {
 font-family: Calibri;
 src: url("../fonts/Calibri.eot") /* EOT file for IE */
}
@font-face {
 font-family: Calibri;
 src: url("../fonts/Calibri.ttf") /* TTF file for CSS3 browsers */
}

* {margin:0; padding:0;}

ul li{list-style-position:inside;}

body { 
background-color:#FFF; 
background-image:url(../images/bg.gif);
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:20px;
color:#444;}

img {border:0; text-align:left;}

a{text-decoration:none;color:#444;}

#page{
	width:100%;
	height:100%;
	float:left;}

#container{
	width:800px;
	margin:0 auto;}
	
.shadow_top{
	float:left;
	width:100%;
	height:50px;
	background-image:url(../images/shadow_top.png);}

.shadow_bottom{
	float:left;
	width:100%;
	height:50px;
	background-image:url(../images/shadow_bottom.png);}

#left{
	float:left;
	width:350px;
	padding-top:20px;
	text-align:center;}
	
#right{
	float:right;
	width:380px;}
	
h1{
	float:left;
	width:100%;
	color:#4176b5;
	line-height:35px;
	font-size:20px;}
	
.ayrac1{
	float:left;
	width:3px;
	height:239px;
	margin:10px 20px 0;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../images/ayrac1.png);}
	
.ayrac2{
	float:left;
	height:3px;
	width:100%;
	background-image:url(../images/ayrac2.png);
	background-repeat:no-repeat;
	margin-bottom:20px;}
	
span{
	float:left;
	width:350px;
	margin-bottom:10px;
	padding-left:30px;
	background-image:url(../images/iletisim.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.kroki{
	float:left;
	color:#4176b5;
	font-style:italic;
	padding-left:30px;}
	
a.arena{
	float:right;
	width:90px;
	height:15px;
	margin-top:-40px;
	background-image:url(../images/arena.png);
	background-repeat:no-repeat;}
	
a.arena:hover{background-position:0 -15px;}