* { margin: 0; padding: 0; border: 0; }
body { font: 16px/24px Arial, Helvetica, sans-serif; min-width: 320px; -webkit-text-size-adjust: none; }
header { background: #eee; color: #999; }
h1 { padding: 10px; font-size: 28px; line-height: 32px; }
img { display: block; max-width: 100%; height: auto!important; }
#menu { margin-bottom: 20px; }
#menu a { width: 50%; border-top: 1px solid #999; border-bottom: 1px solid #999; text-decoration: none; color: #666; font-weight: bold; text-align: center; display: inline-block; vertical-align: top; padding: 10px 5px; box-sizing: border-box; }
#menu a:first-of-type { border-right: 1px dotted #eee; }
#menu a:active, #menu a:hover { background: #666; color: #eee; }

.gallery { padding: 0 10px 20px; margin-bottom: 20px; border-bottom: 1px dotted #eee; }
.gallery h3 { margin: 20px 0 10px; }
.gallery a { width: 100px; height: 100px; display: inline-block; vertical-align: top; border: 1px solid #eee; margin: 5px 5px 0 0; }
.gallery a:active, .gallery a:hover { border-color: #666; }
.existing { margin: 0; padding-bottom: 0; border: 0; }

label { font-weight: bold; font-size: 11px; line-height: 14px; display: block; padding: 3px 10px; text-transform: uppercase; margin-top: 10px; }
input { width: 100%; padding: 10px; box-sizing: border-box; font: 14px Arial, Helvetica, sans-serif; background: #f6f6f6; display: block; }

input.formsub { display: block; width: auto; font-weight: bold; font-size: 14px; margin: 10px 5px 0 10px; padding: 6px 15px; color: #fff; border: 0; background: #a8bc59; border-radius: 2px 2px 3px 3px; border-bottom: 2px solid #869a37; cursor: pointer; text-decoration: none; }
input.formsub:hover { background-color: #becd83; border-color: #869a37; color: #fff; }
input.formsub:active { background-color: #869a37; border: 0; color: #fff; margin-top: 12px; }
.areyoudone { padding: 10px; margin-top: 20px; border-top: 1px solid #eee; }
.areyoudone a { color: #a8bc59; }
.areyoudone a:hover { text-decoration: none; }

a.gallpic { font-weight: bold; text-decoration: underline!important; }
a.gallpic:hover { text-decoration: none!important; }

@media all and (max-width: 500px) {
    body { font-size: 14px; line-height: 22px; }
    h1 { font-size: 18px; line-height: 22px; }
    .gallery a { width: 80px; height: 80px; }
}

#fl_gallwrap{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;display:none;font:11px Arial, Helvetica, sans-serif;line-height:20px;color:#333;text-align:left;}
#fl_gallcover{position:fixed;width:100%;height:100%;top:0;left:0;margin:0;padding:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);}
#fl_gallbox{position:relative;top:5%;margin:0 auto;background-color:#fff;padding:10px;width:100px;height:100px;}
#fl_gallpic{display:block;margin:0 auto;position:relative;top:35%;}
#fl_gallbelowpic{clear:both;display:none;padding:5px 10px 10px;margin:0 -10px;background-color:#fff;overflow:hidden;}
#fl_gallwrap a{color:#666;text-decoration:none;}
#fl_gallwrap a:hover{color:#444;}
#fl_gallprevnext{background:url('../scripting/blank.gif');position:relative;}
#fl_gallprev{position:absolute;z-index:50;}
#fl_gallnext{text-align:right;position:absolute;z-index:50;right:0;}
#fl_gallclose, #fl_gallslide{clear:right;float:right;}
a#fl_gallprev:hover, a#fl_gallnext:hover, a#fl_gallclose:hover{border-width:0;}
#fl_gallprev img, #fl_gallnext img{visibility:hidden;padding-top:50px;display:inline;}
#fl_gallprev:hover img, #fl_gallnext:hover img{visibility:visible;}

#fl_gallpicwrap { overflow: hidden; }
.gallhidden { display: none!important; }
.galltransitionfast { transition: 0.2s all; }