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

body { margin:0px; padding:0px; background-color:#fff; }

a { color:#000; text-decoration:none; font-weight:bold; }
a:hover { color:#003042; }

#wrapper {
	background:url(images/genel-ap.jpg) top center no-repeat;
	margin:auto;
	margin-bottom:20px;
	padding:0px;
	width:1020px;
}

* html #urunler {
	margin-bottom:-40px;
}

#container {
	width:1020px;
}

#logo {
	height:141px;
	left:50px;
	position:relative;
	top:70px;
	width:343px;
}

#menu {
	float:right;
	position:relative;
	top:-30px;
	right:45px;
	width:auto;
}

ul.black{
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	float: left;
	clear: left;
}

ul.black li {
	float: left;
}

ul.black li a {
	float: left;
	text-decoration: none;
	color: #000;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.black li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.black li a:hover {
 	color: #fff;
	background: url(menu/images/black.png) no-repeat top right;
}

ul.black li a:hover span {
	background: url(menu/images/black.png) no-repeat top left;
}

ul.black li a.current {
	background: url(menu/images/black.png) no-repeat top right;
 	color: #fff;
}

ul.black li a.current span {
	background: url(menu/images/black.png) no-repeat top left;
}

#content-wrapper {
	margin:0px;
	margin-top:90px;
}

* html #content-wrapper { padding-top:20px; }

#content {
	text-align:center;
	width:auto;
}

/* -------------------INFO BANNERS-------------------- */
#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	width:940px; 
	height:451px; 
	margin:auto; 
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:940px ; 
	height:451px ; 
	margin:auto;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}

#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	width:940px;
	height:451px;
	float:left;
	text-align:justify;
}

#SlideItMoo_info_items .info_item a img{
	border:none;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
}

#SlideItMoo_info_items .info_item h1{
	background:none;
	color:#006699;
	text-align:right;
	margin:5px 0px 10px;
}
/* -------------------INFO BANNERS-------------------- */

#slogan {
	color:#673700;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	line-height:55px;
	left:92px;
	position:relative;
	top:245px;
	width:650px;
}

#urunler {
	background:url(images/urunler.jpg) top center no-repeat;
	height:386px;
	margin:auto;
	width:940px;
}

/* container section start */
#gallery-slide {margin-top:0px; padding-top:110px; height:226px;}

/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {width:700px ; height:226px ; margin:0 auto; padding:7px 0px 0px; display:block; position:relative;}

*:first-child+html #gallery_container { padding-top:20px; }

* html #gallery_container { padding-top:20px; }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container {position:relative ; overflow:hidden ; width:442px ; height:457px ; margin:10px auto;}

/* the thumbnails container */

#thumbs {white-space:nowrap; display:block; position:relative;}
#thumbs a {padding:5px; margin:0px;}
#thumbs a img {border:0px;}
*:first-child+html #thumbs a {padding:0px; padding-right:5px;}
* html #thumbs a {padding:0px; padding-right:5px;}

/* the forward and backward buttons */

a.addfwd-referanslar {display:block; position:absolute; cursor:pointer; width:28px; height:47px; top:216px; right:-30px; background: url(images/slideitmoo_forward.jpg) 0 0 no-repeat; text-decoration: none; text-indent:-999px;}
a.addbkwd-referanslar {display:block; position:absolute; cursor:pointer; width:28px; height:47px; top:216px; left:-30px; background: url(images/slideitmoo_back.jpg) 0 0 no-repeat; text-decoration: none; text-indent:-999px;}

a:hover.addfwd {background-position: -28px 0;}
a:hover.addbkwd {background-position: -28px 0;}

* html a.addfwd {display:block; position:absolute; cursor:pointer; width:28px; height:47px; top:108px; right:-30px; background: url(images/gallery_fwd.gif) 0 0 no-repeat; text-decoration: none; text-indent:-999px;}
* html a.addbkwd {display:block; position:absolute; cursor:pointer; width:28px; height:47px; top:108px; left:-30px; background: url(images/gallery_back.gif) 0 0 no-repeat; text-decoration: none; text-indent:-999px;}

/* thumbnail slider end */

/**/

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:650px;; 
	margin:50px 75px 50px; 
	display:block; 
	position:relative; 
	padding:110px 5px 0px;
}

*:first-child+html #SlideItMoo_outer {
	margin-top:110px;
	margin-left:75px;
	padding:0px 0px 0px;
}

* html #SlideItMoo_outer {
	margin-top:110px;
	margin-bottom:95px;
	margin-left:75px;
	padding:0px 0px 0px;
}
	
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back { 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:28px; 
	height:290px; 
	bottom:0px; 
	right:-34px; 
	background:url(images/slideitmoo_forward-02.jpg) no-repeat right;  
}

*:first-child+html #SlideItMoo_outer .SlideItMoo_forward {
	height:345px;
}

*:first-child+html #SlideItMoo_outer .SlideItMoo_back {
	height:345px;
}


#SlideItMoo_outer .SlideItMoo_back { 
	left:-34px; 
	background:url(images/slideitmoo_back.jpg) no-repeat left;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:auto ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px;
	padding-right:30px;
}

/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block;
	height:252px;
	position:relative; 
	width:180px;
}

*:first-child+html #SlideItMoo_items { 
	height:282px;
}

/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	position:relative; 
	float:left; 
	margin:0px 5px 0px; 
	width:180px; 
}
#SlideItMoo_items a { padding:0px; margin:0px; clear:both; display:block; }
#SlideItMoo_items a img{ padding:0px; padding-bottom:5px; }

/**/

#referanslar {
	background:url(images/referanslar.jpg) top center no-repeat;
	height:642px;
	margin:auto;
	width:940px;
}

#hakkimizda {
	background:url(images/hakkimizda.jpg) top center no-repeat;
	height:465px;
	margin:auto;
	width:940px;
}

#hakkimizda-text {
	color:#003042;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	padding-top:90px;
	padding-left:30px;
	padding-right:390px;
	text-align:left;
}

p { margin:0px; padding:7px; }

#iletisim {
	background:url(images/iletisim.jpg) top center no-repeat;
	height:447px;
	margin:auto;
	width:940px;
}

#map {
	float:right;
	height:300px;
	margin-top:105px;
	margin-right:40px;
	width:350px;
}

* html #map {
	margin-right:20px;
}

.iletisim-stil {
	border-bottom:1px ridge #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-left:0px;
	text-align:justify;
}

.iletisim-stil-02 {
	font-family:"Segoe UI", Arial, Georgia, Times New Roman, Times, serif;
	font-size:15px;
	line-height:0px;
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;
	text-align:left;
}

#iletisim-yazi {
	color:#003042;
	float:left;
	margin-left:40px;
	margin-top:70px;
	padding-top:40px;
	width:420px;
}

* html #iletisim-yazi {
	margin-left:20px;
}

#footer {
	height:22px;
	margin:auto;
	margin-bottom:100px;
	padding-right:30px;
	text-align:right;
	width:940px;
}

*:first-child+html #footer {
	padding-bottom:100px;
}

* html #footer {
	padding-bottom:100px;
}

a.fourpixels {
	background:url(images/4pixels-03.jpg) 0 0 no-repeat;
	cursor:pointer;
	display:block;
	float:right;
	height:22px;
	text-decoration:none;
	text-indent:-999;
	width:93px;
}

a:hover.fourpixels {
	background-position: -93px 0;
}

img { border:none; }