/*  +---------------------------------------------------------------+
    | Proje		: Bitinya                                           |
    | Versiyon  : 2                                                 |
    | Oluşturma : 05/12/09                                          |
    | Yenileme  : 18/02/10                                          |
    +---------------------------------------------------------------+
    | Hazirlayan  : Omer ARI & yaveri (Sercan Paran)                |
    +---------------------------------------------------------------+
    | 0. Icerik Aktarimlari                                         |
    | 1. Standartlar                                                |
    | 2. Sayfa Ust                                                  |
    | 3. Icerik                                                     |
    | 4. Sayfa Alt                                                  |
    | 5. Ozel Tanimlar                                              |
    +---------------------------------------------------------------+
    |                                                               |
    |  #114459 Mavi                                                 |
    |  #FEC880 Sari                                                 |
    |  #5997A6 Acik mavi                                            |
    +---------------------------------------------------------------+

    +---------------------------------------------------------------+
    | 0. ICERIK AKTARIMLARI                                         |
    +---------------------------------------------------------------+     */ 

	@import "reset.css";
	@import "datePicker.css";
	@import "prettyPhoto.css";
	
/*  +---------------------------------------------------------------+
    | 1. STANDARTLAR                                                |
    +---------------------------------------------------------------+    */
    
html {background: #5997a6;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #114459;
	background: #FEC880 url(../resim/bg.jpg) repeat-x;
}
p{	margin-bottom: 10px;}
abbr{ cursor: help;	border-bottom: 1px dashed #ccc;}

.tasiyici{
	width: 942px;
	margin: 0 auto;
}	

a.link{
	color: #3D191B;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}
a.link:hover{
	color:#006699;
	border-bottom: 1px solid #006699;
	text-decoration: none;
}

.clear{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;	
}
.typeface-js{
	font-family: DINPro-Bold;
}
/*  +---------------------------------------------------------------+
    | 2. SAYFA UST                                                  |
    +---------------------------------------------------------------+     */
.ust{
	position: relative;
	height: 160px;
}

	.logo{
		position: absolute;
		top: 10px;
		left: 0px;
		width: 315px;
		height: 75px;
		text-indent: -9999px;
		background: url(../resim/logo.png) no-repeat;
	}
	
		.logo h1{
			height: 75px;
		}
	
	.slogan{
		position: absolute;
		top: 10px;
		right: 0px;
		width: 255px;
		height: 20px;
		background:url(../resim/slogan.png) no-repeat; 
	}

	.menu{
		position: absolute;
		top: 93px;
		/*width: 885px;
		height: 36px;*/
		width: 940px;
	}
		
		.menu ul{
			list-style: none;
			margin: 0;
			margin-left: -6px;
			padding: 0;
		}
		
			.menu ul li{
				float: left;
				width: 187px;
				margin-bottom: -1px;
			}
			
				.menu ul li a{	
					color: #fff;
					padding: 2px 6px;				
					text-align: left;
					font-weight: bold;
				}
				
				.menu ul li a:hover{
					color: #114459;
					text-decoration: none;
					background: #fec880;
				}

				.menu ul li a.secili{
					color: #114459;
					text-decoration: none;
					background: #fec880;
					cursor: default;
				}
			
/*  +---------------------------------------------------------------+
    | 3. ICERIK                                                     |
    +---------------------------------------------------------------+     */
    
    
.orta{
	
}

	.orta .kapak{		
		padding-bottom: 40px;
		background: url(../resim/bg-kapak-yazi.png) no-repeat left bottom;
	}	

	.orta .uclu{
		padding-top:10px;
		margin: 10px 0 20px 0;
	}	
	
		.uclu .kutu{
			float: left;
			width: 293px;
			margin-right: 20px;
		}
		
		.uclu .kutu ul{
			list-style: square;
			padding: 0;
			font-size: .9em;
			margin-left: 14px;
		}
		
			.uclu .kutu ul li a{
				text-decoration: underline;
				color: #114459;
			}
			.uclu .kutu ul li a:hover{
				text-decoration: none;
			}			
		
		.uclu .kutu .uclu-baslik{
			font-size: 1.3em;
			letter-spacing:-1px;
		}

		
.icerik{
	background: #fff;	
}		

	.icerik a{
		color: #FEA125;
		border-bottom:1px dotted #5997a6;
	}
	
	.icerik a:hover{
		text-decoration: none;
		color: #5997a6;
	}

	.icerik .sol{
		float: left;
		width: 537px;
		min-height: 350px;
		padding: 0 15px 30px 15px;
	}	
	
		.icerik .sol h2{
			display: block;
			padding: 10px 15px;
			background: #114459;
			color: #fff;
			font-size: 2.5em;
			margin: 0 -15px;
		}

		.icerik .sol h3{
			display: block;
			padding: 10px 15px;
			color: #114459;
			font-size: 1.8em;
			margin: 0 -15px;
		}		
		
		.icerik .sol .giris{
			font-size: 1.3em;
			float: left;
			width: 330px;
		}
		
		.icerik .sol .menu-ic{
			width: 200px;
			float: right		
		}
			.icerik .sol .menu-ic{
				margin: 0 -15px;
				padding: 0;
				list-style: none;	
			}
			
				.icerik .menu-ic li a{
					display: block;
					background: #114459;
					border: none;
					border-top: 1px dotted #fff;
					padding: 8px 15px;
					color: #fff;
					font-weight: bold;
				}
				
				.icerik .menu-ic li a:hover{
					background: #fec880;
					color: #114459;
					text-decoration: none;
				}
				
		
	.icerik .sag{
		width: 375px;
		float: right;	
	}	
		.icerik .sag .foto-alt{
			font-size: .8em;
			font-style: italic;
		}
	
	.icerik .sol-bos{
		background:#fff;
		float: left;
		width: 912px;
		padding: 0 15px 30px 15px;
	}
	
	.icerik .sag-bos{
		background:#fff;
		width: 0px;
		float: right;	
	}
	
	
	.icerik .tablo{
	background: #fff;
	border-collapse: collapse;
	text-align: left;


		width:650px;

		}
	
	.icerik .tablo td	{
		padding: 5px 2px;
		border-bottom:1px solid #efefef;
		text-align:left;
		}
		
	.icerik .tablo td input, .icerik .tablo td textarea
	{
		border:1px solid #aaa;
		font-family: Arial;
		padding: 4px 2px;
		color: #333;
		height:18px;
		overflow:hidden;
		}
	.icerik .tablo td select
		{
		border:1px solid #aaa;
		font-family: Arial;
		padding: 4px 2px;
		color: #333;

		}
			
		.icerik .tablo td textarea
	{
		width:300px;
		
		}
				
		.icerik .tablo td input[type="checkbox"]{
			background: transparent;
			border: 0;
		}
			
		.icerik .tablo tbody td:first-child{width: 190px; vertical-align: top;} /* tablo sol taraftaki yazı genişliği için hizalama */
	
		
			
/*  +---------------------------------------------------------------+
    | 4. SAYFA ALT                                                  |
    +---------------------------------------------------------------+     */

.tasiyici-alt{
	width: 100%;
	margin: 0;
	background:#5997A6 url(../resim/bg-tasiyici-alt.png) repeat-x;
}

	.alt{
		width: 942px;
		margin: 0 auto;
		padding-top: 30px;
	}
	
		.alt .alt-menu{
			background:url(../resim/bg-alt-menu.png) no-repeat top left; 
			padding: 40px 0 30px 0;
			color: #fec880;
		}
		
			.alt-menu a{
				color: #114459;
				padding: 4px 3px;
			}
			
			.alt-menu a:hover{
				color: #114459;
				background: #fec880;
				text-decoration: none;
			}

			.alt-menu a:first-child{
				padding-left: 0px;
			}				

	.alt .alt-uclu{
		margin: 0;
	}	
	
		.alt .alt-kutu{
			float: left;
			width: 293px;
			margin-right: 20px;
		}
		
		.alt-uclu H4.alt-kutu1{
			background: url(../resim/bg-alt-contact.png) no-repeat top left;
			height: 15px;
			text-indent: -9999px;
		}
		.alt-uclu H4.alt-kutu2{
			background: url(../resim/bg-alt-newsletter.png) no-repeat top left;
			height: 15px;
			text-indent: -9999px;
		}
		.alt-uclu H4.alt-kutu3{
			background: url(../resim/bg-alt-twitter.png) no-repeat top left;
			height: 15px;
			text-indent: -9999px;
		}
			
	.alt .sayfason{
		font-size: .7em;
		text-align: center;
		margin: 40px 0px;
	    padding-top: 40px;
	}		
			
	
	.alt .alt-kutu input 
	{
		padding:4px;
		height: 24px;
		width:152px;
		border: 1px solid #114459;
		font-size:1.2em;
		overflow:hidden;

		}	
	.alt .alt-kutu .btn-subscribe 
	{
		
		height: 34px;
		width:81px;
		background: url(../resim/btn-subscribe.png) no-repeat;
		}		
	
			
/*  +---------------------------------------------------------------+
    | 5. OZEL TANIMLAR                                              |
    +---------------------------------------------------------------+     */

.sayfa-yolu{
	 font-size: 1em;
	 color: #5997a6;
	 width: 940px;
	 padding: 10px 0;
	 font-weight: bold;
}
.sayfa-yolu a{ color: #114459;}
.sayfa-yolu a:hover{	color: #114459; text-decoration: underline;}

.uyelik td{
	vertical-align: top;
}

.lbl{
	margin: 0;
	font-weight: bold;
	text-align: right;
}
	
	.lbl span{
		font-size: .8em;
		font-weight: normal;
		display: block;
		margin-top: -3px;
		margin-bottom: 10px;
		color: #AD836E;
	}
	



.uyelik
{
	float:left;
	font-style:italic;
	color: #fff;
	font-weight:bold;
	font-size:.9em;
	margin-bottom:5px;
	}	



.login
{

	background: #fff;
	padding: 50px;
		padding-left: 200px;
	}
.login td
{
	padding:5px;
	
	}
.login span
{
	font-size:1.3em;
	}
.login input
{
	
	font-family:Arial;
	font-size:1.4em;
	border: 1px solid #5997a6;
	padding: 2px 4px;
	color: #5997a6;
	
	}

a.btn-gonder{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #ce6628;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: right;
	margin: 10px 0px;
	border-bottom:none;
}

a.btn-gonder:hover{
	text-decoration: none;
	background: #2d4560;
	color: #fff;
}

a.btn-gonder:active{
	text-decoration: none;
	background: #666;
	color: #fff;

}

.info{
	font-style: italic; 
	font-size: .8em;
}

.kirmizi{
	padding: 0px 5px;
	color: red;
}

.fake-button
{
    visibility:hidden;
}

.icerik .foto-galeri
{
    list-style:none;
}

.icerik .foto-galeri li
{
    display:block;
    float:left;
}

.icerik .foto-galeri li img:hover
{
    background-color:#114459;
}

.icerik .foto-galeri li img
{
    border:1px solid #114459;
    padding:3px;
    margin: 3px;
}

/* Slide için çok önemli */
#dondur {
    border: none;
    width: 375px;
    height: 500px;
}












/******************************************************************************* 
* 								Animated Homepage Banner  	                   *
*******************************************************************************/

#animatedBanner{
	/*height: 350px;*/
	margin: 0px 0px 1px 0px;
	clear: both;
}
/****** Vertical slide-up boxes ******/

#animatedBanner .slide{
	position: relative;
	overflow: hidden;
/*	height: 174px;
	width: 318px;
*/	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #000;
	
	height: 160px;
	width: 313px;
	opacity: 1;
}
#animatedBanner .slide .text_slider{
	position: absolute;
	width:100%;
	/*top: 174px;*/
	
	top: 160px;	
}

#animatedBanner .slide .innertext{
	padding: 25px 18px;
	height: 35px;
	background: url(../resim/bg-slider.png) 0 0 no-repeat;
}
/****** Horizontal sliding boxes ******/

.image_slider ul, .image_slider li{
	margin:0;
	padding:0;
	list-style:none;
}
.image_slider li{
	/*width:318px;
	height:174px;*/
	overflow:hidden; 
	
	width:313px;
	height:160px;
	opacity: 1;
}

.image_slider li img{
/*	width:318px;
	height:174px;*/
	
	width:313px;
	height:160px;
}


#animatedBanner .innertext H2{
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	letter-spacing: normal;
}
.ourwork #animatedBanner .innertext H2{
	color: #fff;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	font-size: 1.2em;
	letter-spacing: normal;
}
#animatedBanner .innertext P{
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
#animatedBanner .innertext A.moreLnk{
	position: absolute;
	top: 35px;
	right: 20px;
	padding: 6px 8px 6px 8px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #d35d00;
}
#animatedBanner .innertext A.moreLnk:hover{
	background-color: #000;
}
.ourwork #animatedBanner .innertext A.moreLnk{
	top: 23px;
	right: 10px;
	padding: 3px 4px;
}