html, body { height: 100%; }
body { margin: 0; padding:0; }
div,p,td,ul,li,h1,h2,h3{ margin:0; padding: 0 }

body {
    background: white; font-family: Verdana, Arial, sans-serif; font-size: 11px;
    color : #000;
    min-width: 750px;
    min-height: 500px;
    position: relative;
}

p { 
    line-height: 1.2em;
    margin: 1.2em 0px; 
}

h1 { font-size: 18px; }
h2 { font-size: 14px; }


a {color: #d3d3d3; text-decoration: none; font-weight:bold;}
a:hover { color: #000000; }
a img { border: none; }

/* Positioned Layers */
#frontlogo {
    position:absolute; bottom:24px; left:30px;
}
#enter {
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -50px; margin-left: -130px;
    z-index: 1000;
}

#header {
    position: relative;
    z-index: 10;
    width: 100%; height: 80px;
    min-width: 800px;
    border-bottom: solid #D6D6D6 1px;
    background: white;
    line-height: 0;
}
#header #logo {
    position: absolute;
    top: 0px; left: 0px;
    width: 280px; height: 100%;
    border-right: solid #D6D6D6 1px;
    text-align: center;
    overflow: hidden;
}
#header #logo h1{
    margin-top: 30px;
}

#header #thumbnails {
    position: relative;
    height: 100%;
    margin: 0px 280px;
}
#thumbnail-scroller {    
    position: absolute;
    top: 18px;
    left: 50px;
}
#thumbnail-scroller:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#thumbnail-scroller li {
    list-style: none;
    float: left;
    width: 46px; height: 44px;
}
#thumbnail-scroller img {
    cursor: pointer;
    border: solid 2px transparent;
}
#thumbnail-scroller img:hover, #thumbnail-scroller img.hover {
    border: solid 2px #666;
}
.scroller-prev {
    display: block;
	position: absolute;
	z-index: 110;
    bottom: 120px;
	right: 4px;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
    background: url(/img/up_over.png);
	height: 19px; width: 26px;
    cursor: pointer;
}
.scroller-prev:hover {
    background: url(/img/up.png);
}
.scroller-next {
    display: block;
	position: absolute;
	z-index: 110;
	bottom: 80px;
	right: 4px;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
    background: url(/img/down_over.png);
	height: 19px; width: 26px;
    cursor: pointer;
}
.scroller-next:hover {
    background: url(/img/down.png);
}

#menu {
    width: 280px; height: 100%;
    position: absolute;
    top: 0px; right: 0px;
    border-left: solid #D6D6D6 1px;
    z-index: 1000;
}
#main-menu {
    margin-top: 34px;
    margin-left: 32px;
}
#main-menu a { outline : none; }
#main-menu li {
    float : left;
    list-style: none;
}
#main-menu li ul {
    width: 280px;
    position: absolute;
    top: 80px !important; right: 0px !important;
    z-index: 10;
    padding: 20px 0px;
    border: solid #D6D6D6 1px;
    border-right: none;    
}

#projects-menu { padding: 0px !important; }
#main-menu li ul li ul {
    position: static;
    border:none;
}
#main-menu li ul li {
    float: none;
    text-align: center;
    display: block;
}
#main-menu li ul li a {
    display: block;
}

#collection-menu li a, #collection-menu li .title {
    text-align: center;
    margin-bottom: 5px; 
    display: block;
}

#content { 
    position: relative;
    width: 100%; height: 87%;
    margin: 0;
    overflow: hidden;
}

#image-frame{
    position: absolute;
    top: 20px; left: 0px;
    height: 480px; width: 100%;
}
#image-frame img { cursor: pointer; }
#image-info{
    position: absolute;
    width: 60%;
    bottom: 26px; 
}
#image-caption {
    float: left;
    font-size: 10px;
    text-align: left;
    width: 50%;
    line-height: 1.2em;
    height: 3.6em;
    overflow: hidden;
}
#image-controls {
    float: right;
}
#image-controls a {
    cursor: pointer;
}


/* Image Popup */
#fullscreenContainer a:link {color: #000;}
#fullscreenContainer a:visited {color: #000;}
#fullscreenContainer a:hover {color: #000;}
#fullscreenContainer a:active {color: #000;}
#fullscreenContainer a:focus {color: #000;}
#overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color: #eee;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
#fullscreenContainer {
  font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #000;
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: solid #ddd 1px;
  text-align:left;
  top:50%;
  left:50%;
  padding: 10px;     
}
#fullscreenContainer img#fullscreenImage {
  display:block;
  margin: 15px 0 0 15px;  
  cursor: pointer;
}
#fullscreenCaption{
  line-height: 1.2em;
  padding-right: 22px;
  margin: 10px 52px 10px 14px;
  font-size: 12px;
  color: #666;
}
#fullscreenCaption p {
    margin: .6em 0 !important;
}
#fullscreenImageData {
    position: relative;
    padding-bottom: 14px;
    margin-top: 10px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}
#fullscreenImageData a { text-decoration: none; }
#TB_secondLine {
  position: absolute;
  top: 0px; right: 14px;
  font: 16px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#000;
}
#TB_imageCount { display: none; }
#fullscreenCloseButton {
  height:25px;
  font-weight:bold;
  position: absolute;
  top: 0px; right: 8px;
  text-indent: -9999px;
  background: url(../img/image.php?text=CLOSE%20X&bg=fff&size=12&color=999);
  width: 76px; height: 18px;
  outline: none;
}
#fullscreenCloseButton:hover {
    background: url(../img/image.php?text=CLOSE%20X&bg=fff&size=12&color=000);
}
#fullscreenCloseButton:hover {
    color: #D90310 !important;
}
#fullscreenLoad{
  position: fixed;
  display:none;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#fullscreenControls {
    font-size: 11px;
    color: #000;
    position: absolute;
    right: 12px; top: 0px;
}
#fullscreenControls a {
    margin: 0px 1px;
    cursor: pointer;
    color: #666;
    text-transform: capitalize;
}
#fullscreenControls a:hover {
    color: #D90310;    
}

/* Other */

.page { margin-top: 16px; width: 66% !important;}

#overlay {
    position: fixed;
    top: 0px; left: 0px;
    z-index: 100;
    background: #eee;
}
#text-overlay {
    background: #eee;
    width: 100%;
    z-index: 100;
}
.text-popup {
    position: absolute;
    top: 10px; left: 55px;
    width: 90%; height: 90%;
    z-index: 101;
    overflow: ;
    font-size: 14px;
}
.text-popup .scroll {
    overflow: hidden;
    width: 94%;
    height: 100%;
    text-align: left;    
    padding-right: 50px;
}
#text-close {
    position: absolute;
    display: block;
    z-index: 101;
    bottom: -38px; right: 8px;
    cursor: pointer;
}

#thumbloading {
    position:absolute; z-index: 101;
    top:47%; left: 50%; 
}

.resize {
    width: 100%;
}
.vertical-resize {
    height: 100%;
}

form {
    text-align: center;
    margin-top: 16%;
}
form input { border: solid #aaa 1px; }
form input:focus { border-color: #000; }


/* Helper Classes */
.message { color: red; }

.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 */

.disabled { display: none; }


.Size_8pt { font-size: 8pt; }
.Size_9pt { font-size: 9pt; }
.Size_10pt { font-size: 10pt; }
.Size_11pt { font-size: 11pt; }
.Size_12pt { font-size: 12pt; }
.Size_13pt { font-size: 13pt; }
.Size_14pt { font-size: 14pt; }
.Size_15pt { font-size: 15pt; }
.Size_16pt { font-size: 16pt; }
.Size_17pt { font-size: 17pt; }
.Size_18pt { font-size: 18pt; }
.Size_19pt { font-size: 19pt; }
.Size_20pt { font-size: 20pt; }
.Size_24pt { font-size: 24pt; }
.Size_36pt { font-size: 36pt; }

.Size_10px { font-size: 10px; }
.Size_12px { font-size: 12px; }
.Size_14px { font-size: 14px; }
.Size_16px { font-size: 16px; }
.Size_18px { font-size: 18px; }
.Size_20px { font-size: 20px; }
.Size_22px { font-size: 22px; }
.Size_24px { font-size: 24px; }