﻿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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -211px;
}
footer, .push {
	height: 211px;
}
footer, .push {
	clear: both;
}
/******** RESET:CSS **********/ 
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:url('../images/bg.png') top left repeat;
background-color:#eaeaea;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/******* END OF RESET.CSS *************/

/*********** GLOBAL *************/
@font-face {
    font-family: 'NexaLight';
    src: url('../fonts/NexaLight.otf');
}

@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/NexaBold.otf');
}
a,a:link,a:visited,a strong{
	transition:all linear .3s;
	-moz-transition:all linear .3s;
	-webkit-transition:all linear .3s;
	-o-transition:all linear .3s;
	text-decoration:none
}
h1{font-family: 'NexaBold',Arial; font-size:20px; line-height:20px; margin-bottom:40px; color:#404041;}
h2{font-size:15px; font-family:NexaBold; color:#404041; line-height:24px;}
h3{font-family:'Myriad Pro', Arial; font-size:19px;color:#000000;font-weight:bold;margin:10px 0 10px 0;}
h4{font-family:'Myriad Pro', Arial; font-size:15px;color:#000000;font-weight:bold;}
h5{}
h6{}
p{font-family:'Myriad Pro', Arial; font-size:12px; color:#404041; line-height:18px; margin-bottom:12px;}
a{text-decoration:none; font-family:'Myriad Pro', Arial; font-size:12px; color:#404041; line-height:18px;}
a:hover{}
.clear{clear:both;}

.container{width:1005px; margin:0px auto; position:relative;}
.hcontainer{width:1100px; margin:0px auto; position:relative;}
section{padding-top:100px;}


/* Footer */
footer{background:url('../images/footer.png') top left repeat-x; overflow:hidden;}
	footer ul{float:left; margin-left:200px; margin-top:97px;}
	footer ul li{float:left; margin-right:45px;}
	footer ul li a{font-family:NexaLight; font-size:12px; color:#ffffff;}
	footer ul li a:hover{color:#aa8745;}
	#footerlogo{position:absolute; top:55px; left:0px; z-index:1;}
	
/* header */

header{height:89px; border-bottom:6px solid black; }
	header ul li a{font-family:NexaLight; font-size:14px; color:#a98744; }
	.left-top-menu {float:left; margin-top:40px;}
	.left-top-menu li{float:left; margin-right:40px;}
	
	.right-top-menu {float:right; margin-top:40px; margin-right:60px;}
	.right-top-menu li{float:left; margin-left:50px;}
	#toplogo{width:150px; height:166px; position:absolute; top:0px; left:50%; margin-left:-117px; z-index:10000;}
	header{position:relative; top:0px; left:0px; width:100%; z-index:10000;background-image:url(../images/headerbg.png);background-repeat:repeat-x; }
	
/* slider */
#full-width-slider {
	width: 100%;
	color: #000;
	border-bottom:3px solid #000;
	margin-bottom:18px;
}
.photosBy {
	position: absolute;
	line-height: 24px;
	font-size: 12px;
	background: #FFF;
	color: #000;
	padding: 0px 10px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	top: auto;
	border-radius: 2px;
	z-index: 25; 
} 
.photosBy a {
	color: #000;
}
.fullWidth {
	max-width: 1920px;
	margin: 0 auto;
}

.heroSlider .rsOverflow,
.royalSlider.heroSlider {
	height: 390px !important;
}

.rsArrowLeft{position:absolute; top:50%; margin-top:-50px; left:50px; background:transparent url('../images/leftarrow.png') top left repeat;width:45px; height:100px;}
.rsArrowRight{position:absolute; top:50%; margin-top:-50px; right:50px; background:transparent url('../images/rightarrow.png') top left repeat;width:45px; height:100px;}

.rsContent p{font-size:15px; color:white; line-height:21px; margin-bottom:20px; width:375px; background:center center no-repeat;}
.rsABlock{position:absolute; bottom:25px; left:70px; vertical-align:bottom; display:none;}
.rsGCaption{display:none;}

.rsABlock h4{font-family: Tahoma;color: #e30a4c; }


/* Home Page */
#home-news{	border-bottom:3px solid #000;margin-bottom:28px; padding-bottom:17px;}
	.son-haber{ padding-top:4px; height:16px; background:transparent url('../images/son-haber.png') top left repeat-x; width:105px; font-family:NexaBold; font-size:13px; color:#404041; color:#a98744; margin-bottom:8px;}
	.son-haber-date{color:#404041; font-size:38px; font-family:NexaBold;line-height:30px;}
	.son-haber-date span{font-size:43px;}
	.son-haber-cover{float:left; width:150px; background:transparent url('../images/haber-ok.png') top right no-repeat; }
	.read-more{float:right; margin-top:27px; background:transparent url('../images/read-more.png') top right no-repeat; width:22px; height:34px;}
	.read-more:hover{background:transparent url('../images/read-more-on.png') top right no-repeat;}
	
	.home-right{position:absolute;right:-50px; margin-top:27px; background:transparent url('../images/read-more.png') top right no-repeat; width:22px; height:34px; z-index:2; top:50%; margin-top:-17px;}
	.home-right:hover{background:transparent url('../images/read-more-on.png') top right no-repeat;}
	
	.home-left{position:absolute;left:-50px; margin-top:27px; background:transparent url('../images/read-more2.png') top right no-repeat; width:22px; height:34px; z-index:2; top:50%; margin-top:-17px;}
	.home-left:hover{background:transparent url('../images/read-more2-on.png') top right no-repeat;}
	
	
	.son-haber-icerik{float:left; width:780px; margin-left:14px; margin-top:14px; line-height:16px;}
	.son-haber-icerik h2{font-size:15px; color:#a98744; font-family:'Myriad Pro',Arial; line-height:16px;}
	.son-haber-icerik p{font-size:12px; color:#404041; font-family:'Myriad Pro',Arial;}
	
	#work-area{margin-bottom:30px;}
	.special-title{overflow:hidden; margin-bottom:20px; margin-top:20px;}
	.special-title span.box{width:9px; height:9px; background-color:#a98744; float:left; margin-right:10px;}
	.special-title h2{font-family:NexaLight; float:left; margin-right:10px; font-weight: bold;
font-size: 18px;}
	.special-title h2 span{font-family:NexaBold;}
	.special-title .gold-line-cover{overflow:hidden; padding-top:10px;}
	.special-title .gold-line{height:2px; background-color:#d5c7ac; overflow:hidden; }
.leftmenu a
{
    text-align: center;
font-weight: normal;
color: ##404041;
position: relative;
top: 14px;
font-size: 17px;

}
    .leftmenu a:hover
    {
        color: #E6E5DC;
    }
.leftmenu ul li
{
    float: left;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
}
.leftmenu ul
{
    background-color: #a98744;
    width: 120px;
    height:120px;
    border-radius: 5px;
    float:left;
}
	
	.left-hizmet{float:left; margin-right:0px;}
	.right-hizmet{float:right;}
	
	.proje-left{width:620px; float:left;}
	.proje-right{width:270px; float:right;}

/* content */
.right-panel{width:770px; float:right;}
.left-panel{width:200px; float:left;}
	.left-panel ul{float:left; width:100%;}
	.left-panel ul li{float:left; width:100%; margin-bottom:16px;}
	.left-panel ul li a{font-family:NexaLight; font-size:13px; color:#404041;}
	
/* news */
.news{width:100%; float:left; margin-bottom:20px;}
	.news img{float:left; margin-right:10px;}
	.news-content{border-top:1px dotted #404041; border-bottom:1px dotted #404041; padding-top:9px; padding-bottom:9px; height:69px;}
		.news-content p{color:#0f0f0f;}
		.news-content p a{color:#aa8745;}
		.news-content p a:hover{color:#0f0f0f;}
		
	.left-haber{width:450px; float:left;}
		.left-haber span.date{float:right; color:#aa8745; font-family:'Myriad Pro', Arial; font-size:12px; }
	.right-haber{width:500px; float:right;}
	
/* projeler */
.proje-title{overflow:hidden; margin-bottom:20px;}
	.proje-title h2{font-family:NexaLight; float:left; margin-right:10px; color:#a98744;}
	.proje-title h2 span{font-family:NexaBold;}
	.proje-title .proje-line-cover{overflow:hidden; padding-top:10px;}
	.proje-title .proje-line{height:2px; background-color:#a98744; overflow:hidden; }
	
.proje-box{width:100%; float:left;}
	.proje{width:48%; float:left; margin-right:2%; position:relative; }
	.proje a{width:100%; height:100%; display:block;}
	.proje img{width:100%;}
	.projeBack{position:absolute; z-index:0; width:19px; height:10px; background:transparent url('../images/projeBack.png') top right no-repeat; top:100px; left:0px;}
	.projeFront{position:absolute; z-index:1; width:263px; height:17px; background:transparent url('../images/projeFront.png') top right no-repeat; top:108px; left:0px; font-family:NexaLight; font-size:11px; color:white; padding-top:11px; padding-left:12px;}

.detay{width:77px; height:17px; position:absolute; z-index:1; top:136px; left:0px; background:transparent url('../images/detaylar.png') top right no-repeat; }
	.proje:hover .detay{background:transparent url('images/detaylarOn.png') top right no-repeat;}
	
/* basin detay */
	
	.basin-left{float:left;width:290px;}
	.basin-right{float:right;width:600px;}
		.basin-right img{max-width:600px;}
	
/*kariyer */
	
#kariyer{float:left;width:630px; margin-bottom:20px;font-family:NexaLight;}
	#kariyer label{float:left;width:230px;font-size:15px;color:#686460;}
	#kariyer span{float:right;margin-right:6px;}

	#kariyer input[type="text"]{
		float:left;width:270px;height:18px; outline:none;
		transition: all 0.75s ease-in-out;
		-webkit-transition: all 0.75s ease-in-out;
		-moz-transition: all 0.75s ease-in-out;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		color:#686460;
		background-color:#fff;
		padding: 3px;
		font-size:14px;
		margin-bottom:8px;
	}

	#kariyer textarea{
		float:left;width:270px;height:80px; outline:none;
		transition: all 0.75s ease-in-out;
		-webkit-transition: all 0.75s ease-in-out;
		-moz-transition: all 0.75s ease-in-out;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		color:gray;
		background-color:#fff;
		padding: 3px;
		font-size:14px;
		margin-bottom:8px;
	}
	#kariyer input:focus, select:focus, textarea:focus {
		box-shadow: 0 0 10px #c1972e;
		-webkit-box-shadow: 0 0 10px #c1972e;
		-moz-box-shadow: 0 0 10px #c1972e;
		border:1px dashed #c1972e;
		background-color:none;
	}


	#kariyer input:focus{
		box-shadow: 0 0 10px #c1972e;
		-webkit-box-shadow: 0 0 10px #c1972e;
		-moz-box-shadow: 0 0 10px #c1972e;
		border:1px dashed #c1972e;
		background-color:none;
	}

	#kariyer select:focus {
		box-shadow: 0 0 10px #c1972e;
		-webkit-box-shadow: 0 0 10px #c1972e;
		-moz-box-shadow: 0 0 10px #c1972e;
		border:1px dashed #c1972e;
		background-color:none;
	}
	#kariyer input[type=submit]{
		padding:8px 24px;
		border:none;
		color:white;
		cursor:pointer;
		transition: all 0.75s ease-in-out;
		-webkit-transition: all 0.75s ease-in-out;
		-moz-transition: all 0.75s ease-in-out;
		float:right;
		margin-right:120px;
		background:#000;
	}
	#kariyer input[type=submit]:hover{background:#777;}

	#kariyer{
		color:#000;
		
	}

	#kariyer input, select, textarea{border:1px dashed #c1972e;}

	#kariyer label.error{float:none;color:red;}
	#kariyer .row{padding:5px 0 5px 0;clear:both;}
	#kariyer .message{height:100px;}
	#kariyer h4{
		font-weight: bold;
		font-size: 25px;
		color: #c1972e;
		margin: 15px 0 20px 0;
		clear: both;
	}

/* iletisim */
#contactadres {
    width: 1000px;
    margin: 0 auto;
    height: 200px;
    font-size:14px; 
    color:#404041; 
    font-family:Arial;
}

#contactleftust {
  border-right: 1px dotted #eaeaea;
  width: 430px;
  float: left;
  margin-left:5px;
}

#contactrightust {
  border-right: 1px dotted #eaeaea;
  width: 430px;
  float: right;
}

#contactiletisim {
    width: 1000px;
    margin: 0 auto;
    margin-top: 100px;
}

#contactleftalt {
    border-right: 1px dotted #eaeaea;
  width: 490px;
  float: left;
  margin-left: 5px;
}

#contactrightalt {
  border-right: 1px dotted #eaeaea;
  width: 430px;
  float: right;
}

#maincontactform {
  margin: 20px 0;
}
#maincontactform label {
  font-size: 12px;
  color: #5a5a5a;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  clear: both;
}
.textfield {
  margin-bottom: 10px;
  padding: 5px;
  color: #666666;
  width: 400px;
  height: 22px;
  border: 1px solid #eaeaea;
  clear: both;
  float: left;
  opacity: 0.5;

}
.textarea {
  padding: 5px;
  color: #666666;
  width: 400px;
  height: 150px;
  border: 1px solid #eaeaea;
  clear: both;
  float: left;
  opacity: 0.5;
}
.require {
  display: inline;
  float: left;
  color: #f00;
  font-weight: bold;
  margin-left: 2px;
  font-size: 10px;
}
.loading {
  margin-top: 15px;
  background: url(../images/loading.gif) top left no-repeat;
  padding-left: 32px;
  font-size: 12px;
  color: #8f8f8f;
  margin-left: 10px;
  float: left;
  padding-bottom: 15px;
}
	/* Button */
.button {
  float: left;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  color: #777777;
  font-size: 10px;
  line-height: 24px;
  text-transform: uppercase;
  height: 26px;
  background: url(../images/button-right.png) no-repeat 100% 0;
  display: inline-block;
}
.button span {
  text-align: center;
  margin-right: 7px;
  padding: 0 10px 0 20px;
  background: url(../images/button-left.png) no-repeat;
  display: inline-block;
  height: 26px;
  float: left;
  font-size: 11px;
}
.button:hover {
  background-position: 100% -26px;
}
.button:hover span {
  background-position: 0 -26px;
}
a.button{
  color: #666666;
}
a.button:hover {
  color: #333333;
}
img.readmore {
  position: relative;
  top: 5px;
  left: 8px;
  overflow: hidden;
}

	
/* proje-detay */

.detay-left{float:left; width:750px;}
	.detay-left img{max-width:750px; width:750px;}
.detay-right{float:right; font-family:myriad pro;font-size:15px; width:230px;}
	.detay-right ul {margin-left:15px}
	.detay-right ul li{margin-bottom:23px}
	.detay-right h4{float:left;margin-right:5px;}
	.detay-right p {font-size:14px; line-height:24px;}
	.detay-right p strong{font-weight:700;}
	
	.social ul li{float:left;margin-right:20px;}
	
section .right-panel ul{list-style:square; padding-left:20px; margin-bottom:12px;}
section .right-panel ul li{font-family:'Myriad Pro', Arial; font-size:12px; color:#404041; line-height:18px; }
body.page-template-theme-faaliyet-php section .right-panel ul li{font-family:'Myriad Pro', Arial; font-size:16px; color:#404041; line-height:22px; }
body.page-template-theme-faaliyet-php  .right-panel{width:650px;}
section .right-panel ul li > ul li{list-style:circle;}
section .right-panel ul li > ul {margin-bottom:0px;}

.gallery{border-top:1px solid black; border-bottom:1px solid black; padding-top:5px; }
	.gallery a{width: 65px !important; height:65px !important; float:left; margin-left:5px; margin-bottom:9px; display:block; clear:both;}
	.gallery img{width: 65px !important; height:65px !important;}
	.gallery-item{margin-top:0px !important;}


#proje-frame-cover{width:990px; height:300px; position:relative;}
#proje-frame{width:990px; height:300px; position:relative; overflow:hidden;}
	#proje-panel{width:9900px; height:300px; position:absolute; top:0px; left:0px; }
		.proje-home{width:990px; height:300px; float:left;}
		
		.rsABlock{display:none;}
		
.imgrdy{ 
-webkit-transform-delay:2s;
-webkit-transform-style: preserve-3d;
     -webkit-perspective: 900; 
     -webkit-perspective-origin: 100% 100%;
	 -webkit-transform: rotateY( 540deg) translateX(500px);
	 -webkit-transition: all 2s ease-out;
	 opacity:0;
	}
	body.ready .imgrdy{-webkit-transform: rotateY( 0deg) translateX(0px); opacity:1; -webkit-transform: ;}
	
	body.home .proje-right p{font-size:14px;}
	body.home .proje-right p strong{color:#aa8745;}
	
.uye{width:330px; float:left; overflow:hidden; margin-bottom:50px;}
.uye img{max-width:330px;}
.uye h2 {text-align:center;}
/*----------------------------*/
/* Accordions
/*----------------------------*/
ul.accordion {
	width: 100%;
	padding: 0 0 20px 0;
	background: none;
}

#content ul.accordion {
	/* margin:20px 0;	 */
	margin-bottom: 30px;
}

.accordion a.opener {
	text-decoration: none;
}

.opener {
	background-color: #FEFEFE;
	background-image: linear-gradient(to bottom, #FEFEFE, #CDCDCD);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#CDCDCD));
	background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -moz-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -o-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: ms-linear-gradient(to bottom, #FEFEFE, #CDCDCD);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#CDCDCD');
	border: 1px solid #C3C3C3;
	color: #676767;
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
	padding: 8px 9px;
}

.accordion .opener:hover,
.accordion .opener.ui-state-active strong {
	color: #222;
	text-decoration: none;
}

.accordion .opener strong {
	cursor: pointer;
	display: block;
	height: 1%;
	padding: 2px 0 2px 32px;
	position: relative;
	text-shadow: 1px 1px 1px #FFF;
}

.accordion .opener strong:before {
	background-position: -406px -58px;
	height: 18px;
	width: 18px;
	content:"";
	position:absolute;
	left: 2px;
	top: 3px;
}

.accordion .opener.ui-state-active strong:before {
	background-position: -400px -37px;
}

.accordion .slide-holder {
	width: 100%;
	overflow: hidden;
}

.accordion .slide {
	padding: 20px 27px 0 27px;
}
/*serhat*/
.coverphoto img{
width: 100%;
height: 200px;
position: relative;
}
.kurumsal
{
    float: left;
    width: 700px;
    margin-left: 70px;
}
.projeler
{
    margin-left: 150px;
}
.projeler a img
{
    border: 2px solid #bababa;
    width: 340px;
}

.projeler a:hover img
{
    border: 2px solid #00E9FB;
}
    .projeler ul
    {
        float: left;
        margin-left:50px;
        margin-bottom:35px;
    }
        .projeler ul li
        {
            
            margin-bottom: 30px;
        }

.projedetay {
font-family: NexaLight;
}

.projedetay h5
{
    font-size: 20px;
    color: #763B3B;
    font-weight: bold;
    margin-left:50px;
}
.projedetay h6
{
    font-size: 15px;
    
    font-weight: bold;
    margin-left:50px;
}
.projedetay h5
{

    margin-left: 50px;
}
    .projedetay h6 span
    {
        font-weight: normal;
        margin-left: 10px;
    }
.projedetay
{
    background-color: rgb(213, 213, 221);
    border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.projedetay
{
    background-color: rgb(213, 213, 221);
    width: 416px;
    height: 190px;
    position: relative;
    right: 75px;
}
.tanitim ul li
{
    float: left;
margin-left: 12px;
margin-bottom: 0px;
}
.tanitim
{
}
    .tanitim ul
    {
        margin-left: 125px;
    }
    .tanitim a img
{
    border: 2px solid #bababa;
    
}

.tanitim a:hover img
{
    border: 2px solid #00E9FB;
}
.kurumsal h3
{
    color: #763B3B;
}
/*----------------------------*/
ul.accordion {
	width: 100%;
	padding: 0 0 20px 0;
	background: none;
}

#content ul.accordion {
	/* margin:20px 0;	 */
	margin-bottom: 30px;
}

.accordion a.opener {
	text-decoration: none;
}

.opener {
	background-color: #FEFEFE;
	background-image: linear-gradient(to bottom, #FEFEFE, #CDCDCD);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#CDCDCD));
	background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -moz-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: -o-linear-gradient(top, #FEFEFE, #CDCDCD);
	background-image: ms-linear-gradient(to bottom, #FEFEFE, #CDCDCD);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#CDCDCD');
	border: 1px solid #C3C3C3;
	color: #676767;
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
	padding: 8px 9px;
}

.accordion .opener:hover,
.accordion .opener.ui-state-active strong {
	color: #222;
	text-decoration: none;
}

.accordion .opener strong {
	cursor: pointer;
	display: block;
	height: 1%;
	padding: 2px 0 2px 32px;
	position: relative;
	text-shadow: 1px 1px 1px #FFF;
}

.accordion .opener strong:before {
	background-position: -406px -58px;
	height: 18px;
	width: 18px;
	content:"";
	position:absolute;
	left: 2px;
	top: 3px;
}

.accordion .opener.ui-state-active strong:before {
	background-position: -400px -37px;
}

.accordion .slide-holder {
	width: 100%;
	overflow: hidden;
}

.accordion .slide {
	padding: 20px 27px 0 27px;
}

/*----------------------------*/
[toggle_block class=" "][toggle title="Toggle title 1"] 1 content[/toggle] [toggle title="Toggle title 2"]2 content [/toggle][/toggle_block] 
#accordion p
{
    line-height: 18px;
    margin-bottom: 35px;
    font-family: 'Myriad Pro', Arial;
font-size: 17px;
color: #404041;
}

.fancybox {
    z-index:1000;
}

#haber {
    width: 1000px;
    margin: 0 auto;
    height: 200px;
    font-size:14px; 
    color:#404041; 
    font-family:Arial;
}