/*
Title: 	zskript css
Updated: 12.09.2008	
Version: 0.1
Author: zsk
*/

* {margin: 0; padding: 0;}

body { 
	font-family: "Lucida Sans Unicode","Lucida Sans",  "Lucida Console", Verdana;
	font-size: 12px;
	text-align:center;
	background: #383E43 url('../images/bayram/arkaplan.jpg') repeat-x top left;
}

img { border: 0;}
hr { display:none; }

a { text-decoration:none; color: #FFFFFF;}
:focus { -moz-outline-style: none; }

#wrapper {width: 960px;margin: 0 auto;text-align:left; padding: 10px; color: #CBCCCD; }


/* main
------------------------------------------------------------- */
#h-recent {  padding: 16px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 16px; /* for IE5/Win only */margin-left: 0px;  width: 153px; background: url('../images/bayram/portfolio.gif') no-repeat top left; margin-bottom: 15px;margin-top: 15px; margin-left: 25px;}


.oteller { float:left; }

.otel { width: 232px; height: 131px; float:left; padding: 25px 40px; font-size: 10px; position:relative;z-index: 98; margin-right: 2px; margin-bottom: 10px;  overflow: hidden;}

.otel.over, .otel.active { background: url('../images/bayram/projehover.gif') no-repeat top left; z-index: 99; position:relative;}
	.otel.active { padding-bottom: 0px; height: 266px;}	

.more { display: none; }

.more {
	background-position: left top;
	position: relative;
	background: url('../images/bayram/projeaktif.gif') no-repeat top left;
	width: 232px;
	height: 35px;
	padding: 15px 50px 0px 40px;
	margin: 0 -40px;
}

	.otel h2 {
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
}
	.otel img { border: 5px solid #414448;}
	.otel .client { font-size: 9px;}
	.otel .client strong { font-weight:normal; color: #B4D3EB;}
	.otel .client .incele {
	float: right;
	font-weight : normal;
	color: #DAE7F5;
	font-size: x-large;
}
	
	.otel .readless { display:none;}
	.otel .readmore, .otel .readless {  position:absolute; right: 47px; top: 195px; float:left;padding: 21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px;  width: 20px; background: url('../images/bayram/arti.gif') no-repeat top left; }
		.otel .readless { background: url('../images/bayram/eksi.gif') no-repeat top left;}
		
	.otel .next {display:none;}
	
	.otel.active .next {  display: block; position:absolute; right: 15px; top: 100px; float:left;padding: 17px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 17px; /* for IE5/Win only */margin-left: 0px;  width: 16px; background: url('../images/bayram/sonraki.gif') no-repeat top left; }
	
	.otel .prev {display:none;}
	
	.otel.active .prev {  display: block; position:absolute; left: 15px; top: 100px; float:left;padding: 17px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 17px; /* for IE5/Win only */margin-left: 0px;  width: 16px; background: url('../images/bayram/onceki.gif') no-repeat top left; }
		
	.otel a.url { color: #B4D3EB; display:block; text-align:left; margin-top: 10px; text-decoration:underline;}
	
.fiyat { float:right; width:115px;}
.fiyat .desc {
	float: right;
	font-size: 8px;
}
	

/* header
------------------------------------------------------------- */
#head { background: url('../images/bayram/baslik.jpg') no-repeat top center; width: 100%;}


#header { width: 980px; margin: 0 auto; height: 185px; margin-bottom: 20px;text-align:left; position:relative; color: #DAE7F5; }
#header a { }

#intro { width: 558px; position:absolute; left: 340px; bottom: 20px; font-size: 10px;}
#intro p { margin-left: 15px;}
#intro .readmore {  text-decoration:none; display:block; text-align:right; color: #417DBF; margin-top: 1em; }
#intro .readmore a:hover { text-decoration:underline;}
#intro .readmore a { color: #417DBF; font-weight:bold; }
#intro .readmore img{
	position: absolute;
	top: 103px;
	float:left;
	left:0px;
}



#mainlogo { position:absolute; top: 11px; left: 20px;}

#header-open {display:none;}


.text { }
	.text h1 { color: #FFF; font-size: 16px;}
	.text p { margin-bottom: 1em; }
	.text ul, .text ol { margin: 2em}
	
.community {width: 960px;margin: 0 auto;text-align:left; padding: 10px; color: #CBCCCD; }
.bayramback {
	background-color: #FFFFFF;
}
	

/* footer
------------------------------------------------------------- */
#footer { clear:both;}
#footer a {}
#footer a:hover { }

/* forms
------------------------------------------------------------- */
form, fieldset, input,select,textarea { font-family: Verdana,arial,sans-serif;}
fieldset {border:0;}
legend {display:none;}
input, textarea {}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { }