@charset "iso-8859-9";
/* CSS Document */

body {
	background:#2d2620;
	margin: 0px;
	height: 100%;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;

}

li {
	list-style-type:none;
}

label {
	width:auto;
}

#reservation {
	height:200px;
	margin-top:-20px;
	float:left;
	margin-left:-70px;
	font: 11px Tahoma, Geneva, sans-serif;
}

#reservation ul {
	margin-top:90px;
	margin-left:50px;
}
#reservation label {
	margin-left:-150px;
}

#reservation li {
	list-style-type:none;
}

#reservation #submit {
	margin-left:80px;
	margin-top:-10px;
}

.submit-btnrezerve {
			width: 100px;
			height: 30px;
			background: url('../images/submitrezerve.png') no-repeat;
			border: 0px solid #99B3B4;
			float:center;
			outline: none;
			font-family: "Courier New", Courier, monospace;
			font-size:14px;
			color: #000;
			margin-top:10px;
}
.submit-btnrezerve:hover {
			background: url('../images/submitrezerve.png') no-repeat 0 -0px;
}

.submit-btn {
			width: 100px;
			height: 30px;
			background: url('../images/submit.png') no-repeat;
			border: 0px solid #99B3B4;
			float:center;
			outline: none;
			font-family: "Courier New", Courier, monospace;
			font-size:14px;
			color: #000;
			margin-top:10px;
}
.submit-btn:hover {
			background: url('../images/submit.png') no-repeat 0 -0px;
}




#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	min-height: 150px;
}
#body-image {
	margin-top: 60px;
}
#main-nav {
	margin: 0px 0px 0px 2px;
	text-align: left;
	min-height: 25px;
	padding-top: 10px;
	padding-left: 0px;
}
#main-handle {
	width: 605px;
	float: right;
	margin-top: -1px;
}
#main-nav li {
	display: inline;
	list-style: none;
}
#main-nav li a {
	margin-right: 5px;
	font-size: 15px;
	text-decoration: none;
	color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px;
	outline: 0;
	position: relative;
	top: -2px;
}
#main-nav li a:hover, #main-nav li a.active {
	background: #514539;
}
#sub-link-bar {
	background: #514539;
	min-height: 10px;
	border-bottom: #645546 1px solid;
}
.sub-links {
	display: none;
	position: absolute;
	width: 100%;
	top: -30px;
	text-align: center;
	left: 0px;
}
#main-nav li .sub-links li a:hover{
	background: #2d2620;
}
#main-nav li a.close{
	display: none;	
	position: absolute;
}
#main-nav li a.close:hover{
	background: #900;
}
<!--Thanks Spiffy Corners--> 
.round {
	display:block
}
.round * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#645546
}
.round1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #443a30;
	border-right:1px solid #443a30;
	background:#56493c
}
.round2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #322a23;
	border-right:1px solid #322a23;
	background:#594c3e
}
.round3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #594c3e;
	border-right:1px solid #594c3e;
}
.round4 {
	border-left:1px solid #443a30;
	border-right:1px solid #443a30
}
.round5 {
	border-left:1px solid #56493c;
	border-right:1px solid #56493c
}
.roundfg {
	background:#645546
}

#container {
	width:900px;
	height:500px;
	margin:0 auto;
	padding-top:30px;
	background: url('../images/content.png') no-repeat;
	text-align:center;
}


#content {
	margin-top:28px;
}

#header {
	margin:0;
	padding:0;
	height:150px;
}

#main {
	height:300px;
}

#logo {
	margin-top:-150px;
	background:url('../images/logo.png') no-repeat;
	height:100px;
	color:#FFF;
}

#footer {
	height:200px;
	width:904px;
	background:url('../images/orta.png') no-repeat;
	margin-top:10px;
}

#footer #havadurumu {
	float:left;
	padding-left:34px;
	margin-top:3px;
	width:195px;
	text-align:center;
	color:#fff;
	font:110% Verdana, Geneva, sans-serif;
}
#footer h3 {
	text-align:center;
}


/* ---------JQUERY TOOLTIP */
#tooltip{
	position:absolute;
	border:1px solid #666;
	background:#000;
	padding:2px 5px;
	color:#FFF;
	min-width:100px;
	max-width:200px;
	min-height:30px;
	display:none;
	-moz-border-radius: 2px;  
	-webkit-border-radius:2px;

	}
fieldset.rezervasyon {
	border:1px  #B1B1B1 solid;
	border-bottom:2px #B1B1B1 dotted;
	padding:6px;
	background:#FEFEFE;
	-moz-border-radius: 5px;  
	-webkit-border-radius:5px;
	background:#fff url(../images/reservation.jpg) right top no-repeat;
	min-height:380px;
}
fieldset {
	border:1px  #B1B1B1 solid;
	border-bottom:2px #B1B1B1 dotted;
	padding:6px;
	background:#FEFEFE;
	-moz-border-radius: 5px;  
	-webkit-border-radius:5px;
	min-height:380px;
}

	

legend {
	background:#FFF;
	font:140% bold Tahoma, Geneva, sans-serif;
	color:#333;
}
/* --------MESAJLAR -------------------- */
.error, .notice, .success{
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.5em 2.3em;
 	-moz-border-radius: 5px;  
	-webkit-border-radius:5px;

}

.error {background: #FBE3E4 url(../images/error.png) no-repeat; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF url(../images/notice.png) no-repeat; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2 url(../images/success.png) no-repeat; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

textarea {
	background-color:#fcfcfc;
	border:1px solid #E5E5E5;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:450px;
	height:80px;
}

select {
	font-size:12px;
	padding:3px;
	background-color:#fcfcfc;
	border:1px solid #E5E5E5;

}

select option {
	border:none;
}

input.text  {
	width:255px;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fcfcfc;
	border:1px solid #E5E5E5;
}

a {
	text-decoration:underline;
	color:#666;
}

a:hover {
	text-decoration:none;
}

#rezervasyon {
	text-align:left;
	margin-left:7px;
	margin-right:10px;
	padding:5px;
	min-height:400px;
}
#rezervasyon label {
}

#rezervasyon img {
	padding:4px;
	border:1px solid #CCC;
}
#scrolldiv {
	overflow:auto; height: 340px; width: 870px; padding: 2px;
}


/* --------------TABLOLAR-------------------------- */

.tablo{
	border-collapse: collapse;
	margin: 0px 0px;
	width:auto;
	margin-bottom:10px;
}

.tablo th {
	color:#FFF;
	background:url(../images/thback.png) repeat-x;
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;	
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;	
}
.tablo tr {
	height: 20px;	
}

.tablo td {
	padding-left: 5px;
	padding-right: 5px;
	padding:5px;
	border: 0px solid #ECECEC;	
}	
/* ------ GALERƯ -------------- */
#galerimain { margin-bottom:4px;float:none;padding:4px;}
#galeri {float:left;padding:2px;}
#galeri #resim {padding-right:4px; padding-left:4px;}
#galeri img { width:99px; height:82px;padding:4px;border:1px solid #CCC}

/*-------ZOOM-----------------------------------*/
div.jquery-image-zoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 5px solid #fff;
	margin: -5px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

	div.jquery-image-zoom a {
		background: url(../images/jquery.imageZoom.png) no-repeat;

		display: block;
		width: 25px;
		height: 25px;

		position: absolute;
		left: -17px;
		top: -17px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -17px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.jquery-image-zoom a:hover {
		background-position: left -25px;
	}

	div.jquery-image-zoom img, 
	div.jquery-image-zoom embed, 
	div.jquery-image-zoom object, 
	div.jquery-image-zoom div {
		width: 100%;
		height: 100%;
	}

#galerimenu { float:left; width:200px; min-height:300px; padding:3px; border-right:1px solid #CCC;}
#galerimenu li {border-bottom:1px #666 solid;padding:5px;margin-bottom:3px;background:#000;	-moz-border-radius: 2px; -webkit-border-radius:2px;}
#galerimenu li a {color:#FFF;text-decoration:none}

#sayfalar li {list-style-image:url(../images/next.gif);}


/*----------- GALERI ---------- */
#main-content a:hover span{	
	top:10px;
	left:10px;
	width:182px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 
#main-content li{
	width:180px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#main-content img{
	border:none;
	padding:0;
	width:180px;
	height:120px;
}


#main-content  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#main-content ul {
	margin-left:-35px;
}