@charset "UTF-8";
*{
    margin:0;
    padding:0;
}
html,
body{
    height:100%;
    overflow:hidden;
}
body{
    font-family:museo-sans-rounded,sans-serif;
    font-weight:300;
    background-color:white;
    font-size:.875em; /* 14/16 */
}
strong,
h1,h2,h3,h4,h5,h6{
    font-weight:700;
}
#curtain{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:white;
    opacity:1;
    cursor:pointer;
    z-index:2000;
}
#curtain .article{
    width:850px;
    height:550px;
    padding:25px;
    margin:0 auto;
    top:50px;
    position:relative;
}
#curtain img{
    float:left;
    margin:0 12px 0 0;
}
#curtain h1,
#curtain p{
    max-width:900px;
    margin:0 auto 20px;
}
#curtain h1{
    text-align:center;
    margin-top:100px;
}
#content{
    position:absolute;
    width:920px;
    height:750px;
    margin:0 auto;
    top:30px;
    left:50%;
    margin-left:-460px;
    z-index:1000;
}
#nav{
    text-align:center;
}
#nav a,
.article_closer{
    line-height:5px;
    box-shadow:1px 1px 3px rgb(80,80,80);
    padding:10px;
    color:black;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    text-shadow:0 1px 1px rgba(255,255,255,.3);
    cursor:pointer;
    background-color: rgb(40,52,58); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top,  rgba(242,246,248,.5) 0%, rgba(216,225,231,.5) 50%, rgba(181,198,208,.5) 51%, rgba(224,239,249,.5) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,.5)), color-stop(50%,rgba(216,225,231,.5)), color-stop(51%,rgba(181,198,208,.5)), color-stop(100%,rgba(224,239,249,.5))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(242,246,248,.5) 0%,rgba(216,225,231,.5) 50%,rgba(181,198,208,.5) 51%,rgba(224,239,249,.5) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(242,246,248,.5) 0%,rgba(216,225,231,.5) 50%,rgba(181,198,208,.5) 51%,rgba(224,239,249,.5) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(242,246,248,.5) 0%,rgba(216,225,231,.5) 50%,rgba(181,198,208,.5) 51%,rgba(224,239,249,.5) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(242,246,248,.5) 0%,rgba(216,225,231,.5) 50%,rgba(181,198,208,.5) 51%,rgba(224,239,249,.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */
    *display:inline;zoom:1;
}
#nav a.selected,
#nav a:hover,
.article_closer:hover{
    background-color: rgb(80,92,98);
}
#nav a:first-child{
    -moz-border-radius:5px 0 0 5px;
    -ms-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
#nav a:last-child{
    -moz-border-radius:0 5px 5px 0;
    -ms-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
#gmap{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:500;
}
.home-article,
#content div.article{
    position:absolute;
    z-index:1500;
    width:880px;
    height:550px;
    padding:50px;
    background-color:white;
    left:50%;
    top:250%;
    margin:-325px 0 0 -490px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-shadow:3px 3px 15px black;
    overflow:hidden;
    display:block;
}
.article_closer{
    position:absolute;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    width:5px;
    text-align:center;
    line-height:5px;
    right:10px;
    top:10px;
    text-transform:none;
}
.home-article{
    top:42%;
    box-shadow:none;
    padding:0;
    overflow:visible;
}
#content div.article iframe{
    width:880px;
    height:550px;
    border:none;
}
.section_icon{
    width:60px;
    height:60px;
    position:absolute;
    cursor:pointer;
    background:url(../__layout/content_icons/0.png) no-repeat center center;
    background-size:60px;
    opacity:0;
}
.section_icon.sect0{ left:150px;top:90px; }
.section_icon.sect1{ background-image:url(../__layout/content_icons/1.png);left:150px;top:520px; }
.section_icon.sect2{ background-image:url(../__layout/content_icons/2.png);left:650px;top:80px; }
.section_icon.sect3{ background-image:url(../__layout/content_icons/3.png);left:350px;top:260px; }
.section_icon.sect4{ background-image:url(../__layout/content_icons/4.png);left:450px;top:500px; }
.section_icon.sect5{ background-image:url(../__layout/content_icons/5.png);left:650px;top:310px; }

.section_icon:after {
    content:"";
    position:absolute;
    bottom:-65px; /* value = - border-top-width - border-bottom-width */
    left:10px; /* controls horizontal position */
    border-width:65px 10px 0; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:black transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* Variant : top
------------------------------------------ */

.section_icon.top:after {
    top:-65px; /* value = - border-top-width - border-bottom-width */
    right:10px; /* controls horizontal position */
    bottom:auto;
    left:auto;
    border-width:0 10px 65px; /* vary these values to change the angle of the vertex */
    border-color:black transparent;
}

/* Variant : left
------------------------------------------ */

.section_icon.left:after {
    top:16px; /* controls vertical position */
    left:-69px; /* value = - border-left-width - border-right-width */
    bottom:auto;
    border-width:10px 70px 10px 0;
    border-color:transparent black;
}

/* Variant : right
------------------------------------------ */

.section_icon.right:after {
    top:16px; /* controls vertical position */
    right:-69px; /* value = - border-left-width - border-right-width */
    bottom:auto;
    left:auto;
    border-width:10px 0 10px 70px;
    border-color:transparent black;
}