/* 
global settings		
------------------------------------------------------ */

* {
margin: 0;
padding: 0;
}
body {
background: #ddb16c url(../i/body.gif) repeat-x;	
font: 100%/1.3em "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
color: #444;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: underline;
color: #b5111a;
}
a:visited {
font-weight: bold;
text-decoration: underline;
color: #b5111a;
}
a:hover {
font-weight: bold;
text-decoration: underline;
color: #b5111a;
}
a:active {
font-weight: bold;
text-decoration: underline;
color: #b5111a;
}
a img { 
border: 0; 
}


/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #80523d;
}
h1, h2, h3, h4, h5, h6, p {
margin: 10px 0;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 0.9em;
}

/* list styles */

ul {
margin: 10px 0; 
} 
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 10px;
padding: 0 0 0 20px;
background: url(../i/icon-arrow.gif) no-repeat;
line-height: 19px;
}
ol {
margin: 10px 0 10px 25px; 
}
ol li {
margin: 0 0 5px 0; 
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 15px 25px;
background: #fbd8a0 url(http://www.) no-repeat;
font: italic 0.9em/1.6em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #555;
}

/* 
layout		
------------------------------------------------------ */

#container {
width: 908px;
margin: 0 auto; 
background: url(../i/container.jpg) repeat-y 50% 0;
font-size: 0.83em;
text-align: left;
}
#container-inner {
width: 854px;
margin: 0 auto;
padding: 0 0 20px;
background: url(../i/container-bottom.jpg) no-repeat 10% 100%;
}
#wrap {
width: 764px;
margin: 0 auto;
background: url(../i/wrap.gif) repeat-y 50% 0;
}
#col-main {
float: left;
width: 490px;
}
#col-side {
float: right;
width: 254px;
}


/* 
top
------------------------------------------------------ */

#top {
width: 810px;
height: 22px;
margin: 10px auto;
color: #cc8462;
}

/* secondary navigation */

ul#nav-sec {
float: left;
width: 400px;
margin: 0 auto;
padding: 0;
font-size: 0.65em;
text-transform: uppercase;
text-align: left;
line-height: 1em;
letter-spacing: 0.2em;
}
ul#nav-sec li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0 5px;
border-right: 1px solid #cc8462;
}
ul#nav-sec li a {
text-decoration: none;
color: #cbb792;
}
ul#nav-sec li a:hover, 
body#default ul#nav-sec li#nav-home a, 
body#about ul#nav-sec li#nav-about a, 
body#contact ul#nav-sec li#nav-contact a {
color: #f2dbae;
}

/* search */

#search-top {
width: 400px;
float: right;
}
#form-search {
font-size: 0.8em;
text-align:right;
}
#form-search fieldset {
border: none;
}
#form-search label {
margin: 0 5px 0 0;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#search-main {
width: 100px;
margin: 0 5px 0 0;
padding: 0 4px;
background: #b37356;
border: 1px solid #666;
text-align: left;
}
.button {
background: #444;
border: 3px double #666;
border-top-color: #999;
border-left-color: #999;
font-size: 0.7em;
font-weight: bold;
color: #f0e8d8;
text-transform: uppercase;
text-align: center;
}

/* 
navigation
------------------------------------------------------ */

/* primary navigation */

#nav-pri {
width: 854px;
margin: 0 auto;
padding: 0;
background: url(../i/nav.gif) no-repeat;
}
#nav-pri li {
list-style-type: none;
float: left; 
display: block;
margin: 7px 0 0; 
padding: 0;
background-image: none;
}
#nav-pri li a {
height: 55px; 
display: block; 
color: #F9E496;
text-decoration: none;
text-indent: -9999px;
outline: none;
}
#nav-pri li a:hover {
background-image: none;
color: #fff;
}
#nav-pri li a:active {
color: #fff;
}
/* */
#nav-pri li#nav-yatak {
width: 149px;
}
#nav-pri li#nav-yatak a {
background: url(../i/yatakcesitleri.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-yatak a:hover {
background: url(../i/yatakcesitleri.gif) 0 -110px no-repeat;
}
body#yatak-attractions li#nav-yatak a, 
body#yatak-attractions li#nav-yatak a:hover {
background: url(../i/yatakcesitleri.gif) 0 -110px no-repeat;
}
/* */
#nav-pri li#nav-bazalar {
width: 140px;
}
#nav-pri li#nav-bazalar a {
background: url(../i/bazalar.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-bazalar a:hover {
background: url(../i/bazalar.gif) 0 -110px no-repeat;
}
body#bazalar li#nav-bazalar a, 
body#bazalar li#nav-bazalar a:hover {
background: url(../i/bazalar.gif) 0 -110px no-repeat;
}
/* */
#nav-pri li#nav-salon {
width: 140px;
}
#nav-pri li#nav-salon a {
background: url(../i/koltuktakimlari.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-salon a:hover {
background: url(../i/koltuktakimlari.gif) 0 -110px no-repeat;
}
body#salon-out li#nav-salon a, 
body#salon-out li#nav-salon a:hover {
background: url(../i/koltuktakimlari.gif) 0 -110px no-repeat;
}
/* */
#nav-pri li#nav-oturma {
width: 140px;
}
#nav-pri li#nav-oturma a {
background: url(../i/oturmagruplari.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-oturma a:hover {
background: url(../i/oturmagruplari.gif) 0 -110px no-repeat;
}
body#entertainment-and-nightlife li#nav-oturma a, 
body#entertainment-and-nightlife li#nav-oturma a:hover {
background: url(../i/oturmagruplari.gif) 0 -110px no-repeat;
}
/* */
#nav-pri li#nav-kanepe {
width: 139px;
}
#nav-pri li#nav-kanepe a {
background: url(../i/kanepeler.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-kanepe a:hover {
background: url(../i/kanepeler.gif) 0 -110px no-repeat;
}
body#kanepe li#nav-kanepe a, 
body#kanepe li#nav-kanepe a:hover {
background: url(../i/kanepeler.gif) 0 -110px no-repeat;
}
/* */
#nav-pri li#nav-masaj {
width: 146px;
}
#nav-pri li#nav-masaj a {
background: url(../i/masajyatagi.gif) 0 -55px no-repeat;
}
#nav-pri li#nav-masaj a:hover {
background: url(../i/masajyatagi.gif) 0 -110px no-repeat;
}
body#masaj-activities li#nav-masaj a, 
body#masaj-activities li#nav-masaj a:hover {
background: url(../i/masajyatagi.gif) 0 -110px no-repeat;
}

/* 
logo
------------------------------------------------------ */

#logo {
position: relative;
margin: 0 auto;
width: 910px;
height: 191px;
background: url(../i/yatakcesitleri.jpg) no-repeat;
}
body#default #logo {
width: 908px;
float:left;
height: 405px;
background-position:center;
background: url(../i/logo-home.jpg) no-repeat;
}
body#yatak-attractions #logo {
width: 910px;
height: 191px;
background: url(../i/yatakcesitleri.jpg) no-repeat;
}
body#bazalar #logo {
width: 910px;
height: 191px;
background: url(../i/bazalar.jpg) no-repeat;
}
body#oturma #logo {
width: 910px;
height: 191px;
background: url(../i/kanepeler.jpg) no-repeat;
}
body#salon #logo {
width: 910px;
height: 191px;
background: url(../i/koltuktakimlari.jpg) no-repeat;
}
body#masajyatagi #logo  {
width: 910px;
height: 191px;
background: url(../i/masajyatagi.jpg) no-repeat;
}
body#golf #logo  {
width: 910px;
height: 191px;
background: url(../i/logo-golf.jpg) no-repeat;
}
body#water-activities #logo  {
width: 910px;
height: 191px;
background: url(../i/logo-water.jpg) no-repeat;
}
body#search #logo, 
body#about #logo, 
body#contact #logo {
width: 910px;
height: 191px;
background: url(../i/logo-inside.jpg) no-repeat;
}
body#hakkimizda #logo  {
width: 910px;
height: 191px;
background: url(../i/hakkimizda.jpg) no-repeat;
}
body#iletisim #logo  {
width: 910px;
height: 191px;
background: url(../i/iletisim.jpg) no-repeat;
}
/* h1 */

h1 {
margin: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
	position: absolute;
	left: 41px;
	top: 18px;
	display: block;
	width: 161px;
	overflow: hidden;
	padding: 148px 0 0 0;
	background: url(../i/logo.png) no-repeat;
	text-decoration: none;
	height: 1px !important;
	height /**/: 148px;
}


/* 
intro
------------------------------------------------------ */

#intro {
width: 770px;
margin: 0 auto 30px;
background: #cbb792 url(../i/intro.gif) repeat-y;
font-size: 1.1em;
}
#intro-inner {
height: 1%;
padding: 25px;
background: url(../i/intro-bottom.gif) no-repeat 0 100%;
}
#intro h2 {
margin: 0 0 20px;
font-size: 2.1em;
}

/* 
teasers
------------------------------------------------------ */

#teasers {
width: 768px;
margin: 0 auto;
background: url(../i/teasers.gif) repeat-y 50% 0;
font-size: 0.95em;
color: #6a6a6a;
line-height: 1.2em;
}
div.teaser-col {
float: left;
width: 225px;
padding: 0;
}
div.teaser-col-inner {
padding: 10px;
}
div.teaser-col h3 {
font-size: 1.4em;
color: #80523d;
}


/* 
side column
------------------------------------------------------ */

div.col-side-sec {
margin: 0 0 20px 20px;
padding: 0 0 20px;
}
div.nav-ter ul li {
display: block;
margin: 0;
padding: 5px 0 5px 20px;
background-position: 2px 5px;
}
div.nav-ter ul li.active {
background-color: #e5d4b8;
}

/* 
contact form
------------------------------------------------------ */

form.zemContactForm {
margin: 20px 0 0;
}
form.zemContactForm fieldset {
border: none;
}
form.zemContactForm legend {
display: none;
padding: 5px 15px;
background: #cbb792;
font-weight: bold;
}
form.zemContactForm label {
text-transform: uppercase;
letter-spacing: 0.1em;
}
form.zemContactForm input {
margin: 0 0 20px;
}
.zemTextarea {
margin: 0 0 20px;
}
.zemSubmit {
padding: 5px 10px;
background: #684839;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
font-size: 0.8em;
color: #ccc;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* 
search results
------------------------------------------------------ */

/* search page */

ul#search-results li {
margin: 0 0 15px;
padding: 0 0 15px 20px;
border-bottom: 1px solid #cbb792;
}
ul#search-results h3 {
margin: 0 0 10px;
padding: 0;
background: none;
font: bold 1em "Trebuchet MS", "Trebuchet", "Arial", serif;
}
ul#search-results li span {
background: #ff0; 
font-weight: normal;
color: #444; 
}

/* previous next entires */

p.content-navigate {
margin: 20px 0;
text-transform: uppercase;
}
span.alignright {
float: right;
}
span.alignleft {
float: left;
}

/* 
footer
------------------------------------------------------ */

#footer {
margin: 10px 0 35px;
font-size: 0.7em;
color: #666;
text-transform: uppercase;
}
#footer ul li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0 5px;
border-right: 1px solid #666;
background-image: none;
line-height: 1em;
}
#footer ul li a {

}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
background:#F00
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */