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;}
input[type="button"] { cursor: pointer;}
/***** tanart.com.tr *****/
.w990 { width:  990px !important;}
.mt10 { margin-top:10px !important;}
.p10 {padding: 10px !important;}
.lrb { border-left: 1px solid #CACACA;border-right: 1px solid #CACACA;}
html, body { background: /*url("/web/img/bg-center.jpg")*/ repeat-x scroll 0 0 #FFFFFF;font-size: 11px;   
font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;   color:#848383; overflow-x: none;overflow-y: none;}

#middle {display: block;min-height: 400px; float:left; margin:30px auto; position: relative; }
#footer {display: block;background:#101010;color:#CACACA;min-heighğt: 150px;}
#rightSlide {overflow: hidden;padding-bottom: 60px;}
#leftslide { display: block; float: left; margin: 0 15px 0 15px; position: relative; width: 260px;}

ul.leftNav {display: block;overflow: hidden;width: 110px; float: left;margin:0 7px 0 7px;}
ul.leftNav li { display: block;}

ul.leftNav li.selected {display: block; }
ul.leftNav li.selected a,ul.leftNav li.selected a:hover {color:#101010; background: #ccc ; font-weight: normal;}

ul.leftNav li a , ul.leftNav li a.active { text-decoration: none; display: block; color: #848383; padding:2px;}
ul.leftNav li a:hover { display: block;  color: #101010;  }

ul.leftNav li.subitem a ,ul.leftNav li.subitem a.active { text-decoration: none; display: block; color: #848383; padding:5px 0 5px 25px;font-size:11px;}
ul.leftNav li.subitem a:hover{display: block; color: #101010; }
    
ul.leftNav li.subselected {display: block; }
ul.leftNav li.subselected a,ul.leftNav li.subselected a:hover {color:#101010;background: none;font-size: 11px;    padding: 4px 4px 4px 25px;}

div.top {  display: block;overflow: hidden; padding:0;}
div.top .logo {margin:28px 0 0 11px; display:block;width: 253px;height: 50px;}
div.top .logo a { display: block;}
.lang { display: block;left: 5px;position: absolute;text-align: center;bottom: 10px;width: 110px;}
.lang a { display: inline-block; }
.lang:after { clear: both;}

.lang a.en { background-position: -16px 0; }
.lang a.en:hover { background-position: 0px 0; }
.lang a.selected-en { background-position: 0px 0; }
.lang a.tr { background-position: -48px 0; }
.lang a.tr:hover { background-position: -32px 0; }
.lang a.selected-tr { background-position: -32px 0; }
.lang a { width: 16px; height: 11px; display: block; content:""; float: left; margin: 0 5px; background: url("/web/img/flags.jpg") no-repeat scroll 0 0 transparent; }

.buttons { display: block; overflow: hidden; margin: 4px;}
.buttons div { float: left;display: block;}
div.info { width: 85px; height: 25px; font-weight: normal; color: #848383;}
div#prev { width: 50px; text-align: left; cursor: pointer;}
div#next { width: 50px; text-align: left; cursor: pointer;}

div#sep { width: 15px; height: 15px; text-align: center; font-weight: bold;  }
span#current ,span#total { width: 25px; height: 25px; text-align: center;  }
span#current { text-align: right;  }
span#total {  text-align: left; }

div.menu {display:block; margin:20px 0 0 0;overflow: hidden;}
div.menu ul {display:block;clear: both;overflow: hidden;}
div.menu ul li {height: 20px;display: inline-block; float: left; margin: 0px; }
div.menu ul li.active a { border-bottom: 3px solid #848383;color: #010101 !important;padding: 0 0 3px;}
div.menu ul li a { color:#848383; display: inline-block; float: left;  text-decoration: none; }
div.menu ul li a:hover { color: #101010;}

.projectDetail strong { color: #101010 ; font-weight: bold;}
.projectDetail span { color: #848383; font-size: 11px; }
.projectDetail label { color: #848383; font-size: 11px; }
.projectDetail em { color: #848383; font-size: 11px; }
.projectDetail li { padding:5px 0 0 0; text-align: justify; width: 700px; margin: 0 auto;}
.projectDetail { display: block;overflow: hidden;margin: 00px 0 0 0;line-height: 15px; letter-spacing: 0px; top:500px; position: absolute;padding: 0 0 30px}

.photos {width: 100%; display: block;overflow: hidden;}
.photos li { display: inline-block; float: left; }

ul.filter {display: block;overflow: hidden; width: 253px;;margin:20px 0 20px 7px;}
ul.filter il { display: block;}
ul.filter li a , ul.filter li a.active { cursor: pointer; text-decoration: none; display: block; color: #848383; padding:3px;}
ul.filter li a:hover { display: block;  color: #101010;  }

.proje-thumb-list {float:left; display: block; margin: 0 0 0 00px; width: 120px; }
.proje-thumb-list li {width: 100%; display: block; float: left;  }
.proje-thumb-list li.selected a, .proje-thumb-list li.selected a:hover {color:#FFF; background: #101010; font-weight: normal;}
.proje-thumb-list li:hover p {  }
.proje-thumb-list li:hover a {  }
.proje-thumb-list li a { text-decoration: none; display: block; color: #848383; padding:3px; }
.proje-thumb-list li a:hover { color: #101010; }
.proje-thumb-list li img {}
.proje-thumb-list li p {padding: 10px 0 2px 5px;font-size:11px;}

#gallery { left: 0; position: absolute;  display: block;height: 475px;overflow: hidden;}
#gallery-content { position: relative; display: block;}


ul.img-list { position: relative;}
ul.img-list li { display: inline-block; width: 400px;float: left;}
ul.img-list:after { clear: both;}

.freetext { width: 400px; float: left; display: block; }
p.black { color:#101010;}
.freetext p { margin:10px 0;font-size: 12px; line-height: 18px}
.freetext p span{ text-align: justify; }
.freetext p em { font-style: italic;  }
.freetext p strong { color:#101010 ; font-weight: bold;}

.map {  width: 500px; display: block; float: left;}
.addCol { padding:0 0 0 20px; width: 200px; display: block; float: left; line-height: 18px;}

/*** slider ***/
#container {width:710px;padding:10px;margin:0 auto;position:relative;z-index:0;}
#example {width:700px;height:530px;position:relative;}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;}
#frame {position:absolute;z-index:0;width:739px;height:480px;top:-3px;left:-80px;}

.slides_container {width:700px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:700px;height:480px;display:block;}
.slides_container a img {display:block;}

#slides {position:absolute;top:15px;left:4px;z-index:100;}
#slides .next,#slides .prev {position:absolute;top:215px;left:-24px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:700px;}

.pagination {margin:26px auto 0;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(/web/img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

.tableList thead tr { border-bottom: 1px solid #101010; }
.tableList thead tr td { vertical-align: bottom; font-weight: bold; color:#101010; font-size:13px; padding:0 0 5px 0; width: 100px;}
.tableList thead tr td:first-child { width: 450px; }

.yil { width: 80px !important;}
.m2 { width: 80px !important;}
.isveren { width: 180px !important;}
.yer { width: 180px !important;}

.tableList tbody tr { border-bottom: 1px solid #CACACA; }
.tableList tbody tr td { padding:5px 0; }
.tableList tbody tr td a { text-decoration: none; color:#848383; }
.tableList tbody tr td a:hover { text-decoration: underline; color: #101010; }

.alphabetical { width: 100%; margin:0 0 10px 0;}
.alphabetical a { text-decoration: none; color:#848383; }
.alphabetical a:hover { text-decoration: underline; color: #101010; }
.alphabetical tr {  display:block; }
.alphabetical tr td.index { padding:5px 10px; vertical-align: middle; font-size: 14px;width: 15px; border-right: 1px dotted #CCCCCC; }
.alphabetical tr td { }
.alphabetical tr td.sublist { padding:10px 0 10px 10px; }
td.sublist table tr td { padding: 3px 0;}

.avatar { width: 180px; display: block; float: left; margin: 0px 10px 0px 0px; }
.teamlist {width: 700px;}
.teamlist li { border-bottom: 1px dotted #CCCCCC;display: block;margin: 0 0 10px;overflow: hidden; padding: 0 0 10px 20px}

.newslist {width: 100%;}
.newslist li div { border-bottom: 1px dotted #CCCCCC;display: block;margin: 0 0 5px;overflow: hidden; padding: 0 0 10px 5px}
.newslist p {font-size: 12px; line-height: 18px }
.newslist em { font-size: 10px;     color: #848383;}
.newslist a {
    color: #333;
    text-decoration: none;
}

.contactform li { padding: 5px 0; display: block; margin:5px;overflow: hidden;}
.contactform span.label { display: block;float: left; width: 150px; text-align: left; }
.contactform span.value textarea { width: 350px; height: 200px;padding:2px; border:1px solid #848383; }
.contactform span.value input[type=text] { display: block;float: left; width: 150px; padding:2px; border:1px solid #848383; }
.contactform span.value input[type=submit] { background: none repeat scroll 0 0 #101010; color: #FFF; border:1px solid #000;}
.contactform span.value input[type=reset] { background: none repeat scroll 0 0 #fff; color: #101010;border:none; }