@charset "utf-8";
#style {
}
 *{
	margin:0;
	padding:0;
}
	    body {
	    	text-align: center;
			background-image:url(images/i-blues-bg.jpg);
			background-size:cover;
			background-repeat:no-repeat;
			overflow:hidden;
			font-family: 'swis721_cn_btroman';
	    }
		body, html{height:100%}
		div{height:100%}
table{}
		
@font-face {
    font-family: 'swis721_cn_btbold';
    src: url('swz721bc-webfont.eot');
    src: url('swz721bc-webfont.eot?#iefix') format('embedded-opentype'),
         url('swz721bc-webfont.woff') format('woff'),
         url('swz721bc-webfont.ttf') format('truetype'),
         url('swz721bc-webfont.svg#swis721_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('swz721c-webfont.eot');
    src: url('swz721c-webfont.eot?#iefix') format('embedded-opentype'),
         url('swz721c-webfont.woff') format('woff'),
         url('swz721c-webfont.ttf') format('truetype'),
         url('swz721c-webfont.svg#swis721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
		
::selection {
	background: #1f95a0;
	color:#FFF; /* Safari */
	}
::-moz-selection {
	background: #1f95a0;
	color:#FFF; /* Firefox */
}		
		
		
		
		
	    img{
			border: none;
		}
	    .leftcurtain{
			width: 50%;
			height: 100%;
			top: 0px;
			left: 0px;
			position: absolute;
			z-index: 2;
		}
		 .rightcurtain{
			width: 51%;
			height: 100%;
			right: 0px;
			top: 0px;
			position: absolute;
			z-index: 3;
		}
		.rightcurtain img, .leftcurtain img{
			width: 100%;
			height: 100%;
		}
		.logo{
			margin: 0px auto;
			margin-top: 150px;
		}
		.rope{
		}
#pull{
	z-index:10;
	position:fixed;
	top:40%;
	right:0;
	width:12%;
}
#pull2{
	z-index:10;
	position:fixed;
	top:40%;
	right:0;
	width:13%;
}
#pull3{
	z-index:9;
	position:fixed;
	top:40%;
	right:0;
	width:12%;
}




#iblues{
	z-index:11;
	position:fixed;
	top:40%;
	left:-5;
	width:12%;
}

#getclick{
	z-index:12;
	position:fixed;
	right:0;
	width:12%;
}


#shutter{
	background-image:url(images/pattern.png);
	position:absolute;
	width:100%;
	height:100%;
	z-index:-99;
}

.skip{
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	width:150px;
	bottom:0;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:3%;
}
.skip:hover{
	width:150px;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	bottom:0;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:3%;
}









#slideout {
			position: fixed;
			top: 0px;
			right: 0%;
			width: 12%;
			height:100px;
			padding:  0;
			text-align: center;
			background-image:url(images/abg.jpg);
			background-repeat:repeat-x;
			background-position:top;
			-webkit-transition-duration: 5s ;
			-moz-transition-duration: 5s;
			-o-transition-duration: 5s;
			transition-duration: 5s;
			color:#FFF;
			top:35.5%;
			z-index:200;
		}
		#slideout_inner {
			position: fixed;
			top: 35.5%;
			right: -45%;
			background-image:url(images/abg.jpg);
			background-repeat:repeat-x;
			background-position:top;
			width: 45%;
			height: 100px;
			-webkit-transition-duration: 2s ;
			-moz-transition-duration: 2s ;
			-o-transition-duration: 2s ;
			transition-duration: 2s ;
			text-align: left;
		}
		#slideout_inner textarea {
			width: 190px;
			height: 100px;
			margin-bottom: 6px;
			
		}
		#slideout:hover {
			right: 0;
			
		}
		#slideout:hover #slideout_inner {
			right: 0;
		}
		
		
		
		
		


	
		
	








		
		
.btn{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
}
.btn:hover{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	background-color:#0a3033;
}
.btn2{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	height:25px;
	padding-top:5px;
}
.btn2:hover{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	height:25px;
	background-color:#0a3033;
}

		

#gallery{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:150;
}
#imagecolom{
	background-image:url(images/gallery-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

#content{
	width:76%;
	position:absolute;
	margin-left:12%;
	z-index:8;
	height:100%;
}

#inspiration{
	margin-top:5%;
	background-color:#e9e9e9;
	height:80%;
	-moz-box-shadow:    3px 3px 5px 6px #9F9F9F;
  -webkit-box-shadow: 3px 3px 5px 6px #9F9F9F;
  box-shadow:         3px 3px 5px 6px #9F9F9F;
}


#border{
	border-right:1px solid #FFF;
}

#mail{
	color:#666;
	text-decoration:none;
	text-align:left;
}
#mail ul{
	color:#666;
	text-decoration:none;
	text-align:left;
}
#mail li{
	color:#666;
	text-decoration:none;
	text-align:left;
}
#mail a{
	color:#666;
	text-decoration:none;
	text-align:left;
}
#mail a:hover{
	color:#19adbc;
	text-decoration:none;
	text-align:left;
}



#footer{
	color:#666;
	position:absolute;
	width:88%;
	font-size:12px;
	bottom:0;
}
#footer ul{
	color:#666;
	position:absolute;
	width:88%;
	font-size:12px;
	bottom:0;
}
#footer li{
	color:#666;
	position:absolute;
	width:88%;
	font-size:12px;
	bottom:0;
}
#footer a{
	color:#666;
	position:absolute;
	width:88%;
	font-size:12px;
	bottom:0;
}
#footer a:hover{
	color:#F90;
	position:absolute;
	width:88%;
	font-size:12px;
	bottom:0;
}



.button0{
	background-image:url(iblues%20newbtn/1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.button0:hover{
	background-image:url(iblues%20newbtn/1nhover.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.button{
	background-image:url(iblues%20newbtn/2.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.button:hover{
	background-image:url(iblues%20newbtn/2nhover.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.button2{
	background-image:url(iblues%20newbtn/3.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.button2:hover{
	background-image:url(iblues%20newbtn/3nhover.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.button3{
	background-image:url(iblues%20newbtn/4.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.button3:hover{
	background-image:url(iblues%20newbtn/4nhover.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.button4{
	background-image:url(iblues%20newbtn/5.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.button4:hover{
	background-image:url(iblues%20newbtn/5nhover.gif);
	background-position:center center;
	background-repeat:no-repeat;
}







#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}

#video_pattern {
background-image:url(images/pattern.png);
position: fixed;
opacity: 0.8;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}

#item{
	position:fixed;
	z-index:6;
	height:100%;
	width:100%;
	margin:0;
	background-color:#000;
}