body {
	background:url("../images/bg.jpg");
	font-family:"Trebuchet MS", verdana, arial;
	font-size:11px;
	color:#8C8C8C;
}
#container{
	width:874px;
	padding:13px;
	background:white;
	margin:100px auto 30px auto;
	display: table;
}
#header{
	width:874px;
	height:51px;
	overflow:hidden;
}
#header h2{display:block;text-indent:-9999px; background:url(../images/headerSet.jpg); width:335px; height:51px; float:left;}
#header ul li{float:left; display:block;}
#header li a{background:url(../images/headerSet.jpg) -335px 0;height:102px; display:block; text-indent:-9999px;}
#header li a#anaSayfa{width:108px;}
#header li a#hakkimizda{width:108px;background-position:-443px 0}
#header li a#hizmetler{width:108px;background-position:-551px 0}
#header li a#referanslar{width:108px;background-position:-659px 0}
#header li a#iletisim{width:107px;background-position:-767px 0}

a#anaSayfa.selected,a#hakkimizda.selected,a#hizmetler.selected,a#referanslar.selected,a#iletisim.selected{margin-top:-51px}


#contentWrap{
	margin-top:10px;
	width:874px;
	margin-bottom:7px;
	float:left;
	display:inline;
}
#footer{
	width:874px;height:40px; background:#E6E7E7; float:left; font-size: 12px;
}
#footer p{float:left; display:block;  margin:12px 0 0 15px;}
#footer a.flag{float:right; margin:12px 15px 0 0}

#leftSide{
	float:left;
	display:inline;
	width:334px;
	height:437px;
	border-bottom:solid 7px #02A4D2;
	background:#C2C2C2;
}
#leftSide ul li{
}
#leftSide ul li a{
    height: 30px;
    padding: 13px 0 0 45px;
    width: 289px;
	background:url(../images/hizmetlerMenuBg.jpg) no-repeat 0 -43px;
	color:#434444;
	display:block;
	font-size:14px;
}
#leftSide ul li a:hover{
	background-position:0 0;
	color:white;
}
#leftSide ul li a.selected{
	background-position:0 0;
	color:white;
}
#content{
	float:left;
	width:534px;
	margin-left:6px;
	font-size:12px;
}
#content h2{font-size:18px; color:#4B4B4B; font-weight:bold;}
#content h2, #content p{margin:24px 0 0 24px;}
#content p{height:246px; overflow:auto; position:relative;}
/* Ana sayfa */
div#anaSayfaGorsel{position:relative;}
div#anaSayfaGorsel span{display:none; position:absolute; background:url(../images/indexImgContent.png) repeat-x; height:84px; width:874px; top:360px; left:0;}
div#anaSayfaGorsel span a{background-image:url(../images/indexArrow.png); background-repeat:no-repeat; background-position:left; height:31px; display:block; padding:12px 0 0 40px; font-family:verdana; color:white; font-weight:bold; margin:20px 0 0 25px; font-size:25px;}
div#anaSayfaGorsel div{position:absolute; left:0; top:0;}
#sliderContent
{
	position:relative; overflow:hidden; height: 450px;
}
#hizmetlerDownload{position:relative; overflow:hidden; width:300px; height:60px; display:none; margin: 190px 0 0 18px; background:url(../images/hizmetlerDownload.gif)}
#hizmetlerDownload:hover{background:url(../images/hizmetlerDownload.gif) 0 -60px}

/* referanslar */
div#refContact ul {position:relative;}
div#refContact ul div{position:absolute; left:0; top:0;}
div#refContact ul li{float:left; border-bottom:2px solid #02A4D2; width:207px; height:125px; margin:0px 15px 40px 0; position:relative; background:black;}
div#refContact ul li.nomargin{margin:0px 0 20px 0;}
div#refContact ul li a{display:block; font-size:12px; color:#C2C2C2; font-weight:bold; background-image:url(../images/ref_arrow.jpg); background-position:0 2px; background-repeat:no-repeat; height:20px; padding-left:20px; margin:7px 0 0 0}
div#refContact ul li a:hover{color:#434444;}
div.sep{clear:both; display:block; border-bottom: 5px solid #CCCCCC; margin:10px 0 7px 0; height: 1px;}
.refNexPrev a{background-image:url(../images/nextPrev.jpg); display:block; background-repeat:no-repeat; height:21px; width:21px; text-indent:-9999px; float:left;}
.refNexPrev a.nextBtn{background-position:0 0;}
.refNexPrev a.prevBtn{background-position:-21px 0;}
.refNexPrev a.nextBtn:hover{background-position:0 -21px;}
.refNexPrev a.prevBtn:hover{background-position:-21px -21px;}
div.sep h2{float:left; font-size:14px; color:#333;}
.refNexPrev{float:right;}
#turkiyeRef, #almanyaRef{height:200px; overflow:hidden; position:relative;}
/* iletisim */
.iletisim{float:left; width:432px; font-size:12px;}
.iletisim div, .iletisim img {float:left;}
.iletisim div{margin:13px 0 13px 22px;  min-width: 178px;}
.iletisim span{background-image:url(../images/ref_arrow.jpg); background-position:0 2px; background-repeat: no-repeat; display:block; height:40px; float:left; font-size:20px; padding-left:20px;}