/* Dataişlem İnternet ve Bilişim Hizmetleri */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}

caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

body{
margin:0;
padding:0;
background-color:#e82d07;
background-image:url(images/ArkaPlan.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}


a {
	color:#406b95;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.wrapper {
	width:970px;
	margin:0px auto;
}

#bbody {
	background:url(images/bbody.jpg) center repeat-y;
	width:100%;
}

#nav {
	padding:40px 0 42px 425px;
	position:relative;	
}

#nav ul{
	height:28px;
	list-style:none;	
}

#nav ul li{
	display:inline-block;	
}

#nav ul li a{
	margin:0 8px 0 0;
	display:block;
	height:28px;
	width:68px;
	background-position:top;
	text-indent:-9999pt;
	float:left;	
}

#nav ul li.home a{	
	width:68px;
	background-image:url(images/home.png);	
}

#nav ul li.about a{	
	width:75px;
	background-image:url(images/about.png);	
}

#nav ul li.contact a{	
	width:92px;
	background-image:url(images/contact.png);	
}

#nav ul li a:hover{
	background-position:bottom;
}

h1 {
	margin:30px 0 22px 0;
	background:url(images/welcome.gif) left top no-repeat;
	text-indent:-9999pt;
	height:23px;
}

h2 {
	background:url(images/intro.gif) left top no-repeat;
	text-indent:-9999pt;
	height:39px;
}

#nav img.logo {
	position:absolute;
	left:20px;
	top:90px;
}

#items {
	clear:both;	
}

.item {
	padding:90px 48px 0 34px;
	background:url(images/singlebg.png) left top no-repeat;
	width:167px;
	height:261px;
	position:relative;
	float:left;
	margin:0 -7px 20px 0;
}

.item a{
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
}

.item p{
	line-height:20px;
	margin:0 0 25px 0;
	text-shadow:0 1px 0 #FFFFFF;
}

.item img.smalllogo{
	position:absolute;
	top:40px;
	left:20px;
}

.item img.visit{
	position:absolute;
	top:227px;
	left:5px;
}

#about {
	background:url(images/aboutbg.png) left top no-repeat;
	height:160px;
	padding:88px 45px 0 45px;
	margin:20px 0 40px 0;
}

#about p{
	line-height:20px;
	margin:0 0 20px 0;
	text-shadow:0 1px 0 #FFFFFF;	
}

.sponsor {
	background:url(images/sponsors.png) center no-repeat;
	height:14px;
}

#friends { clear:both; margin:30px 0 75px 0;}

.friend {
	background:url(images/adbg.png) left top no-repeat;
	width:143px;
	height:140px;
	padding:6px 0 0 18px;
	float:left;
}

.logo {
	width:400px;
	height:140px;

	float:left;
}

.logo2 {
	width:570px;
	height:140px;

	float:right;
}	

.third {margin-right:-15px;}

.last {float:right;}

#footer {
	background:url(images/footer.gif) top left repeat-x;
	padding:15px 0px 70px 0px;
	width:950px;
	margin:0px auto;
	color:#444444;
	text-shadow:0 1px 0 #eee;
}

#footer div{
	margin:0 0 0 -10px;
}

#footer span{
	float:right;	
}

#footer span a {
	padding:0px;
}

#footer a {
	color:#444444;
	padding:0 10px;
}

#footer a:hover {
	color:#000;
}

#featured {
	background:url(images/featuredbg.png) center top no-repeat;
	height:329px;
	position:relative;
}

/** ************ slider **************************************/

/* container for slides */
.images {
	position:relative;	
	height:329px;	
	width:910px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;			
	height:229px;
	color:#3b3b3b;
	text-shadow:0 1px 0 #fff;
	padding:100px 0 0 45px;
}

.images div img{
	position:absolute;
	left:412px;
	top:0px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#565556;
}
.images p {
	line-height:18px;
	width:330px;
	margin:0 0 15px 0;
}

#rright {
	position:absolute;
	right:37px;
	top:60px;
	width:27px;
}

/* tabs (those little circles below slides) */
.tabs {
padding:0 0 0 8px;
}

/* single tab */
.tabs a {
	width:10px;
	height:10px;	
	margin:10px 0;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;     
} 	


/* prev and next buttons */
.forward, .backward {	
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -28px; clear:right; }
.forward:hover 		{ background-position:-27px -28px; }
.forward:active 	 	{ background-position:-54px -28px; } 


/* prev */
.backward:hover  		{ background-position:-27px 0; }
.backward:active  	{ background-position:-54px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* end slider */

#navigation
	{
	float:right;	
	font:normal 18px Trebuchet MS, arial, Verdana, sans-serif;
	margin:13px 0px 0px 0px;
	background:url(images/menu/navigation-normal-bg.gif);
	}
#navigation ul li
	{
	list-style-type:none;
	float:left;
	background:url(images/menu/topnavigation-divider.gif) no-repeat right  ;
        color:#FFF;
        margin-right:-1px;
	}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active
	{
	float:left;
	padding:13px 18px 15px 18px;
	color:#535353;
	text-decoration:none;
	}
#navigation ul li a:hover
	{
	background:#e2e6ef;
	color:#503f81;
	}

#navigation ul li.fstnav a:link, #navigation ul li.fstnav a:visited, #navigation ul li.fstnav a:active
	{	
	background:url(images/menu/navigation-fst-nor.gif) no-repeat;
	}
#navigation ul li.fstnav a:hover
	{	
	background:url(images/menu/navigation-fst-nor_home.png) no-repeat #e2e6ef;
	}
#navigation ul li.fstonnav 
	{
	background:url(images/menu/navigation-fst-over.gif) no-repeat #503f81;
	}
#navigation ul li.lstnav a:link, #navigation ul li.lstnav a:visited, #navigation ul li.lstnav a:active
	{
	background:url(images/menu/navigation-lst-nor.gif) no-repeat right top;
	}
	
#navigation ul li.lstnav a:hover
	{
	background:url(images/menu/navigation-lst-over.gif) no-repeat  right top #e2e6ef ;
	}
#navigation ul li.fstnavactive a:link, #navigation ul li.fstnavactive a:visited, #navigation ul li.fstnavactive a:active
	{
	color:#FFFFFF;
	background:url(images/menu/navigation-fst-over.gif) no-repeat #503f81;
	}
#navigation ul li.fstonnavactive
	{
	color:#FFFFFF;
	background: #503f81;
        padding:13px 18px 15px 18px;
	}
#navigation ul li.lstnavactive a:link, #navigation ul li.lstnavactive a:visited, #navigation ul li.lstnavactive a:active
	{
	color:#FFFFFF;
	background:url(images/menu/navigation-lst-over2.gif) no-repeat #503f81 right;
	}
#navigation ul li.lstonnavactive
	{
	color:#FFFFFF;
	background: #503f81;
        padding:13px 18px 15px 18px;
	}

.qitem {
	width:126px;
	height:126px;	
	border:2px solid #222;	
	margin:5px 20px 5px 0px;
	background: url('bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

	.photo {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		border:1px solid #000;
		width:225px;
		height:150px;
	}	
	
		.photo .heading, .photo .caption {
			position:absolute;
			background:#000;
			height:30px;
			width:225px;
			opacity:0.6;
		}
		
		.photo .heading { 
			top:-50px;
		}

		.photo .caption { 		
			bottom:-50px;		
			left:0px;
		}
		
		.photo .heading span {
			color:#26c3e5;	
			top:-50px;
			font-weight:bold;
			font-size:11px;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
			color:#999;	
			font-size:12px;
			display:block;
			padding:5px 10px 0 10px;
		}

.box{ height:18px; width:340px; padding:8px 6px; border:1px solid #b8b8b8; background:#f1f1f1; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #333333;}

.boxarea{ height:120px; width:340px; padding:8px 6px; border:1px solid #b8b8b8; background:#f1f1f1; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #333333;}

.button{ margin-left:5px; cursor:pointer; text-indent:-9999px; border:none; background:url(images/gonder.jpg) no-repeat 0px 0px; width:140px; height:39px; outline:none; }

.button:active{ cursor:pointer; text-indent:-9999px; border:none; background:url(images/gonder.jpg) no-repeat 0px -39px; width:140px; height:39px; outline:none; }