body                    { margin:0; padding:0; font-family: Tahoma; font-size: 100%; overflow:hidden; background-color:#272727; }
#toppanel               { width:100%; position:absolute; z-index:12; }
#panel                  { background-image: url(../images/footerback.png); height: 270px; display: none; color: #ccc; }
#panel2                  { background-image: url(../images/footerback.png); height: 270px; display: none; color: #ccc; }
.main                   { margin:0 auto; width:960px; display:block;  }
.logo                   { position:absolute; }

/*** Navigation ***/
#slatenav               { width: 100%; padding: 0; border-top: solid 1px #666; border-bottom: solid 1px #666; background-image: url(../images/background_black.png); position: relative; display: block; height: 40px; font-size:.8em;}
#slatenav ul            { margin: 0 auto; padding: 0; list-style-type: none; width:960px; }
#slatenav ul li         { display: inline-block; float: left; margin: 0 1px 0 0; }
#slatenav ul li a       { display: block; float: left; text-decoration: none; padding: 1em 2.5em 0 2.5em; height: 2.2em; color: #fff;}
#slatenav ul li a:hover, #slatenav ul li a.selected{ color: #000;  background: transparent url(../images/bg-over.gif) repeat top center;}
.btn-slide              { width:280px; height:29px; background-image:url(../images/iletisim-bg.png); text-align:center; display:inline-block; padding:11px 0 0 0; text-decoration:none; color:#fff;}
.btn-slide2              { width:200x; height:29px; background-image:url(../images/iletisim-bg.png); text-align:center; display:inline-block; padding:11px 0 0 0; text-decoration:none; color:#fff;}
.btn-slide:hover        {background-image:url(../images/iletisim.png); color:#000;}
.active                 {  background-position:0px -40px; color:#000;}
.active:hover           {background-image:url(../images/iletisim-bg.png); background-position:0px -40px;}

/*** Layer ***/
.layer					{ width:100%; height:800px; overflow:hidden;}
#background-image		{ width:3840px; height:100%; background:url(../images/body-bg.jpg) repeat-x;}
#cloud					{ position:relative; top:-800px; }
#cloud-image			{ width:5000px; height:100%; background:url(../images/cloud.png) repeat-x;}

/*** Body Content ***/
#wrapper	            { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }
#mask		            { width:500%; height:100%; list-style-type:none; margin:0; padding:0; }
.box		            { width:20%; height:100%; float:left; }
.content                { background-image:url(../images/content-bg.png); width:950px; height:390px; top:20%; margin:0 auto; padding:5px; position:relative; }				

/* Tiny Scrollbar */
.viewport               { width: 940px; height: 390px; overflow: hidden; position: relative;  }
.overview               { list-style: none; position: absolute; left: 0; top: 0; padding:5px; margin: 0; }
.scrollbar              { position: relative; background-position: 0 0; float: right; width: 10px; }
.track                  { background-color:#ccc; height: 100%; width:10px; position: relative; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.thumb                  { background-color:#31231E; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.disable                { display: none; }

/* feature list */
div#feature_list        { width: 910px; height: 240px; overflow: hidden; position: relative; }
div#feature_list ul     { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs                 { left: 0; z-index: 2; width: 320px; }
ul#tabs li              { font-size: 12px; font-family: Arial; }
ul#tabs li img          { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; }
ul#tabs li a            { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; }
ul#tabs li a:hover      { text-decoration: underline; }
ul#tabs li a.current    { background: url('../images/feature-tab-current.png');  color: #FFF; }
ul#tabs li a.current:hover  { text-decoration: none; cursor: default; }
ul#output               { right: 0; width: 623px; height: 240px; position: relative; }
ul#output li            { position: absolute; width: 623px; height: 240px; }
ul#output li a          { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #000; background: #ffe400; -moz-border-radius: 5px; }
ul#output li a:hover    { background: #ffe400; }
#default                { width: 910px; margin: 0px auto; padding: 20px; background: #FFF; font-family: "Trebuchet MS" ,Verdana,Arial,sans-serif; font-size: 14px; line-height: 1.6; }
#default h1             { margin: 0; font-size:16px; background-image:url(../images/logo.png); width:333px; height:80px; }
#default hr             { border: none; height: 1px; line-height: 1px; background: #CCC; margin-bottom: 20px; padding: 0; }
#default p              { margin: 0; padding: 19px 0; }
#default .clear         { clear: both; line-height: 1px; font-size: 1px; }
#default a              { outline-color: #888; }
#default h3             { margin: 0; padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase; }