﻿/*--------------------------ResetCSS--------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
fieldset, img
{
	border: 0;
}

em
{
	font-style:italic;
}

address, caption, cite, code, dfn, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}
/*--------------------------end--------------------------*/

html, body
{
	height: 100%;
}
body
{
	font-family: Calibri, Verdana, Arial;
	font-size: medium;
	background-image: url(../images/index/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #c1c1c1;
}
#container
{
	width: 950px;
	height: 100%;
	margin-left: 30px;
	margin-right: auto;
}
#sol
{
	position: fixed;
	top: 0;
	left: 30px;
	bottom: 0;
	height: 100%;
	float: left;
	background-color: #A9A9A9;
	width: 275px;
}
#logo
{
	background-image: url(../images/index/4team_logo.png);
	background-repeat: no-repeat;
	width: 275px;
	height: 135px;
}
#logo a
{
	display: block;
	width: 275px;
	height: 135px;
	text-decoration: none;
	text-indent: -9999px;
}
#nav
{
	margin-top: 20px;
	width: 275px;
	height: auto;
}
#nav li
{
	display: block;
}
#nav li a
{
	display: block;
	list-style-type: none;
	width: 269px;
	height: 98px;
	margin-bottom: 5px;
}
#sag
{
	background-image: url(../images/index/slogan_bg.jpg);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	position: absolute;
	left: 335px;
	float: left;
	width: 675px;
	height: auto;
}
#menu
{
	position: absolute;
	top: 10px;
	right: 30px;
	color: White;
}
#menu li
{
	display: inline;
}
#menu li a
{
	font-size: 12px;
	text-decoration: none;
	color: White;
	padding-right: 10px;
	padding-left: 10px;
}
#menu li a:hover
{
	color: #FFFF00;
}
#content
{
}
#kirmizi
{
}
.icerikalan
{
	background-image: url(../images/index/content_bg.png);
	background-repeat: no-repeat;
	width: 675px;
	height: 550px;
	margin-top: 105px;
}
.iceriksol
{
	width: 240px;
	height: 520px;
	float: left;
	position:relative;
}
.asagiyukari
{
	position:absolute;
	bottom:-30px;
	width:240px;
	text-align:center;
}
.iceriksol img
{
	padding: 10px 0 10px 10px;
}
.iceriksol p
{
	padding: 10px 5px 10px 10px;
	font-size: small;
	color: White;
	text-align: justify;
}
.iceriksol h1
{
	font-size: larger;
	font-weight: bold;
	color: White;
	padding-left: 25px;
	padding-top: 15px;
}
.hizmetliste
{
	color: White;
	padding-left: 10px;
}
.icerikorta
{
	margin-top: 65px;
	width: 30px;
	height: 422px;
	float: left;
}
.icerikorta li
{
	display: block;
}
.icerikorta li a
{
	display: block;
	text-indent: -9999px;
}
.hizmet
{
	background-image: url(../images/index/hizmetler_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 212px;
}
.hizmetsecili
{
	background-image: url(../images/index/hizmetler_hover_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 212px;
}
.hizmet:hover
{
	background-image: url(../images/index/hizmetler_hover_bg.png);
	background-repeat: no-repeat;
}
.referans
{
	background-image: url(../images/index/referanslar_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 212px;
}
.referanssecili
{
	background-image: url(../images/index/referanslar_hover_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 212px;
}
.referans:hover
{
	background-image: url(../images/index/referanslar_hover_bg.png);
	background-repeat: no-repeat;
}
.iceriksag
{
	width: 393px;
	height: 510px;
	float: left;
	overflow: auto;
	margin: 20px 2px 20px 10px;
}
.kbasin
{
	background-image: url(../images/index/kfotograflar_bg.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 131px;
}
.kbasin:hover
{
	background-image: url(../images/index/kfotograflar_hover_bg.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 131px;
}
.kbasinsecili
{
	background-image: url(../images/index/kfotograflar_hover_bg.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 131px;
}
.khizmet
{
	background-image: url(../images/index/khizmetler_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 153px;
}
.khizmetsecili
{
	background-image: url(../images/index/khizmetler_hover_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 153px;
}
.khizmet:hover
{
	background-image: url(../images/index/khizmetler_hover_bg.png);
	background-repeat: no-repeat;
}
.kreferans
{
	background-image: url(../images/index/kreferanslar_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 140px;
}
.kreferanssecili
{
	background-image: url(../images/index/kreferanslar_hover_bg.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 140px;
}
.kreferans:hover
{
	background-image: url(../images/index/kreferanslar_hover_bg.png);
	background-repeat: no-repeat;
}
.sayfabasliklari
{
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 25px;
}
#hakkimizdayazi
{
	background-image: url(../images/index/content_bg2.png);
	background-repeat: no-repeat;
	padding: 10px;
	margin-top: 105px;
	width: 655px;
	height: 550px;
	color: White;
}
#iletisimalan
{
	position: relative;
	background-image: url(../images/index/content_bg.png);
	background-repeat: no-repeat;
	padding: 10px;
	margin-top: 105px;
	width: 655px;
	height: 540px;
	color: White;
}
#sosyallinkler
{
	/*position: absolute;
	right: 20px;
	bottom: 20px;*/
	padding-top:20px;
}
#content
{
	width: 675px;
	height: auto;
	margin-top: 105px;
}
#slider
{
	background-color: #666666;
	padding: 10px;
	width: 606px;
	height: 303px;
}
#slideralt
{
	width: 675px;
	height: 155px;
	padding-top: 10px;
}
#kirmizinav
{
	background-image: url(../images/index/nav1arka.jpg);
	background-repeat: no-repeat;
	border: solid 1px #FF0000;
	border-left: solid 5px #FF0000;
}
#mavinav
{
	background-image: url(../images/index/nav2arka.jpg);
	background-repeat: no-repeat;
	border: solid 1px #0000FF;
	border-left: solid 5px #0000FF;
}
#mornav
{
	background-image: url(../images/index/nav3arka.jpg);
	background-repeat: no-repeat;
	border: solid 1px #800080;
	border-left: solid 5px #800080;
}
#turuncunav
{
	background-image: url(../images/index/nav4arka.jpg);
	background-repeat: no-repeat;
	border: solid 1px #FFA500;
	border-left: solid 5px #FFA500;
}
/*------------------sol nav box-----------------*/
.boxgrid
{
	width: 269px;
	height: 98px;
	float: left;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.boxgrid img
{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.navarkalink
{
	width:269px;
	height:98px;
	text-indent:-9999px;
	display:block;
}
/*----------------haberler---------------------*/
.altnav
{
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}
.altnav a
{
	color: #FFFFFF;
	text-decoration: none;
}
.altnav a:hover
{
	font-size: 14px;
}
.altnav td
{
	vertical-align: top;
	text-align: left;
}
/* Scroller Box */
#haberlink
{
	background-image:url(../images/index/haber_btn.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 120px;
	height: 20px;
	border: 1px dotted #ddd;
	position: relative;
	float: left;
	text-align:center;
}
#haberlink a
{
	display:block;
	color: Black;
	width: 120px;
	height: 20px;
	text-decoration: none;
	line-height: 30px;
	text-indent:-9999px;
	font-size: 12px;
}
.scroller_container_left_right
{
	border: 1px dotted #ddd;
	position: relative;
	overflow: hidden;
	width: 502px;
	height: 20px;
	float: left;
}

.scroller_left_right
{
	white-space: nowrap;
	line-height: 20px;
	font-size: 12px;
}

.scroller_left_right p
{
	padding: 0;
}
.scroller_left_right a
{
	color: #000000;
	text-decoration: none;
}
.scroller_left_right a:hover
{
	color: #FFFFFF;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy
{ ;#}

.scroller_container_left_right
{
	overflow: auto;
}

.hizmetlisteleri
{
	color:White;
	font-size:12px;
}

.hizmetlisteleri ul
{
	
}

.hizmetlisteleri ul li
{
	list-style:square;
	margin-left:20px;
}

/* Scoller Box */

