.top_menu				{ float:right; position:absolute; right:0px; top: 10px; }
.top_menu a				{ float:left; position:relative; color:#FFF; font-size:11px; font-family:Segoe ui; padding:0 0 0 20px; text-decoration:none; }
.top_menu a:hover		{ color:#8a8a8a; }

.banner					{ float: left;position: relative;width: 930px;height: 310px; border:10px solid#fff; margin: 20px 0 10px 0; }
#slideshow 				{ position:relative; height:330px; float: left; margin:0px; }

#slideshow IMG 			{ position:absolute; top:0; left:0; z-index:8; opacity:0.0;}

#slideshow IMG.active 	{ z-index:10; opacity:1.0;}

#slideshow IMG.last-active { z-index:9;}

.sections				{ float:left; position:relative; width:1000px; margin: 25px 0; padding:0px; }

.sectionleft			{ float:left; position:relative; width:320px; margin:0 20px 0 0; padding:0px; }
.sectionleft h1			{ background: url(../images/urunler_ikon.jpg) no-repeat; width:320px; padding:14px 0 14px 45px;font-size: 14px;color: #FFF;font-family: Segoe ui; font-weight:normal; margin:0 0 10px 0; }
.sectionleft ul			{ list-style:none; width:320px; position:relative; }
.sectionleft ul li		{ float:left; width:320px; }
.sectionleft ul li a	{ color:#444343; font-family:Segoe ui; font-weight:normal; font-size:14px; text-decoration:none; line-height: 24px; }
.sectionleft ul li a:hover	{ color:#000; }

.sectioncenter			{ float:left; position:relative; width:320px; margin:0px; padding:0px; }
.sectioncenter h1		{ background: url(../images/kurumsal_ikon.jpg) no-repeat; width:320px; padding:14px 0 14px 45px;font-size: 14px;color: #FFF;font-family: Segoe ui; font-weight:normal; margin:0 0 10px 0; }
.sectioncenteralan		{ float:left; position:relative; width:320px; height:150px; }
.maske					{ float:left; position:absolute; background:url(../images/maske.png) no-repeat center top; width:320px; height:177px; left:0px; top:0px; z-index:9;}
.sectioncenteralan img	{ float:left; position:relative; margin:0px; }
.sectioncenteralan p	{ float: left;position: relative;color: #363636;font-family: Segoe ui;font-size: 12px;width:320px;margin:10px 0 0 0;line-height: 19px; }
.sectioncenteralan a	{ float: left;position: relative;color: #363636;font-family: Segoe ui;font-size: 12px;width:320px; text-decoration:none; }



.sectionright			{ float:right; position:relative; width:320px; right:0px; margin:0px; padding:0px; }
.sectionright h1		{ background: url(../images/referansl_ikon.jpg) no-repeat; width:320px; padding:14px 0 14px 45px;font-size: 14px;color: #FFF;font-family: Segoe ui; font-weight:normal; margin:0 0 10px 0;}
.sectionrightalan		{ float:left; position:relative; width:320px; height:150px; }
.maske					{ float:left; position:absolute; background:url(../images/maske.png) no-repeat center top; width:287px; height:177px; left:0px; top:0px; z-index:9;}
.sectionrightalan img	{ float:left; position:relative; margin:0px; }
.sectionrightalan p		{ float: left;position: relative;color: #FFF;font-family: Segoe ui;font-size: 12px;width:285px;margin:0px 0 0 0;line-height: 19px; }
.sectionrightalan a		{ float: left;position: relative;color: #FFF;font-family: Segoe ui;font-size: 12px;width:285px; text-decoration:none; }
.sectionrightalan h2	{ float: left;position: relative;color: #ddd;font-family: Segoe ui;font-size: 15px;width:285px;margin:10px 0 0 0;line-height: 19px; }




.background_content		{ float:left; position:relative; width:950px; margin:15px 0 5px 0; background:#4d4d4d; border-radius:10px;	-moz-border-radius:10px; -webkit-border-radius:10px;}
.background_content	p	{ float:left; position:relative; width:640px; font-size:12px; color:#FFF; font-family:Segoe ui; line-height:19px; margin:0px; padding:0px; text-align:justify; }

.detay					{ float:left; position:relative; width:640px; }


/* Galeri Başlangıç */

#foo2					{ float:left; position:relative; width:725px; padding:0px; list-style:none; margin:0px; }
#foo2 li				{ float:left; position:relative; margin: 0px 15px  10px 0; width:220px; height: 140px; }
#foo2 li a				{ float:left; position:relative; margin:0 15px 15px 0; }
.galerimask				{ float:left; position:absolute; background:url(../images/galeri_maske.png) no-repeat center top; width:221px; height:137px; z-index:9; }
#foo2 li a h3			{ float: left;color: #fff;font-size: 14px;width:200px;text-align: center;margin: 3px 0 10px 0; }
#foo2 li a img			{ float:left; }
/* Galeri Bitiş */




/* Referanslar başlangıcı */

.referanslar						{ float:left; position:relative; width:720px; }
.referans							{ float:left; position:relative; width:203px; margin:0 13px 12px 0;}
.referans h2 						{ float:left; position:relative; width:200px; background:none; font-family:"Segoe ui"; font-size:14px; font-weight:bold; color:#fff; text-align:center; padding: 0px;
margin: 5px 0 10px 0; border:none;}
.referansmask						{ float:left; position:absolute; background:url(../images/referans_maske.png) no-repeat center top; width:210px; height:142px; z-index:9; }

/* Referanslar Bitiş */


/* Hizmetlerimiz başlangıcı */
.hizmetlerimiz						{ float:left; position:relative; width:720px; margin:-20px 0px 0px 0; }
.hizmetlerimiz .hizmet				{ float:left; position:relative; width:640px; margin:0px 0px 10px 0; }
.hizmetlerimiz img					{ float: left;position: relative; margin:10px 10px 10px 0;}
.hizmetlerimiz h2					{ float: left;position: relative;width: 330px;background: none;color: #8a8a8a; padding:0px; margin:10px 0 0 0; border:none; }
.hizmetlerimiz p					{ float:none; width:auto; position: relative;font-size: 12px;color: #FFF;font-family: Segoe ui;line-height: 19px;margin: 0px;padding: 0px;display: inline;}
.hizmet_mask						{ float:left; position:absolute; background:url(../images/hizmeti_maske.png) no-repeat center top; width:302px; height:252px; left: 0px;top: 8px; z-index:9; }

/* Hizmetlerimiz Bitiş */

/* Duyurular başlangıcı */

.duyurular_alani					{ float:left; position:relative; width:950px; height:45px; background:url(../images/duyuru_bg.jpg) no-repeat; }
.duyurular_alani .gecis				{ float:left; margin: 15px 0 0 107px; width:950px; }
.duyurular_alani .gecis	a h2 		{ float:left;margin:0px 10px 0 0;padding: 0px; color:#fff; font-size:15px; }
.duyurular_alani a					{ text-decoration:none; width:600px; }
.duyurular_alani a p				{ position: relative;color: #FFF; font-family: Segoe ui; font-size: 12px; margin:0px; text-decoration:none; }
.duyurular_alani .gecis	marquee		{ float:left;width: 839px; height: 18px; }

.duyurular							{ float:left; position:relative; width:720px; margin:-20px 0px 0px 0; }
.duyurular h2						{ float: left;position: relative;width:640px;background:#333;color: #8a8a8a; padding:3px 0 3px 8px; margin:0px 0 10px 0; }
.duyurular p						{ float: left;position: relative;width: 640px;font-size: 12px;color: #FFF;font-family: Segoe ui;line-height: 19px;padding: 0px;text-align: justify; }





.slide {
  margin: 0;
  padding: 0;
  width: 640px;
  height: 400px;
}

.slide img {
  width: 100%;
  height: 100%;
}

#slider-viewport {
  width: 640px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
}

#slider-shadow {
  padding: 0 0 35px;
  background: url(../img/box-shadow.html) center bottom no-repeat;
}

.slider-controls {
  overflow: hidden;
}

/* pagination example */
.controls, .controls li {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#controls {
  float: right;
}

#controls li {
  display: inline;
}

#controls li a {
  display: block;
  float: left;
  padding: 4px 6px;
  background: #444;
  color: white;
  margin: 0 0 0 4px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

#effect-selector {
  position: absolute;
  top: 0;
  right: 0;
}




.da-thumbs {
	list-style: none;
	width:1050px;
	height: auto;
	min-height:400px;
	position: relative;
	margin:0px auto 50px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 8px 17px 8px 0;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.glossymenu               { float:left; width:20%; position: relative; margin-left: 1%; overflow:hidden; border-radius: 10px; }
.glossymenu ul            { list-style: none; padding:0;  margin:0;}
.glossymenu ul li a       { padding:10px 30px; width:100%;  display:block;  background-color: #b10068; text-decoration: none; color:#FFF; border-bottom:1px solid#999; font-family: Arial;font-weight: normal;font-size: 14px; }
.glossymenu ul li a:last-child  {}

.glossymenu a.menuitem    { position:relative; background: black url(../images/glossyback.html) no-repeat center left;padding: 10px 0px 10px 30px;width:93%;display: block;background-color: #666;text-decoration: none; border-bottom: 1px solid#ddd; }


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active  { color: white;}
.glossymenu a.menuitem .statusicon  { position: absolute;top:10px;right:15px;border: none;}
.glossymenu a.menuitem:hover  { }

.glossymenu div.submenu    { background: white; }

.glossymenu div.submenu ul { list-style-type: none;margin: 0;padding: 0;}


.glossymenu div.submenu ul li a { border-bottom:1px solid#999;  display: block;color: #fff;text-decoration: none;padding: 10px 40px;background: url(images/sidebar_icons/pages.html) no-repeat left center;background-color: #808080;}