/************************
************************
Hamza ERBAY
21 Mart 2010
ie6, ff, opera, chrome, safari
************************
************************/
/* Css Sifirlama */
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, font, 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,  caption, tbody, tfoot, thead, th {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}


ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active{    outline: 0; }

/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.kapsayamamaSorunu {display: inline-block;}
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu {height: 1%;}
.kapsayamamaSorunu {display: block;}
/* IE-mac bu bolumu saklam artik */

/* Css Sifirlama */
/*------------------------------------------------------Header------------------------------------------------------------------------------*/
#header
{
	display:block;
	padding-top:20px;
	position:relative;
}
#nav
{
	display:block;
	background:url(../images/navBg.jpg) repeat-x; 
	height:31px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top:10px;
	padding-top:13px;
	border:1px #dedede solid;
}
#nav .menu li
{
	display:inline;
	border-right:dotted 1px #ccc;
}
#nav .menu li a
{
	font-family: Helvetica,Arial, sans-serif,"Myriad Pro Cond" , "Myriad Pro", "Myriad Pro Light";
	font-size:14px;
	color:#5d5d5d;
	height:45px;
	padding:13px 15px 16px;
	font-weight:bold;
	text-shadow:1px 1px #fff;
}
#nav .menu li a:hover 
{
	color:#000;
	background:url(../images/navBgHover.jpg) repeat-x;
}
#nav .menu li:hover
{

}
#banner
{
	width:900px;
	display:block;
	margin-top:10px;
	padding-bottom:10px;
}
.tabsNav
{
	display:block;
	margin-top:10px;
	text-align:left;
}
.tabsNav ul li
{
	display:inline;
	margin:5px;
}
.tabsNav ul li a
{
	color:#4a4a4a;
}
.tabsNav ul li a:hover
{
	color:#000;
	border-bottom:1px dashed #ccc;
}
.topMenu
{
	position:absolute;
	top:40px;
	right:0px
}
.topMenu li
{
	display:inline;
	margin:5px;
}
/*------------------------------------------------------Body--------------------------------------------------------------------------------*/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	background:url(../images/bg.jpg) repeat-x #e5e8ed;
	line-height:140%;

}
body > #wrapper {
height:auto;
min-height:100%;
}
html, body, #wrapper {
height:100%;
}
#wrapper
{
	width:900px;
	display:block;
	margin:auto;
}
#content
{
	display:block;
	margin-top:10px;
	padding:5px;
	padding-bottom:53px;
}
#content .companyProfile
{
	float:left;
	display:block;
	width:595px;
	padding-right:5px;
}
#content .news
{
	/*float:right;
	display:block;
	height:173px;
	width:290px;*/
	
	-moz-border-radius:4px 4px 4px 4px;
	background:none repeat scroll 0 0 #F5F5F5;
	border:1px solid #DEDEDE;
	display:block;
	float:right;

	padding:5px;
	width:275px;
}
#content .companyProfile p, #content .bottomBox
{
	text-indent:10px;
	padding:5px;

}
#content .news .newsItem
{
	display:block;
	margin:10px;
}
#content .news .newsItem .date
{
	color:#000;
	font-weight:bold;
	display:block;
}
#content .news .newsItem a
{
	color:#4a4a4a;
}
#content .news .newsItem a:hover
{
	color:#ccc;
}
h5/*------------headerlar-------------*/
{
	margin-bottom:10px;
}
#content .bottomBox
{
	background:url(../images/box.png) no-repeat;
	width:262px;
	height:190px;
	display:block;
	position:relative;
	float:left;
	margin:7px;
	padding:10px;
}
#content .bottomBox h5
{
	border-bottom:1px dashed #ccc;
	padding-bottom:4px;
}
#content .bottomBox span
{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	background:none repeat scroll 0 0 #8d8d8d;
	bottom:17px;
	color:#FFFFFF;
	padding:2px;
	position:absolute;
	right:10px;
}
#content .bottomBox span a
{
	color:#fff;
}
#content .bottomBox span a:hover
{
	color:#404040
}
#content .req
{
	list-style:inside;
	list-style-type:disc;
}
a
{
	color:#4a4a4a;
}
a:hover
{
	color:#000;
}
#content .proImg
{
	padding:4px;
	background:#fff;
	margin:4px;
}
/*----------------------------------------------------------------Footer---------------------------------------------------------------------*/
#footer
{
	display:block;
	background:url(../images/footerBg.jpg) repeat-x;
	clear:both;
	height:53px;
	margin-top:-53px;
	position:relative;
}
.footItem
{
	margin:auto;
	display:block;
	width:900px;
	height:53px;
}
/*-----------------------------------------------------Other(left,right, clear)---------------------------------------------------------------*/
.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}
div.hr hr {
display:none;
}
div .hr {
border-top:dashed 1px #ccc;
display:block;
height:2px;
margin:2px 0;
width:100%;
}
/*---------------------------------------------------------slider---------------------------------------------------------*/


		div#feature_list {
			width: 900px;
			height: 208px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			right: 0;
			top:1px;
			background:url(../images/sliderBg.jpg) repeat-x;
			z-index: 2;
			width: 209px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			background:url(../images/sliderline.png) bottom repeat-x;
			-moz-border-radius:8px 8px 8px 8px;
			-webkit-border-radius:8px 8px 8px 8px;
		}
		
		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: 32px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			color: #FFF;
			background-position:50px -67px;
		}
		.harp
		{
			background:url(../images/harpoyunu.gif) no-repeat center;
			background-position:50px 18px;
		}
		.kiosk
		{
			background:url(../images/interaktifKiosk.gif) no-repeat 50px 18px;
		}
		.simsec
		{
			background:url(../images/simSec.gif) no-repeat 50px 18px;
		}
		.canliKitap
		{
			background:url(../images/canlikitap.gif) no-repeat 50px 18px;
		}
		.harpen
		{
			background:url(../images/wargame.gif) no-repeat center;
			background-position:50px 18px;
		}
		.kiosken
		{
			background:url(../images/interactiveKiosk.gif) no-repeat 50px 18px;
		}
		.simsecen
		{
			background:url(../images/simSec.gif) no-repeat 50px 18px;
		}
		.canliKitapen
		{
			background:url(../images/livebook.gif) no-repeat 50px 18px;
		}
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 0;
			width: 692px;
			height: 208px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 209px;
		}