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{
    background: transparent;
    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;
}
* { border:none}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Style */
@font-face {
	font-family: 'JosefinSans';
	src: url('/font/JosefinSans.eot?') format('eot'), 
	     url('/font/JosefinSans.woff') format('woff'), 
	     url('/font/JosefinSans.ttf')  format('truetype'),
	     url('/font/JosefinSans.svg#JosefinSans') format('svg');
}
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.glob{width: 100%; height: 100%; position:absolute; overflow:hidden;  z-index: 3;}
body{font-family:Arial,serif; color:#545454; background: #fff; line-height:20px; min-width:910px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; display: inline-block;}
.main {margin:0px auto 0 auto; 	width: 900px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:url(../images/loader.gif) 50% 50% no-repeat #f6f7f7; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }
a{ color:#fff; text-decoration:none; outline:none; font-size: 12px; }
a:hover{ text-decoration:underline;color:#20adf6}
h1{position: relative;}
h2{font-family: 'JosefinSans'; color:#72838a; font-size:47px; line-height: 50px; width:100%;  text-transform: uppercase; font-weight: normal; padding-bottom: 30px;letter-spacing: 0px;}

p{padding-bottom: 20px; font-size: 14px; color: #545454; line-height: 19px; }
.center{ padding:0; width:100%; position: relative;}
header{position: relative; width: 100%; height: 135px; z-index: 3;  margin: 0 auto;float: left;margin-top: 188px;}
#logo{display:inline-block; background: url(../images/logo.png) 0 0 no-repeat; width: 580px; height: 135px; text-indent: -9999px;margin:-60px 0 0 0;}
#logo:hover{text-decoration:none; }
.logoHolder p {padding:0 0 0 64px;width:575px;font-size:17px}
.logoHolder{ display:inline-block; position: relative; height: 135px; width: 100%; text-align: center; padding-bottom: 16px;}
.menu{position:relative; z-index:1; display: block; }
.menuHolder{ display:inline-block; position: relative; width: 717px; height: 60px; z-index: 1; left: 0; margin: -5px 90px;}
#menu {z-index:3; position:relative; display: inline-block;float: left; background: url(../images/bg1.png);}
#menu > li{position:relative; color: white;  text-align: center; height: 57px;display: inline-block;width: 177px;float: left; background: url(../images/divider1.png) 100% 50% no-repeat;}
#menu > li > a{font-family: 'JosefinSans', sans-serif; display: block; text-transform:uppercase; position:relative;overflow: hidden;height: 57px;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
#menu .borderNone{background: none;}
#menu .newW1{width: 180px; visibility: visible;}

.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#20adf6;}

.mText{line-height: 60px; color: #828a8d; font-size: 18px; position: absolute;  width: 100%;z-index: 2;}
.mTextOver{line-height: 60px; color: #fff; font-size: 18px; position: relative;   top: -100px; left: 0; width: 100%;z-index: 2;}
.more{font-family: 'JosefinSans', sans-serif; color: #72838a; font-size: 24px; text-transform: uppercase;line-height: 24px;letter-spacing: -1px;}

._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/extra6.png);}
._overPl{position: absolute; width: 100%; height: 100%; top: 100px; z-index: 2;left: 0;display: block; background: url(../images/overBg.png);}
.enter{font-family: 'JosefinSans', sans-serif; color: #828a8d; font-size: 17px; background: url(../images/enterSprite.png) 0 0 no-repeat; text-transform: uppercase;line-height: 32px;letter-spacing: 0px;font-weight: 300;padding: 10px 13px;margin: 55px 278px;}
.enter:hover{text-decoration: none;color: #fff;}
.ipadBtn{background: url(../images/btn.png) 0 0 no-repeat; position: absolute; width: 40px; height: 40px;right: 35px;top: 290px;}
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;height: 712px;  background: url(../images/ipad.png) 50% 50% no-repeat; float: left;}
#content > ul{width: 716px; height: 478px; z-index: 0; display: inline-block;position: relative;float: left;margin: 45px 90px 0;overflow: hidden;}
#content > ul > li{width: 716px; display:block; position:absolute; height: 464px;margin-top: 14px;}
.box{ width: 716px; position: relative; height: 464px; display: inline-block; margin: -10px -2px 0; padding: 10px 0 0;}

.marTop1{margin-top: 0px;}

.padRight1{padding-right: 46px;}

.scroll1{width: 100%; height: 280px;}
.track{position:absolute; top: 95px; left: 05px; width:25px; height:200px; background: url(../images/track.png) 50% 0px no-repeat;}
.shuttle{position:relative; width: 25px; height: 26px; background: url(../images/shuttle.png) 0% 0px no-repeat;display: inline-block;z-index: 1;}
.scroll2{width: 100%; height: 280px;}
.track2{position:absolute; top: 135px; left: 642px; width:25px; height:200px; background: url(../images/track.png) 50% 0px no-repeat;}
.shuttle2{position:relative; width: 25px; height: 26px; background: url(../images/shuttle.png) 0% 0px no-repeat;display: inline-block;z-index: 1;}

#galleryHolder{position: absolute; z-index: 0;}
.closeBtn{position: absolute;z-index: 2;right: 5px;top: 0;}
._clock{color: #fff; font-size: 10px; text-align: center; position: absolute; display: inline-block;top: 36px;left: 50%;margin-left: -20px;}
.item1{width: 1534px; height: 1359px;  z-index: 8;}
.item1 > img{ height: 505px;
    left: 521px;
    position: absolute;
    top: 35px;
    width: 251px;}
.item2{width: 364px; height: 360px;  z-index: 7;}
.item2 > img{width: 364px; height: 360px; position: absolute; top: 210px; left: -860px;}
.item3{width: 908px; height: 778px; z-index: 7;}
.item3 > img{width: 908px; height: 778px; position: absolute; top: -690px; left: 470px;}
.item4{width: 892px; height: 904px; z-index: 7;}
.item4 > img{width: 892px; height: 904px;position: absolute; top: 190px; left: 230px;}
.item5{width: 638px; height: 533px;  z-index: 3;}
.item5 > img{width: 638px; height: 533px; position: absolute; top: -621px; left: -830px;}
.item6{width: 656px; height: 591px;  z-index: 2;}
.item6 > img{width: 656px; height: 591px; position: absolute; top: -850px; left: -20px;}
.item7{width: 602px; height: 458px; z-index: 1;}
.item7 > img{width: 602px; height: 458px; position: absolute; top: 150px; left: -610px;}
.item8{width: 711px; height: 533px; z-index: 0;}
.item8 > img{width: 524px; height: 842px; position: absolute; top: -210px; left: 250px;}

.test{position: absolute;   display: inline-block;z-index: 3;border: 1px solid #fff;width: 1000px;height: 500px;}
footer{position: absolute; width: 100%; z-index: 0;  height: 70px; display: inline-block;  bottom: 0; float: left;}
.mainFooter { z-index:2; text-align: center;}
.textPrivacy{font-family: 'times new roman'; font-size: 12px; color: #fff; position:relative; display:inline-block;  text-transform: uppercase; font-weight: normal;letter-spacing: 0px;margin-top: 3px;margin-right: 60px;}

.privHold{ line-height: 20px; position: relative; display: inline-block; margin-top: 25px;}


.sliderHolder{width: 641px; height: 280px; position: absolute; z-index: 1;}
.slider{position: absolute; width: 641px; height: 280px; overflow: hidden; z-index:2;}
.items{display:none;}
.btnsHolder{position: absolute;z-index: 100;top: -68px;right: 10px;}
.prev,.next{display: inline-block;position: relative;width: 25px;height: 26px;overflow: hidden;float: left;margin: 0 2px;}

#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success { 
    text-transform:uppercase; 
	font-size:10px; 
    position:relative; 
    float:left; 
	
     color: #72838A; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 5px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #72838A; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
    text-transform:uppercase; 
	float: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 312px; 
	padding: 10px 10px; 
	color: #556064; 
	outline:none; 
	font-size: 12px;  
	background: #fff; 
	border: 1px solid #ccd0d2;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 312px; 
	height: 123px;  
	padding: 10px 10px; 
	color: #556064; 
	resize:none; 
	outline:none; 
	font-size: 12px;  
	background: #fff;
	font-family: Arial;
	border: 1px solid #ccd0d2;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
#ContactForm .marRight1{margin-right: 12px;}

/* Layout */

.containerContent {
    z-index: 1;
    position: relative;
    padding: 36px 36px 0 36px;
    display: block;
    float: left;
    width: 645px;
    height: 418px;
}  
.col1{width: 100%; position: relative; float: left;}
.col2{width: 605px; position: relative; float: left;}

.col4{width: 265px; position: relative; float: left;}
.col5{width: 334px; position: relative; float: left;}
.col6{width: 170px; position: relative; float: left;}
.diary{width: 100%; position: relative; float: centre;padding:0;margin:-5px 0px 0px -3px;height: 100%;}

.pointer { width:100%; color:#747373;}


.pointer1 li {
  background-image: url(/images/spriteme1.png);
  background-position: -10px -5.5px;
  padding:6px 0 5px 26px;
  background-repeat:no-repeat;
}
.pointer2 li {
  background-image: url(/images/spriteme1.png);
  background-position: -10px -47.5px;
  padding:6px 0 5px 26px;
  background-repeat:no-repeat;
}
.pointer3 li {
  background-image: url(/images/spriteme1.png);
  background-position: -10px -89.5px;
  padding:6px 0 5px 26px;
  background-repeat:no-repeat;
}
.pointer4 li {
  background-image: url(/images/spriteme1.png);
  background-position: -10px -131.5px;
  padding:6px 0 5px 26px;
  background-repeat:no-repeat;
}
.pointer5 li {
  background-image: url(/images/spriteme1.png);
  background-position: -10px -173.5px;
  padding:6px 0 5px 26px;
  background-repeat:no-repeat;
}


/* jParallax */

.parallax-viewport {
    position: absolute; 
    overflow: hidden;
    
}
.parallax-layer {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 50%;
    top: 50%;
}
#target{
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
}