/* CLEAR Fix  */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; clear:both; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
html,body { height:100%; }

/* =body */
body { font:normal 69%/1.6 "Lucida Grande", Arial, sans-serif; background:url(../img/siteBg.jpg) no-repeat center top #000; padding-top: 6px; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.clearleft { clear:left; }
img.right { padding: 6px 20px; }

#container { width:980px; margin:0 auto; background:url(../img/bg.png) repeat-x #E3E3DA; }
a { color:#333; text-decoration:none; border-bottom:1px dotted #666; }
a:visited { color:#999; border-bottom:1px dotted #999; }

/* =blocktext */
h1#logo { width:200px; height:40px; margin:58px 20px; float:left; 
/*position: absolute; top: 59px; left: 11px;*/
}
h1#logo a { border:none; }
.posts li img { padding:5px; background:#fff; }
li { overflow:hidden; padding:.5em 0; }
#header { height:151px; }
.inner { width:968px; overflow:hidden; }
#header .inner,#footer .inner { width:980px; overflow:hidden; }

/* -MENU---------------------------------- */
#nav { margin:58px 15px 0 0; float:right; padding:0 1px; width:686px; background-color:#fde009; overflow:hidden; }
#nav li { float:left; margin-right:1px; height:29px; }
#nav #shutter1 { background:url(../img/menu_home.png) 0 0 scroll no-repeat; width:68px; }
#nav #shutter2 { background:url(../img/menu_intro.png) 0 0 scroll no-repeat; width:149px; }
#nav #shutter3 { background:url(../img/menu_projeler.png) 0 0 scroll no-repeat; width:154px; }
#nav #shutter4 { background:url(../img/menu_logbook.png) 0 0 scroll no-repeat; width:149px; }
#nav #shutter5 { background:url(../img/menu_iletisim.png) 0 0 scroll no-repeat; width:162px; margin:0; }
#nav li a { color:#333; height:40px; text-decoration:none; display:block; text-indent:-5000px; border-bottom: medium none; }
#nav #shutter1.active,#nav #shutter2.active,#nav #shutter3.active,#nav #shutter4.active,#nav #shutter5.active { background-position:0 -80px!important; }

/* -CONTENT---------------------------------- */
#content { width:688px; float:right; background:#fff;min-height: 520px; }
#content_wrapper { border-bottom:7px #ffde00 solid; }

.breadcrumb { background:#666; color:#fff; padding:5px 30px 2px; font-size:9px; letter-spacing:.2em; display:block; font-family: Arial, Verdana;}
.breadcrumb a { color:#fff; text-decoration:none;   }


h2 { padding:12px 25px; margin-right:0; background:#000; color:#fff; font-size:2.7em; font-style:italic; border:none; }
h3 { font-size:1.4em; padding:5px 20px; }
h3 a:hover { color:#666!important; }

/* - HOME PAGE ---------------------------------- */
#content.homePage { width:470px; border:none; padding-bottom:10px; }
#content.homePage h3 { font-size:1em; font-weight:normal; text-align:center; }
#content.homePage ul.thumb_view li { margin:6px 0 2px 6px!important; }
.homePage { width:472px!important; margin:0 0 0 10px!important; background:#fff; }
.homePage ul { border:none!important; padding-bottom:20px; }


#sidebar.homePage { padding:0 0 20px; } 
#sidebar.homePage li { padding:0 0 20px; }
#sidebar.homePage li:hover { background:none!important; } 

.homePage h2 { border:none; font-size:14px; padding:4px 20px;  }
#sidebar.homePage h3 { font-size:25px; padding:0; line-height:1.1em; border-bottom: none !important;  }
#sidebar.homePage li h3 a { padding:15px 100px 2px 20px;  font-style:normal!important; border: none !important; }

#sidebar.homePage p { padding:1px 40px 1px 20px; font-size:11px; font-family:Georgia,Times,serif; }
#sidebar.homePage p.detail { padding:5px 12px 2px; font-size:10px; color:#999; border-top: 1px #999 dotted !important; margin: 0 8px 12px; font-family: Arial, Verdana;   }
#sidebar.homePage p.detail span { padding:2px;  background: #e3e3e3; }

h5.date { width: 50px; padding: 2px 5px 1px 5px; text-align: center; background: url(../img/dateBg.png) right center ; border: 1px #ccc solid; border-bottom: 1px #999 solid; border-right: solid 1px #999;   float: right; margin: -12px 8px 0; font-size: 11px; letter-spacing: .1em;  } 
 
/* - INTRO PAGE ---------------------------------- */ 
.intro h2 { padding:4px 30px; margin-right:0; background:#000; color:#fff; font-size:2.4em; font-style:italic; }
.intro h3 { border-bottom:1px #ccc dotted; margin-bottom:12px; padding-left:30px; margin-top:25px; }
.intro p { font-size:14px; margin:5px 60px 12px 0; font-family:Georgia,Times,serif; padding:5px 20px 5px 30px; }
.intro .breadcrumb { display:none; }


.intro ul { height: 1%; font-size:1.1em; line-height:1.8em; background:#f3f3f3; padding:10px 0; margin-bottom:12px; font-family:Georgia,Times,serif; clear:both; overflow:hidden; }
.intro li { font-size:1em; line-height:1.3em; background:url(../img/bulletO1.png) 19px 5px no-repeat; padding:2px 0 2px 30px; width:310px; float:left; }
.introduction { background:#fff;  padding-bottom: 30px;}

.ClientLogos  { text-align: center; padding: 20px; border: 3px #d3d3d3 solid;  }
.ClientLogos img {  margin: 22px 20px; height:  24px;   }

/* - CONTACT PAGE ---------------------------------- */

.sidebar.contact { background: url(../img/alien.png) no-repeat; margin: 12px 0 ; height: 300px;}


/* -PROJECTS   ---------------------------------- */
.categoryParts p img { margin:0 0 0 -10px; border:solid 2px #000; }
.categoryParts h3 { margin-top: 20px;   }
 h4 { font-size:1.4em; padding:5px 20px 1px 30px; color:#000; clear:both; border-bottom:1px #999 dotted; }

h4.projectList { font-size:.9em; margin:25px 0 0; padding:5px 20px 5px 30px; color:#fff; background:#ccc; clear:both; }

/* -PROJECT DETAILS ---------------------------------- */
.projectDetail { margin:0; background:#fff; }
.projectDetail h3 { line-height:1em; margin:10px 10px 5px; } 
.projectDetail p { font-size:1.1em; line-height:1.8em; margin:10px 10px 20px 30px; font-family:Georgia,Times,serif; }
.projectDetail ul { font-size:1.1em; line-height:1.8em; margin-bottom:12px; font-family:Georgia,Times,serif; }
.projectDetail li { font-size:1em; line-height:1.3em; background:url(../img/bulletO1.png) 19px 6px no-repeat; padding:2px 0 2px 34px; }
.projectDetail li:hover { background:url(../img/bulletO1a.png) 19px 6px no-repeat; }
.projectLegend { width:240px; float:right; padding:20px 10px; text-align:center; margin:0 0 10px 10px; }
.projectLegend span { display:block; border-top:dotted 1px #ccc; padding:7px 0 2px; margin:5px 0; }
.projectLegend img { margin-bottom:20px; }
.projectDetail ul.further-projects { background:#f3f3f3; margin:0; padding:12px 0; font-size:11px; }

/* -LOGBOOK ---------------------------------- */
.logbook .breadcrumb {  padding-left: 42px; }

.logbook h2 {  padding:15px 40px 15px 40px;  line-height: 1.1em; }
.logbook h3 { font-size:28px; padding:12px 100px 2px 40px;   line-height: 1.1em;    }
.logbook h3 a { border:none; color: #333; } 
.logbook h3 a:hover {   color: #ffde00 !important; } 

.logbook fieldset { padding: 30px 0; }

.logbook p { font-size:1.2em; line-height:1.8em; margin:10px 40px 20px 40px; font-family:Georgia,Times,serif; } 
.logbook p.detail { padding:5px 8px 2px 0; font-size:10px; color:#666; border-top: 1px #999 dotted !important; margin: 0 8px 12px 40px; font-family: Arial, Verdana; }
.logbook p.detail span { background: #e3e3e3; padding: 2px;}

.logbook fieldset ul {    margin: 15px ; padding-left: 35px; }
.logbook fieldset li {   font-family:Georgia,Times,serif;  margin: 8px 20px 5px 0; font-size:1.2em; line-height:1.6em; background:url(../img/bulletO1.png) 11px 9px no-repeat; padding:2px 0 2px 26px; }

.logbook pre { border:4px #ccc solid; overflow:auto; width:600px; font-size:1.1em; font-family:Consolas, "Lucida Console", Courier; background:#999; color:#fff; line-height:1.2em; margin:20px 20px 20px 25px; padding:12px; }

.logbook .date { font-size: 15px;   color: #999; border-top: 1px #ccc dotted; }
.logbook .author  { font-size: 15px;   color: #999; float:right; margin-top: -45px; }

/* -PROJECT LISTING  ---------------------------------- */
ul.display { width: 100%; margin:0; padding:0; float:left; background:#fff; }
ul.display li { float:left; padding:3px 0; margin:0 2px 0 3px; border-bottom:1px #ccc solid; height:146px; }
ul.display li:hover { background:#f3f3f3; }
ul.display li a { color:#222; text-decoration:none; border:none; }
ul.display li a:hover { color:#fff; }
ul.display li .content_block { padding:0; width:686px; overflow:hidden; }
ul.display li .content_block h3 { margin:0; padding:18px 5px 2px 234px; font-size:1.8em; font-weight:bold;   }
ul.display li .content_block p { margin:0; padding:2px 115px 5px 234px; font-family:Georgia,Times,serif; }
ul.display li .content_block p.detail { color:#666; font-size:.8em; font-family: Arial, Verdana; }
ul.display li .content_block p.detail span { background: #e3e3e3; padding: 3px; margin: 0; }
ul.display li .content_block a img { padding:5px; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; margin:0 15px 0 0; float:left; }

ul.thumb_view li { width:225px; margin:2px 1px; height:174px; border:none; background:#fff; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
ul.thumb_view li:hover { background:#fff; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
ul.thumb_view li .content_block h3 { width:220px; font-size:1em; text-align:center; padding: 5px 2px; }
ul.thumb_view li p { display:none; }
ul.thumb_view li .content_block a img { margin:2px 5px; width:205px; border:none; background:#efefef; }
ul.thumb_view li h3 a:hover { color:#000!important; }
ul.thumb_view li:hover img { background:#999!important; }

/* -PROJECT LISTING VIEW SWITCHER  ---------------------------------- */
a.switch_thumb { width:97px; height:20px; line-height:20px; float:right; display:inline; background:url(../img/switch.png) no-repeat; outline:none; text-indent:-9999px; position:relative; margin-top:-20px; z-index:2; border: none; }
a:visited.switch_thumb { border-bottom: medium none; }
a:hover.switch_thumb { border:medium none; text-decoration: none; }
a.swap { background-position:0 -22px; }

/* -SLIDESHOW CONTROLS ---------------------------------- */
#project-nav { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #999; text-align:center; }
#project-nav a { padding:5px 12px; color:#fff; border-right:#e3e3da solid 1px; text-decoration:none; border-bottom:none; border-top:none; width:20px; text-align:center; font-size:9px; line-height:18px; background:#ccc; }
#project-nav a.activeSlide { background:#666; color:#fcdf09; }
#project-control { float:right; margin-top:-60px; }
#ProjectSlideShow { width:686px!important; border:solid 1px #666; border-bottom:4px solid #666; overflow:hidden; }
#pauseButton { text-indent:-6000px; background:url(../img/play.png) no-repeat; width:52px; height:22px; display:block; border:none; }
#pauseButton.pause { background:url(../img/pause.png) no-repeat; border:none; }

/* -PAGING ---------------------------------- */
.paging { background:#fff; padding:8px 0 0; font-size:10px; margin-top:3px; overflow:hidden; width:100%; clear:both; }
.paging div { display:block; overflow:hidden; }
.paging .count { color:#666; font-size:9px; line-height:12px; padding:5px; text-align:center; display:block; clear:both; margin:8px 0 0; background:#ccc; }
.paging .count span { padding:0 5px; }
.paging a { display:block; float:left; width:300px; margin:2px 4px; color:#999; border:1px #f3f3f3 solid; text-decoration:none; padding:8px 12px; letter-spacing:.1em; border-bottom:1px #e3e3e3 solid; }
.paging a.nextpage { text-align:right; float:right; }
.paging a:hover { background:#ccc; color:#fff; }




/* -SIDEBAR   ---------------------------------- */
#sidebar { width:250px; float:left; padding:21px 5px 0 15px; border-bottom:none; overflow: hidden; }
#sidebar h3 { font-size:16px; border-bottom:dotted 1px #333; }
#sidebar ul { margin:0; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #fff; }
#sidebar li { margin:0; padding:0; font-size:12px; border: none; }
#sidebar li a { cursor: pointer; text-decoration:none; color:#000; font-weight:bold; display:block; font-style:italic; border-top:solid 1px #fff; border-bottom:solid 1px #ccc; padding:8px 5px 12px 52px; margin: 0; }
#sidebar li a:hover { background-color: #fff; }
#sidebar li li a:hover { background: #fff url(../img/bullet.png) 10px 8px no-repeat; }
#sidebar ul ul { margin:0; border:none; }
#sidebar li a span { font-weight:normal; display:block; font-size:9px; color:#666; line-height:10px; }
#sidebar li li a { padding:4px 30px 5px 20px; font-size:11px; border-top:none; border-bottom:solid 1px #e0e0e0; }
#sidebar li li a:hover { background-color: #e0e0e0; }


#sidebar li li a span { float:right; margin:-16px 5px 0 0; }
#side-menu-item-20 a { background:url(../img/icon_website.png) 10px 8px no-repeat; }
#side-menu-item-30 a { background:url(../img/icon_applications.png) 10px 8px no-repeat; }
#side-menu-item-32 a { background:url(../img/icon_interface.png) 10px 8px no-repeat; }
#side-menu-item-33 a { background:url(../img/icon_basili.png) 10px 8px no-repeat; }
#side-menu-item-34 a { background:url(../img/icon_mailing.png) 10px 8px no-repeat; }
#side-menu-item-46 a { background:url(../img/icon_consultancy.png) 10px 8px no-repeat; }
#side-menu-item-65 a { background:url(../img/icon_anim.png) 10px 8px no-repeat; }
#side-menu-item-16 a { background:url(../img/icon_faydali.png) 10px 6px no-repeat; }
#side-menu-item-17 a { background:url(../img/icon_x.png) 10px 6px no-repeat; }
#side-menu-item-31 a { background:url(../img/icon_junk.png) 10px 6px no-repeat; }


#side-menu-item-20 li a,#side-menu-item-30 li a,#side-menu-item-32 li a,#side-menu-item-33 li a,#side-menu-item-34 li a,#side-menu-item-46 li a,#side-menu-item-65 li a,#side-menu-item-16 li a,#side-menu-item-17 li a,#side-menu-item-31 li a { background:url(../img/bullet.png) 10px 8px no-repeat #eee; }

#sidebar .selected a { background-color:#fff; }
#sidebar .selected .selected a { background:url(../img/bullet.png) 10px 8px no-repeat #fcdf09; }


fieldset.sidebar { border:1px #999 solid; padding:10px; width:200px; margin:44px 20px; }
fieldset.sidebar legend { font-size:10px; font-style:italic; padding:10px; }

#sidebar fieldset.friends { display: inline; border: none; margin: 30px 0 10px 0; float: left; padding: 0 ; font-family: Georgia; width: 250px; }
#sidebar fieldset.friends ul { border-bottom: 3px #ccc double;  border-top: 3px #ccc double; background: #e3e3e3; }
#sidebar fieldset.friends li { padding: 2px 0 ;  border-bottom: 1px #ccc dotted; background: url(../img/outlink.png) 230px 6px no-repeat; }
#sidebar fieldset.friends li a { display: block; border: none; padding: 3px 2px 1px; font-weight: normal; }
#sidebar fieldset.friends a:hover { background: none; }
#sidebar fieldset.friends a:visited { color: #999;}
#sidebar fieldset.friends legend { font-size: 11px; letter-spacing: .1em; font-weight: bold; font-family: Arial;    }


.sidebar dl { margin-top:-22px; }
.sidebar dt { font-weight:bold; margin-top:15px; padding-left:58px; }
.sidebar dd { font-size:.8em; padding-left:58px; border-bottom:1px dotted #999; padding-bottom:12px; }
.sidebar dd.image { float:left; margin:0; padding:0; margin-top:-18px; border:none; }
.sidebar dd.image img { border:1px solid #000; background:#fff; padding:2px; }
.sidebar .supplies { overflow:hidden; }
.sidebar .supplies li { float:left; }
.sidebar .supplies a { border:none; }

 

/* -FOOTER ---------------------------------- */
#footer { padding:20px 0 3px; background:url(../img/footerBg.jpg) no-repeat; color:#fff; margin-top:100px; width:980px; margin:0 auto; }
#footer a { color:#fff; line-height:normal; text-decoration:none; border-bottom:none; }
#footer a:hover,#footer .highlight { color:#D6CF6C; }

#footer .box li { position:relative; display:block; float:right; width:130px; height:40px; }
#footer .box li a { position:absolute; top:4px; left:0; background:#000; display:block; height:40px; padding:4px 24px 0 45px; background-image:url(../img/foot1.png); background-repeat:no-repeat; background-position: 0 0; font-style:italic; }
#footer .box li a.visible { z-index:4; }
#footer .box li .alt { z-index:1; background-position:0 -41px; }
#footer .box li.newsletter { float:left; width:320px; }
#footer .box li.newsletter a { background-image:url(../img/foot1.png); }
#footer .box li.favorite { width:220px;  display: none;}
#footer .box li.favorite a { background-image:url(../img/foot2.png); padding:4px 45px 0; }
#footer .box li.bookmark { width:180px; }
#footer .box li.bookmark a { background-image:url(../img/foot3.png); }
#footer .box li.rss { width:165px; }
#footer .box li.rss a { background-image:url(../img/foot4.png); padding:4px 0 0 45px; }
#footer .box li span.alt { background:url(../img/foot4.png) 0 -43px no-repeat; padding:3px 0 0 40px; display:block; height:36px; line-height:1.2em; font-style:italic; color:#ffde00; }
#footer .box li.favorite span.alt { background:url(../img/foot2.png) 0 -43px no-repeat; }
#footer .box li.bookmark span.alt { background:url(../img/foot3.png) 0 -43px no-repeat; }
#footer .box li.rss span.alt { background:url(../img/foot4.png) 0 -43px no-repeat; }

#footer h4 { text-indent:-4000px; background:url(../img/smallLogo.png) no-repeat; width:240px; height:30px; float:left; margin:0 0 0 5px; border: none; }
#footer .callUs { text-indent:-4000px; background:url(../img/callUs.png) no-repeat; width:210px; height:30px; float:right; }
#footer .vcard { font-size:.8em; border-top:1px dotted #ccc; padding:10px 4px; clear:both; }

#footer .endNotes { float:right; margin-top:-40px; font-size:.6em; }
#footer .vcard .tel1,#footer .vcard .tel2 { display:none; }
#footer .box { clear:both; border-top:4px #fff solid; padding:10px 5px; height:45px; }


/* -SITEMAP---------------------------------- 
 
*/
#toppanel { margin:0 auto; position:absolute; width:100%; text-align:center; top:7px; left:0; z-index:999; }
#dropdownpanel {  background:url(../img/raster.png); color:#999999; display:none; overflow:hidden; position:relative; width:978px; z-index:9999; margin:0 auto; }
.overlay { height:100%!important; }
#toggle { padding:0; }
#toggle #ajax-loader,#toggle a { float:right; }
#toggle a { display:block; width:117px; height:20px; text-align:left; cursor: pointer; background:transparent url(../img/sitemap.png) repeat scroll 0 0; border-bottom:medium none; text-indent:-9999px; }
#toggle a:hover { background-position:0 -20px; }
#toggle #ajax-loader { padding:2px; position: absolute; right: 77px; }
#dropdownpanel .contentdiv { font-size:.85em; margin:0 auto; padding-top:15px; text-align:left; width:978px; }
.tab { height:42px; position:relative; top:0; z-index:999; text-align:right; margin:0 auto; width:978px; }
#dropdownpanel .control {  /*Div containing panel button*/
color:white; font-weight:bold; font-size:1px; text-align:center; text-indent:-4000px; height:20px; /* 21px + 3 px should equal height of "panel.gif" */
width:116px; float:right; }


#dropdownpanel .control:hover {  }
#sitemap { font:normal 11px Arial,sans-serif; overflow:hidden; width:958px; padding:10px 10px 30px; }
#sitemap a { color:#fff; text-decoration:none; border:none; }
#sitemap ul { }
#sitemap li { margin:0 0 -.1em; min-height:1em; padding:.1em .4em; position:relative; display:block; overflow:visible; border-top:1px dotted #666; }
#sitemap li a { font-size:22px; display:block; padding:5px 0; }
#sitemap li li a { font-size:16px; padding:1px 0; color:#ffde00!important; }
#sitemap li li a:hover { background:#fff; color:#000!important; }
#sitemap li li li a { font-size:11px; color:#ccc!important; }
#sitemap ul ul { font-size:90%; font-size:14px; overflow:hidden; margin-top:-30px; }
#sitemap ul ul li { left:10.4em; display:block; float:left; border:none; font-weight:normal; width:204px; margin:0; }
#sitemap ul ul ul { font-size:90%; margin-top:0; }
#sitemap ul ul ul li { left:-.4em; float:none; white-space:pre; background:url(../img/bullet_white_02.png) 5px 3px no-repeat; padding-left:14px; }
#sitemap ul ul ul ul li { left:10.4em; }
#sitemap ul ul ul ul ul li { color:#fff; }
#sitemap li a:visited { color:#999!important; border:none; }
#sitemap li li a:visited { color:#666!important; border:none; }

* html #sitemap ul { height: 1%; display: inline; }
* html #sitemap li { height: 1%; }
* html #sitemap ul ul li { width: 150px; }



/* - SPECIFIC TEXT MODIFIERS---------------------------------- 
 
*/

p.lead { font-size:20px; line-height:30px; margin-top:15px; }
p.note { font-size: 11px; font-style: italic; color: #999; }