@media screen {/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
}
@media screen {
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 11px; line-height: 1.3em;}


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; color: #fff; background: #393536; }
    
h1,h2,h3,h4,h5,h6 { font-weight: normal; }


/* Headings
-------------------------------------------------------------- */

h1 { font-size: 250%; margin-bottom: 20px; }
h2 { font-size: 14px; margin-bottom: 20px; }
h3 { font-size: 13px; margin-bottom: 20px; font-weight: bold; }
h4 { font-size: 13px; margin-bottom: 20px; font-weight: bold; }
h5 { font-size: 1em; margin-bottom: 20px; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none !important;
    color: #fff !important;
}

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 16px; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #fff; text-decoration: none;}
a:hover, a.hover, a.active, a.selected { color: #fbb; text-decoration: underline; }
a:focus { outline: 0; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { border-collapse: collapse;  }
th { font-weight: bold; }
td {}
th,td { padding: 0; vertical-align: top; border: none; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */
.title { }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.thin { font-weight: normal; }

.hide { display: none; }
.highlight { color: #EF0000; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.emphasis { color: #EF0000; }

.align-right { text-align: right;}
.align-left { text-align: left;}
.float-right { float: right; }
.float-left { float: left; }
.clear { clear: both; }

.aside {
    float: right;
    text-align: right;
    width: 212px;
}

.text-content {
    background: #fff;
    color: #555;
    padding: 30px;
}

input, textarea, select {}
}
@media screen {
/* Site */
html, body { height: 100% !important; }
body { 
    position: relative; min-width: 990px; min-height: 610px;
}

#wrap {
    display:block;
    height:1px;
    overflow:visible;
    position:absolute;
    left:0px;
    top:50%;
    visibility:visible;
    width:100%;
}

#content { height: 512px; }

#container {
    position: absolute;
    width: 910px;
    height: 600px;
    left: 50%;
    top: -310px;
    margin-left: -455px;
    visibility: visible;
}

#header {
    padding-bottom: 13px;
    position: relative;
}
#header h1 {
    font-size: 56px;
    margin: 0; 
}
#nav-menu {
    margin: 0; 
    list-style: none;
    position: absolute;
    right: 0;
    top: 0;
}
#nav-menu li {
    float: left;
    margin-left: 16px;
}
#nav-menu li a {
    font-size: 16px;
    text-decoration: none;
    padding: 0; 
}

#footer {
    position: relative;
    margin-top: 16px;
    font-size: 16px;
}
#footer a {
    text-decoration: none !important;
}
#footer a, #footer span {
    padding-right: 14px;
}

.image-box {
    width: 910px;
    height: 475px;
    overflow: hidden;
}
.image-box table { margin: 0; }
.image-box  td {
    padding: 0 24px 0 0;
}
.image-box td a, .image-box td img { display: block; }
.image-box .controls {
    height: 20px;
    margin-top: 15px;
    position: relative;
}
.image-box .image-prev, .image-box .image-next {
    position :absolute;
    display: block;
    top: 0px;
    cursor: pointer;
}
.image-box .image-prev {
    left; 0px;
}
.image-box .image-next {
    right: 0px;
}
.image-box .scrollbar {
    width: 818px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.image-box .scroll-handle {
    display: block; 
    position: absolute;
    top: 0px; left: 0px;
    cursor: move;
}

.bio-overlay,
.page-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    opacity: 0.9;
    -moz-opacity: 0.9;
	filter:alpha(opacity=90);
    z-index: 10;
}
.bio-overlay img { cursor: pointer; z-index: 1000;}

#bio {
    position: absolute;
    width: 1000px;
    font-size: 12px !important;
    line-height: 1.5em !important;
}

.container {
    position: absolute;
    width: 100%; height: 100%;
    z-index: 1000;
}
.page {
    position: absolute; z-index: 1000;
    cursor: pointer;
}
.page-bg {
    position: absolute;
    z-index: 100;
    background: #555;
    opacity: 0.05;    
    -moz-opacity: 0.05;    
	filter:alpha(opacity=5);
}
.page table td {
}

#loading {
    position: absolute;
    background: #393536;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 1000;
    text-align: center;
}
#loading table {
    width: 100%;
    height: 100%;
}
#loading table td {
    vertical-align: middle;
    text-align: center;
}
#loading div.loading-text {
    width: 500px;
    margin: 10px auto 20px auto; 
    font-size: 13px;
}

.collection .scroller-controls {
    position: relative;
    margin-top: 22px; margin-left: -2px
}
.press .scroller-controls {
    position: absolute; width: 100%; 
    left: 0; top: 50%; margin-top: -10px;
}
.scroller-controls a.disabled { display: none; }
.collection .scroller-next,
.collection .scroller-prev {
    cursor: pointer; color: #666;
    display: block; text-indent: -9999px;
    width: 10px; height: 11px;
    position: absolute; top: 50%; margin-top: -8px;
    display: none;
}
.press .scroller-next, 
.press .scroller-prev {
    display: block;
}
.collection .scroller-next {
    right: -28px; background: url('/static/img/arrow_white_right.png');
}
.collection .scroller-prev {
    left: -38px; background: url('/static/img/arrow_white_left.png');
}

.collection .scroller-scrollbar {
    position: relative;
    border: solid 1px #231F20;
    height: 13px; width: 100%;
    /*margin-left: 15px;*/
}
.collection .scroller-handle {
    position: absolute;
    height: 13px; width: 40px;
    background: #231F20;
}
.collection .scroller-handle:hover {
    background: #000;
}

#bio { display: none; }

/* Helper Classes */

.float-right { float:right; }
.float-left { float:left; }
.clear { clear: both; }

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.Font_8pt { font-size: 8pt; }
.Font_9pt { font-size: 9pt; }
.Font_10pt { font-size: 10pt; }
.Font_11pt { font-size: 11pt; }
.Font_12pt { font-size: 12pt; }
.Font_13pt { font-size: 13pt; }
.Font_14pt { font-size: 14pt; }
.Font_15pt { font-size: 15pt; }
.Font_16pt { font-size: 16pt; }
.Font_17pt { font-size: 17pt; }
.Font_18pt { font-size: 18pt; }
.Font_19pt { font-size: 19pt; }
.Font_20pt { font-size: 20pt; }
.Font_24pt { font-size: 24pt; }
.Font_36pt { font-size: 36pt; }

.Font_10px { font-size: 10px; }
.Font_12px { font-size: 12px; }
.Font_14px { font-size: 14px; }
.Font_16px { font-size: 16px; }
.Font_18px { font-size: 18px; }
.Font_20px { font-size: 20px; }
.Font_22px { font-size: 22px; }

}
/* Image Popup */
.fullscreenContainer {
  color: #fff;
  min-width: 300px;
  position: fixed;
  z-index: 302;
  text-align:left;
  top:50%;
  left:50%;
}
/*.fullscreenContainer a:link {color: #fff;}
.fullscreenContainer a:visited {color: #fff;}
.fullscreenContainer a:hover {color: #fff;}
.fullscreenContainer a:active {color: #fff;}
.fullscreenContainer a:focus {color: #fff;}*/
.overlay {
  position: fixed;
  z-index:300;
  top: 0px;
  left: 0px;
  background-color: #000;
  filter:alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  height:100%;
  width:100%;
}
* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 }

* html .fullscreenContainer {
    position: absolute;
 }
.fullscreenContainer img.fullscreenImage {
  display:block;
  margin: 10px 0 0 10px;  
}
.fullscreenCaption{
  line-height: 1.2em;
  padding-right: 22px;
  margin: 16px 140px 0 10px;
  font-size: 11px !important;
  float: left;
}
.fullscreenCaption p {
    margin: 0 0 16px 0 !important;
}
.fullscreenImageData {
    padding-bottom: 14px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}
.fullscreenImageData a { text-decoration: none; }
.TB_secondLine {
  top: 0px; right: 14px;
  font-weight: bold;
}
.TB_imageCount { display: none; }
.fullscreenCloseButton {
    margin: 16px 16px 0 0; float: right;
}
.fullscreenCloseButton:hover {
}
.fullscreenLoad{
  position: fixed;
  display:none;
  z-index:303;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px; /* -height/2 0 0 -width/2 */
}

.fullscreenControls {
    position: absolute; width: 100%; 
    left: 0; top: 50%; margin-top: -20px;
}
.count { display: none; }
.fullscreenControls a {
    cursor: pointer; color: #666;
    display: block; text-indent: -9999px;
    width: 10px; height: 11px;
    position: absolute; top: 50%; margin-top: -8px;
}
.fullscreenControls a:hover {
    color: #888;    
}
.fullscreenPrev {
    left: -20px;
    background: url('/static/img/arrow_white_left.png');
}
.fullscreenNext {
    right: -20px;
    background: url('/static/img/arrow_white_right.png');
}

.fullscreenTools { font-size: 11px; margin-left: 10px; margin-top: 20px; }
.fullscreenTools a { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #888 !important;}
.fullscreenTools a:hover { color: #fff !important; }