@charset "utf-8";
/* CSS Document */

img{border:0}
form{margin:0; padding:0;}
p{padding:0; margin:0;}
:focus{outline: 0;}

a {color:#fff; font-weight: bold; text-decoration: none;}
a:hover {font-weight: bold; text-decoration: underline;}

body {
	font-family:arial; 
	font-size:11px; 
	padding:0px; 
	margin:0px; 
	background-color:#1c1c1c;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    color: #dbdbdb
}

.Clearing{clear:both; margin:0; padding:0}

#hizmetlerimiz-content {
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	text-align:justify;
	overflow: hidden;
}

#hizmetlerimiz-menu-container{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	overflow:hidden;
}

.hizmetlerimiz-baslik {
	color:#dfb116;
	padding-bottom:3px;
	font-weight:bold;
	font-size: 14px;
}

.hizmetlerimiz-baslik a {
	color:#ed911b;
	text-decoration: none;
}

.hizmetlerimiz-baslik a:hover {
	color:#ed911b;
	text-decoration: underline;
}

div#header{
	margin:0px auto;
	margin-top:10px;
	width:840px;
	overflow: hidden;
}

div#header_left{
	width:385px;
	float:left;
}

div#header_right{
	width:430px;
	float:right;
}

div#banner{
	margin:0px auto;
	width:840px;
	height:280px;
	background-image:url(/images/bannerBack.jpg);
	margin-top:5px;
}

div#bannerHizmetlerimiz{
	margin:0px auto;
	width:840px;
	height:100px;
	background-image:url(/images/bannerBack1.jpg);
	margin-top:5px;
}

div#content{
	margin:0px auto;
	width:840px;
	margin-top:5px;
	margin-bottom:30px;
	overflow: hidden;
}

div#content_left{
	width:535px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}

div#content_right{
	width:260px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:justify;
}

div#iletisim_left{
	width:335px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}

div#iletisim_right{
	width:480px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:justify;
}

div#referanslarimiz-container{
	width:820px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	text-align:justify;
	overflow: hidden;
}

div#web_left{
	width:320px;
	float:left;
}

div#web_right{
	width:485px;
	float:right;
}

div#jingle_left{
	width:410px;
	float:left;
}

div#jingle_right{
	width:405px;
	float:right;
}

.jingle-list-container {
	background:#242424; 
	margin:0; 
	padding:0; 
	width:405px; 
	height:25px; 
	border:1px solid #494949; 
	padding:2px; 
	margin-bottom:3px;
	overflow: hidden;
}

.jingle-list-refs {
	padding-top:5px; 
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
}

.ref-jingle-mp3-container {
	width:400px;
	height:25px;  
	padding:3px; 
	margin-bottom:3px;
}

.jingle-list-mp3 {
	padding-top:3px; 
	padding-left:5px;
}

.ref-info-container {
	background:#626262; 
	width:396px;
	border:2px solid #494949; 
	padding:2px;
	padding-bottom:3px;
	margin-bottom:4px;
}


.web-list-container {
	background:#242424; 
	margin:0; 
	padding:0; 
	width:310px; 
	height:25px; 
	border:1px solid #494949; 
	padding:2px; 
	margin-bottom:3px;
	overflow: hidden;
}

.web-list-refs {
	padding-top:5px; 
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
}

.web-info-container {
	background:#626262; 
	width:474px;
	border:2px solid #494949; 
	padding:2px;
	padding-bottom:3px;
	margin-bottom:4px;
}

.web-info-item h1{
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	color:#ffc90e;
	font-weight:bold;
	font-size:14px;
}

.web-image-container{
	width:480px;
	height:280px;
	border:1px solid #ccc
}

.web-info {
    width:180px;
	float:right;
	color:#fff
}

.web-info-item h1 a {
	color:#fff;
	text-decoration: none;
}

.web-info-item h1 a:hover {
	color:#fff;
	text-decoration: underline;
}

.opacity img{
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

.opacity:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

div#hakkimizda{
	width:820px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	text-align:justify;
	overflow: hidden;
}

div#insanKaynaklari{
	width:820px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	overflow: hidden;
}

div#insanKaynaklari_left{
	width:335px;
	float:left;
	margin-top:20px;
}

div#insanKaynaklari_right{
	width:480px;
	float:right;
	margin-top:20px;
}



div.down {width:840px; height:25px; margin:auto; text-align:center; color:#fff;}

.hizmet-navlist {margin:0; padding:0; line-height:20px; list-style-type:none;}
.navlist {margin:0; padding:0; line-height:15px; list-style-type:none;}
.ref-list {margin:0; padding:0; padding-left:15px; line-height:17px; color:#fff;}
.hizmetList {margin:0; padding:0; line-height:20px; list-style-type:none;}

.index-navlist {margin:0; padding:0; line-height:17px; list-style-type:none;}

.index-navlist a {
margin:0; 
padding:0;
color:#ffffff;
font-weight:normal;
line-height:17px;
text-decoration: none;
}
.index-navlist a:hover {
color: #ffffff;
text-decoration: underline;
}

.borderit img{
	border: 1px solid #292929;
}

.borderit:hover img{
	border: 1px solid #ffffff;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/* Navigation Start */
#navigation	{
	position:absolute;
	top: 63px;
	width: 537px;
	height: 29px;
	background:transparent url(/images/menu.png) no-repeat;
	}
#navigation li	{
	position:absolute;
	list-style: none;
	}
	
#navigation li, #navigation a	{	height:29px; display:block;	}
#navigation span	{	display: none;	}

#anasayfa			{	top:0; left: 0px; 	width: 73px;	}
#hakkimizda			{	top:0; left: 76px;  width: 80px;	}
#hizmetlerimiz		{	top:0; left: 160px; width: 95px;	}
#referanslarimiz	{	top:0; left: 258px; width: 104px;	}
#iletisim			{	top:0; left: 367px; width: 58px;	}

#anasayfa			a:hover	{background: transparent url(/images/menu.png) -0px	-29px no-repeat; margin:0; padding:0;}
#hakkimizda 		a:hover	{background: transparent url(/images/menu.png) -76px 	-29px no-repeat;}
#hizmetlerimiz 		a:hover	{background: transparent url(/images/menu.png) -160px 	-29px no-repeat;}
#referanslarimiz	a:hover	{background: transparent url(/images/menu.png) -258px 	-29px no-repeat;}
#iletisim			a:hover	{background: transparent url(/images/menu.png) -367px 	-29px no-repeat;}

/* Navigation End */


/* Referanslarımız Navigation Start */
#referasNav	{
	position:absolute;
	top: 195px;
	width: 385px;
	height: 29px;
	background:transparent url(/images/referansMenu.png) no-repeat;
	}
#referasNav li	{
	position:absolute;
	list-style: none;
	}
	
#referasNav li, #referasNav a	{	height:29px; display:block;	}
#referasNav span	{	display: none;	}

#webhizmetleri		{	top:0; left: 0px; 	width: 106px;	}
#jingle				{	top:0; left: 109px; width: 156px;	}
#hosting-domain		{	top:0; left: 268px; width: 116px;	}

#webhizmetleri		a:hover	{background: transparent url(/images/referansMenu.png) -0px	-29px no-repeat; margin:0; padding:0;}
#jingle				a:hover	{background: transparent url(/images/referansMenu.png) -109px 	-29px no-repeat;}
#hosting-domain		a:hover	{background: transparent url(/images/referansMenu.png) -268px 	-29px no-repeat;}

/* Referanslarımız Navigation End */


input.metinAlani{
   color: #000;
   background-color: #d9e2ec;
   border: 1px solid #31557f;
   font:11px Arial, Helvetica, sans-serif;
   border-left:5px solid #31557f; 
}

textarea.metinAlani{
   color: #781351;
   background-color: #d9e2ec;
   border: 1px solid #31557f;
   font:11px Arial, Helvetica, sans-serif;
   border-left:5px solid #31557f; 
   overflow:hidden;
}

.ref_div {
	padding-left: 15px;
}

.ref_link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding-bottom: 7px;
	padding-left: 5px;
}

.ref_link a{
	text-decoration: none;
}

.ref_link a:hover{
	text-decoration: underline;
}

.slideshow { height: 100px; width: 800px; margin: auto }
.slideshow img { background-color: #eee; }