body {background:#000000 url(../images/bg/bg.jpg) center top; font-size:11px; color:#6c6b6b; font-family:Arial, Helvetica, sans-serif;}
a {color:#6c6b6b}
#linebar {height:31px; background:#000; width:100%; float:left; border-bottom:#c53232 2px solid}
#linebar .head-container {width:931px; margin:8px auto 0 auto; color:#505050; font-size:12px; color:#FFF; padding-right:10px;}
.line-links {width:140	px; float:right;}
#linebar .head-container span.sep {display:block; margin:1px 5px 0 5px;  float:left; color:#505050; font-weight:bold}
#linebar .head-container a {color:#505050; font-size:12px; padding-top:2px; display:block; float:left; font-weight:bold}
#linebar .head-container a:hover {color:#FFF;}
#container {width:941px; height:auto; margin:0 auto;}
#header,#flash-content, #content{width:941px; float:left; position:relative;}
#flash-content {height:243px; background:url(../images/bg/flash-content.png) 0px 0 no-repeat; padding:2px 0 0 3px; width:938px; z-index:10; margin:0 0 -5px 0}

#header {height:130px;}
#header ul.lang-area {width:37px; height:60px; position:absolute; right:-29px; top:129px;}
#header ul.lang-area li {width:32px; height:24px; background:url(../images/bg/bg-lang.png) no-repeat; padding:6px 0 0 5px; margin-bottom:-4px;}
#header ul.lang-area li a {display:block; width:24px; height:19px; background:url(../images/layout/langs.png) no-repeat; opacity:0.5; filter:alpha(opacity=50); text-indent:-9999px}
#header ul.lang-area li a:hover {opacity:1; filter:alpha(opacity=100)}

#header ul.lang-area li a.tr {background-position:0 0}
#header ul.lang-area li a.en {background-position:0 -19px;}

	a.logo {display:block; width:225px; height:75px; background:url(../images/layout/main-logo.png) no-repeat; text-indent:-9999px; position:absolute; left:18px; top:48px;}
	ul#navigation {width:625px; height:96px; background:url(../images/bg/bg-menu.jpg) no-repeat; position:absolute; top:34px; right:6px; padding:0 0 0 22px}
	ul#navigation li {float:left; height:61px; width:auto; float:left; margin-right:8px; padding:32px 0 0 0}
	ul#navigation li a {display:block; height:42px; background:url(../images/layout/navigation.png) top left; text-indent:-9999px}
	ul#navigation li a.button01 {width:120px; background-position:0 0}
	ul#navigation li a.button02 {width:120px; background-position:-126px 0}
	ul#navigation li a.button03 {width:201px; background-position:-253px 0}
	ul#navigation li a.button04 {width:132px; background-position:-467px 0}
	ul#navigation li a.button01:hover {width:120px; background-position:0 -42px}
	ul#navigation li a.button02:hover {width:120px; background-position:-126px -42px}
	ul#navigation li a.button03:hover {width:201px; background-position:-253px -42px}
	ul#navigation li a.button04:hover {width:132px; background-position:-467px -42px}
	ul#navigation li.selected {background:url(../images/bg/narrow.png) center 5px no-repeat;}
	ul#navigation li.selected a.button01 {width:120px; background-position:0 -42px}
	ul#navigation li.selected a.button02 {width:120px; background-position:-126px -42px}
	ul#navigation li.selected a.button03 {width:201px; background-position:-253px -42px}
	ul#navigation li.selected a.button04 {width:132px; background-position:-467px -42px}
	
#content {height:auto; z-index:9; padding-bottom:20px;}
div.sub-content {margin-left:3px; width:923px; height:auto; background:url(../images/bg/bg-content.png) center bottom no-repeat; padding:20px 0px 20px 0px; float:left}
ul.index-boxes {width:880px; height:186px; float:left; margin:0 0 0 20px; color:#6c6b6b}
ul.index-boxes li {float:left; width:281px; height:186px; background:url(../images/bg/bg-index-boxes.jpg) no-repeat; margin-left:12px; position:relative}
ul.index-boxes li div.news, ul.index-boxes li div.references,ul.index-boxes li div.contact {width:250px; height:37px; background:url(../images/layout/index-titles.jpg) no-repeat; float:left; margin:14px 0 0 17px;}
ul.index-boxes li div.news {background-position:0 0;}
ul.index-boxes li div.references {background-position:0 -37px;}
#referencesflash {width:170px; height:110px; position:absolute; top:61px; left:62px}
ul.index-boxes li div.contact {background-position:0 -74px; line-height:14px}
ul.index-boxes li p {float:left; width:250px; margin:10px 0 0 21px; line-height:12px;}

div.press_room {float:left; margin:0 0 0 20px}
p.num {font-weight:bold;}
div#press_room {width:240px; height:95px; background:none; float:left; position:relative; margin:12px 0 0 20px;}
div#press_room p {margin:0; position:absolute; right:0; top:0; width:20px; text-align:right;}
div.news_view {width:240px; height:75px; position:relative; margin-top:15px; line-height:14px}
span.news-date {width:100px; position:absolute; top:-15px; left:0; font-weight:bold}
div.news-navigate {width:274px; height:25px; float:left; background:url(../images/bg/bg-navi.png) no-repeat; position:absolute; bottom:-24px; left:-16px}
div.news-navigate a{display:block; height:21px; width:65px; color:#6c6b6b; float:left; background:url(../images/layout/arrows.png) no-repeat; cursor:pointer}
div.news-navigate a.left {background-position:left -21px; padding:4px 0 0 24px; width:41px; height:17px; margin:2px 0 0 70px}
div.news-navigate a.left:hover {background-position:left -0px;}
div.news-navigate a.right {background-position:right -63px; padding:4px 0 0 5px; height:17px; width:61px; margin-top:2px; }
div.news-navigate a.right:hover {background-position:right -42px;}
div.news-navigate span.sep {float:left; width:2px; height:17px; padding-top:4px; margin-top:2px}





#footer {height:114px; width:100%; float:left; background:#000; border-top:#c53232 2px solid; margin:0;}
#footer div.footer-content {width:931px; margin:17px auto; color:#636363; font-size:10px; padding:0 0 0 10px; position:relative; position:relative; height:80px; }
#footer div.footer-content a {color:#636363;} 
#footer div.footer-content a:hover {color:#fff;}
#footer div.footer-content a.elmalma {display:block; width:59px; height:33px; background:url(../images/layout/elmalma.png) top no-repeat; position:absolute; right:10px; top:0px;}
#footer div.footer-content a.elmalma span {width:186px; height:35px; background:url(../images/layout/tooltip.png) no-repeat; position:absolute; top:-35px; right:-25px; padding:13px 0 0 0px; color:#acaca3; font-size:10px; font-family:arial; visibility:hidden; text-align:center}
#footer div.footer-content a.elmalma:hover {background-position:0px -34px;}

#footer div.footer-content span {color:#504e4e}

#footer div.footer-content div.social-media {position:absolute; width:73px; height:20px; background:url(../images/layout/socialmedia.png) no-repeat; position:absolute; top:-35px; left:5px; padding: 8px 0 0 54px}
#footer div.footer-content div.social-media a {float:left; display:block; width:16px; height:16px; background:url(../images/layout/socialmedia-icons.png) no-repeat; opacity:0.5; filter:alpha(opacity=50); text-indent:-9999px; margin-right:6px;}
#footer div.footer-content div.social-media a:hover {opacity:1; filter:alpha(opacity=100)}
#footer div.footer-content div.social-media a.facebook {background-position:0 0}
#footer div.footer-content div.social-media a.twitter {background-position:0 -16px}
#footer div.footer-content div.social-media a.friendfeed {background-position:0 -32px}



/* hakkımızda */

.content-left-column {width:200px; height:auto; min-height:250px; float:left; position:relative; z-index:10}
.content-left-column div.content-title {position:absolute; width:316px; height:36px; left:203px; background:url(../images/bg/content-titles.jpg) no-repeat; color:#FFF; font-size:18px; padding:11px 0 0 21px;}
.content-left-column ul.photos{width:120px; height:auto; float:left; margin:66px 0 0 54px}
.content-left-column ul.photos li {width:120px; height:120px; margin-bottom:20px; background:#f1f1f1}
.content-left-column ul.photos li a div.zoom-mask {width:110px; height:110px; position:absolute; background:url(../images/layout/zoom.png) 12px 13px no-repeat; opacity:0.5; filter:alpha(opacity=50); display:none;}
.content-left-column ul.photos li a{float:left; margin:5px; position:relative;}
.content-left-column ul.photos li a:hover div.zoom-mask {display:block;}
.content-left-column ul.page-buttons {float:left; margin:5px 0 0 24px}
.content-left-column ul.page-buttons li {width:179px; height:29px; margin-bottom:6px;}
.content-left-column ul.page-buttons li a {width:179px; height:29px; display:block; text-indent:-9999px; background:url(../images/layout/homebuttons.jpg) no-repeat; opacity:0.9; filter:alpha(opacity=90)}
.content-left-column ul.page-buttons li a:hover {opacity:1;filter:alpha(opacity=100)}
.content-left-column ul.page-buttons li a.but-main {background-position:0 0;}
.content-left-column ul.page-buttons li a.but-contact {background-position:0 -29px;}
.content-left-column div.left-menu-padding {padding:54px 0 0 0 }



.content-main-column {width:720px; height:auto; float:left; color:#666666; line-height:20px; font-size:13px; position:relative; z-index:9; padding:45px 0 0 0}
.content-main-column h1 {color:#C53232; font-size:24px; font-weight:bold; margin:20px 0 25px 0; letter-spacing:-1px}
div.content-in{width:650px; margin:0px 0px 0 22px; float:left; padding:0px 0 0 0; border-left:solid 1px #ebebeb;}
.content-main-column p {padding:20px}


/* accordion*/

#accordion{width:716px; margin:0px -19px 0 0px; float:right; padding:15px 0 0 0; border-left:solid 1px #ebebeb;}
#accordion div.toggler {cursor: pointer; font-family: Arial; font-size: 14px; background:url(../images/bg/accordion.png) top right no-repeat; display:block; color:#fff; margin: 0 0 2px 20px; width:672px; height:37px; float:left; font-weight:bold; padding:10px 0 0 23px; text-indent:200px}
#accordion div.element {width:695px; height:auto; float:left; background:url(../images/bg/bg-accordion-content.jpg) no-repeat bottom; margin-right:19px; margin-bottom:5px;}
#accordion div.element div.content-pic {width:214px; height:174px; float:left; background:url(../images/bg/bg_projectimgs.png) no-repeat; margin:10px 0 10px 10px; position:relative;}
#accordion div.element div.content-pic div.ref-arrow {width:90px; height:17px; bottom:9px; left:63px; position:absolute;}
#accordion div.element div.content-pic div.ref-arrow a.left {display:block; width:45px; height:17px; float:left; background:url(../images/layout/ref-arrows.png) top left no-repeat; opacity:0.6; filter:alpha(opacity=60)}
#accordion div.element div.content-pic div.ref-arrow a.left:hover {opacity:1; filter:alpha(opacity=100)}
#accordion div.element div.content-pic div.ref-arrow span.sep {width:2px; display:block; height:17px; float:left; background:url(../images/layout/ref-arrows.png) -45px 0 no-repeat;}
#accordion div.element div.content-pic div.ref-arrow a.right {display:block; width:43px; height:17px; float:left; background:url(../images/layout/ref-arrows.png) top right no-repeat;  opacity:0.6; filter:alpha(opacity=60)}
#accordion div.element div.content-pic div.ref-arrow a.right:hover {opacity:1; filter:alpha(opacity=100)}

#accordion div.element div.content-pic div.slidcont {width:191px; height:131px; overflow:hidden; position:absolute; top:11px; left:12px;}
#accordion div.element div.content-pic div.slidcont ul.scroller {width:5000px; height:131px;}
#accordion div.element div.content-pic div.slidcont ul.scroller li {width:191px; height:131px; float:left}
#accordion div.element div.content-pic div.slidcont ul.scroller li a div.zoom-mask {width:191px; height:131px; position:absolute; background:url(../images/layout/zoom.png) 52px 28px no-repeat; opacity:0.5; filter:alpha(opacity=50); display:none;}
#accordion div.element div.content-pic div.slidcont ul.scroller li a:hover div.zoom-mask {display:block;}

#accordion div.element div.content-desc {width:430px; height:auto; float:left; margin:10px 0 0 30px; font-size:13px; line-height:20px; color:#666666; padding:10px 0 15px 0} 


/* iletişim formu */ 
table.form {width:590px; margin:30px 0 30px 50px ; border-collapse:10px }
table.form td {vertical-align:middle; padding:10px}
table.form td.cname {width:100px}
.form input {background:#f7f3f0; height:22px; width:295px; border:dashed 1px #ccc; padding:8px 0 0 5px}
.form textarea {background:#f7f3f0; height:95px; width:442px; border:dashed 1px #ccc; padding:8px 0 0 5px; }
.form .send-button {width:auto; height:auto; opacity:0.9; filter:alpha(opacity=90); border:none; background:none}
.form .send-button:hover {opacity:1; filter:alpha(opacity=100)}
div.gray-boxes {width:590px; height:auto; background:#f7f3f0; margin:15px 0 15px 50px;  border:dashed 1px #ccc}
ul.address-area {width:590px;}
ul.address-area li{width:auto; float:left; margin:15px 0 0 20px}
div#success {width:590px; height:116px; text-align:center; padding-top:100px; font-size:24px; margin:21px 0 0 50px;}
div#error {border: 1px dashed rgb(204, 204, 204); margin: 21px 0pt -13px 47px; padding: 2px 0pt 0pt 10px; background: rgb(247, 243, 240); color: red; font-weight: bold; height: 20px; left: 62px; width: 590px; display:none}