@import url('base.css');

/*--------------------------------------------------------------
# Theme         :   CellnFly                                    #
# Create        :   01/02/2011 11:30                            #
# Update        :   01/02/2011 11:30                            #
# Copyright (C) 2010-2011  Selen Net | Business Solutions       #
---------------------------------------------------------------*/


/****************************Css schema*************************/
/*-------------------------------------------------------------*/
/*  #globalContainer                                           */
/*  #...                                                       */
/*-------------------------------------------------------------*/
/****************************Css schema*************************/

body.cellnFly                                           {font-family:"lucida grande",tahoma,verdana,arial,sans-serif; text-align: center; margin: 0 ; background: #000 url(../images/bodyBg.jpg) 50% 0 no-repeat; color:#666;}/*text-align ie5 float*/
body.subPage                                            {background-image: url(../images/bodyBgSub.jpg) ;}
body.subPage2                                           {background-image: url(../images/bodyBgSub2.jpg) ;}
    #globalContainer                                    {width: 100%; height: auto; position: relative;}
        .subPage #wrapper                               {width: 980px; height: auto; margin: 0 auto ; position: relative; text-align: left; display: inline-block;}
        .cellnFly #wrapper                              {width: 980px; height: 800px; margin: 0 auto ; position: relative; text-align: left; display: inline-block;}
        
        /* Logo */  
        .home #logo                                     {width: 131px; height: 96px; background: url(../images/logoGray.png) no-repeat; margin: 15px 0 0 10px;}
        .home #logo a                                   {width: 100%; height: 96px; display: block; text-indent: -99999px; }

        /* Menu */  
        #menuRight                                      {position: absolute; top: 150px; right:0 ;}  
        #menuLeft                                       {position: absolute; top: 150px; left: 0;}
        .subPage .menu                                  {margin: 80px 0 0 18px;}
        .menu li                                        {width: 155px; height: 33px; margin: 0 0 15px;}
        .menu li a                                      {width: 100%; height: 33px; font: 400 1.4em "Arial" ; line-height: 24px; color: #acacac; text-align: center; display: block; background: url(../images/menuBg.png) 50% 0 no-repeat;}
        .menu li a:hover,
        .menu li a:focus,
        .menu li a.active                               {background-position:50% -33px; color: #fff;}

        
        #sloganBar                                      {width: 577px; height: 27px; padding: 0 10px; background: url(../images/sloganBar.png) 50% 0 no-repeat; position: absolute; top: 630px; left: 200px; }
        #sloganBar .sloganText                          {font: 400 1.3em "Tahoma",arial;line-height: 27px;}

        #footAirLinesLogo                               {width: 980px; height: 70px; position: absolute; top: 680px; left: 0;  }
        #footAirLinesLogo h1                            {width: 100%; position: absolute; bottom: 0; font: 400 1.2em "Arial",tahoma; line-height: normal; color: #555;text-align: center;}

        .home #footer                                   {width: 980px; height: 50px; position: absolute; bottom: 0; left: 0; }
        .home #footer p                                 {width: 500px; height: auto; line-height: 40px; font: 400 1.1em "Arial",tahoma ; text-transform: uppercase;}
        
        
/*subPage*/

        #leftContainer                                  {width: 215px; height: auto;  margin: 0 8px 0 0;} 
        /* Logo */  
        .subPage #logo                                  {width: 131px; height: 96px; background: url(../images/logoSub.png) no-repeat; margin: 35px auto 0 ;}
        .subPage #logo a                                {width: 100%; height: 96px; display: block; text-indent: -99999px; }

  
        #contentWrapper                                 {width: 757px; height: auto; }
        #contentWrapper h1                              {margin: 35px 0 0 55px; font-size:36px; line-height: normal; color: #9a9a9a ; }
        #contentWrapper h1 span                         {color: #717171;}
            
            .content                                    {width: 747px; height: auto; margin: 5px 0 0; padding: 5px; background: url(../images/contentBgR.png) 0 0 repeat-y;}
            .contentText h3                             {color: #b3b3b3;}
            .contentText p                              {padding: 5px 0; line-height: 20px; color: #b3b3b3; }
            .contentText ul li                          {padding: 5px 0; line-height: 20px; color: #b3b3b3; font: 400 12px "tahoma",arial;}
            .contentText a                              {color: #d5d5d5;}
            .contentText a:hover                        {text-decoration: underline;}
            
            #contact                                    {padding: 10px 20px; margin: 10px auto; font: 400 1.2em arial;}  
            #contact legend                             {background: none; font: 400 1.8em arial; color: #a4a4a4;}
            #contact li                                 {margin: 2px 0 0; padding: 4px 0;}
            #contact label                              {width: 160px; height: auto; padding: 0 20px 0 0; text-align: right; float: left; line-height: 30px; display: inline-block;}
            #contact input                              {background: url(../images/contactInput.png) 0 0 no-repeat; border: 0; width: 235px;  padding: 11px 5px; color: #4d4a4a;}
            #contact input:focus,
            #contact input.focus                        {background-position: 0 -38px; color: #fff;}
            #contact input.alert                        {background-position: 0 -76px; color: #fff;}
            
            #contact textarea                           {background: url(../images/contactTextarea.png) 0 0  no-repeat ;   overflow: auto; width: 235px ; height: 85px; padding: 5px; border: 0;}
            #contact textarea:focus,
            #contact textarea.focus                     {background-position: -245px 0; color: #fff;}
            
            #contact input.btn                          {width: 82px; height: 37px; display: block; text-indent: -99999px; background: url(../images/contactBtn.jpg) 0 0 no-repeat;}
            #contact input.btn:hover                    {background-position: 0 -39px;}
            
            
/*
                    <div id="airLogo">
                        <ul>
                            <li class="thy"></li>
                            <li class="travelport"></li>
                            <li class="travelfusion"></li>
                            <li class="sky"></li>
                            <li class="atlas"></li>
                            <li class="anadolu"></li>
                            <li class="sun"></li>
                            <li class="bora"></li>
                        </ul>
                    </div>
*/
            
            #airLogo                                    {width: 977px; height: 60px;}
            #airLogo li                                 {height: 60px; width: 100px; float: left; background: url(../images/footAirLinesLogo.jpg) no-repeat; cursor: pointer;}
            #airLogo li.thy                             {width: 85px; background-position: 0 0;}
            #airLogo li.thy:hover                       {width: 85px; background-position: 0 -60px;}
            
            #airLogo li.travelport                      {width: 70px; background-position: -84px 0;}
            #airLogo li.travelport:hover                {background-position: -84px -60px;}
            
            #airLogo li.travelfusion                    {width: 155px; background-position: -154px 0;}
            #airLogo li.travelfusion:hover              {background-position: -154px -60px;}
            
            #airLogo li.sky                             {width: 85px; background-position: -309px 0;}
            #airLogo li.sky:hover                       {background-position: -309px -60px;}
            
            #airLogo li.atlas                           {width: 160px; background-position: -394px 0;}
            #airLogo li.atlas:hover                     {background-position: -394px -60px;}
            
            #airLogo li.anadolu                         {width: 145px; background-position: -554px 0;}
            #airLogo li.anadolu:hover                   {background-position: -554px -60px;}
            
            #airLogo li.sun                             {width: 137px; background-position: -699px 0;}
            #airLogo li.sun:hover                       {background-position: -699px -60px;}
            
            #airLogo li.bora                            {width: 140px; background-position: -830px 0;}
            #airLogo li.bora:hover                      {background-position: -830px -60px;}        
            
            .reference                                  {display: table-cell; width: 655px; height: auto; margin: 0 auto;}
            .reference li                               {width: 156px; height: 121px; float: left; margin: 0 10px 10px 0; text-align: center; background: url(../images/referenceBg.png) no-repeat 50% 0; padding: 0;}
            .ie6 .reference li                          {height: 111px;}
            .reference li:hover                         {background-position: 0 -131px;}
            .reference li img                           {border-bottom: 1px solid #545454; background: #000; padding: 0 0 1px;}
            .reference li:hover img                     {border-bottom: 1px solid #aa5b5b; background: #5f1b1b; padding: 0 0 1px;}
            .reference li a:hover,
            .reference li a:hover img                   {text-decoration: none;}
            .reference li span                          {margin: 4px 0; font: 400 18px "Arial";  text-align: center;  display: block;}
            
            .refText                                    {padding: 10px 0; font: 400 italic 15px 'Segoe UI',serif,georgia; text-shadow:1px 1px #343433; color: #9b9997;}
            .ie .refText                                {font-family: georgia;}
         
        .subPage2 #subNav1                              {height: 30px;}   
        #subNav1                                        {width: 650px; height: 50px; margin: 23px auto 0 ;}
        #subNav1 li                                     {float: left; margin: 0 16px 0 0;}
        #subNav1 li a                                   {width: 200px; height: 48px; display: block; text-indent: -99999px; background: url(../images/subPageBtn1.png) no-repeat;}
        #subNav1 li a:hover,
        #subNav1 li a.active                            {background-position: 0 -49px;}
        
        #subNav1 li a.Item2                             {background: url(../images/subPageBtn1.png) -234px 0 no-repeat;}
        #subNav1 li a.Item2:hover,
        #subNav1 li a.Item2.active                      {background-position: -234px -49px;}
        
        #subNav1 li a.Item3                             {background: url(../images/subPageBtn1.png) -465px 0 no-repeat;}
        #subNav1 li a.Item3:hover,
        #subNav1 li a.Item3.active                      {background-position: -465px -49px;}
        
        
        
        .propertyBoxes                                  {width: 650px; height: 80px; margin: 0 auto;  color: #acacac;  }
        .propertyBoxes h2                               {margin: 0 0 5px; font: 700 12px tahoma,arial;line-height: 25px;}
        .propertyBoxes p                                {font: 400 12px tahoma,arial; line-height: 20px;}
        
        .icons                                          {width: 64px; height: 50px; padding: 0 5px ; background: url(../images/propertyIcons.jpg) 0 0 no-repeat;}
         .i2                                            {background-position: 0 -50px;}
         .i3                                            {background-position: 0 -103px;}
         .i4                                            {background-position: 0 -153px;}
         .i5                                            {background-position: 0 -203px;}
         .i6                                            {background-position: 0 -254px;}
         .i7                                            {background-position: 0 -305px;}
         .i8                                            {background-position: 0 -356px;}
        
        .pText                                          {width: 550px; height: auto;}
        
        .subPage #footer                                {width: 980px; height: auto; }
        .bottomBar                                      {background: url(../images/celenNetFoot.png) 100% 0 no-repeat;position: relative;}
        
        
        #footMenu                                       {width: 400px; height: 100px; position: absolute; left: 300px; top: 10px;}
        #footMenu ul                                    {float: left; margin: 0 10px;}
        #footMenu li                                    {}
        #footMenu li a                                  {padding: 0 0 0 15px; line-height: 20px; color: #717171; font: 400 1.1em "Verdana",arial; display: block; background: url(../images/footMenuBullet.png) 0 0 no-repeat;}
        #footMenu li a:hover,
        #footMenu li a:focus                            {background-position: 0 -31px ;}
        
        
        
/**/

.fl {float: left;}
.fr {float: right;}     
        
.icsayfa_icerik {
	color:#4D4D4D;
	font-size:11px;
	font-family:verdana;
	line-height:19px;

}
.ek_hizmet_link {
	font-family:century gothic;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#333
}

.form_bg {
	background:url(../images/form_bg.jpg);
	width:584px;
	height:450px;
}

.iletisim_btn {
	background:url(../images/gonder_btn.jpg) no-repeat;
	width:150px;
	height:50px;
	border:0;
	cursor:pointer
}

.textbox {
	padding:5px;
	font-family:Verdana;
	font-size:11px;
	color:#333333;
	border:1px solid #CCCCCC;
	width:250px;
	background:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:top
}

img {
	border: none; 
}
.photo {
	position: relative;
	width: 204px;
	height:145px;
	float:left;
	background:url(../images/cerceve.jpg);
	padding-top:30px
}

.yesil {
	color:#009900;
	font-family:verdana;
	font-size:11px;
	font-weight:bold
}
.turuncu {
	color:#FF6600;
	font-family:verdana;
	font-size:11px;
	font-weight:bold
}