/* 
    Document   : main
    Created on : 22.Oca.2013, 09:57:32
    Author     : Saltukalp İNAN
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body{
    margin:0;
    padding:0;
    background: black;
}
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
a:link {text-decoration: none;border: none;outline: none;}
a:visited {text-decoration: none;border: none;outline: none;}
a:hover {text-decoration: none;border: none;outline: none;}
a:active {text-decoration: none;border: none;outline: none;}
a img {outline : none;border: none;}

/*Ana Bölümler*/
.anadiv {position:relative; width:100%; height:100%;}
.nav-bar {position:relative; width:100%; height:27px; background: url('../img/nav-bar-bg.png'); z-index:10;}
.topdiv {position:relative; width:989px; height:590px; margin:-27px auto; background: url('../img/slide-bg1y.png') no-repeat;}
.topdiv-about {position:relative; width:990px; height:590px; margin:-27px auto; background: url('../img/slide-bg2.png') no-repeat;}
.topdiv-services {position:relative; width:989px; height:590px; margin:-27px auto; background: url('../img/slide-bg3.png') no-repeat;}
.topdiv-holiday {position:relative; width:989px; height:590px; margin:-27px auto; background: url('../img/slide-bg4.png') no-repeat;}
.topdiv-yatch {position:relative; width:990px; height:590px; margin:-27px auto; background: url('../img/slide-bg5.png') no-repeat;}
.topdiv-bodrum {position:relative; width:990px; height:590px; margin:-27px auto; background: url('../img/slide-bg1.png') no-repeat;}
.topdiv-contact {position:relative; width:990px; height:590px; margin:-27px auto; background: url('../img/slide-bg6.png') no-repeat;}
.botdiv {position:relative; width:990px; height:320px; margin:27px auto;}
.footer {position:relative; width:990px; height:40px; margin:-27px auto;}


/*Fontlar*/
@font-face {
    font-family: 'dosislight';
    src: url('../fonts/dosis-light-webfont.eot');
    src: url('../fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-light-webfont.woff') format('woff'),
         url('../fonts/dosis-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.nav-font {color:#363636; font-size:12px; font-family:'dosislight';}
.menu-font {color:#d4d4d4; font-size:18px; font-family:'dosislight';}
.slide-header-font {color:#c0902c; font-size:22px; font-family:'dosislight';}
.slide-content-font {color:#ffffff; font-size:17px; font-family:'dosislight';line-height: 20px;}
.sub-title-header-font {color:#c0902c; font-size:18px; font-family:'dosislight';line-height: 20px;}
.sub-title-content-font {color:#ffffff; font-size:14px; font-family:'dosislight';line-height: 20px;}
.footer-font {color:#888989; font-size:12px; font-family:'dosislight';line-height: 16px;}
.banner-font {color:#888989; font-size:16px; font-family:'dosislight';}
.bot-div-header-font {color:#c0902c; font-size:16px; font-family:'dosislight';line-height: 20px;}


/*nav-bar*/
.nav-bar-text {position:relative; width:980px; height:21px; margin:0px auto; text-align:right; padding-top:6px; padding-right:10px;}

/*topdiv*/
.menu-bg {position:relative; float:left; width:235px; height:590px; background: url('../img/menu-bg.png') no-repeat; z-index:100;margin-left: -1px;}
.menu {float:left; width:235px; height:355px;}
.menu ul { float:left; width:235px; height: 266px; margin-top:285px; }
.menu ul li {float:left; width:231px; height:38px; text-align: center;}
.slide {position: relative;
float: left;
width: 735px;
height: 148px;
margin-top: 431px;
margin-left: 20px;
background: url('../img/slide-text-bg.png') no-repeat;
background-size: 100% 100%;
padding-bottom: 10px;
 overflow:hidden;}
.slide-header {float:left; width:656px; height:22px; padding:18px 15px 15px 60px; overflow:hidden;}
.slide-content {float:left; width:632px;  padding:0px 10px 15px 93px; overflow:hidden;}
h4 {margin-bottom:15px; text-align:left;}
p {margin-bottom:10px;}

/*botdiv*/
.concierge-banner {position:relative; float:left; width:250px; height:320px; margin-right:35px;}
.concierge-banner img {width:250px; height:270px; margin-top:50px;}
.concierge-bot-con {position:relative; float: left; width:705px; height:275px; margin-top:45px;}
.concierge-bot-con-ri {float:left; width:345px; height:275px; text-align: center;}
.concierge-bot-con-ri img { float:left; width:187px; height:250px; margin-left:79px; margin-right: 79px; margin-top: 5px; }
.concierge-bot-con-sep {float:left; width:5px; height:270px; background: url('../img/seperator.png') no-repeat 2px 0px; }
.concierge-bot-con-le {float:left; width:345px; height:275px; text-align: center;}
.concierge-bot-con-le img { float:left; width:187px; height:250px; margin-left:79px; margin-right: 79px; margin-top: 5px; }

/*Footer*/
.footer-concierge {float:left; width:495px; height:30px;}
.footer-oznet {float:right; width:480px; height:30px; margin-top:10px; margin-right:15px;}
.footer-oznet a{ display:block; width:45px; height:22px; background: url('../img/oznet.png'); float:right;}
.footer-oznet a:hover{ background:url('../img/oznet_hover.png');}

/*Portföy Bölümü*/
.portofolio {position:relative; float: left; width:705px; height:270px;}
.port-header {float:left; width:690px; height:40px; padding:0px 15px 0px 0px; overflow:hidden;}
.port-con {position:relative; float: left; width:595px; height:250px; margin-right:10px;}
.port-con-arrow {float:left; width:45px; height:230px;}
.port-con-arrow img {width:45px; height:43px; margin:60px 0px 0px 0px;}
.port-con ul {list-style:none; float:left; width:705px;}
.port-con ul li:nth-child(3n+3) {margin-right: 0;}
.port-con ul li {float:left; width:170px; height: 230px; margin-right:40px; text-align:center;}
.port-con ul li img {height:170px; width:170px; border: 2px solid #c0902c;}
.port-con ul li h1 a {display:inline-block; font-family:'dosislight'; font-size:12px; color:#c0902c;}
.port-con ul li h2 a {display:inline-block; font-family:'dosislight'; font-size:13px; color:#c0902c;}
.port-con ul li h3 a {display:inline-block; font-family:'dosislight'; font-size:14px; color:#888989;}

/*Portföy Detayları*/
.port-detay-slide {position:relative; float:left; width:735px; height:225px; margin-top:365px; margin-left:21px; background: url('../img/port-slide-text-bg2.png') no-repeat;}
.port-detay-slide img {margin:142px 0px 0px 559px;}
.port-slide-header {float:left; width:556px; height:22px; padding:18px 15px 15px 160px; margin-top:130px; overflow:hidden;}
.concierge-bot-con-detay {position:relative; float: left; width:705px; min-height:270px; margin-top:50px;}
.concierge-banner-detay {position:relative; float:left; width:250px; height:640px; margin-right:35px; margin-top:50px;}
.concierge-banner-top {float:left; width:250px; height:277px; margin-right:35px; margin-top:43px; overflow: hidden;}
.concierge-banner-top-gallery {float:left; width:250px; height:277px;}
.concierge-banner-top-gallery ul {list-style:none; float:left; width:250px; height:277px;}
.concierge-banner-top-gallery ul li:nth-child(3n+3) {margin-right: 0;}
.concierge-banner-top-gallery ul li {float:left; width:70px; height:70px; margin-right:13px;margin-bottom:13px;}
.concierge-banner-top-gallery img {width:70px; height:70px; border: 1px solid #c0902c;}
.concierge-banner-bot {float:left; width:250px; height:320px; margin-right:35px;}
.concierge-banner-bot img {width:250px; height:270px; margin-top:50px;}

/*Bodrum Galeri*/
.bodrum-gallery-out {position:relative; float:left; width:705px; height:230px;}
.bodrum-gallery {position:relative; float:left; width:605px; height:230px;}
.bodrum-gallery ul {list-style:none; float:left; width:605px; height:230px;}

.bodrum-gallery ul li {float:left; width:190px; height:190px; margin-right:15px;}
.bodrum-gallery img {}

.expo-wrapper{   display:none; position: absolute;
    z-index: 100;
    top: 76px;
    right: 204px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 21px;}