﻿html,body	{
     margin:0px; padding:0px; 
     font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
     color:#e6dcdc; 
     font-size:12.5px; 
     background:#3F0000 url('bg.png') no-repeat fixed center top; 
     height:100%; 
}

html	{overflow:hidden}

a {text-decoration:underline; color:#094e7f; outline: none;}
a:hover {text-decoration:none; color:#094e7f;}

h1, h2, h3, h4, h5, h6, p, ul, li, form	{margin:0; padding:0;}
ul, li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}

img {border:none;}

.floatLeft {float:left}
.floatRight {float:right}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

div.clear {clear:both; height:0px; font-size:1px;}  
.last   {margin-right:0;}

.ie6    {margin:0 auto 0 auto; width:564px; height:401px; background:url('bg_ie6.jpg') no-repeat center top
}
.modern_browsers    {margin:310px 0 0 30px;}


/* HEADER 
***********************************************/
#header_bg {background:url('head_bg.png') repeat-x 50% top; 
height:119px; width:100%; position:fixed; top:0; left:0; z-index:70;
}
#header {width:960px; margin:0 auto;}
.logo   {float:left;}
#main_nav   {float:right; margin-top:10px; }
#main_nav   li  {display:inline;   margin-left:1px; font-size:12.4px; text-shadow: #000 0px 2px 3px;}
#main_nav   li  a  {color:#e6dcdc; text-decoration:none}
#main_nav   li  a:hover {color:#dc0c05; text-decoration:none;}
div#main_nav ul li a.selected   {color:#dc0c05;}


/* CONTENT 
***********************************************/
#page  {width:960px; height:510px; margin:0 auto;}

/* ANASAYFA 
***********************************************/
#home   {width:960px; height:510px; margin:0 auto 600px auto;}
.giris_ana  {background:url('akra2.png') no-repeat center top; 
width:650px; height:320px; position:absolute; z-index:10; top:130px; left:10px;
}
.giris_txt    {position:absolute; margin:70px 0 0 570px; z-index:10;}

.giris2_txt   {position:absolute; margin:300px 0 0 650px; z-index:10;  font-size:13px; text-shadow: #3F0000 0px 2px 3px; right:5px;}
.giris3_txt   {position:absolute; margin:400px 0 0 500px; z-index:10;  font-size:13px; text-shadow: #3F0000 0px 2px 3px; right:150px;}
.giris_resimler   {width:585px; height:250px; padding:0;  margin:0; margin:13px 0 0 29px; overflow:hidden}
.giris_resimler   li  {height:250px;}
.giris_resimler   img {width:585px;  height:250px; top:0; left:0; }


/* REFERANS
***********************************************/
#referans   {width:960px; height:510px; margin:0 auto 600px auto;}
.referans_resim {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.referans_yan_resim   {position:absolute; z-index:10; margin:160px 0 0 1px; right:120px;}
.referans_text   {position:absolute; z-index:10; margin:85px 0 0 0px; left:25px; font-size:x-small;}
.referans_text2   {position:absolute; z-index:10; margin:85px 0 0 143px; font-size:x-small;}
.referans_text3   {position:absolute; z-index:10; margin:85px 0 0 343px; font-size:x-small;}
.referans_text4   {position:absolute; z-index:10; margin:85px 0 0 543px; font-size:x-small;}
.referans_text5   {position:absolute; z-index:10; margin:85px 0 0 743px; font-size:x-small;}

/* Firma Profili
***********************************************/
#firma   {width:960px; height:510px; margin:0 auto 700px auto;}
.firma_profil_baslik_resim    {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.firma_text   {position:absolute; z-index:10; margin:60px 0 0 784px; top:60px; right:127px;}
.firma_text_politika {position:absolute; z-index:10; margin:60px 0 0 784px; top:60px; left:187px;}
.firma_text2   {position:absolute; z-index:10; margin:30px 0 0 400px; top:220px;left:180px; }
.firma_text3   {width:469px; height:310px;position:absolute; z-index:10; margin:30px 0 0 700px; top:55px;left:160px; }
.firma_politika_resim   {position:absolute; z-index:10; margin:160px 0 0 1px; right:5px;}
.tarihce_resim   {width:100px; height:310px;position:absolute; z-index:10; margin:100px 0 0 460px; right:10px; }
.firma_misyon_resim   {position:absolute; z-index:10; margin:160px 0 0 1px; right:5px;}
.firma_egitim_resim   {position:absolute; z-index:10; margin:160px 0 0 1px; right:5px;}
.firma_arka   {background:url('hizmet_arka.png') no-repeat center top; width:960px; height:426px; position:absolute; z-index:10; margin:92px 0 0 0;
}
.text   {width:629px; height:310px; position:absolute; padding:10px 30px 20px 210px; z-index:5;}
.text   ul  {margin:0 15px 15px 25px; }
.text   ul  li  {list-style-type:square; text-shadow: #3F0000 0px 2px 3px;}

.text   ol  {margin:0 0 15px -10px; *margin:0 0 15px 35px; }
.text   ol  li  {list-style-type:decimal;; text-shadow: #3F0000 0px 2px 3px;}

blockquote  {
    font-style:italic;
    line-height:15px;
    padding-left:50px;
    background:url('quotes.png') no-repeat left 0px;
    color:#f7f7f7;
  }

.sec_nav    {position:absolute; margin:60px 0 0 0; z-index:8;}
.sec_nav    li  {
    color:white; 
    background:url('sec_nav_separator.png') no-repeat right bottom; 
    width:163px; height:30px; 
    text-align:right; 
    padding:10px 15px 10px 0; 
    text-shadow: #3F0000 0px 2px 3px;
}
.sec_nav    li a   {color:white; text-decoration:none; width:167px; height:31px; padding-top:6px; display:block; position:absolute; *margin:0 0 0 -160px;}
.sec_nav    ul li  a.active {background:url('sec_nav_active.png') no-repeat right top; 
width:168px; height:28px; padding:6px 23px 0 0;
}
/* Kalite Belge
***********************************************/
#kalite_belge   {width:960px; height:510px; margin:0 auto 700px auto;}
.kalite_belge_txt    {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.kalite_belge_resim    {position:absolute; z-index:10; margin:150px 0 0 41px;}



/* hizmet
***********************************************/
#hizmet   {width:960px; height:510px; margin:0 auto 600px auto;}
.hizmet_resim   {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.hizmet_resim_res1   {position:absolute; z-index:10; margin:190px 0 0 20px;}
.bg_about   {background:url('hizmet1.png') no-repeat left top; width:960px; height:426px; position:absolute; z-index:10; margin:92px 0 0 0;
}
.hizmet_resim2   {position:absolute; z-index:10; margin:95px 0 0 0px; right:163px;}
.hizmet_resim3   {position:absolute; z-index:10; margin:345px 0 0 0px; right:153px;}
.hizmet_text   { position:absolute; padding:230px 0px 0px 0px; right:20px;  z-index:5;}
.hizmet_text_as   {position:absolute; padding:130px 0px 0px 0px; right:30px;  z-index:5;}
.hizmet_text   h1  {font-size:24px; color:white; margin-bottom:15px; line-height:25px; text-shadow: #3F0000 0px 5px 3px;}
.text   h2  {font-size:18px; color:#230505; margin-bottom:15px; line-height:19px; text-shadow: #C10202 0px 1px 3px;}
.hizmet_text   h3  {font-size:16px; color:white; margin-bottom:15px; line-height:17px; text-shadow: #3F0000 0px 2px 3px;}
.text   h4  {font-size:14px; color:#230505; margin-bottom:15px; line-height:18px; text-shadow: #C10202 0px 1px 3px;}
.hizmet_text h5  {font-size:12px; color:#ffffff; margin-bottom:10px; line-height:14px; text-shadow: #3F0000 0px 2px 3px;}
.hizmet_text h6  {font-size:11px; color:#ffffff; margin-bottom:5px; line-height:13px; text-shadow: #3F0000 0px 2px 3px;}
.hizmet_text  p   {margin-bottom:15px; position:relative; z-index:10; text-shadow: #3F0000 0px 2px 3px;}
.text   a   {color:#FFE03E; text-decoration:none}
.text   a:hover {text-decoration:underline}
.position_txt   {position:absolute; top:0}
.img_right_space    {margin:10px 15px 10px 0;}
.img_left_space    {margin:10px 0 10px 15px;}
.hizmet_text2   {width:1000px; height:610px; position:absolute; padding:300px 30px 20px 0px; z-index:5;}
.hizmet_text2  p   {margin-bottom:15px; position:relative; z-index:10; text-shadow: #3F0000 0px 2px 3px;}


/* SCROLLBAR CSS
**********************************************/
.jScrollPaneContainer {
	position: relative;
	top:55px; 
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #BB8A79;
}
.jScrollPaneDrag {
	position: absolute;
	background: #B23606;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* NEW PAGE 
***********************************************/
#newpage   {width:960px; height:510px; margin:0 auto 600px auto;}

/* Basında Wap 
***********************************************/
#basinda   {width:860px; height:1110px; margin:0 auto 700px auto;}
.basinda_txt    {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.basinda_bg   {position:absolute; z-index:10; width:700px; height:467px; background:url('basinda_video.png') no-repeat center top; 
margin:61px 0 0 0;
}
.basinda_video    {position:absolute; z-index:10; margin:108px 0 0 170px;}
/* İletişim
***********************************************/
#iletisim   {width:960px; height:510px; margin:0 auto 700px auto;}
.iletisim_txt     {position:absolute; z-index:10; margin:60px 0 0 0px; right:1px;}
.iletisim_bg   {position:absolute; z-index:10; width:600px; height:400px; background:url('bg_contact.png') no-repeat top; 
margin:100px 0 0 0; left:10px;}
.iletisim_form   {position:absolute; z-index:10; width:429px; height:430px; margin:150px 0 0 530px;}
.iletisim_form   h1  {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
.iletisim_form   p {margin-bottom:5px;}
.iletisim_form label {font-weight:bold; display:block; font-size:13px; width:80px; float:left; margin-top:5px;}
.iletisim_form .field {margin-bottom:10px; width:250px;}
.iletisim_form .field_textarea {margin-bottom:10px; width:250px; height:80px;}




/* Alt taban
***********************************************/
#bg_alt {background:url('bg_alt.png') no-repeat center top; 
height:36px; width:100%; position:fixed; z-index:70;
}
#alt {position:fixed; top:542px; background:#230505; width:100%; height:100%; margin:0 auto; z-index:70; color:white;}
.alt_content {margin:0 auto; width:960px; font-size:11px; margin-top:10px;  color:white;}
.alt_content a   { color:white; text-decoration:none}
.alt_content a:hover {color:#dc0c05; text-decoration:none}

.alt_nav   {float:right;}
.alt_nav   li  {display:inline; margin-left:15px; font-size:11px; }



