@charset "utf-8";

@font-face {
    font-family:'Muli-Regular';
    src: url('fonts/Muli-Regular.ttf') format('truetype'),
}
html,body{
	font-family:Helvetica,Arial,sans-serif;
	width:100%;
	height:100%;
}
body{
    background-color:#ffffff;
    width:20000px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
}
.section{
    margin:0px;
    bottom:0px;
    width:4000px;
    float:left;
    height:100%;
    box-shadow:0px 20px 15px 10px rgba(0,0,0,0.6);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-color:#ffffff;
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	overflow-y:hidden;
}
.section h2{
    position:absolute;
    font-variant:small-caps;
    font-family:'Century Gothic','Muli-Regular', sans-serif;
    font-weight:200;
}
.section h2 span{
font-weight:600;
}
.section div.box {
position:absolute;
font-size:0.875em;
line-height:1.313em;
width:525px;
letter-spacing:0.0025em;
text-align:justify;
top:39%;
margin:20px 0px 0px 195px;
}
.section div.boxbg{
position:relative;
background-color:rgba(255,255,255,0.8);
background:#ffffff;
opacity:0.8;
filter:alpha(opacity=80);
width:473px;
height:100%;
left:17%;
top:175px;
z-index:0;
visibility:hidden;
margin:0;
box-shadow:0 3px 12px 1px rgba(0,0,0,0.8);
border:1px solid transparent;
overflow-y:auto;
}
.section div.headerbg{
position:relative;
background-color:rgba(255,255,255,0.8);
background:#ffffff;
opacity:0.8;
filter:alpha(opacity=80);
width:473px;
height:54px;
left:17%;
top:169px;
z-index:1;
margin:0;
box-shadow:0 3px 8px 1px rgba(0,0,0,0.8);
border:1px solid transparent;
}
.section div.otherbox{
font-size:0.75em;
line-height:1.563em;
letter-spacing:0.001em;
text-align:justify;
margin:47px 45px 0px 45px;
z-index:99;
}
#section1{
	background-image:url(../images/bg_slide1.jpg);
	visibility:hidden;
}
#section2{
	background-image:url(../images/bg_slide2.jpg);
}
#section3{
	background-image:url(../images/bg_slide3.jpg);
}
#section4{
	background-image:url(../images/bg_slide4.jpg);
}
#section5{
	background-image:url(../images/bg_slide5.jpg);
}
#section1 h2{
margin:0 0 0 192px;
letter-spacing:0.01em;
font-size:3em;
line-height:1em;
top:28%;
}
.section h2.otherhead{
margin:0 0 0 11px;
font-size:2.8em;
letter-spacing:0.025em;
z-index:99;
}
.section div.otherbox h2{
font-size:1em;
letter-spacing:0.001em;
position:static;
font-family:Helvetica,Arial,sans-serif;
font-weight:600;
margin-bottom:0.875em;
}
.section div.otherbox h2.other{
margin-bottom:0.875em;
margin-top:2em;
}
.section div.boxbg p{
margin-bottom:0.875em;
}
.section div.boxbg ul{
list-style:square outside none;
margin-left:2em;
}
.section div.boxbg ul li{
list-style:square;
}
.section div.boxbg ol{
list-style:decimal outside none;
margin-left:2em;
}
.section div.boxbg ol li{
list-style:decimal;
margin-bottom:0.75em;
}
.photocredit {
position:fixed;
bottom:0;
right:0;
height:auto;
font-size:0.75em;
color:#9fa0b1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color:rgba(0,0,0,0.6);
background:#000000;
opacity:0.6;
filter:alpha(opacity=60);
padding:2px;
visibility:hidden;
}
.photocredit a {
color:#9fa0b1;
font-weight:200;
transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
text-decoration:none;
}
.photocredit a:hover {
color:#ffffff;
font-weight:200;
text-decoration:none;
}
/* NAVIGATION */
#navigation{
position:fixed;
bottom:40px;
left:150px;
z-index:99;
width:100%;
line-height:10px;
}
#navigation div{
height:69px;
background-color:rgba(0,0,0,0.6);
background:#000000;
opacity:0.6;
filter:alpha(opacity=60);
padding:7px 0 0 7px;
}
#navigation span.navHome{
position:fixed;
left:-150px;
width:149px;
height:69px;
margin-left:143px;
background-color:rgba(0,0,0,0.99);
background:#000000;
opacity:0.99;
filter:alpha(opacity=99);
padding:7px 0 0 7px;
}
#navigation span.navHome li{
font-size:0.938em;
margin:43px 13px 2px 70px;
text-align:right;
color:#ccc;
font-weight:bold;
list-style:none;
letter-spacing:0.1em;
background-color:rgba(0,0,0,0.99);
background:#000000;
opacity:0.99;
filter:alpha(opacity=99);
transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
}
#navigation span.navHome li:hover{
color:#fff;
cursor:pointer;
}
#navigation ul.nav{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
float:left;
margin-top:4px;
width:110px;
font-size:0.688em;
list-style:none;
letter-spacing:0.001em;
padding:0;
}
#navigation ul.nav li{
float:left;
margin:0 0 6px 6px;
transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
height:10px;
padding:0;
color:#9fa0b1;
display:block;
}
#navigation ul.nav li:hover{
cursor:pointer;
color:#ffffff !important;
}
#navigation ul.nav li.active{
cursor:pointer;
font-weight:bold;
color:#ffffff !important;
}
#navigation #contact {
position:fixed;
bottom:41px;
right:12px;
height:auto;
background:transparent;
font-size:0.875em;
color:#9fa0b1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
#navigation #contact a {
color:#9fa0b1;
font-weight:600;
transition: color .35s ease-in-out;
-webkit-transition: color .35s ease-in-out;
text-decoration:none;
}
#navigation #contact a:hover {
color:#ffffff;
font-weight:600;
text-decoration:none;
}
#scrollbar-track {
width: 15px;
position: fixed;
right:0px;
height:100%;
background: transparent;
}
#scrollbar {
width:9px;
position:fixed;
right:0;
background-color:rgba(153,153,153,0.8);
background:#999999;
opacity:0.8;
filter:alpha(opacity=80);
-webkit-border-radius: 5px;
border-radius: 5px;
visibility:hidden;
transition: background .20s ease-in-out;
-webkit-transition: background .20s ease-in-out;
}
#scrollbar:hover {
background-color:rgba(102,102,102,0.8);
background: #666666;
opacity:0.8;
filter:alpha(opacity=80);
}
.embolden {
font-weight:600;
}