body {

	background: #fff url(images/bg.gif) repeat-x;

	text-align: left;

	font-family: tahoma;

	font-size: 13px;

	color: #444;

	margin: 10px 0px 0px 0px;

}



.alt-sayfa {

	background: #fff url(images/bg-altsayfa.gif) repeat-x;

}



h3 { font-size:18px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:10px 0px; padding:0px; color:#444; text-align:left;}



.clear { clear:both;}

/* Content */



#content { width: 980px; margin: 0px auto; }

#header { width: 980px; height:100px; float:left;}



.logo { width: 280px; height:90px; float:left;}

.menu-bosluk { width: 700px; height:38px; float:right; margin:0px;}



#menu { width: 700px; height:35px; float:right; background:url(images/menu-bg.jpg) no-repeat;}

.blue #slatenav{ position:relative; display:block; height:35px; font-size:11px; font-weight:bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}

.blue #slatenav ul{ margin:0px; padding:0px; list-style-type:none; width:auto;}

.blue #slatenav ul li{ display:block;float:left; margin:0px 6px 0px 1px; border-left:1px solid #f4f4f4;}

.blue #slatenav ul li a{ display:block; float:left; color:#444; text-decoration:none; padding:10px 2px 0px 8px;height:28px; }

.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{ color:#008bd0; background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}



#carousel { width:980px; height:202px; float:left; text-align:center; margin:0px; padding:0px; background:url(images/slider.jpg) no-repeat;}

#urun-1 a { width:175px;float:left; }

#urun-2 a { width:205px;float:left; }

#urun-3 a { width:200px;float:left; }

#urun-4 a { width:190px;float:left; }

#urun-5 a { width:175px; float:right;}

#urun-1 a:hover { background: url(images/hover-1.gif) no-repeat top; width:175px;}

#urun-2 a:hover { background: url(images/hover-2.gif) no-repeat top; width:205px;}

#urun-3 a:hover { background: url(images/hover-3.gif) no-repeat top; width:230px;}

#urun-4 a:hover { background: url(images/hover-4.gif) no-repeat top; width:190px;}

#urun-5 a:hover { background: url(images/hover-5.gif) no-repeat top; width:205px;}

#urun-1 a, #urun-2 a, #urun-3 a, #urun-4 a, #urun-5 a { height:202px; display:block; text-decoration:none;}

#urun-1 a:hover, #urun-2 a:hover, #urun-3 a:hover, #urun-4 a:hover, #urun-5 a:hover { height:202px; text-decoration:none;}

b { visibility:hidden; text-decoration:none;}





.product-1-baslik h3, .product-2-baslik h3 { background:#eef0ef; float:left; font-size:18px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:0px; padding:0px; color:#444; text-align:center;}

.product-1-baslik { width:480px; float:left;}

.product-2-baslik { width:485px; float:right;}

.product-1 { width:475px; float:left; border-right:1px solid #dadada;}

.product-2 { width:475px; float: right;}





#baslik { width:980px; float:left;}

#baslik h3 { background:#eef0ef; float:left; font-size:18px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:0px; padding:0px; color:#444; text-align:left; width:100%;}



#wrap { width:980px; float:left; margin:30px 0px 15px 0px; background:#fff;}

#hizmetler { width:980px; height:115px; margin:5px 0px 0px 0px; float:left;}

.hiz-1, .hiz-2, .hiz-3 { width: 318px; height:100px; border:1px solid #fff; float:left; margin:0px 3px 0px 2px;}

.hiz-1-border, .hiz-2-border, .hiz-3-border { width: 316px; height:98px; border:1px solid #dadada; float:left;}

.hiz-1-border img, .hiz-2-border img { width:147px; height:98px; float:left;}

.hiz-1 p, .hiz-2 p, .hiz-3 p { font-size:11px; margin:0px 3px 0px 10px; padding:0px; text-align:left;}

.hiz-1 p a, .hiz-2 p a, .hiz-3 p a { text-decoration:none; color:#444;}

.hiz-1 p a:hover, .hiz-2 p a:hover, .hiz-3 p a:hover { text-decoration: underline; color:#444;}

.hiz-1 h2, .hiz-2 h2 { font-size:15px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:3px 0px 0px 10px; padding:0px; color:#1795d4; text-align:center;}

.hiz-3 { background:#eef0ef;}

.hiz-3 h2 { font-size:18px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; margin:15px 0px 0px 10px; padding:0px; color:#ff0000; text-align:center;}

 



#site { width:967px; margin:0px auto;}

#text { width:646px; float:left; border-right:1px solid #dadada;}

#text h1 { font-size:18px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:0px; padding:0px; color:#444; text-align:left;}

#text p { margin:10px 5px 10px 0px; padding:0px;}

#text ul { list-style:none; margin:0px; padding:0px;}

#text li { background:url(images/madde.gif) no-repeat left; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px;}



#text-full { width:967px; float:left;}

#text-full h1 { font-size:18px; font-family: Trebuchet MS, sans-serif; font-weight:bold; text-decoration:none; margin:0px; padding:0px; color:#444; text-align:left;}

#text-full p { margin:10px 5px 10px 0px; padding:0px;}

#text-full ul { list-style:none; margin:0px; padding:0px;}

#text-full li { background:url(images/madde.gif) no-repeat left; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px;}



.urunler1-video {

	width: 310px;

	height: 320px;

	float: left;

	margin-left: 5px;

}

.urunler2-video {

	width: 310px;

	height: 320px;

	float: left;

}





#sidebar { width:300px; float:right;}





#iletisim { width:645px; float:left;}

.ilet-left { width: 245px; float:left;}

.ilet-right { width: 400px; float: right;}

.td1 { width:45px; float:left; margin: 0px;}

.td2 { width:200px; float:left;}



#aksesuar { width:980px; margin:0px; padding:0px;}

#belgeler { width:980px; margin:0px; padding:0px;}

#video { width: 980px; margin: 0px; padding: 0px;}

#video a { float:left; width:160px; height:150px;}





#footer { width:100%; background:#eef0ef url(images/footer-bg.gif) repeat-x; height:90px;}

#foot { width:968px; height:90px; margin:0px auto; padding:3px 0px 0px 0px;}

.footer-menu { float:left; width:800px; height:36px; line-height:36px; font-size:11px;}

.footer-menu a { color:#008bd0; text-decoration:none; padding-right:20px;}

.footer-menu a:hover { color:#008bd0; text-decoration: underline; padding-right:20px;}

.webtasarim { float:left; width:160px; height:40px; text-align:right; padding:0px;}

.footer-iletisim { float:left; margin:0px; padding:0px; color:#666; width:960px; font-size:11px; height:50px; text-align:left;}

.footer-adres { float:left; width:700px;}

.footer-adres a { color:#00a7ff; text-decoration:none; padding-left:20px;}

.footer-adres a:hover { color:#00a7ff; text-decoration: underline; padding-left:20px;}

.footer-iletisim p, .footer-adres p { margin:0px; padding:0px; text-align:left;}



.akarlar-video { width:645px; float:left;}

embed { width:300px; margin:0px; padding:0px;}

.akarlar-images { width: 280px; float:right; margin:0px; padding:0px; }















/* 

	ColorBox example user style

	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 

	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com

*/



#cboxOverlay{background:#000;}



#colorbox{}

	#cboxTopLeft{width:14px; height:14px; background:url(video/controls.png) top left no-repeat;}

	#cboxTopCenter{height:14px; background:url(video/borderHorizontal.png) top left repeat-x;}

	#cboxTopRight{width:14px; height:14px; background:url(video/controls.png) top right no-repeat;}

	#cboxBottomLeft{width:14px; height:43px; background:url(video/controls.png) bottom left no-repeat;}

	#cboxBottomCenter{height:43px; background:url(video/borderHorizontal.png) bottom left repeat-x;}

	#cboxBottomRight{width:14px; height:43px; background:url(video/controls.png) bottom right no-repeat;}

	#cboxMiddleLeft{width:14px; background:url(video/borderVertical.png) top left repeat-y;}

	#cboxMiddleRight{width:14px; background:url(video/borderVertical.png) top right repeat-y;}

	#cboxContent{background:#fff;}

		#cboxLoadedContent{margin-bottom:5px;}

		#cboxLoadingOverlay{background:url(video/loading_background.png) center center no-repeat;}

                #cboxLoadingGraphic{background:url(video/loading.gif) center center no-repeat;}

                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494;}

                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;}

                

                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(video/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}

                #cboxPrevious{left:0px; background-position: -14px -23px;}

                #cboxPrevious.hover{background-position:-14px 0px;}

                #cboxNext{left:27px; background-position:-37px -23px;}

                #cboxNext.hover{background-position:-37px 0px;}

		#cboxClose{right:0; background-position:-60px -23px;}

		#cboxClose.hover{background-position:-60px 0px;}



                .cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}

                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}

                .cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}

                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}

				

.bstyle{

           

display: none;

            position: absolute;

            top: 0%;

            left: 0%;

            width: 300px;

            height: 260px;

            z-index:1001;

            -moz-opacity: 0.9;

            opacity:0.90;

            filter: alpha(opacity=90); 

        }

        .wstyle {

            display: none;

            position: absolute;

            top: 10%;

            left: 25%;

             width: 640px;

            height: 660px;

            padding: 2px;

            border: 3px solid #008BD0;

            background-color: #2cd10d;

            z-index:1002;

            overflow: hidden;

			opacity:0.95;

			filter: alpha(opacity=95);

			border-radius:20px;

			-moz-border-radius:20px;

			text-align:center;

			padding-bottom:20px;

			position:fixed;

			

        }

		

.wstyle .close

	{

	background: url(close.png);

	height:30px;

	width:30px;

	display:block;

	text-decoration:none;

	}