/*************************************************************************************************************/
/*reset.css baslangici*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}


ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*reset.css sonu*/
/****************************************************************************************************************/
body {
  background:#D9D9D9;
  text-align: center;    /*IE hack for centering*/
  color: #333333;
  font-size: 15px;
  line-height:1.5;
  text-align: left;
  font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

a {text-decoration:none;}
p {font-size:12px;}
strong {font-weight:bold;}

#default div#container {width: 960px;margin: 0 auto;}
#default div#header {float: left;background-color: #eee;padding: 5px;width: 950px;}
#default div#main {float: left;width:960px;padding-top: 5px;padding-bottom: 5px;}
#default div#yield {background-color: #eee;margin-left: 205px;margin-right: 205px;}
#default div#left {float: left;width: 190px;background-color: #eee;padding: 5px;}
#default div#right {float: right;width: 190px;background-color: #eee;padding: 5px;}
#default div#footer {float: left;width: 950px;background-color: #eee;padding: 5px;}


/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }


thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }




/****************************************/
/*HEADER*/
div.title {display:none;}

/*LEFT*/
#default div#left div.widget {margin-bottom: 10px;}
#default div#left div.widget div.title {font-weight: bold;}
#default div#left div.widget ul{padding-left: 5px;}

/*YIELD*/

#default div#yield div.widget_1 div.title {display:none;}
#default div#yield div.widget_1 div.post div.title {display:block;}/* başlıkları göstermek istemezseniz bu satırı kaldırın*/
#default div#yield div.widget_1 div.post div.info {}
#default div#yield div#index {background-color: #fff;}
#default div#yield div#index div.post {background-color: #eee;margin-bottom: 5px;padding: 10px;}
#default div#yield div#index div.post_last{margin-bottom: 0px;}
#default div#yield ol {list-style-type: decimal;margin-left: 30px;}
#default div#yield strong {font-weight: bold;}

/*RIGHT*/
#default div#right div.widget {margin-bottom: 10px;}
#default div#right div.widget div.title {font-weight: bold;}
#default div#right div.widget ul{padding-left: 5px;}

/*FOOTER*/
#default div#footer div.widget ul li {display: inline;padding-left: 20px;}
#default div#footer div.widget {/* margin-bottom: 10px;*/}
#default div#footer div.widget div.title {display: none;}
#default div#footer div.widget ul{/*padding-left: 5px;*/}
#default div#footer div.widget_1 {float:right;color:#0069A1;font-size:0.8em}

/****************************************/
/*Posts*/
#default div#post {padding:10px;}
#default div#post div.content {margin-top: 10px;}
#default div#post div.info {}
#default div#post div.related div.title {font-size: 1em;font-weight: bold;}
/****************************************/
/*Categories*/
#default div#category {background-color:#fff;float:left;width:100%;}
#default div#category div.static {background-color:#eee;}
#default div#category div.post {background-color: #eee;margin-bottom: 5px;width:100%;}
#default div#category div.post_last {margin-bottom:0px;}
#default div#category div.row {float:left;width:100%;}
#default div#category div.row div.post {width:50%;float:left;background-color:#eee;margin-bottom:5px;}
/****************************************/
/*Pages*/
#default div#page {padding:10px;}
/****************************************/
/*Tabs*/

#tabmenu {padding:3px 0;margin-left: 0px;border-bottom: 1px solid #000000;line-height:normal;}
#tabmenu li {list-style: none;margin: 0px;display: inline;}
#tabmenu li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
}
#tabmenu li a.tab_active {background:#eeeeee none repeat scroll 0 0;border:1px solid black;border-bottom:1px solid #eeeeee;}

/*#tabmenu a:hover {background:#ADC09F none repeat scroll 0 0;}*/
/*#tabmenu li.tab_active:hover {background:#eeeeee none repeat scroll 0 0;}*/
.tab_content {
  height: 250px;
  background:#eeeeee none repeat scroll 0 0;
  /*border-color:-moz-use-text-color black black;*/
  border-color: #000;
  border-style:none solid solid;
  border-width:medium 1px 1px;
  padding:20px;
  text-align:justify;
  overflow:hidden;
}

/****************************************/

.ltr {direction:ltr;}
.rtl {direction:rtl;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

a.rss {display:block; background: url(/images/rss.gif) no-repeat; padding-left: 20px;}

/*Multi Category View*/
#default div.multi_category_view {float:left;}
#default div.multi_category_view div.row {float:left;width:100%;}
#default div.multi_category_view div.row div.category {width:50%;float:left;background-color:#eee;margin-bottom:5px;}
#default div.multi_category_view div.category {float:left;background-color:#eee;margin-bottom:5px;width:100%;}
#default div.multi_category_view div.category div.content p.left {float:left;padding:5px;}
#default div.multi_category_view div.category div.content p.right {float:right;padding:5px;}
#default div.multi_category_view div.category div.content p.center {padding:5px;width:100%;text-align:center;}

/* Auto Complete */
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul { width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}
.ac_loading { background: white url('/images/indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #778ec8;color: white;}

/*IMAGE*/
#gallery {float:left;background-color:#eee;}
#gallery .image {float:left;padding:2px;}

.galleria{list-style:none;width:450px;
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.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:450px} /* MSIE bug */

#main_image{float:left;margin:0 auto 30px auto;height:350px;width:450px;background:#eee;}
#main_image img{margin-bottom:10px;}

div.galleria_thumbnails {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 450px;
  /* Add scroll-bars */
  overflow: auto;
}

div#gallery .prev_image {float:left;background-image:url(/images/arrow_left.png);}
div#gallery .prev_image a {width:16px;height:16px;display:block;}
div#gallery .next_image {float:left;background-image:url(/images/arrow_right.png);}
div#gallery .next_image a {width:16px;height:16px;display:block;}

/****************************************/
/*File Management*/
#document{width:1000px;position:relative;margin:0 auto;}
#document .wrapper{width:600px;padding-top:10px;margin:0 auto;}
#document .notice{margin-bottom:20px;font-size:24px;color:red}
#document .wrapper form{padding-top:58px;margin-left:50px;position:relative;}
#document .elements{height:235px;background-color:khaki}
#document .wrapper .textfield{width:345px;font-size:18px;font-family:"00360" ,Helvetica, Arial, sans-serif;padding:3px 0;}
#document .wrapper label{float:left;width:140px;margin-top:2px;display:block;}
#document .wrapper form p{font-size:18px;margin-bottom:38px;clear:both;}
#document .button{width:100px;height:37px;font-size:16px;font-family:"00360" ,Helvetica, Arial, sans-serif;left:408px;top:173px;margin-left:140px;}



/****************************************/
#container {width:100%; min-height:697px;position: relative;overflow:hidden;z-index: 200;}
#topwrap {width:100%; position: relative;z-index: 200;height:64px;float: left;background: url("i/top_bg.jpg") repeat-x scroll 0 0 transparent;}
#menuwrap {width:100%;float: left;position: relative;z-index: 200;height:31px;background: url("i/menu_bg.png") repeat-x scroll 0 0 transparent;}
#slidewrap {position: relative;background: none repeat scroll 0 0 #000;
    top: -40px;float: left;
    width: 100%;}
#footwrap {background: none repeat scroll 0 0 #D9D9D9;
    overflow: hidden;
    padding: 25px 0 0;
    position: relative;
    top: -40px;
    width: 100%;}


.middle {width:1010px;margin:0 auto;}
#logo {width:534px;margin-top: 21px;}


#menu li {color: #C5C5C5;margin-top:4px;
    float: left;position:relative;
    margin-right: 7px;}
#menu li a {color: #C5C5C5;
    font-size: 14px;
    letter-spacing: 0.5px;} 


#guest #menu li li a{} 

#menu {}
#menu li a:hover,#menu a.active {color: #fff;}

#menu ul ul {
    display: none;
    left: -10px;
    padding: 0 5px 10px;
    position: absolute;
    top: 26px;
    width: 150px;}
#menu ul ul li {clear:both;line-height: 16px; padding-left: 5px;}
#menu ul ul li a {font-size: 11px;color: #C5C5C5;}
#menu ul ul li a:hover,#menu li li a:hover {color: #fff;}


#menu li.item_9 ul ul,
#footmenu li.item_11 ul,
#footmenu li ul ul {display:none !important;}


p.toprak { color: #919191;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    left: 410px;
    line-height: 25px;
    position: absolute;
    top: 160px;
    z-index: 100;}
span.sevgi {margin-left: 35px;}
span.yurek {}
span.pervane {margin-left: 28px;}
span.yandi {}

#footer {position:relative;}
#footmenu {float:left; min-height: 90px;}
#footmenu li {color:#b6b6b6;
    float: left;position:relative;
    margin-right: 10px;}
#footmenu li a {color:#b6b6b6;
    font-size: 12px;
    letter-spacing: 0.5px;} 
#footmenu li a:hover {text-decoration:underline;}
#footmenu ul ul {position: absolute;
    top: 26px;
    width: 165px;}
#footmenu ul ul li {clear:both;line-height: 16px;}
#footmenu ul ul li a {font-size: 9px;}

#social {float:right;}
#social li  {float:left;margin-left:9px;}

#yh {position:absolute;right:0;top:60px;}


.biyografi #icerik {background: url("i/hak_bg.jpg") no-repeat scroll right 0 transparent;min-height: 576px;}
#icerik {min-height:350px;}

#yapim #icerik,#iletisim #icerik{background: url("i/hak_bg.jpg") no-repeat scroll right 0 transparent;min-height: 576px;}

#alt #icerik,#yapim #icerik,#iletisim #icerik{padding-top: 90px;padding-bottom: 20px;}

.hakkimda #icerik .post {float: left;
    margin-top: 30px;
    width: 402px;}
#icerik p {font-family:arial;color:#fff;margin-bottom:18px; line-height: 21px;}

#icerik a {color:#fff;font-weight:bold;}

#icerik .title {display:block;}
#yapim #icerik .title,#iletisim #icerik .title {display:none;}

#icerik h2 {color: #959595;
    font-family: georgia;margin-bottom: 13px;
    font-size: 23px;
    font-style: italic;
    font-weight: normal;}
#icerik .gri {color: #bebebe;font-style: italic;font-family: georgia;}


.medya .toprak {display:none;}



#album #slidewrap,
#book #slidewrap {padding-top: 40px;}

#mainwrap {overflow:hidden; padding: 80px 0 60px;}
#album #mainwrap,#book #mainwrap {background: url("i/album_sub.png") repeat-y scroll 0 0 transparent;}
#book #mainwrap {min-height: 450px;}


#subside,#bookside {float:left;width:322px;}

#subside .widget {padding: 0 0 0 60px;position: relative;
    width: 190px;}

#subside .title {color: #FFFFFF;
    display: block;
    font-family: georgia;
    font-size: 13px;
    font-style: italic;
    left: 79px;
    position: absolute;
    text-transform: uppercase;
    top: 0;}

.solo #subside .title {left: 101px;}
.karma #subside .title {left: 118px;}
.enstrumantal #subside .title {left: 101px;display: none;}

#subside .cn {display:block !important;color:#fff;font-family: georgia;
    font-size: 13px;margin-bottom: 15px;
    font-style: italic;}
#subside li  {color:#fff;}
#subside li a {background: url("i/sub_li.png") no-repeat scroll 0 center transparent;
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 11px;}

#subside li a:hover {text-decoration:underline;}
#subside li.current a {}

#album #icerik,#book #icerik {float: right;  position: relative;
    width: 650px;}

#album #icerik .post,#book #icerik .post {margin-top: 50px;width: auto;}
#album #icerik .title,#book #icerik .title  {display:none;}

#album #icerik h3,#book #icerik h3 {font-family: georgia;
    font-size: 15px;color: #FFFFFF;margin-bottom: 15px;
    font-style: italic;}

#album #icerik h3 span,#book #icerik h3 span{font-weight:normal;font-size: 13px;}

img.fly {left: -315px;
    position: absolute;
    top: 240px;}


.oto-biyografi #icerik .title {display:none;}



.oto-biyografi #icerik {
    background: url("i/hak_bg.jpg") no-repeat scroll right 0 transparent;
    min-height: 576px;
}

.scroll-pane {height: 465px;}

#bookside li  {float: left;
    margin-bottom: 18px;
    margin-left: 21px;}
#bookside li a {
display:block;
height:153px;
text-indent:-9999px;
width:100px;}
    
#bookside li.sub_category_1 a {background:url("i/nesetertaskapak.jpg") no-repeat scroll center 0 transparent;}
#bookside li.sub_category_2 a {background:url("i/method_kapak.jpg") no-repeat scroll center 0 transparent;}
#bookside li.sub_category_3 a {background:url("i/selpe_kapak1.jpg") no-repeat scroll center 0 transparent;}
#bookside li.sub_category_4 a {background:url("i/selpe_kapak2.jpg") no-repeat scroll center 0 transparent;}

#book #icerik p  {}
div.kapak {width:333px;float:left;margin-right:30px;min-height: 700px;}

.fotograflar #icerik .title,.gazeteler #icerik .title {display:none;}
.fotograflar #icerik h2,.gazeteler #icerik h2 {text-align:center;font-size: 16px;}

ul.gallery {margin-left: 71px;margin-bottom: 17px;
    margin-top: 25px;}

.pagination { margin: 0 auto;
    padding: 44px 0;
    text-align: center;
    width: auto;}
#icerik .pagination a,.pagination span {color:#fff;font-weight:normal;}
.pagination .current,.pagination a:hover {color:#ff0000 !important;}


#guest .middle {}
#guest #slidewrap {background:#D9D9D9;
    min-height: 577px;
    padding: 60px 0;}
#guest #menuwrap {background: url("i/menu_bg.png") repeat-x scroll 0 0 #000000;}
#guest #slidewrap .title {display:none;}

#guest h2 {
color: #767676;
    font-family: georgia;
    font-size: 23px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 13px;
}

.yorumlar {border-right: 1px solid #E93612;
    float: left;
    width: 440px;}

.yorumlar p {color:#767676;}


.yorumbutonu {float: right;
    margin: 28px 52px 0 0;}

.buton {cursor:pointer;}

#form_5140481787cb7e19c2000001 {display:none;}


#guest_form {width:788px;float:left; margin-bottom: 30px;}
#guest_form .title {display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;}
#form_11 {display: inline;
    float: left;
    margin-top: 15px;
    width: 450px;}

#guest_form .form_field {float: left;
    margin-bottom: 8px;
    width: 450px;}
.it #guest_form .form_field {width: 445px;}
#guest_form label {color: #767676;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 105px;}
.it #guest_form label { width: 108px;}
#guest_form input {background: none repeat scroll 0 0 #D9D9D9;
    border: 1px solid #000000;float:left;
    padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#guest_form textarea {background:  none repeat scroll 0 0 #D9D9D9;
    border: 1px solid #000000;
    float: left;
    height: 107px;
    padding: 5px;
    width: 315px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
   
#guest_form .headnote {float: left;
    font-weight: bold;
    margin-bottom: 30px;
    width: 650px;}
    
#guest_form #form_plugin_form_datum_submit {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    float: right;font-weight: bold;
    margin-right: 3px;
    padding: 3px;}   

.simple_captcha {color: #767676;
    float: right;
    margin-right: 21px;
    width: 310px;}

#guest .form_submit {clear: both;
    float: right;cursor: pointer;
    margin-right: 20px;
    margin-top: 10px;}

#output {width:1010px;float:left;}
.form_output_title {display:none;}

.form_output {color: #525252;
    font-family: 'Arial','Verdana',Helvetica san-serif;
    font-size: 12px;
    line-height: 21px;}
.form_output_header_tr,
.form_output_header_tr th{background: none repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #767676;
    float: left;
    font-size: 13px;
    margin: 0 0 3px;
    padding-right: 91px;
    text-align: left;
}
.form_output_pagination_bottom {width:100%;float:left;margin-top:15px;}

.form_output td {min-width:150px;color: #767676;}
.form_output tbody td:first-child { color: #767676;
    font-style: italic;
    font-weight: bold;}
.form_output_header_tr th:first-child {}
.form_output thead {border-bottom: 1px dotted #767676;
    float: left;
    width: 1010px;}
.form_output tbody tr {border-bottom: 1px dotted #767676;
    float: left;
    padding: 13px 0;}




/*********************************************/


#master #splash_close {
    background: url("/assets/splash_close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: -1px;
    top: 1px;
    width: 22px;
    z-index: 100000;
}

#master .splash_dialog {
    background: none repeat scroll 0 0 #000000;
    border: medium none !important;
    padding: 20px;
}

#master #splash_content {
    background-color: #FFFFFF;
    position: relative;
}


#intro {background: url("i/kitaptanitim.jpg") no-repeat scroll center 0 #0A0801;}

#wrapper {width:978px;margin:0 auto;position:relative;}
apdflink { z-index:1000;background: none repeat scroll 0 0 transparent;
    display: block;
    height: 107px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 289px;
    width: 203px;}

#master apdflink {display:inline-block;
    height: 78px;
    left: 152px;
    position: absolute;
    text-indent: -9999px;
    top: 203px;
    width: 145px;}

div.tanitim{ 
 color: #fff;
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    left: 195px;
    position: absolute;
    text-align: center;
    top: 55px;
    z-index: 15;}

div.tanitim2{ text-align: center;
    left: 405px; color: #fff;
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 55px;
    z-index: 15;}

div.tanitim2 img,div.tanitim img {margin-bottom:5px;}


p.basin-pdf {text-align: center;
    width: 150px;}

.dinamo {
    border-right: 1px solid #BABABA;
    margin-right: 10px;
    padding-right: 10px;
}


#master .scloud {height: 125px;
    left: 195px;display:none;
    position: absolute;
    top: 297px;
    width: 570px;
    z-index: 1000;}

#master #logo .scloud {display:none;}


.scloud {height: 125px;display:none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 228px;
    z-index: 1000;}



.scloud iframe{width:100%;height:100%;}







/****************************************/


/*** set the width and height to match your images **/

#slide {
 margin: 0 auto;
    position: relative;
    width: 1400px;
    z-index: 5;height: 697px;
}

#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;
}






/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #898989;
	position: relative;
}

.jspDrag
{
	background: #2F2F2F;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}






/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(i/3dsprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: url(i/dcontentPattern.png) top left repeat; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(i/3dsprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background: url(i/dscontentPattern.png) top left repeat; } /* Content background */
	div.light_rounded .pp_content a.pp_next:hover { background: url(i/2dbtnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_content a.pp_previous:hover { background: url(i/2dbtnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_content a.pp_expand { background: url(i/3dsprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_content a.pp_expand:hover { background: url(i/3dsprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_content a.pp_contract { background: url(i/3dsprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_content a.pp_contract:hover { background: url(i/3dsprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(i/3dsprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(i/3dsprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(i/3dsprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(i/3dsprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle {  background: url(i/dscontentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(i/3dsprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(i/dsloader.gif) center center no-repeat; } /* Loader icon */
	
	

ul.gallery li {
display: block;
    float: left;
    margin: 0 22px 16px 0;
    width: auto;
}
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { color:#fff;width:auto;display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
					width:auto;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p {width:auto; float: left; margin: 2px 4px; text-indent:-1000px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(i/lbtnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(i/lbtnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
			width:73px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
		div.pp_pic_holder #pp_full_res object,
		div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff;
			font-size: 17px;
			text-indent:-99999px;
		}
		
		.gallery {float:left;
}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block}
	/* End hide from IE-mac */





















.flexslider {left: 195px;
    position: absolute;
    top: 54px;width: 570px;
    z-index: 1000;
}
.flexslider .slides li {
    display: none;
}
.flexslider .slides img {
    display: block;
    max-width: 100%;
}

.flexslider .slides li {
    position: relative;
}
.flexslider-container {
    position: relative;
}
.flex-caption {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: #FFFFFF;
    font-size: 15px;
    left: 0;
    line-height: 0;
    position: absolute;
    text-indent: -9999px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%; -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}
.flex-direction-nav li a {

    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 14px;
}
.flex-direction-nav li a.flex-next {
    background: url("i/sag-ok.png") no-repeat scroll 0 0 transparent;
    right: 8px;
}
.flex-direction-nav li a.flex-prev {
   background: url("i/sol-ok.png") no-repeat scroll 0 0 transparent;
    left: 8px;
}
.flex-control-nav {
    bottom: -30px;
    left: 50%;
    margin-left: -31px;
    position: absolute;
}
.flex-control-nav li {
    float: left;
    margin: 0 0 0 5px;
}
.flex-control-nav li:first-child {
    margin: 0;
}
.flex-control-nav li a {
    background: url("i/bg_control_nav.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}
.flex-control-nav li a:hover {
    background-position: 0 -13px;
}
.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
}

p.indir a{display:inline-block;}

nav{position:relative;width:980px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left;margin-top:10px;}
#cssmenu > ul > li > a{padding:0px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}


#cssmenu > ul > li.has-sub > a{}
#cssmenu ul ul{position:absolute;left:-9999px;top: 12px;    min-height: 103px;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.submenu-button{display:none!important;}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
#iletisim .form_field{}
#iletisim .form_field label{display:block;color:#fff;}
#iletisim .form_field input{padding:10px;color:#000;}
#iletisim .form_field textarea{height:120px;color:#000;}
#iletisim .form_submit{    display: inline-block;padding: 9px;margin: 7px;font-size: 18px;margin-left: 0px;}
#iletisim .error_field_common{color:red;}
#iletisim .form_success_message{border:1px solid #efefef;    width: 241px;padding: 10px;}
#iletisim .form_success_message p{padding:5px;display:inline-block;}


/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#topwrap,#logo{width:100%!important;}
  #logo img{width:100%;}
  .middle{width:100%;}
    #cssmenu > ul > li.item_2,#cssmenu > ul > li.item_4,#cssmenu > ul > li.item_6,#cssmenu > ul > li.item_8,
  #cssmenu > ul > li.item_10,#cssmenu > ul > li.item_12,#cssmenu > ul > li.item_14,#cssmenu > ul > li.item_16{display:none;}
  #cssmenu > ul > li{padding:10px;}
  #slide{width:100%;height: auto;}
  .flexslider {left: 0px;position: absolute;top: 54px;width: 100%;z-index: 1000;}
  #slideshow IMG{width:100%;top:200px;}
  .hakkimda #icerik .post{width:100%;}
  #alt #icerik, #yapim #icerik,#iletisim #icerik {background: #000;}
  #footer #footmenu{display:none;}
  #yh {position: absolute;left: 0px;top: 0px;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
#topwrap,#logo{width:100%!important;}
  #logo img{width:100%;}
  .middle{width:100%;}
    #cssmenu > ul > li.item_2,#cssmenu > ul > li.item_4,#cssmenu > ul > li.item_6,#cssmenu > ul > li.item_8,
  #cssmenu > ul > li.item_10,#cssmenu > ul > li.item_12,#cssmenu > ul > li.item_14,#cssmenu > ul > li.item_16{display:none;}
  #cssmenu > ul > li{padding:10px;}
  #slide{width:100%;height: auto;}
  .flexslider {left: 0px;position: absolute;top: 54px;width: 100%;z-index: 1000;}
  #slideshow IMG{width:100%;top:200px;}
  .hakkimda #icerik .post{width:100%;}
  #alt #icerik, #yapim #icerik,#iletisim #icerik {background: #000;}
  #footer #footmenu{display:none;}
  #yh {position: absolute;left: 0px;top: 0px;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
  #topwrap,#logo{width:100%!important;}
  #logo img{width:100%;}
  .middle{width:100%;}
  #cssmenu > ul > li.item_2,#cssmenu > ul > li.item_4,#cssmenu > ul > li.item_6,#cssmenu > ul > li.item_8,
  #cssmenu > ul > li.item_10,#cssmenu > ul > li.item_12,#cssmenu > ul > li.item_14,#cssmenu > ul > li.item_16{display:none;}
  #cssmenu > ul > li{padding:10px;}
  #slide{width:100%;height: auto;}
  .flexslider {left: 0px;position: absolute;top: 54px;width: 100%;z-index: 1000;}
  #slideshow IMG{width:100%;top:200px;}
  .hakkimda #icerik .post{width:100%;}
  #alt #icerik, #yapim #icerik,#iletisim #icerik {background: #000;}
  #footer #footmenu{display:none;}
  #yh {position: absolute;left: 0px;top: 0px;}
    }