﻿#examples-1 { overflow: hidden; }


#showcase { }
#cubicare{}
#rig {}
#iod{}

#aboutus {position:relative;
}

.gallery {width:100%; margin: 0 auto; text-align: center; }
.gallery figure {width: 33.33333%;
  text-align: center; float: left; display: inline-block;  }

.clearfix:before,.clearfix:after{content:" ";display:table;} 
.clearfix:after{clear:both;} 
.clearfix{zoom:1;}


figure {
    width:95%;
}

#intro-explore a {
    position: fixed;
    left: 50%;
    bottom: 0px;
    z-index: 1000;
    margin-left: -83px;
    color: #fff;
    background-color: #888;
    padding: 30px 30px 0px 30px;
    border-radius: 100px 100px 0px 0px;
    font-size: 1.6em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    opacity: 0.25;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.scrollblock {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 80px;
    overflow: hidden;
}

#pinContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
#slidecontainer {
    width: 400%; /*each panel with 100% of windows width*/
    height: 100%;
}
.magicPanel {
    height: 100%;
    width: 25%;
    float: left;
}
.blue {
	background-image:url(../img/CurtainPartition.png);
}
.turqoise {
	background-image:url(../img/curtain_tracks.jpg);
}
.brown {
	background-color: #a66f28;
}
.bordeaux {
	background-color: #953543;
}