* {
    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 .logo h1 { display:none;  }
#header .logo h2 { display:none;  }
#header .logo h3 { display:none;  }
#header .nav { width:768px; height:57px; float:left; left:325px; position:absolute; }

#header .facebook { width:250px; 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;
}


.navigation {
    width:500px;
    margin: 15px 322px 30px;
    height:5px;
}
.navitems li {
    list-style-type:none;
    float:left;
    display:block;
    margin-right:-22px;
}
.list-text { padding-top:10px;position: relative;
    top: 5px;}
.navigation a {
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
   /*background-image:url(images/buton-KAPALItab.png);*/
    background-repeat:no-repeat;
   background-position:4px 3px;
    width:157px;
    height:39px;
    padding-top:10px;
    padding-left:45px;
    padding-right:60px;
    padding-bottom:18px;

}
.navigation a:link  {
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
    background-image:url(images/buton-KAPALItab.png);
    background-repeat:no-repeat;
   background-position:4px 3px;
    width:157px;
    height:39px;
    padding-top:10px;
    padding-left:45px;
    padding-right:60px;
    padding-bottom:18px;

}
.navigation a:hover
{
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
    background-image:url(images/buton-ACIKtab.png);
    background-repeat:no-repeat;
    background-position:4px 3px;
    width:157px;
    height:39px;
    padding-top:10px;
    padding-left:45px;
    padding-right:60px;
    padding-bottom:18px;


}
.navigation a.selected
{
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
   background-image:url(images/buton-ACIKtab.png);
    background-repeat:no-repeat;
    background-position:4px 3px;
    width:157px;
    height:39px;
    padding-top:10px;
    padding-left:45px;
    padding-right:60px;
    padding-bottom:18px;


}


#banner {

    margin-top:15px;

}
.ui-tabs-hide {display:none;}
#tab {
    width:764px;
    height:29px;
    
    background-color:#000;
}

#tabmenu1 {
    background-color:#FFFFFF;
    background-image:  url(images/tabmenu1-bg.png);
    background-repeat:no-repeat;
    position:relative;
    margin-top:13px;
    width:764px;
    float:left;
}

#tabmenu2 {
    background:#F7F7F7;

    width:764px;
    float:left;
}
.tabitems {padding-left:520px;}
.tabitems li {float:left; list-style-type:none; display:block; margin-right:28px;}


#tab a { 
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#EFEFEF;
    margin:0;
    padding: 0;
}


#tab .ui-state-hover, #tab .ui-tabs-selected , #tab ui-state-active {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size:15px;
      color:#FFF;text-decoration:none;

      padding-bottom:12px;
      background-image: url(images/tab-ok-bg.png);
      background-repeat:no-repeat;
      background-position: center bottom;
}
#col { background-color:#FFF; height:auto;}

.package1 { width:215px; height:223px; float:left; margin-top:30px; }
.package{ width:215px; height:223px; float:right;margin-top:-180px;}
.p1 { width:175px; height:29px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#88B03D;}
.p4 {width:175px; height:29px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#0193BA;}
.p5 {width:175px; height:29px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#343979;}

.p { width:550px;color:#333333; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin-left:180px;padding-top:50px;margin-right:10px;}
.p2 { width:550px;color:#333333; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-top:100px;margin-right:10px;margin-left:20px;}
.p3 {
    margin-top:20px;
    width:175px;
    height:29px;
    float:left;
    font:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:bold;
    color:#CD5D0B;
}



th.green {
	padding-left:33px !important;
	width:100px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color:#88B13F !important;
}
th.orange {
	padding-left:33px !important;
	width:100px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color:#CD5D0B !important;
}
th.lightblue {
	padding-left:33px !important;
	width:100px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color:#0193BA !important;
}
th.blue {
	padding-left:15px !important;
	width:118px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color:#343A78 !important;
}
td.font-color {
	font-size:11px !important;
	color:#000000 !important;
	padding-left:5px !important;
	padding-right:5px !important;
}
td.font-color-border {
	font-size:11px !important;
	color:#000000 !important;
	padding-left:5px !important;
	padding-right:5px !important;
	border-bottom:1px solid #E8E8E8 !important;

}
td.font-colors {
	font-size:11px !important;
	color:#000000 !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	padding-left:5px !important;
	padding-right:5px !important;
}
td.font-colorss {
	font-size:11px !important;
	color:#000000 !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
#customers {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:764px;
	border-collapse:collapse;
}
#customers td, #customers th {
	font-size:1em;
}
#customers th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#F9F9F9;
	color:#ffffff;
}
#customers tr.alt td {
	color:#000000;
	background-color:#FFFFFF;
	border-right:1px solid #E1E1E1;
	text-align:center;
}
#customers tr.ust td {
	color:#000000;
	background-color:#EFEFEF;
	border-right:1px solid #E1E1E1;
	text-align:center;
}
td.title {
	font-size:14px !important;
	color:#000000 !important;
	padding-left:40px !important;
	width:182px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	text-align:left !important;
}
td.titless {
	font-size:14px !important;
	color:#000000 !important;
	padding-left:80px !important;
	padding-right:80px !important;
	width:182px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	text-align:left !important;
}
td.titles {
	font-size:14px !important;
	color:#000000 !important;
	padding-left:40px !important;
	width:182px !important;
	margin-top:-50px !important;
	padding-bottom:10px !important;
	text-align:left !important;
}
.pbottom_20 {
	padding-bottom:20px;
}
.text {
	font-size:14px;
	color:#000000;
	padding-left:40px;
	width:182px;
	padding-bottom:20px;
	text-align:left;
}
.it {
	font-size:14px;
	color:#000000;
	font-style:italic;
}
#comment {
	font-size:10px;
	color:#000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:656px;
	height:64px;
	margin:0px 0 50px 50px;
        
}
.mleft_40 {
	margin-left:40px;
	}



            #col {
                background-color:#FFF;
                height:auto;
            }
            .product-package {
                width:770px;
                height:auto;
                margin-top:30px;
                float:left;
            }
            .product-package-img {
                width: 188px;
                height:232px;
                float:left;
                margin-top:30px;
                margin-left:15px;
            }
            .product-package-img-right {
                 width: 188px;
                height:232px;
                float:left;
                margin-top:30px;

            }
            .product-package-comment {
                width: 500px;
                height: 150px;
                float:left;
                margin-top:30px;
                margin-left:10px;
            }
            .product-package-comment-left {
                width: 500px;
                height: 150px;
                float:left;
                margin-top:30px;
                margin-left:45px;
                margin-right:10px;
            }
            .product-package-comment-heading {
                width: 520px;
                height:20px;
                float:left;
                color:#88B03D;
                font-size: 22px;
                font-weight: bold;
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            }
            .product-package-comment-text {
                width: 520px;
                height: 130px;
                float: left;
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size: 15px;
                color:#333333;
                margin-top: 10px;
				line-height:21px;
            }
            .p1 {
                width:475px;
                height:29px;
                float:left;
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:22px;
                font-weight:bold;
            }
            .p4 {
                width:475px;
                height:29px;
                float:left;
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:22px;
                font-weight:bold;
                color:#0193BA;
            }
            .p5 {
                width:475px;
                height:29px;
                float:left;
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:22px;
                font-weight:bold;
                color:#343979;
            }

            .p {
                width:550px;
                color:#333333;
                font-size:15px;
                font-family:Arial, Helvetica, sans-serif;
                margin-left:180px;
                padding-top:50px;
                margin-right:10px;
            }
            .p2 {
                width:550px;
                color:#333333;
                font-size:15px;
                font-family:Arial, Helvetica, sans-serif;
                padding-top:100px;
                margin-right:10px;
                margin-left:20px;
            }
            .p3 {
                margin-top:20px;
                width:175px;
                height:29px;
                float:left;
                font:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:22px;
                font-weight:bold;
                color:#CD5D0B;
            }
            .tripot{
                width:764px;
                float:left;
                margin-top:10px;
                margin-bottom:20px;
                padding-left: 30px;
                padding-right:25px;
            }
            .tripot1 {
                width: 190px;
                float:left;

                margin-right:35px;
            }
            .tripot-heading {
                font-family: "lucida grande",verdana,arial,sans-serif;
                font-weight:bold;
                color:#BBBBBB;
                font-size:18px;
				line-height:21px;
				padding-top:8px;
            }
            .tripot-content {
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                font-weight:bold;
                color:#000000;
                font-size:12px;
				line-height:16px;
				padding-top:4px;
            }
			.light-green {color:#31C2B7;}
		 .light-pink {color:#F42E47;}
         .green {color:#88B03D;}
         .orange {color:#CD5D0B;}
         .lightblue{color:#0092B9;}
         .blue {color:#333979;}
         .font14{font-size:14px;}
		 
         .mbottom_60 {margin-bottom:60px;}
/*SLİDER*/

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
  
    width:768px;
    height:480px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:768px;
    height:480px;
   
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:600px;
	bottom:20px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}