/* blank */ 

html,
button,
input,
select,
textarea {
    color: #222;
}


#fakebanner {
   margin-top: 2em;
}

#fakebanner div {
   background-color: rgba(0,128,255,0.5);
   float: left;
}

#fakebanner .box {
   overflow: visible;
   display: visible;
}

#fakebanner .img {
   width: 9em;
   height: 8em;
   background: linear-gradient(to bottom right, #f7f 49%, blue 51%);
}
#fakebanner .box1 {
   width: 5em;
   overflow: hidden;
}

#fakebanner .box1 .img {
   width: 6em;
   float: right;
   background: linear-gradient(to bottom right, #77f 49%, green 51%);
//   right: 0;
}


#fakebanner .box2 {
//   width: 3em;
   overflow: hidden;
}

#banner {
   overflow: visible;
   box-shadow: 0px 20px 10px -10px rgba(0,0,0,0.75);
   height: 180px;
   position: relative;
}


#banner .copyright {
   font-style: italic;
   position: absolute;
   bottom: -4em;
   color: #888;
   font-size: 0.75em;
   right: 0;
}

.gallery-banner {
   width: 150%;
   left: -25%;
   position: relative;
   margin-bottom: 5em;
   float: left;
}

.gallery-banner li {
   float: left;
}


.banner-main {
   position: absolute;
   top: 0;
   left: 50%;
   visibility: hidden;
}

.banner-main *{
//   border: 1px solid rgba(0,0,0,0.5);
}
.banner-main .box {
   position: relative;
   visibility: visible;
   top: -1em;
   left: -50%;
   box-shadow: 10px 10px 5px #888888;
   box-shadow: 8px 8px 12px 2px rgba(0,0,0,0.75);
   overflow: hidden;
   float: left;
}
.banner-main .box1, .banner-main .box2 {
   overflow: hidden;
}


.banner-main .box1 img {
/*   width: 240px;*/
   height: 240px;  
   float: right;
}.banner-main .box2 img {
/*   width: 240px;*/
   height: 240px;  
   float: left;
}


/* UL */
.banner-left, .banner-right {
   list-style: outside none none;
   width: 75%;
   padding: 0 0 0 0;
   float: left;
   overflow: hidden;
   height: 180px;
}

.banner-left {
   margin-left: -25%;
}
.banner-right {
   margin-right: -25%;
   float: right;
}

.gallery-banner li img {
   max-width: none;
/*   width: 180px;*/
   height: 180px;  
}
.banner-left li {
   float: right;
}
.banner-right li {
   float: left;
}
.banner-right li img {
   float: right;
}

.gallery-nav {
   float: left;
   width: 100%;
   padding: 0;
}
.gallery-nav li {
   margin: 0 2.5%;
   width: 20%;
   float: left;
}
.gallery-nav a {
   display: block;
   text-align: center;
   padding: 0.5em;
   box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
   min-height: 4em;
}
.gallery-nav .noimg {
   padding-top: 7.5em;
}

.gallery-thumbs li {
   margin: 0 2.5%;
   width: 20%;
   float: left;
}

.gallery-thumbs a {
   display: block;
   text-align: center;
}
.gallery-thumbs img {
   max-width: 100%;
}