/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden; }
body{ font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#fff; line-height:18px; min-width:1020px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; }
/* Global Structure ============================================================= */
.main {margin:0px auto 0 auto; 	width:1000px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:url(../images/loader.gif) 50% 50% no-repeat #fff; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }
/* ============================= main layout ====================== */
a{ color:#fff; text-decoration:none; outline:none; font-size:12px; }
a:hover{ text-decoration:underline}
h1{float:left; }
h2{font-family:Arial, sans-serif; color:#fff; font-size:25px; line-height:56px; width:100%; text-transform:uppercase; padding-bottom:30px; font-weight:300;}
h3{color:#fff; font-size:30px; line-height:26px; width:100%; padding-bottom:30px; font-weight:400; font-family:Arial; text-transform:uppercase; }
h4{color:#8e8e8e; font-size:11px; line-height:18px; width:100%; font-weight:400; text-transform:uppercase; margin-left: 2px; }
p{font-family:Arial, sans-serif; padding-bottom:10px; font-size:16px; color:#fff; line-height:20px; }
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0 0; width:100%; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
/* ============================= header ====================== */
header{position:relative; width:100%; z-index:1; margin:0 auto; }
#logo{text-indent:-9999px; background: url(../images/logo.png) 0 0 no-repeat; display:inline-block; font-family:Arial, sans-serif; color:#fff; font-size:70px; line-height:60px; text-transform:uppercase; position:relative; left:-700px; width: 350px;height: 220px;}
#logo:hover{text-decoration:none; }
.logoHolder{width:300px; height:100px; display:inline-block; float:left; padding-bottom:120px; margin-left:-10px; }
.headerHolder{position:relative; top:0; width:100%; height:160px; z-index:2; padding-top:34px; }
.slogan{font-size:14px; line-height:20px; letter-spacing:-1px; }
.menu{position:relative; z-index:1; display:inline-block; float:left; width:110px; }
.menuHolder{width:370px; float:left; z-index:1; display:inline-block; }
#menu {z-index:3; position:relative; }
#menu > li{float:left; position:relative; display:inline-block; width:300px; padding-bottom:2px; left:-700px; }
#menu > li > a{color:#fff; font-family:Arial, Arial, sans-serif; display:block; text-transform:uppercase; font-size:25px; float:left; line-height:48px; position:relative; font-weight:bold; }
#menu > li > a:hover{text-decoration:none; }
#menu > li.active > a{text-decoration:none; }
.submenu_1{position:relative; z-index:2; float:left; width:400px; }
.submenu_1 li{position:relative; display:inline-block; float:left; }
.submenu_1 a{ font-size:20px; color:#fff; font-family:Arial, sans-serif; display:inline-block; text-transform:uppercase; text-align:left; font-weight:400; line-height:30px; margin-right:16px; }
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#1f1b19 }
.mText{position:relative; }
.menuTextOver{color:#706f6e; font-family:Arial, Arial, sans-serif; display:block; text-transform:uppercase; font-size:25px; line-height:42px; font-weight:bold; }
.overHolder{position:absolute; top:0; left:0; display:inline-block; height:0px; overflow:hidden; z-index:2; }
.textHolder{position:absolute; top:0; left:0; display:inline-block; height:40px; overflow:hidden; z-index:1; }
.leftHolder{position:relative; width:400px; float:left; height:580px; margin-top:60px;}
/* ============================= content ====================== */
#content{position:relative; height:500px; z-index:1; width:600px; float:right; }
#content > ul{width:100%; height:600px; }
#content > ul > li{width:100%; display:block; position:absolute; }
.box{height:516px; width:600px; margin-top:124px; background-color:#000; opacity:0.5; filter:alpha(opacity=60);/* For IE8 and earlier */ }
.underline{text-decoration:underline; }
.space1{display:inline-block; width:110px; }
.scroll1{width:440px; height:380px; margin-bottom:0px; }
.track {position:absolute; top:0px; left:450px; width:10px; height:200px; background:#3b3736; }
.shuttle{position:none; width:10px; height:50px; background:#fff; }
._up-butt{display:none; }
._down-butt{display:none; }
.divider{background:#2a2624; width:520px; height:1px; position:relative; float:left; margin:40px 0 40px -30px; }
.divider2{background:#2a2624; width:1px; height:289px; position:relative; float:left; margin:-40px 20px 0 10px; }
.fontSize1{font-size:14px; }
.magRight1{margin-right: 8px; }
.magRight2{margin-right: 12px; }
.magTop1{margin-top:30px; }
.magTop2{margin-top:15px; }
.magTop3{margin-top:20px; }
.magBott1{margin-bottom:30px; }
.magBott2{margin-bottom:28px; }
.padBott1{padding-bottom:30px; }
.padBott2{padding-bottom:18px; }
.color1{color:#fff; }
.icon1{float:left; width:30px; height:30px; padding-bottom:150px; padding-right:12px; }
.moreButton{text-transform:uppercase; font-size:11px; float:left; }
.moreButton:hover{text-decoration:none; }
#bgStretch {overflow:hidden; z-index:-1; }
#jcarousel_1{width:100%; position:relative; }
#jcarousel_1 > ul{width:100%; position:relative; }
#jcarousel_1 > ul > li{width:220px; position:relative; display:inline-block; float:left; height: 515px; margin-right:20px; }
.list1>li{position:relative;  padding-bottom:2px; display:block;}
.list1>li >a{
 font-size:18px; 
 text-transform:uppercase; 
 margin-left:10px; 
 font-weight:bold;
}
#vakko {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#vakkorama {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#vbutik {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#vout {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#christ {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#cruise {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#pro {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#w {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
#h2o {
background: url(../images/listMarker.png) 0 40% no-repeat;
}
.list1>li li{position:absolut; padding-bottom:2px;}
.list1>li li >a{
 font-size:14px; 
 text-transform:uppercase; 
 margin-left:20px; 
}
.list1>li li:ul{
    visibility: hidden;
    position: absolute;
}
.list1>li:hover ul {
    display: block;
}
.btnHolder{position: absolute;  width:100%; z-index: 3;bottom: -20px;}
.scrButn{position:relative; text-transform:uppercase; }
.scrButn > a:hover{text-decoration:none; }
.gallItem{
 position:relative; 
}
.picHolder{
 position:relative; 
 border: 10px solid #3B3736; 
 display:inline-block; 
}
.zoomSp{display:block; position:absolute; left:0; top:0; width:200px; height:112px; z-index:3; background:#000 url(../images/magnify.png) 50% 50% no-repeat; margin: 10px; }
/* ============================= footer ====================== */
footer {position:absolute; bottom:0; width:100%; z-index:1; height:50px; float:left; }
.topBtn{position:relative; display:inline-block; cursor:pointer; }
.mainFooter {width:200px; z-index:2; }
.textPrivacy{font-size:14px; color:#000; position:relative; display:inline-block; font-family:Arial; }
.privHold{ font-size:10px; line-height:1; top:0; position:relative; }
.linksHolder{position:relative; }
.linksHolder > ul >li{position:relative; color:#000; font-size:10px;  height: 17px;}
.linksHolder > ul >li > a{font-size:14px; color:#000; font-family:Arial; line-height: 16px;}
.linksHolder > ul >li > a:hover{text-decoration:none; color:#1f1b19; }
/*=======================Map=====================================*/
.google_map{
	margin:0; 
	width:440px; 
	height:115px; 
	background:#fff; 
 border:10px solid #3b3736; 
}
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {
	padding-bottom:1px; 
 text-transform:uppercase; 
 
	font-size:10px; 
 position:relative; 
 float:left; 
	color:white; 
	width:360px; 
}
#ContactForm label {
	position:relative; 
	display:inline-block; 
	padding-bottom:8px; 
}
#ContactForm .message {
}
#ContactForm span {
	display:block
}
#ContactForm .error,#ContactForm .empty {
	font-size:9px; 
	color:#fff; 
	line-height:9px; 
	display:none; 
	width:100%; 
	top:0px; 
	position:relative; 
 text-transform:uppercase; 
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:underline; }
#ContactForm .input {
	width: 180px; 
	padding:12px 15px; 
	color:#6A6A6A; 
	outline:none; 
	font-size:11px; 
	font-family:Arial; 
	background:#fff; 
	text-transform:uppercase; 
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 194px; 
	height:92px; 
	background:#fff; 
	padding:10px 16px; 
	color:#6A6A6A; 
	resize:none; 
	outline:none; 
	font-size:11px; 
	font-family:Arial; 
	text-transform:uppercase; 
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width:220px; 
	float: left;
}
#ContactForm .magRight1{margin-right:16px; }
.w2{
 width:560px; 
}
.formButtons{position:relative; float:right;  }
.formBtn{display:inline-block; padding:0px 0px 0px 12px; position:relative; text-transform:uppercase; }
/* ============================= end forms ============================= */