@charset "utf-8";

/* CSS Document */

html,body{overflow-x:hidden}

body{background:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000}

img{border:none}

a:link, a:visited{ color:#000}


/*Left*/

/*#left_col{position:absolute; top:0; left:0; width:305px; margin-left:10px}*/
#left_col{ position:absolute; width:308px; height:100%; min-height:840px; margin:0 10px; }

#logo{ margin-top:85px}

#nav a { font-size:11px; line-height:20px; height:20px; text-decoration:none; display:block; padding:0 5px; }
#nav ul { margin:0; padding:0; display:block; }
#nav ul li { position:relative; list-style:none; background-color:transparent; }
#nav ul ul { position:absolute; display:none; float:left; top:0; left:100%;}

/* default settings for 1st, 2nd, 3rd level of nav */
#nav>ul { width:65px; margin-left:0; }
#nav>ul>li>ul { width:95px; }
#nav>ul>li>ul>li>ul { width:148px; }

#nav>ul>li>a { margin-right:5px; }
#nav>ul>li>ul>li>a { margin-left:5px; margin-right:5px; }
#nav>ul>li>ul>li>ul>li>a { margin-left:5px; padding:0 0 0 5px; }

#nav li.active { background: url(images/line-x.png) no-repeat left center; background-size:50% 5px; }
#nav li.active>ul { display: block; } 

#nav li.section { background-size:100% 5px; }
#nav li.section>ul { background: url(images/line-y.png) no-repeat -2px 10px; }

#nav li.active>a { cursor:default; }
#nav li.active>a,
#nav li:hover>a { background-color:black; }

#nav li.active>a,
#nav li:hover>a,
#nav ul>li:hover>a:visited { color:white; }

#nav li.leaf.disabled>a { cursor:default; color:darkgray; }
#nav li.leaf.disabled:hover>a { background-color:gray; }
body.touch #nav li.leaf.disabled:hover>a { background-color:transparent; }

/*Right*/

#right_col{ margin-left:328px; margin-top:100px; }


#right_col_content{margin-right:10px; max-width:686px; margin-top:100px;}

.gallery-controls { position:absolute; left:0; top:-210px; width:100%; }


.isg_button i { padding-top:30px; }

.gallery-controls a#gallery_next,
.gallery-controls a#gallery_prev {
    position:absolute; display:block;  z-index:101;
    font-size:20px;
    height:80px; width:40px;
    line-height:80px;
    color:#000; background:#fff;
    display:block;
    position:absolute;
    top:50%; margin-top:-40px;
    cursor:pointer;
    text-align:center;
    -moz-opacity:0.6; -khtml-opacity:0.6;  opacity:0.6;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5);
}


.gallery-controls a#gallery_next {
    right:0;
    -webkit-border-top-left-radius: 80px;-webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topleft: 80px;-moz-border-radius-bottomleft: 80px;
    border-top-left-radius: 80px;border-bottom-left-radius: 80px;
}
.gallery-controls a#gallery_prev {
    left:0;
    -webkit-border-top-right-radius: 80px;-webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-topright: 80px;-moz-border-radius-bottomright: 80px;
    border-top-right-radius: 80px;border-bottom-right-radius: 80px;
}

.gallery-controls a#gallery_next,
.gallery-controls a#gallery_prev { -moz-opacity:0; -khtml-opacity:0;  opacity:0; }
#gallery:hover a#gallery_next,
#gallery:hover a#gallery_prev { -moz-opacity:0.8; -khtml-opacity:0.8;  opacity:0.8; }
.gallery-controls a#gallery_next:hover,
.gallery-controls a#gallery_prev:hover {
    text-decoration:none;
    -moz-opacity:1; -khtml-opacity:1;  opacity:1;
}
body.touch a#gallery_next,
body.touch a#gallery_prev { -moz-opacity:0.8; -khtml-opacity:0.8;  opacity:0.8; }
body.touch .gallery-controls a#gallery_next:hover,
body.touch .gallery-controls a#gallery_prev:hover {
    text-decoration:none;
    -moz-opacity:0.8; -khtml-opacity:0.8;  opacity:0.8;
}


#play_btn{ position:absolute; left:500px; top:10px; }

/*Footer*/

/*#footer{ margin-top:70px}*/

#copyright { font-size:11px; position:absolute; bottom:0; }


/* NEW STYLES */
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cf:before, .cf:after { content:" ";  display:table; }
.cf:after { clear:both; }
.cf {  *zoom:1; }