* {
margin: 0;
padding: 0;
}

	.source-image {
	width: 100%;	

	position:fixed;
	top: 0;
	left: 0;
	z-index:-5000;
}


ul#nav {
	background:url(images/nav.png) no-repeat; width: 768px; height: 64px; left:340px; position:fixed;  padding:0;margin:0; }
	
#dionnav li {
	height: 64px; float: left; padding:0; margin:0;display:block;  list-style:none; }
	
li#dionnav-home {	background: url(images/nav.png) no-repeat 0 0px;	width: 125px;}
li#dionnav-home a.link {	display: block; width:125px; height: 64px;	text-indent: -9999px;}
li#dionnav-home a:hover.link {	background: url(images/nav.png) no-repeat -0px -64px;}
li#dionnav-home a.selected {	display: block; width: 125px; height: 64px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -0px -64px;}

li#dionnav-bizkimiz {	background: url(images/nav.png) no-repeat -125px 0px;	width: 130px;}
li#dionnav-bizkimiz a.link {	display: block; width:130px; height: 64px;	text-indent: -9999px;}
li#dionnav-bizkimiz a:hover.link {	background: url(images/nav.png) no-repeat -125px -64px;}
li#dionnav-bizkimiz a.selected{	display: block; width: 130px; height: 62px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -125px -64px;}

li#dionnav-urunler {	background: url(images/nav.png) no-repeat -255px 0px;	width: 130px;}
li#dionnav-urunler a.link {	display: block; width:130px; height: 64px;	text-indent: -9999px;}
li#dionnav-urunler a:hover.link {	background: url(images/nav.png) no-repeat -255px -64px;}
li#dionnav-urunler a.selected{	display: block; width: 130px; height: 64px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -255px -64px;}

li#dionnav-hizmetler {	background: url(images/nav.png) no-repeat -385px 0px;	width: 130px;}
li#dionnav-hizmetler a.link {	display: block; width:130px; height: 64px;	text-indent: -9999px;}
li#dionnav-hizmetler a:hover.link {	background: url(images/nav.png) no-repeat -385px -64px;}
li#dionnav-hizmetler a.selected{	display: block; width: 130px; height: 64px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -385px -64px;}

li#dionnav-portfolyo {	background: url(images/nav.png) no-repeat -515px 0px;	width: 130px;}
li#dionnav-portfolyo a.link {	display: block; width:130px; height: 64px;	text-indent: -9999px;}
li#dionnav-portfolyo a:hover.link {	background: url(images/nav.png) no-repeat -515px -64px;}
li#dionnav-portfolyo a.selected{	display: block; width: 150px; height: 64px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -515px -64px;}

li#dionnav-iletisim {	background: url(images/nav.png) no-repeat -645px 0px;	width: 123px;}
li#dionnav-iletisim a.link {	display: block; width:123px; height: 62px;	text-indent: -9999px;}
li#dionnav-iletisim a:hover.link {	background: url(images/nav.png) no-repeat -645px -64px;}
li#dionnav-iletisim a.selected{	display: block; width: 123px; height: 64px;	text-indent: -9999px;background: url(images/nav.png) no-repeat -645px -64px;}


#header { width:auto; height:57px; padding-top:48px; }



#header .logo { width:307px; height:57px; float:left; margin-right:20px; background-image:url(images/logo.png); margin-top:2px; position:fixed; }

#header .logo h1 { display:none;  }
#header .logo h2 { display:none;  }

#header .nav { width:768px; height:57px; float:left; left:325px; position:absolute; }

#header .facebook { width:150px; height:42px; float:left; margin-left:25px; margin-top:50px; padding-top:15px;  }

#header .line { width:%100; height:57px; float:left; overflow:hidden; background-image:url(images/header_right.png); background-repeat:repeat; }

#header .rigthline { height:57px; width:100%; position:fixed; left:1111px; margin-left:auto; margin-top:2px; background-image:url(images/header_right.png); background-repeat:repeat-x; float:right;}

#container {
	width:767px;
	height:auto;
	margin-left:326px;
	float:left;
	margin-top:15px;
	position:absolute;
}



#container .header { width:767px; height:115px; float:left; background-image:url(images/container_bg_header.png); background-repeat:no-repeat; }



#container .indexheader { width:767px; height:17px; float:left; background-image:url(images/container_bg_indexheader.png); background-repeat:repeat; }



#container .header .title { width:688px; height:76px; background-color:#000; margin-left:36px;  margin-top: 20px; }

#container .header .title h2 { display:none; }


#container .repeat .biz-icerik .title { width:688px; height:76px; background-color:#000; margin-left:36px;  margin-top: 20px; }

#container .repeat .biz-icerik .title h2 { display:none; }


#container .repeat { width:767px; height:auto; overflow:hidden; float:left; background-image:url(images/container_bg_repeat.png);  background-repeat:repeat;  }

#container .repeat .icerik { width:688px; height:auto;  margin-left:46px; font-family:"Trebuchet MS"; font-size:12px; text-align:left;}



#container .repeat .hizmet-icerik { width:688px; height:auto;  margin-left:46px; font-family:"Trebuchet MS"; font-size:12px; text-align:left;}

#container .repeat .icerik .biz-icerik{ font-size:14px;}

#container .repeat .icerik .paket { width:330px; height:350px; float:left; margin-right:10px; margin-bottom:20px; }


#container .footer { width:767px; height:17px; float:left; background-image:url(images/container_bg_footer.png); }

/*index ve urunler gibi arada öğeler olan sayfalar için*/
#container2 {
	width:767px;
	height:auto;
	margin-left:326px;
	float:left;
	margin-top:70px;
	position:absolute;
}

#container2 .header { width:767px; height:115px; float:left; background-image:url(images/container_bg_header.png); background-repeat:no-repeat; }



#container2 .indexheader { width:767px; height:17px; float:left; background-image:url(images/container_bg_indexheader.png); background-repeat:repeat; }



#container2 .header .title { width:688px; height:76px; background-color:#000; margin-left:36px;  margin-top: 20px; }

#container2 .header .title h2 { display:none; }


#container2 .repeat { width:767px; height:auto; overflow:hidden; float:left; background-image:url(images/container_bg_repeat.png);  background-repeat:repeat; padding-top:10px; padding-bottom:10px;  }

#container2 .repeat .icerik { width:688px; height:auto;  margin-left:46px; font-family:"Trebuchet MS"; font-size:12px; text-align:left;}

#container2 .repeat .icerik h2 { display:none;}

#container2 .repeat .urunler{ width:688px; height:auto;  margin-left:46px; font-family:"Trebuchet MS"; font-size:10px; text-align:left;}

#container2 .repeat .hizmet-icerik { width:688px; height:auto;  margin-left:46px; font-family:"Trebuchet MS"; font-size:12px; text-align:left; margin-top:15px;}

#container2 .repeat .icerik .biz-icerik{ font-size:14px;}

#container2 .repeat .icerik .paket { width:330px; height:350px; float:left; margin-right:10px; margin-bottom:20px; }

#container2 .footer { width:767px; height:17px; float:left; background-image:url(images/container_bg_footer.png); }


#container2  .webportfolyo{
	margin:15px;
	
	}

#container2  .webportfolyo .resim{ width:176px; height:auto; float:left;  background-color:#CDCDCD; margin-left:25px; margin-right:25px; padding:4px;}

#container2  .webportfolyo .icerik2{ width:475px; height:auto; float:left;}

#container2  .webportfolyo .icerik2 .aciklama{ width:475px; height:auto; font-family:"Trebuchet MS"; font-size:12px; color:#000; padding-top:15px;}

#container2  .webportfolyo .icerik2 .baslik{ font-family:'Trebuchet MS'; font-size:22px; color:#463E66; border-bottom:1px solid #463E66; width:auto;}
	
	

#galleria{width:737px;height:450px; float:left; margin-left:20px;}





#socialmedia { width:765px; height:55px; margin-left:325px; background-image:url(images/socialmedia_bg.png); background-repeat:repeat-x; float:left; margin-top:15px; font-family:"Trebuchet MS"; font-size:14px; color:#3ABADE; padding-top:5px; position:absolute; }

#socialmedia2 {font-family:"Trebuchet MS"; font-size:14px; color:#3ABADE; width:755px; }

#socialmedia .twitterlogo { width:24px; height:24px; margin-left:15px; margin-right:15px; margin-top:5px; float:left; background-image:url(images/twitter.png);  }


#subnav { width:468px; height:40px; margin-left:458px; float:left; margin-top:15px; position:absolute; }

#subnav h3 { display:none; }


/*Hizmetler Bölümü Accordion Menu*/

#accordion {
	list-style: none;
	padding: 0 0 0 0;
	width: 600px;
}
#accordion li{
	display: block;
	background-color: #ECECEC;
	font-weight:normal;
	font-size:17px;
	margin: 5px;
	cursor: pointer;
	padding: 10 5 5 7px;
	list-style: circle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #ececec;
	padding: 0 0 0 17px;
}

#accordion ul li p {
	font-weight: normal;
	cursor: auto;
	background-color: #ececec;
	padding: 0 0 0 17px;
	font-size:12px;
}

#accordion ul li .ul-li{
	margin-left:25px;
	
	font-size:12px;
	}

#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}