@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book.woff') format('woff'),
         url('../fonts/gotham-book.ttf') format('truetype'),
         url('../fonts/gotham-book.svg#gotham-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/gotham-light.eot');
    src: url('../fonts/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light.woff') format('woff'),
         url('../fonts/gotham-light.ttf') format('truetype'),
         url('../fonts/gotham-light.svg#gotham-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/gotham-medium.eot');
    src: url('../fonts/gotham-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium.woff') format('woff'),
         url('../fonts/gotham-medium.ttf') format('truetype'),
         url('../fonts/gotham-medium.svg#gotham-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold.woff') format('woff'),
         url('../fonts/gotham-bold.ttf') format('truetype'),
         url('../fonts/gotham-bold.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	background:#fefefe url(../images/bg-main.jpg) top left no-repeat;
	font-family:"Gotham-Book", Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#1c1f21
}
.clear {
	clear:both;
	height:0px;
	display:block;
	margin:0 !important;
}
.hideme {
	display:none;
}
div.tooltip {
	margin:20px;
	float:left;
	padding:7px 7px 7px 10px;
	visibility:hidden;
	background:#747474;
	color:#ccc;
	position:absolute;
	top:50px;
	left:50px;
	z-index:1000;
}
div.tooltip img.tip {
	position:absolute;
	left:-9px;
	bottom:3px;
}
#container {
	float:left;
	width:930px;
	height:auto;
	margin:0 0 0 0px;
	padding-left:52px;
	background:url(../images/activetitle.jpg) repeat-y 10px 0
}
a {
	color:#949494;
	text-decoration:none;
}
a:hover {
	background:#000000;
	color:#FFF;
}
#header {
	float:left;
	width:930px;
	height:200px;
	position:relative;
}
a.elmalmalogo {
	position:absolute;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	left:31px;
	top:40px;
	display:block;
	width:163px;
	height:109px;
}
.psychologist {
	position:absolute;
	background:url(../images/slogan.png) no-repeat;
	width:360px;
	height:120px;
	text-indent:-9999px;
	left:220px;
	top:50px
}
.language-selection {
	position:absolute;
	right:-1px;
	top:15px;
	width:125px;
	height:25px;
	color:#949494
}

.language-selection a  {
	padding: 3px 5px;
}
.slogan-area {
	position:absolute;
	right:6px;
	bottom:14px;
	width:319px;
	height:30px;
	text-align:right;
	background: url(../images/bird.png) no-repeat 280px 0px;
	font-size:10px;
	font-style:italic;
	color:#949494
}
.slogan-area p {
	margin:0 35px 0 0
}
#accordion {
	float:left;
	width:930px;
	height:auto;
	position:relative;
	margin-bottom:30px
}
#accordion div.toggler {
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	display:block;
	color:#FFFFFF;
	margin: 0 0 0 0;
	width:930px;
	height:64px;
	float:left;
	font-weight:bold;
	background:url(../images/accordion.png) no-repeat 0 0;
	display:block;
}
#accordion div.bg02 {
	background-position:0 -64px;
}
#accordion div.bg03 {
	background-position:0 -128px;
}
#accordion div.bg04 {
	background-position:0 -192px;
}
#accordion div.bg05 {
	background-position:0 -256px;
}
#accordion div.bg06 {
	background-position:0 -320px;
}
#accordion div.sign {
	background:url(../images/acc-cur.png) no-repeat;
	width:900px;
	height:64px;
	position:absolute;
	z-index:10;
	left:18px;
}
h1.acc-tit {
    cursor: pointer;
    float: right;
    font-family: Gotham-Book;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 18px 15px 0 0;
    text-align: right;
    text-shadow: 0 0 3px #666;
    width: 250px;
}
#accordion div.element {
	width:924px;
	height:auto;
	float:left;
	background:url(../images/acc-bg.png);
	margin-top:-1px;
	margin-left:1px;
	color:#949494
}
#accordion div.element div.shadow {
	width:924px;
	height:auto;
	background:url(../images/tab-shadow.png) right top no-repeat;
	float:left;
}
#accordion div.element h1 {
	font-size:26px;
	color:#FFF;
	letter-spacing:-0.07em;
	margin-top:15px;
	font-family: "Gotham-Book";
}
#accordion div.element p {
	line-height:15px
}
#accordion div.element h1.job {
	margin:25px 0 0 15px;
	font-size:28px;
	letter-spacing: -1px;
}
#accordion div.element p.job {
	font-size:14px;
	line-height:20px;
	text-align: justify;
	padding:30px;
	letter-spacing: -0.009em;
}
#accordion div.element div.left-column {
	float:left;
	width:640px;
	height:auto;
	padding:20px;
	line-height:15px;
	margin-bottom:10px
}
#accordion div.element div.right-column {
	float:left;
	width:232px;
	height:auto;
	padding:20px 0 0 8px;
	line-height:15px
}
#accordion div.element div.right-column div.img {
	border:5px #2b2b2b solid;
	width:192px;
	height:85px;
}
#accordion div.element div.right-column ul.a-team {
    font-size: 13px;
    line-height: 21px;
    margin: 0 30px 0 0;
    text-align: right;
    font-family: Gotham-Medium;
}
#accordion div.element div.right-column ul.a-team a {
	color:#949494;
	text-decoration:none;
	padding:3px
}
#accordion div.element div.right-column ul.a-team a:hover {
	background:#000;
	color:#fff
}
#accordion div.element div.right-column p {
color: #666;
    font-size: 10px;
    text-align: right;
    font-style: normal;
}
#accordion div.element div.left-column a.link {
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	padding:5px;
	font-family: "Gotham-Medium";
}
#accordion div.element div.left-column a.link:hover {
	background:#000;
}
#accordion div.element div.left-column p.big {
	font-size:16px;
	color:#FFF;
	margin:0;
	padding:0
}
#accordion div.element div.left-column p.normal {
	font-size: 14px;
    letter-spacing: -0.009em;
    line-height: 20px;
    padding: 0 15px;
    text-align: justify;
}
#accordion div.element a.close {
   background: none repeat scroll 0 0 #212121;
    color: #6D6D6D;
    display: block;
    height: 15px;
    padding: 5px 3px 1px 5px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none;
    width: 52px;
    font-size: 10px;
}

#accordion div.element a.close:hover {
	color: white;
}


#accordion div.element ul.list {
	float: left;
    font-size: 21px;
    margin: 25px 100px 20px 15px;
}
#accordion div.element ul.list li {
	margin:0 0 20px 0;
	letter-spacing: -1px;
}
#accordion div.element ul.list li a {
	color:#949494;
	text-decoration:none;
	padding:3px 7px;
}
#accordion div.element ul.list li a:hover {
	background:#000000;
	color:#FFF;
}
.what-we-do {
	width:890px;
	height:540px;
	margin:29px 0 0 25px;
	color:#FFF;
	overflow:hidden;
}
#scrollframe {
	width:890px;
	height:540px;
	margin:29px 0 0 25px;
	color:#FFF;
	overflow:hidden;
}
.what-we-do div.scroll-buttons {
	width:170px;
	height:110px;
	position:absolute;
	top:395px;
	left:695px;
	z-index:50
}
.what-we-do div.scroll-buttons div.status {
	color:#f1c701;
	font-size:24px;
	position:absolute;
	top:0;
	width:170px;
	text-align:center;
}
.what-we-do div.scroll-buttons div.counter {
	color:#f1c701;
	font-size:46px;
	height:46px;
	position:absolute;
	bottom:15px;
	left:58px;
	width:50px;
	text-align:center;
	padding-bottom:3px
}
.what-we-do div.scroll-buttons a {
	position:absolute;
	display:block;
	width:60px;
	height:85px;
	background:url(../images/next-prev.png) no-repeat;
	text-indent:-9999px
}
.what-we-do div.scroll-buttons a.prev {
	background-position:left top;
	bottom:0;
	left:0;
}
.what-we-do div.scroll-buttons a.next {
	background-position:right top;
	bottom:0;
	right:0;
}
.what-we-do div.scroll-buttons a.prev:hover {
	background-position:left bottom;
}
.what-we-do div.scroll-buttons a.next:hover {
	background-position:right bottom;
}
.what-we-do ul#scroller {
	width:50000px;
	height:540px;
}
.what-we-do ul#scroller li {
	float:left;
	width:890px;
	height:540px;
	margin-bottom:50px;
	overflow:hidden;
}
.what-we-do ul#scroller li div.block {
	float:left;
	width:890px;
	height:540px;
}
.what-we-do ul#scroller li div.job-img {
	width:622px;
	height:438px;
	padding:0 4px 4px 0;
	float:left;
	background:url(../images/form-inputbg.png);
}
.what-we-do ul#scroller li div.job-img-bg {
	width:622px;
	height:438px;
	float:left;
	margin:0;
}
.what-we-do ul#scroller li div.job-img-bg img {
	float:left;
	margin:0;
}
/*
	
	old jobs skeletion! cihan backup!
	.what-we-do ul#scroller li div.job-img {width:622px; height:438px; float:left;}
	.what-we-do ul#scroller li div.job-img-bg {width:622px; height:438px; float:left; margin:4px 0 0 4px; background:url(../images/form-inputbg.png)}
	.what-we-do ul#scroller li div.job-img-bg img {float:left; margin:-4px 0 0 -4px;}
	
	.what-we-do ul#scroller li div.job-img div.job-overlay {width:619px; height:434px; position:absolute;  background:url(../images/job-overlay.png) no-repeat; margin-left:1px; margin-bottom:1px;}
	
	.what-we-do ul#scroller li div.job-img-bg img {float:left; margin:-4px 0 0 -4px;}
	
	
	.what-we-do ul#scroller li div.job-type {width:210px; height:21px; background:#000; font-size:11px; padding:11px 0 0 13px; margin:0 0 0 0px; float:left; margin-bottom:10px}
	.what-we-do ul#scroller li div.job-name {width:250px; height:40px; background:#000; font-size:28px; padding:15px 0 0 13px; margin-bottom:10px; float:left;}
	.what-we-do ul#scroller li div.job-year {width:55px; height:19px; background:#000; padding:7px 0 0 13px; float:left;}
	*/
		
.what-we-do ul#scroller li div.job-info {
	width: 268px;
    margin: 0 0 10px -4px;
    max-width: 268px;
	float:left;
	background: url("../images/job-vertical-bar.jpg") repeat-y left center transparent;
}	
.what-we-do ul#scroller li div.job-type {
	max-width: 245px;
	/*width:210px;*/
	height:30px;
	line-height:30px;
	background:#000;
	font-size:12px;
	padding:0 10px 0 13px;
	margin:0 0 10px 0;
	float:left;
	clear: both;
}
.what-we-do ul#scroller li div.job-name {
	font-family:"Gotham-Medium", Georgia, Times New Roman, Times, serif;
	/*width:250px;*/
	max-width: 245px;
	min-height:44px;
	line-height:44px;
	background:#000;
	font-size:16px;
	padding:0 10px 0 13px;
	margin:6px 0 0 0;
	float:left;
	color: #f1c701;
	clear: both;
}
.what-we-do ul#scroller li div.job-year {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family:"Gotham-Book", Georgia, Times New Roman, Times, serif;
	/*width:55px;*/
	max-width: 245px;
	height:24px;
	line-height:24px;
	font-size: 10px;
	background:#000;
	padding:0 10px 0 13px;
	margin:5px 0 3px 0;
	float:left;
	clear:right;
	clear: both;
	color: #ccc;
}
.what-we-do ul#scroller li div.job-status {
	width:21px;
	height:19px;
	background:#000;
	padding:7px 0 0 13px;
	margin:0 0 10px 0;
	float:left;
	clear: both;
}
.what-we-do ul#scroller li div.job-status.job-active {
	background:url("../images/job-active.png") no-repeat left center;
}
.what-we-do ul#scroller li div.job-status.job-ended {
	background:url("../images/job-ended.png") no-repeat left center;
}
.what-we-do ul#scroller li div.details-title {
	background:url(../images/details.png) no-repeat scroll 0 6px transparent;
	width:857px;
	height:23px;
	margin-top:-40px;
	padding-bottom:5px;
}
.what-we-do ul#scroller li div.job-details {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family:"Gotham-Book", Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #808080;
	line-height:22px;
	width:854px;
	height:24px;
	background:#000;
	bottom:50px;
	padding:25px 15px 22px 15px;
	float:left;
	margin: 22px 15px 0px 0px;
}
ul.form {
	width:486px;
	height:auto;
	margin-top:10px
}
ul.form div#t-email {
	left:489px;
	top:76px;
	width:100px;
}
ul.form div#t-message {
	left:45px;
	top:153px;
}
ul.form div#t-subject {
	left:489px;
	top:135px;
	width:100px;
}
ul.form div#t-phone {
	left:246px;
	top:135px;
}
ul.form div#t-fullname {
	left:246px;
	top:76px;
}
ul.form li {
	float:left;
}
ul.form li.input {
	background:url(../images/form-inputbg.png);
	width:225px;
	height:43px;
	margin:0 18px 16px 0px;
}
ul.form li.input input {
	width:215px;
	height:32px;
	font-size:14px;
	color:#949494;
	padding:10px 0 0 10px;
	background:none;
	border:none;
	font-family: "Gotham-Book";
}
ul.form li.textarea {
	background:url(../images/form-inputbg.png);
	width:394px;
	height:126px;
	margin:0 19px 0px 0px;
}
ul.form li.textarea textarea {
	width:374px;
	height:106px;
	border:none;
	background:none;
	overflow:hidden;
	padding:10px;
	font-size:16px;
	color:#949494;
}
ul.form li.send-button {
	width:53px;
	height:126px;
}
ul.form li.send-button a.send {
	display:block;
	width:53px;
	height:126px;
	background:url(../images/form-sendbutton.png) no-repeat;
	text-indent:-9999px
}
#accordion div.element div.left-column-contact {
	float:left;
	width:600px;
	height:auto;
	padding:12px 0 0 30px;
	line-height:15px;
	position:relative;
	margin-bottom:20px;
}
#accordion div.element div.right-column-contact {
	float:left;
width:;
	height:auto;
	padding:12px 0 0 15px;
	line-height:15px;
	position:relative;
	margin-bottom:10px;
}
#accordion div.element h1.contact {
	margin:30px 0 0 0px;
	font-size:28px;
	width:200px;
	padding:5px 0 5px 0;
	height:30px;
	letter-spacing: -1px;
}
#accordion div.element h1.contactr {
	margin:30px 0 0 0px;
	font-size:28px;
	width:250px;
	padding:5px 0 5px 0;
	text-align:right;
}
#accordion div.element a.map {
	display:block;
	background:url(../images/google.png) no-repeat;
	width:131px;
	height:30px;
	text-indent:-9999px;
	float:right;
	margin-bottom:10px;
}
#accordion div.element a.map span {
	display:none;
}
#accordion div.element #address-ist {
	position:absolute;
	width:57px;
	height:28px;
	left:135px;
	top:92px;
	font-weight:bold;
	text-align:left;
	background: url(../images/tab-bg.png) left top no-repeat;
	padding:2px;
	cursor:pointer;
	text-align:center;
	display:block;
}
#accordion div.element #address-london {
	position:absolute;
	left:210px;
	top:92px;
	padding:2px;
	cursor:pointer;
	background:url(../images/tab-bg.png) right top no-repeat;
	width:57px;
	height:14px;
	text-align:center;
	display:block;
}
#accordion div.element #address-slash {
	position:absolute;
	left:202px;
	top:96px;
	width:2px;
	height:10px;
	background:#949494
}
#footer {
	float:left;
	width:930px;
	height:140px;
	position:relative;
	color:#949494;
	font-size:10px
}
.contactmail {
	position:absolute;
	width:120px;
	height:20px;
	padding:2px 0 0 0;
	display:block;
	background:url(../images/mail.png) no-repeat;
	color:#949494;
	text-decoration:none;
	text-indent:18px;
	left:24px;
	top: 20px;
}
.copyright {
	position:absolute;
	width:440px;
	left:24px;
	top:1px
}
.followus {
    left: 23px;
    position: absolute;
    top: 55px;
    width: 120px;
    line-height: 17px;
}
.followus a {
	float:left;
	display:block;
	background:url(../images/icons.png) no-repeat;
	height:15px;
	margin:3px 3px 0 0;
	text-indent:-9999px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.followus a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
a.facebook {
	width:16px;
	background-position:0 0
}
a.friendfeed {
	width:16px;
	background-position:-16px 0px
}
a.twitter {
	width:15px;
	background-position:-32px 0px
}
a.vimeo {
	width:16px;
	background-position:-47px 0px
}
a.lastfm {
	width:16px;
	background-position:-63px 0px
}
a.rss {
	width:15px;
	background-position:-79px 0px
}
a.manav {
	position:absolute;
	display:block;
	width:195px;
	height:153px;
	background:url(../images/manav.png) no-repeat;
	right:8px;
	bottom:-8px
}
/*Metin Arolat*/
		div.metin-album a {
	width:146px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-236px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.metin-album a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.metin-afis a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-192px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.metin-afis a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.metin-web a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-148px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.metin-web a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.metin-sosyal a {
	width:335px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-104px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.metin-sosyal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
/*Metin Arolat*/
		
		
		/*Cem Yilmaz */
		div.cem-sosyal a {
	width:336px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-148px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.cem-sosyal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.cem-sosyal2 a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-104px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.cem-sosyal2 a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
/*Cem Yilmaz */
		
		/*Sine Erdem*/
		div.sine-kurumsal a {
	width:146px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-192px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.sine-kurumsal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.sine-site a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-148px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.sine-site a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.sine-sosyal a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-104px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.sine-sosyal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
/*Sine Erdem*/		
		
		/*RED */
		div.red-sosyal a {
	width:336px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-182px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.red-sosyal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.red-sosyal2 a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-138px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.red-sosyal2 a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
/*RED */


	
		/*av mevsimi */
		div.avm-sosyal a {
	width:336px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-151px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.avm-sosyal a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
div.avm-sosyal2 a {
	width:304px;
	height:28px;
	float:left;
	background:#000 no-repeat;
	margin:-107px 0 0 -3px;
	padding:15px 0 0 19px;
	border-bottom:1px solid #666;
	font-size:14px;
	color:#FFF;
}
div.avm-sosyal2 a:hover {
	font-size:14px;
	color:#f1c701;
	float:left;
}
		/*av mevsimi */