/* latin-ext */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/allura/v15/9oRPNYsQpS4zjuA_hQgWDto.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/allura/v15/9oRPNYsQpS4zjuA_iwgW.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Glass Antiqua';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/glassantiqua/v18/xfu30Wr0Wn3NOQM2piC0uXOjrLb6NpfR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Glass Antiqua';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/glassantiqua/v18/xfu30Wr0Wn3NOQM2piC0uXOjrLj6Ng.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v22/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftodtWZeWGKOnU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v22/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftodtWZd2GK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@media all and (min-width:700px) {

#head, #foot, #slides, #scroller, h1, #cont, #mid, div#thumbs {border:solid 0px #f00;}
.nav, div#lboxcontZZ, div#browser, div#slides div div, .eform {border:solid 1px #666;}
h1, h2 {font:140% "Allura", sans-serif;}
h1 {position:absolute; left:335px; right:0px; top:2px; height:25px; font-size:170%; margin:0px; color:#000; line-height:1em;}
h2 {margin:4px 4px -3px 4px;}
p, label {font-size:95%; margin:4px 4px 14px 4px; font-family:"Glass Antiqua", helvetica, sans-serif; letter-spacing:0.07em}
p:last-child {margin-bottom:4px;}
a {color:#000; text-decoration:none;}
a:hover {color:#AD5B93; text-decoration:none;}
.i {font-style:italic;}

/* #cont {background: rgba(255,255,255,0.4) url(Images/transwhiteO.png) repeat;} */
#cont {background: url(Images/transwhite.png) repeat;}
body {margin:5px; font-family:arial, helvetica, sans-serif; background:#fff url(Images/IggyBG.png) repeat 50% 50%; color:#000;}

#cont {display:table; position:absolute; height:auto; width:700px; margin-left:-350px; left:50%;}
#head, #foot {display:table-row; position:relative; width:700px;}
#head {top:0px; height:82px;}
#logo {position:absolute; height:75px; top:5px; left:10px; width:auto;}

.nav, .nav ul {color:#000; font-family:"Yanone Kaffeesatz", helvetica, sans-serif; font-weight:200; display:block; position:absolute; margin:0px; padding:0; top:36px; height:20px; left:210px; right:10px; font-size:119%; text-align:center; border-width:1px 0; text-transform:uppercase;}
.nav ul {display:none; top:20px; left:0px; right:0px; width:auto; height:auto; padding-top:2px; text-align:center; font-size:16px;}
.nav li {display:inline-block; position:static; width:auto; height:100%; margin:0px; padding:0 12px; background:none;}
.nav li:hover ul {display:block;}

#follow {display:block; position:absolute; margin:0px; top:3px; height:20px; width:280px; right:8px; text-align:right;}
#follow p {margin:0; padding:0; font-family:"Yanone Kaffeesatz", helvetica, sans-serif; font-weight:200; font-size:90%; text-transform:uppercase;}
#follow a {position:relative; display:inline-block; width:20px; height:20px; top:4px; margin:0px 2px;}
#follow a img {width:20px; height:20px; border:none;}

#foot {bottom:0px; height:46px; font-size:75%;}
#foot p {text-align:center; margin:4px;}
#foot ul {position:relative; left:0px; right:0px; top:0; height:auto; border-width:0; font-size:16px;}

#mid {display:table-row; position:relative; width:660px; height:auto; margin-left:-330px;}
#pad {display:table-cell; padding:15px;}
#pad h1 {position:static; margin:4px;}
#pad img {float:left; margin:2px 10px 5px 4px;}
#viewer, #scroller {display:block; position:absolute; width:100%;}

#viewer {top:0px; height:380px; left:30px; right:30px; width:auto;}
img#lightbox, div#lboxcont {display:block; position:absolute; overflow:hidden; height:380px; width:285px; background-color:transparent;}
img#lightbox {display:block; position:absolute; max-height:380px; min-width:285px; height:auto; width:285px;}
div#slides {display:block; position:absolute; left:305px; right:0px; top:30px; bottom:0px; width:auto; overflow:auto;}

div#scroller {top:390px; height:112px;}
div#browser {display:block; position:absolute; left:30px; right:30px; height:100%; overflow:hidden; white-space:nowrap;}
div#thumbs {display:inline-block; padding:4px;}
div#thumbs a img, div#thumbs a {position:relative; display:inline-block; height:104px; width:78px; border-width:0;}
div#thumbs a:hover img, div#thumbs a:focus img {opacity:0.8; filter:alpha(opacity=80);}
div.button {display:block; position:absolute; top:0px; height:100%; width:25px; text-align:center; line-height:112px;}
div.step {display:none; position:absolute; top:50%; margin-top:-15px; height:30px; width:30px; text-align:center; line-height:30px;}
div.button, div.step {cursor:pointer;}
div#lboxcont:hover div.step, div.button:hover {display:block; background-color:#fff; opacity:0.6; filter:alpha(opacity=60);}
div#left, div#stepl {background:transparent url(Images/left.png) no-repeat 50% 50%;}
div#right, div#stepr {right:0px; background:transparent url(Images/right.png) no-repeat 50% 50%;}
div#stepl {border-radius:0px 15px 15px 0px;}
div#stepr {border-radius:15px 0px 0px 15px;}

}


@media all and (max-width:700px) and (min-width:1px) {
  #cont {margin:0px; left:0;}
}

@media all and (max-width:700px) and (min-width:1px) {
.nav, div#lboxcontZZ, div#browser, div#slides div div, .eform {border:solid 1px #666;}
h1, h2 {font:130% "Allura", sans-serif;}
h1 {position:relative; height:25px; font-size:150%; margin:0px; color:#000; line-height:1em;}
h2 {margin:4px 4px -3px 4px;}
p, label {font-size:95%; margin:4px 4px 14px 4px; font-family:"Glass Antiqua", helvetica, sans-serif; letter-spacing:0.07em}
p:last-child {margin-bottom:4px;}
a {color:#000; text-decoration:none;}
a:hover {color:#AD5B93; text-decoration:none;}
.i {font-style:italic;}

/* #cont {background: rgba(255,255,255,0.4) url(Images/transwhiteO.png) repeat;} */
#cont {background: url(Images/transwhite.png) repeat;}
body {margin:5px; font-family:arial, helvetica, sans-serif; background:#fff url(Images/IggyBG.png) repeat 50% 50%; color:#000;}

#cont {display:table; position:relative;}
#head, #foot {display:table-row; position:relative;}
#head {top:0px;}
#logo {position:relative; height:75px; width:auto; margin:5px}

.nav, .nav ul {color:#000; font-family:"Yanone Kaffeesatz", helvetica, sans-serif; font-weight:200; display:block; position:relative; margin:5px; padding:0; font-size:149%; text-align:center; border-width:1px 0; text-transform:uppercase; line-height:1.6em;}
.nav ul {display:none !important; top:20px; left:0px; right:0px; width:auto; height:auto; padding-top:2px; text-align:center; font-size:13px;}
.nav li {display:inline-block; position:static; width:auto; height:100%; margin:0px; padding:0 10px; background:none;}
.nav li:hover ul {display:block;}

#follow {display:block; position:absolute; margin:0px; top:3px; height:20px; width:280px; right:8px; text-align:right;}
#follow p {margin:0; padding:0; font-family:"Yanone Kaffeesatz", helvetica, sans-serif; font-weight:200; font-size:90%; text-transform:uppercase;}
#follow a {position:relative; display:inline-block; width:20px; height:20px; top:4px; margin:0px 2px;}
#follow a img {width:20px; height:20px; border:none;}

#foot {bottom:0px; font-size:95%;}
#foot p {text-align:center; margin:4px;}
#foot ul {position:relative; left:0px; right:0px; top:0; height:auto; line-height:1.6em; border-width:0;}

#mid {display:table-row; position:relative; width:auto; height:auto;}
#pad {display:table-cell; padding:15px;}
#pad h1 {position:static; margin:4px;}
#pad img {display:block; position:static; margin:4px auto 4px auto;}
#viewer, #scroller {display:block; position:relative; width:100%;}

#viewer {width:auto;}
img#lightbox, div#lboxcont {display:block; position:relative; overflow:hidden; height:auto; width:100%; background-color:transparent; margin-bottom:10px;}
img#lightbox {display:block; position:relative; height:auto; width:100%;}
div#slides {display:block; position:relative; width:auto;}

div#scroller {height:112px; margin-bottom:20px;}
div#browser {display:block; position:absolute; left:30px; right:30px; height:100%; overflow:hidden; white-space:nowrap;}
div#thumbs {display:inline-block; padding:4px;}
div#thumbs a img, div#thumbs a {position:relative; display:inline-block; height:104px; width:78px; border-width:0;}
div#thumbs a:hover img, div#thumbs a:focus img {opacity:0.8; filter:alpha(opacity=80);}
div.button {display:block; position:absolute; top:0px; height:100%; width:25px; text-align:center; line-height:112px;}
div.step {display:none; position:absolute; top:50%; margin-top:-15px; height:30px; width:30px; text-align:center; line-height:30px;}
div.button, div.step {cursor:pointer;}
div#lboxcont:hover div.step, div.button:hover {display:block; background-color:#fff; opacity:0.6; filter:alpha(opacity=60);}
div#left, div#stepl {background:transparent url(Images/left.png) no-repeat 50% 50%;}
div#right, div#stepr {right:0px; background:transparent url(Images/right.png) no-repeat 50% 50%;}
div#stepl {border-radius:0px 15px 15px 0px;}
div#stepr {border-radius:15px 0px 0px 15px;}

}