/*  Tasarim Ilkay Turan // http://www.ilkayturan.com  */
/*  Arayüz kodlama Gözde Berberoglu // http://www.gozdeberberoglu.com  */
/*  Yazilim Ilker Turan // http://ilker-tr.blogspot.com */

body{ background-color:#000 }
#wrapper{ width:980px; margin:0 auto; margin-top:20px}
#header{ background:url(../images/design/header-bg.png) 425px 100% no-repeat; height:104px; width:900px; margin:0 auto }
#header ul{ margin-top:20px;}
#header div{ margin-top:20px; *position:relative;*margin-top:-40px;}
#header ul li{ margin-right:30px }
#header ul li.last{ margin-right:0 }
#logo{ padding-top:30px}
#navigation{ background:url(../images/design/sprite.png) no-repeat 0 -460px; width:980px; height:67px}
#navigation ul{ margin-left:64px; padding-top:14px }
#navigation ul li{ margin-right:10px }
#navigation ul li.selected{ background:url(../images/design/menu-active.png) 0 0 no-repeat; padding-left:10px }
#navigation ul li a{ color:#fff; font-size:14px; padding:13px 20px 14px 10px; display:block}
#navigation ul li.selected a{ background:url(../images/design/menu-active.png) 100% 100% no-repeat; }
#navigation ul li a:hover{ color:#000; text-decoration:none}
#content{ background:url(../images/design/sprite.png) no-repeat 0 0; width:980px; height:433px; position:relative; margin-top:-30px; }
.content-inner{ width:900px; margin:10px auto; background-color:#fff; position:relative; }

.left-top{ background:#fff url(../images/design/left-top.gif) no-repeat; width:100%; clear:both }
.right-top{ background:url(../images/design/right-top.gif) no-repeat top right }
.left-bottom{ background:url(../images/design/left-bottom.gif) no-repeat left bottom }
.right-bottom{ background:url(../images/design/right-bottom.gif) no-repeat right bottom; padding:11px }

#splash{ position:absolute; top:-18px; right:-53px }
.splash{ position:absolute; right:-10px;top:22px}

.main-content{ height:350px; width:900px; color:#fff; position:absolute; left:40px; top:40px }
.slider-container{ width:560px; position:relative; z-index:50 }
.hakkimizda{ width:390px; height:90px; position:absolute; left:60px; top:258px; z-index:10 }

.banner{ width:622px; height:353px; position:absolute; right:0; top:0 }
.sidebar{ background:url(../images/design/sprite.png) -980px 0; width:285px; height:455px; position:absolute; top:-50px; right:48px }
.sidebar ul{ width:250px; margin-left:24px; margin-top:15px }
.sidebar ul li{ list-style-type:none; margin-bottom:24px }
.sidebar big,.sidebar small,.sidebar h3{ color:#3782D0; font-style:italic; line-height:normal; font-weight:normal }
.sidebar h2{ margin-bottom:10px; font-size:15px }
.sidebar h3{ font-weight:bold; line-height:24px }
.sidebar big{ font-size:26px; vertical-align:top }
.sidebar small{ font-size:14px; padding-top:10px; line-height:30px }
.sidebar span{ font-size:14px; font-weight:bold }
.sidebar .news { color:#333333;font-size:14px; font-weight:bold  }
.sidebar .news img{ border:3px solid #333; float:left; margin-right:5px }
.sidebar .news a{ color:#cc0000;font-size:14px; }
.sidebar a:hover{ text-decoration:none }
.sidebar-inner{ background-position:-980px -455px; height:99px; top:-89px; right:8px}

.left-sidebar{ width:185px; position:relative; margin-left:-10px; float:left }
.left-sidebar ul{ margin:0}
.left-sidebar li{ list-style-type:none; border-bottom:1px solid #d5d5d5 }
.left-sidebar li.last{ border-bottom:0 }
.left-sidebar h2{ background:url(../images/design/sprite.png) 0 -525px; height:37px; line-height:37px; color:#fff; padding-left:20px; position:relative; margin-left:-10px; margin-bottom:5px; width:184px; }
.left-sidebar a{ color:#3782d0; font-size:14px; display:block; padding:5px 10px }
.left-sidebar a:hover,.left-sidebar li.active a{ background-color:#ebf0f6; text-decoration:none }
.left-sidebar p{ padding:5px 10px; }
.left-sidebar big{ font-size:26px; color:#3782d0 }
.left-sidebar small{ font-size:12px; line-height:20px; color:#3782d0 }

.text{ float:left; margin-left:10px; width:680px}
.text h1{ font-size:14px; margin-bottom:6px; font-weight:bold; margin-top:20px }
.text h2{ font-size:18px; margin-bottom:10px; color:#3782d0 }
.urunler li{ width:190px; height:180px; margin-right:10px; padding:10px; margin-bottom:10px; display: table; #position: relative; overflow: hidden; }
.urunler li a{ font-size:14px; border:3px solid #ddd; display:block; height:100%; ;#position: absolute;	#top: 50%; display: table-cell;	vertical-align: middle; background-color:#fff}
.urunler li a:hover{ border:3px solid #f00; text-decoration:none }
.urunler li img{ #position: relative; #top: -50%;}


#footer{ font-size:11px; font-weight:bold; color:#fff; padding-bottom:20px }
.copyright{ background:url(../images/design/sprite.png) no-repeat 0 -433px; height:16px; padding:5px 50px }
.submenu{ margin-left:50px}
.submenu,.submenu a{ color:#562020; font-weight:normal }
.submenu li{ margin-right:10px }

/*Galleria*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.gallery{text-align:center;font:80%/140% georgia,serif;}
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:2px solid #EBF0F6;margin: 5px 2px;background:#EBF0F6;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 20px auto;height:auto; width:680px;background:#EBF0F6;padding-top:10px;}
#main_image img{margin-bottom:10px;}
.nav{padding-top:15px;clear:both;font:80% sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/*Contact form*/
.form li{ list-style-type:none; margin-bottom:8px;  }
.form label{ width:150px; display:inline-block;vertical-align:top }
.form .checkbox-group{ display:inline-block }
.form  input.input-text{ width:200px}
.form  textarea{ width:200px; height:80px}
.form em{ color:#f00}

.showcase li{ margin-right:10px;  margin-bottom:20px; height:170px; text-align:center}
.showcase li img{ width:200px; height:133px}
.showcase li a{ font-size:14px; border:3px solid #ddd; display:block; height:100%}
.showcase li a:hover{ border:3px solid #f00; text-decoration:none }


/* SimpleTabs: default style */
div.simpleTabs {margin-top:15px }
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:5px 8px; background:#fff; font-size:14px; text-decoration:none; color:#444}
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6;}
ul.simpleTabsNavigation li a.current { background:#F8F8F8; color:#222; border-bottom:1px solid #F8F8F8; color:#F00 }
div.simpleTabsContent { border:1px solid #E0E0E0; margin-top:5px; display:none; background-color:#F8F8F8 }
div.simpleTabsContent.currentTab { display:block; padding:10px; }
div.simpleTabsContent iframe{ background-color:#F8F8F8}
div.simpleTabsContent .showcase li{ height:auto; margin-right:5px}


/*vidoe galeri*/
#page {	width:680px;margin:0 auto;text-align:left;}
#page ul{ margin:0; padding:0}
#page li{ list-style-type:none; display:inline; float:left}
.myPlayer { display:block; width: 320px; height:240px; text-align:center; margin:0 15px 15px 0; float:left; border:1px solid #999;} 
.myPlayer img { margin-top:70px; border:0px; }  
.myPlayer:hover { 	border:1px solid #000; }