@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700&subset=latin,greek-ext,latin-ext);

html
{
	margin:0px;
	padding:0px;	
}

body
{
	margin:0px;
	padding:0px;
	background-color:#a5e8fb;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

div#all
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

div#sertifika
{

	
		position:absolute;
	width:110px;
	height:158px;
	margin-left:auto;
	margin-right:auto;
	z-index:6;
	display:inline;
	
}

div#sertifika img.prd
{
	position:absolute;
	top:350px;

	max-width:110px;
	max-height:158px;
	width:0px;
	height:0px;
	border:none;
}


div#place
{
	position:absolute;
	width:100%;
	height:620px;
	margin:0px;
	padding:0px;
	z-index:3;
	
	background-color:transparent;
	background-image:url(../images/place-bg.png);
	background-repeat:repeat-x;
	background-position:center;
}

div#clouds
{
	position:absolute;
	width:6636px;
	height:344px;
	margin:0px;
	padding:0px;
	z-index:2;
	
	background-color:transparent;
	background-image:url(../images/clouds.png);
	background-repeat:repeat-x;
	background-position:left;
}

div#bgclouds
{
	position:relative;
	width:960px;
	height:344px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	z-index:1;
	
	background-color:transparent;
	background-image:url(../images/bgclouds.png);
	background-repeat:repeat-x;
	background-position:center;
}

div#tree
{
	position:absolute;
	top:0px;
	left:0px;
	width:388px;
	height:329px;
	margin:0xp;
	padding:0px;
	z-index:4;
	
	background-color:transparent;
	background-image:url(../images/tree.png);
	background-repeat:repeat-x;
	background-position:center;	
}

div#insaat
{

	
	position:absolute;
	top:390px;
	left:200px;
	width:110px;
	height:158px;
	margin-left:auto;
	margin-right:auto;
	z-index:7;
	display:inline;
	
}

div#insaat img.prd
{
	position:absolute;
	top:350px;

	max-width:110px;
	max-height:158px;
	width:0px;
	height:0px;
	border:none;
}

div#logo-container
{
	position:relative;
	top:5px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:118px;
	padding:0px;
	z-index:5;	
	
}

div#logo
{
	position:relative;
	float:left;
	width:220px;
	height:118px;
	margin-top:30px;
	margin-left:-25px;
	
}

div#menu
{
	position:relative;
	float:left;
	width:724px;
	height:50px;
	margin-top:40px;
	margin-left:-40px;
	
	background-color:transparent;
	background-image:url(../images/menu-shadow.png);
	background-position:center center;
	background-repeat:no-repeat;
}

div#menu a
{
	position:relative;
	float:left;
	height:23px;
	margin-top:10px;
	padding-right:20px;
	margin-left:12px;
	margin-right:3px;
	background-image:url(../images/menu-seperator.png);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
}

div#footer
{
	position:absolute;
	width:960px;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	z-index:4;
}

div#fmenu
{
	position:relative;
	width:42%;
	margin-left:auto;
	margin-right:auto;
	top:15px;
	z-index:1;
}

#fmenu a
{
	color:#fff;
	font-size:14px;
	font-family:Open Sans;
	text-align:center;
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* IE 8 & 9  */
    filter: alpha(opacity=60);
	/* Firefox 0.9 */
    -moz-opacity:0.6;
	/* Safari 1.x */
    -khtml-opacity: 0.6;
	/* Modern! */
    opacity: 0.6;
}

#fmenu a:hover
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 8 & 9  */
    filter: alpha(opacity=100);
	/* Firefox 0.9 */
    -moz-opacity:1;
	/* Safari 1.x */
    -khtml-opacity: 1;
	/* Modern! */
    opacity: 1;
}

div#copyright
{
	position:absolute;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	color:#fff;
	font-size:13px;
	font-family:Open Sans;
	text-align:center;
	font-weight:700;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* IE 8 & 9  */
    filter: alpha(opacity=60);
	/* Firefox 0.9 */
    -moz-opacity:0.6;
	/* Safari 1.x */
    -khtml-opacity: 0.6;
	/* Modern! */
    opacity: 0.6;
}

a#neoset
{
	position:absolute;
	float:left;
	top:15px;
	left:0px;
	width:179px;
	height:40px;
	
	background-color:transparent;
	background-image:url(../images/neoset.png);
	background-position:center;
	background-repeat:no-repeat;
	
	text-decoration:none;
}

div#all-things
{
	position:absolute;
	top:0px;
	left:0px;
	height:380px;
	margin:0px;
	padding:0xp;
	overflow:hidden;
	z-index:4;
}

a#facebook
{
	position:absolute;
	width:28px;
	height:28px;
	top:30px;
	left:91%;
	z-index:5;
	background-color:transparent;
	background-image:url(../images/facebook.png);
	background-position:center;
	background-repeat:no-repeat;
}

a#blog
{
	position:absolute;
	width:28px;
	height:28px;
	top:30px;
	left:87%;
	z-index:5;
	background-color:transparent;
	background-image:url(../images/blog.png);
	background-position:center;
	background-repeat:no-repeat;
}


a#twitter
{
	position:absolute;
	width:28px;
	height:28px;
	top:30px;
	left:95%;
	z-index:5;
	background-color:transparent;
	background-image:url(../images/twitter.png);
	background-position:center;
	background-repeat:no-repeat;
}

div.page
{
	position:relative;
	float:left;
	width:960px;
	height:380px;
	padding:0px;
	overflow:hidden;
}

.page div.left
{
	position:absolute;
	top:40px;
	left:74px;
	width:110px;
	height:100px;
	margin:0px;
}

div.left a
{
	font-family:Open Sans;
	font-size:15px;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
	font-weight:700;
}

div.left a:hover
{
	color:#FFF;	
}

.page div.right
{
	position:absolute;
	top:15px;
	left:220px;
	width:660px;
	height:320px;
	margin:0px;
	overflow:hidden;
	
	font-family:Verdana;
	font-weight:lighter;
	font-size:13px;
	color:#333;	
}

.bgpage
{
	background-color:transparent;
	background-image:url(../images/page-bg.png);
	background-position:center;
	background-repeat:no-repeat;	
}

div#index-container
{
	position:absolute;
	width:960px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	display:inline;
}

div#index-container img.prd
{
	position:absolute;
	top:350px;
	left:285px;
	max-width:1600px;
	max-height:600px;
	width:0px;
	height:0px;
	border:none;
}

div#index-container2
{
	position:absolute;
	width:960px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	display:inline;
}

div#index-container2 img.prd
{
	position:absolute;
	top:350px;
	left:585px;
	max-width:299px;
	max-height:85px;
	width:0px;
	height:0px;
	border:none;
}

div#products-container
{
	position:absolute;
	width:960px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	display:none;
	overflow:hidden;
}

div#products-container a#lsprd
{
	position:absolute;
	top:200px;
	left:0px;
	width:35px;
	height:35px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	
	background-color:transparent;
	background-image:url(../images/left-arrow.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#products-container a#lsprd:hover
{
	background-image:url(../images/left-arrow-h.png);
}

div#products-container a#rsprd
{
	position:absolute;
	top:200px;
	left:800px;
	width:35px;
	height:35px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	
	background-color:transparent;
	background-image:url(../images/right-arrow.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#products-container a#rsprd:hover
{
	background-image:url(../images/right-arrow-h.png);
}

div#products-container div#thumb-container
{
	position:absolute;
	top:80px;
	left:75px;
	width:680px;
	height:250px;
	margin:0xp;
	padding:0px;
	overflow:hidden;
}

div#products-container div#slide-band
{
	position:absolute;
	top:0px;
	left:0px;
	width:2750px;
	height:250px;
	margin:0xp;
}

div#slide-band div.thumbnail
{
	position:relative;
	float:left;
	width:170px;
	height:250px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}

div.thumbnail a
{
	text-decoration:none;
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	height:230px;	
}

div.thumbnail a img
{
	position:absolute;
	top:10px;
	left:5px;
	max-width:160px;
	max-height:230px;
	border:none;
}

div#detail-container
{
	position:absolute;
	width:960px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	display:none;
	overflow:hidden;
}

div#detail-container img.prd
{
	position:absolute;
	top:15px;
	left:70px;
	width:300px;
	height:330px;
	z-index:2;
	margin:0px;
	border:none;
}

div#detail-container div#detail
{
	position:absolute;
	top:30px;
	left:150px;
	width:600px;
	height:200px;
	z-index:1;
	margin:0px;
	overflow:hidden;
}

div#detail div.title
{
	position:absolute;
	top:0px;
	left:200px;
	width:350px;
	height:50px;
	font-family:Open Sans;
	font-size:28px;
	font-weight:700;
	color:#1C5977;
	z-index:2;
	padding-left:5px;
	background-image:url(../images/prooverlay.png);
}

div#detail div.content
{
	position:absolute;
	top:45px;
	left:200px;
	width:350px;
	height:150px;
	font-family:Open Sans;
	font-size:14px;
	font-weight:700;
	color:#000;
	z-index:2;
	padding-left:5px;
	background-image:url(../images/prooverlay.png);
}

div#detail-container a#allproduct
{
	position:absolute;
	top:250px;
	left:450px;
	width:168px;
	height:64px;
	margin:0px;
	
	background-color:transparent;
	background-image:url(../images/all.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#detail-container a#allproduct:hover
{
	background-image:url(../images/all-hover.png);
}

div#detail-container a#dot
{
	position:absolute;
	top:250px;
	left:610px;
	width:178px;
	height:64px;
	margin:0px;
	
	background-color:transparent;
	background-image:url(../images/dot.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#detail-container a#dot:hover
{
	background-image:url(../images/dot-hover.png);
}

div#detail-container #dot-window
{
	position:absolute;
	top:0px;
	left:62%;
	width:220px;
	height:250px;
	display:none;
	
	background-image:url(../images/dot-window.png);
	z-index:5;
}

div#detail-container #dot-window div
{
	position:absolute;
	top:50px;
	left:20px;
	height:195px;
	width:205px;
	
	font-family:Verdana;
	font-size:12px;
	color:#000;
	font-style:oblique;
}

.conform
{
	position:relative;
	float:right;
	width:50%;
	height:auto;
	margin-top:28px;
	margin-right:10px;
	min-height:280px;	
}

.concont
{
	position:relative;
	float:left;
	width:45%;
	height:auto;
	margin-top:28px;
	margin-right:10px;
	min-height:280px;
}

.concont .title
{
	position:relative;
	float:left;
	width:98%;
	height:20px;
	margin-bottom:5px;
	
	font-weight:700;
	font-family:Open Sans;
	font-size:18px;
	color:#333;	
}

.concont .text
{
	position:relative;
	float:left;
	width:98%;
	margin-bottom:5px;
	margin-top:15px;
	
	font-family:Verdana;
	font-size:12px;
	color:#333;	
}

.concont .text .phone
{
	position:relative;
	float:left;
	width:80%;
	margin-bottom:4px;
	margin-top:4px;
	padding-left:28px;
	
	background-color:transparent;
	background-image:url(../images/phone-icon.png);
	background-position:left;
	background-repeat:no-repeat;
}

.concont .text .fax
{
	position:relative;
	float:left;
	width:80%;
	margin-bottom:4px;
	margin-top:4px;
	padding-left:28px;
	
	background-color:transparent;
	background-image:url(../images/fax-icon.png);
	background-position:left;
	background-repeat:no-repeat;
}

.concont .text .mail
{
	position:relative;
	float:left;
	width:80%;
	margin-bottom:4px;
	margin-top:4px;
	padding-left:28px;
	
	background-color:transparent;
	background-image:url(../images/mail-icon.png);
	background-position:left;
	background-repeat:no-repeat;
}

.concont .text .mail a
{
	text-decoration:none;
	color:#333;
}

.conform input[type=button]
{
	position:relative;
	float:right;
	width:106px;
	margin-top:4px;
	margin-right:4px;
	height:36px;
	border:none;
	
	background-color:transparent;
	background-image:url(../images/send.png);
	background-position:center;
	background-repeat:no-repeat;
}

.conform input[type=button]:hover
{
	background-color:transparent;
	background-image:url(../images/send-hover.png);
	background-position:center;
	background-repeat:no-repeat;
}

.conform input[type=text]
{
	position:relative;
	float:left;
	width:98%;
	margin-top:4px;
	margin-bottom:4px;
	padding:3px;
	height:19px;
	border:1px solid #d3d3d3;
	background:#fff;
	
	background-image:url(../images/text-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	font-family:Verdana;
	font-size:13px;
	font-style:oblique;
	color:#333;
}

.conform input[type=text].focus
{
	border:1px solid #ACDEEE;
}

.conform textarea
{
	position:relative;
	float:left;
	width:98%;
	margin-top:4px;
	margin-bottom:4px;
	padding:3px;
	border:1px solid #d3d3d3;
	background:#fff;
	height:120px;
	max-height:120px;

	background-image:url(../images/text-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	font-family:Verdana;
	font-size:13px;
	font-style:oblique;
	color:#333;
}

.conform textarea.focus
{
	border:1px solid #ACDEEE;
}

.news
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.news .row 
{
	position:relative;
	float:left;
	width:98%;
	margin-bottom:15px;
}

.news .row .title
{
	position:relative;
	float:left;
	width:80%;
}

.news .row .title a
{
	position:relative;
	float:left;
	width:100;
	font-family:Open Sans;
	font-size:14px;
	color:#333;
	text-decoration:none;
	
	background-color:transparent;
	background-image:url(../images/new-arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

.news .row .title a:hover
{
	color:#999;	
}

.news .row span
{
	position:relative;
	float:right;
	font-family:Verdana;
	font-size:12px;
	color:#999;
	font-style:oblique;
}


#pagnifition
{
	position:absolute;
	top:250px;
	width:100%;
	height:25px;
}

#pagnifition a
{
	text-decoration:none;
	font-family:Open Sans;
	font-size:14px;
	font-weight:700;
	margin-left:4px;
	margin-right:4px;
	color:#333;
}

#pagnifition a.current
{
	font-size:16px;
}

div#new
{
	position:absolute;
	display:none;
	top:360px;
	width:100%;
	height:250px;
}

div#new img.big
{
	position:relative;
	float:left;
	margin-right:20px;
	width:220px;
	height:250px;
	border:2px solid #5BB0D9;
}

div#new div
{
	position:relative;
	float:left;
	color:#333;
	font-family:Verdana;
	font-size:13px;
	width:400px;
}

a#turnnewlist
{
	display:none;
}

div.news-gallery
{
	position:relative;
	float:left;
	width:600px !important;
	height:100%;
	margin:0px;
	padding:0px;
}

div.scroller
{
	position:relative;
	float:left;
	width:650px !important;
	height:100%;
	margin:0px;
	padding:0px;
}

div.news-gallery a
{
	position:relative;
	float:left;
	width:120px;
	height:90px;
	text-decoration:none;
	outline:none;
	margin-bottom:30px;
	margin-left:8px;
	margin-right:8px;
}

div.news-gallery a img
{
	position:relative;
	float:left;
	width:120px;
	height:90px;
	text-decoration:none;
	outline:none;
	border:2px solid #666;
}

div.news-gallery a:hover img
{
	border:2px solid #5BB0D9;
}
/* footer shelf */
.icon-elephant{
    background: url("../images/icon-elephant.png") no-repeat center top;
	background-position: 0 0;
	width: 85px; height: 98px;
	position:absolute;
	top:-10px;
	left:80%;
	z-index:5;
	}
	
.icon-elephant:hover{
    background: url("../images/icon-elephant.png") no-repeat center top transparent;
	background-position: 0 -108px;
	}
	
.icon-linkedin{
    background: url("../images/icon-linkedin.png") no-repeat center top;
	background-position: 0 0;
	width: 84px; height: 79px;
	
	
	position:absolute;

	top:0px;
	left:91%;
	z-index:5;

	}
	
.icon-linkedin:hover{
    background: url("../images/icon-linkedin.png") no-repeat center top transparent;
	background-position: 0 -89px;
	}	
	
	
	.bio-quote-container{
	background: url('../images/bg-bio-quote.jpg') no-repeat bottom;
	width: 220px; height: 303px;
	margin-right: 69px;
	margin-top:-15px;
	text-align: center;
	}	
	
.bio-quote{
	padding: 50px;
	font: bold 12pt "Lucida Grande", "Arial", sans-serif;
	color: #613415;
	}
		
.bio-quote p{
	font: normal 10pt "Lucida Grande", "Arial", sans-serif;
	font-style:italic
	}
	
	/* ------------- resturant galeri */

div.resturant-gallery
{
	position:relative;
	float:left;
	width:600px !important;
	height:100%;
	margin-top:-100px;
}

div.resscroller
{
	position:relative;
	float:left;
	width:600px !important;
	height:100%;
	margin:0px;
	padding:0px;
}

div.resturant-gallery a
{
	position:relative;
	float:left;
	width:120px;
	height:90px;
	text-decoration:none;
	outline:none;
	margin-bottom:-300px;
	margin-left:8px;
	margin-right:8px;
}

div.resturant-gallery a img
{
	position:relative;
	float:left;
	width:120px;
	height:90px;
	text-decoration:none;
	outline:none;
	border:2px solid #666;
}

div.resturant-gallery a:hover img
{
	border:2px solid #5BB0D9;
}

.resturantimg
{
	position:absolute;
	margin-left:300px;
	margin-right:8px;
}


#muzik { position: absolute; text-indent: -1000px; width: 47px; height: 28px; margin-left:700px; background-image: url(../images/resturant.png); background-repeat: no-repeat; }