@CHARSET "ISO-8859-1"; 
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;  margin: 0; }
a{text-decoration:underline; color: #000; }
a:visited{color: #000; }
table {border-spacing: 0;     }
fieldset,img {border: 0; }
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal; }
strong{font-size:14px; font-weight: bold; }
ol,ul {list-style: none; margin:0; padding:0; }
caption,th {text-align: left; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0; color:#444; }
q:before,q:after {content:''; }
abbr,acronym { border: 0; }
.slimScrollBar{opacity:1!important; }


/* Custom CSS
 * --------------------------------------- */
body{font-family: arial,helvetica; color: #333; color: rgba(0,0,0,0.5); line-height:1.4; background-color:#fff;  }
.Baskerville{font-family: 'Libre Baskerville', serif; }
.wrap{margin-left: auto; margin-right: auto; width: 960px; position: relative; background-color:#fff;  }
h1{font-size: 6em; 	
}
p{font-size: 2em;  }

.layer_board_bg {position: fixed; width: 100%; height: 100%; z-index: 9955; top: 0; left: 0; display: none !important; cursor: pointer; background-color:#000;  }

.layer_board {position: fixed; bottom:50%; left: 100%; margin: -75px 0px 0px -75px; text-align: center; z-index: 9999;  }

#actions { position: fixed; bottom:48%; right: 30px; margin: -32px 0px 0px -75px; text-align: center; z-index: 99999;  }
#actions a{ display: block; height:30px;  }
#actions a#moveSectionUp{ margin-bottom:15px; }
#actions a:hover img{opacity:0.3;  filter:alpha(opacity=80);  -ms-filter: "alpha( opacity=80 )"; }
.entry a:hover {opacity:0.8;  filter:alpha(opacity=80);  -ms-filter: "alpha( opacity=80 )"; }
p.editorNum{ position:fixed; top:20px; right:55px; height:12px; width:auto; font-size:12px; font-style: italic; padding:0; color:#000; z-index: 99999;}


#tab-box{ position:relative;  }

.intro p{ margin: 0 auto;  font-size: 1.5em; 	}
.intro p.cat { width:500px;  text-align:left; 	}
.intro p.cat strong { font-size:12px;  font-weight:bold; 	}
.twitter-share-button{ position: absolute;  z-index: 99;  right: 149px;  top: 9px; 	}
/*#section4 .tableCell,#section7 .tableCell,#section13 .tableCell,#section16 .tableCell {padding-right:5%; padding-right:15%\9; padding-top:3%;  }
*/.tableCell {float:right; 
    height: 100%;  }
.scrollable{height:75%!important;  }
#section0{overflow:auto;  }


.tableCell p {
	font-size:12px;
	color:#000;
	text-align:left; 
    width: 300px;
	/*height:85%;*/
	padding:20px 20px 20px 40px;
	margin:40px;
	float:left;
	line-height: 2em;
	background: rgba(254,254,254,0.7);
}
.tableCell p.right {
	float:right!important;
}

.iframeBox{
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
	height: 450px;
	width: 800px;
}
.spec {font-size:12px; font-weight:bold;  }

.size {font-size:10px;  }

.num { display:block; margin-bottom:16px; font-size:24px; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }
.num span { font-size:8px; font-weight:bold; font-style: italic; }
.name { display:block; margin-bottom:28px; }
.name strong { padding-bottom:3px; font-size:18px; font-weight:bold;  }
.midashi { display:block; margin-bottom:14px; font-size:18px; font-weight:bold; line-height:24px; }
.txt { display:block; font-size:12px; line-height:2; width: 300px; }

p.contact{ position:absolute; bottom:30px; right:55px; height:12px; width:auto; padding:0; font-weight:bold; text-align:right;}
p.contact a{ color:#000; }
p.nextSelector{ height:48px; width:66px; position:absolute; bottom:20px; left:50%; padding:0; margin-left:-48px;}
.tableCell p .CAP {font-size:11px; line-height: 1.4em;  }




/*iframe{position:absolute; top:50%; left:50%; margin:-240px 0 0 -426px;  }*/
.tableCell p.itemBG {color:#fff; 
    width: 24%; float:right; background-color:#000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;  }
.tableCell p.itemBG_right{color:#fff; 
    width: 24%; float:right; background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;  }

.tableCell p a.urlLink {color:#fff; background-color:#000; padding:6px;  }

.tableCell p a:hover {opacity:0.7;  }

.catalog_main p .CAP {font-size:13px; line-height: 1.2em;  }


#menu{position:fixed; top:0; left:0; height: 100%; z-index: 70; background-color:#fff; width: 200px; padding: 0; margin:0; border-right:1px solid #000;  }
#menu li {display:block; margin-left:20px; width:160px; color: #000; font-size:10px; /*background:#fff; width:45%; margin-bottom:5px; */
}

#menu li.active{color: #000; /*text-decoration:underline;*/ /*padding-right: 63px; margin-bottom:5px; border-bottom: 1px solid #000; */
}
#menu li a{text-decoration:none; /*width:140px; height:12px; */width:140px; color: #000;  }
#menu li a:hover{color: #000; opacity:0.7; text-decoration:underline;  }
#menu li.logo {display:inline-block; margin-left:18px; margin-top:25px; margin-bottom:25px;  }

#menu li.selector {margin-bottom:18px; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic;  }
#menu li.selector_icon {margin-bottom:10px; text-align:center; /*width:100px; padding-left:30px;*/  }
#menu li.selector_icon img { padding-right: 40px;  }

#menu li .selector_detail{ display:none;}
#menu li.active .selector_detail { display:block; margin-top:10px; text-decoration:none; }
#menu li .selector_detail .selector_icon{ margin-left:0; text-decoration:none;}
#menu li .selector_detail .activeArea{ margin-left:0; text-decoration:none;}

#menu li.selector{ display:none;}
#menu li.active.selector.sorel_0,#menu li.active.active.sorel_0,#menu li.active.dj,#menu li.active.yu,#menu li.active.sh,#menu li.active.tate { display:block; }
#menu li.active.selector.bdTop { padding-top:15px; border-top: 1px dotted #000; }


#menu li.activeArea {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #000;  }

#menu li.activeArea .selectTtl {font-size: 12.5px; font-weight:bold; margin-bottom:7px;  }

#menu li.activeArea .selectDes {letter-spacing: 0.1em;  }

#menu li#ac1 {margin-bottom:14px;  }

#menu li#acbo2 {margin-bottom:14px;  }

#menu li#ac2 {margin-bottom:14px;  }

#menu li#ac3 {margin-bottom:14px;  }

#menu li#ac4 {margin-bottom:14px;  }

#menu li#ac5 {margin-bottom:14px;  }

#menu li#ac6 {margin-bottom:14px;  }

#menu li#ac7 {margin-bottom:14px;  }
.twitter-share-button{position: fixed; z-index: 99; right: 149px; top: 9px;  }
#infoMenu{height: 20px; color: #f2f2f2; position:fixed; z-index:70; bottom:0; width:100%; text-align:right; font-size:0.9em; padding:8px 0 8px 0;  }
#infoMenu ul{padding: 0 40px;  }
#infoMenu li a{display: block; margin: 0 22px 0 0; 	color: #333;  }
#infoMenu li a:hover{text-decoration:underline;  }
#infoMenu li{display:inline-block; position:relative;  }
#examplesList{display:none; background: #282828; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; float: left; position: absolute; bottom: 29px; right: 0; width:638px; text-align:left;  }
#examplesList ul{padding:0;  }
#examplesList ul li{display:block; margin: 5px 0;  }
#examplesList ul li a{color: #BDBDBD; margin:0;  }
#examplesList ul li a:hover{color: #f2f2f2;  }
#examplesList .column{float: left; margin: 0 20px 0 0;  }
#examplesList h3{color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0;  }



.section{text-align:center;  background-color:#fff; }


@media only screen and (min-width: 1500px)  {
#fullpage p.contact{ right:65px; }
}
@media only screen and (min-width: 1400px) and (max-width: 1500px)  {
#fullpage p.contact{ right:65px; }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px)  {
#fullpage p.contact{ right:75px; }
}
@media only screen and (min-width : 1330px) {
.section{width:89%!important;  height:89%!important; }

}
@media screen and (min-width: 1150px) and (max-width: 1329px) {
.section{width:86%!important;  height:86%!important; }

}
@media screen and (min-width: 1000px) and (max-width: 1149px) {
.section{width:83%!important;  height:83%!important; }

}
@media only screen and (max-width : 999px), only screen and (max-device-width : 999px){
.section{text-align:center;  width:80%!important;  height:80%!important; }

}
#section0 {
    background: url(images/sorel_01.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_01.jpg) #fff no-repeat left top\9;  
}
#section1 {
    background: url(images/sorel_02.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_02.jpg) #fff no-repeat left top\9;  
}
#section2 {
    background: url(images/sorel_03.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_03.jpg) #fff no-repeat left top\9; }
	
#section3 {
    background: url(images/sorel_04.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_04.jpg) #fff no-repeat left top\9;  
}
#section4 {
    background: url(images/sorel_05.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_05.jpg) #fff no-repeat left top\9; 
}
#section5 {
    background: url(images/sorel_06.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/sorel_06.jpg) #fff no-repeat left top\9; 
}
#section6 {
    background: url(images/sorel_07.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_07.jpg) #fff no-repeat left top\9; 
}
#section7 {
    background: url(images/sorel_08.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_08.jpg) #fff no-repeat left top\9; 
}
#section8 {
    background: url(images/sorel_09.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_09.jpg) #fff no-repeat left top\9; 
}
#section9 {
    background: url(images/sorel_10.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_10.jpg) #fff no-repeat left top\9; 
}
#section10 {
    background: url(images/sorel_11.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_11.jpg) #fff no-repeat left top\9; 
}
#section11 {
    background: url(images/sorel_12.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_12.jpg) #fff no-repeat left top\9; 
}
#section12 {
    background: url(images/sorel_13.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_13.jpg) #fff no-repeat left top\9; 
}
#section13 {
    background: url(images/sorel_14.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_14.jpg) #fff no-repeat left top\9; 
}
#section14 {
    background: url(images/sorel_15.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_15.jpg) #fff no-repeat left top\9; 
}
#section15 {
    background: url(images/sorel_16.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/sorel_16.jpg) #fff no-repeat left top\9; 
}


/* Demos Menu
 * --------------------------------------- */
 #demosMenu{position:fixed; bottom: 10px; right:10px; z-index: 999; 
 }
#fullpage{ left:194px; }
.sectionURL { width:100%; height:100%; display:block; }