* { margin:0px; padding: 0px; }
a { outline: none; }
body { font-family: Arial, Sans-Serif; font-size: 0.8em; color: #999; background-color: #fff; width: 100%;}
.body { width: 92%; height: 560px; margin: 15px auto; position: relative;}
#navBar { width:120px; text-align: left; position: absolute; top: 120px; left: 20px; height: 440px;}

#logo {background: #fff url("../images/logoWhite2.png") no-repeat 0px 0px; height: 0px; margin: 0px; overflow: hidden; padding-top:34px; position: absolute; top: 30px; left: 0px; width: 134px; }

h2 { font-size: 1.4em; font-weight: bold; }
h4 { font-weight: normal; }
a:visited, a { color: #888; text-decoration:none;}
a:hover, a:visited:hover {color:#333; }

#galleries { margin-bottom: 20px; padding-left:5px; }
#galleries ul { list-style-type: none; text-align: left; }
#galleries ul li, #nav li { padding-left:15px; }
#nav { list-style-type: none; padding-left:5px; margin-left:-15px;}
.selected { background: url('../images/arrow.png') no-repeat 0% 50%;}

#gallery { height: 100%; width: 89%; position: absolute; left: 138px; }
#galleryImageControls { width: 60px; font-size:1.8em; padding: 10px 0px 0px 10px; border-top: 1px solid #ccc; margin: 20px 0px 0px 10px; }
#galleryImageControls a:hover { text-decoration:none; }
#galleryImageControls a, #galleryImageControls .placeHolder {display: block; width: 100px; height:25px; margin-left: -26px;}
#galleryImageControls a span { font-size:0.55em; vertical-align:9%;}
#nextPH { text-align:right;  margin-bottom: 20px;}
#prevPic { text-align:left; }
#nextPic { text-align:right; margin-bottom: 20px;}
#prevPic span { background: url('../images/arrows.png') no-repeat -84px 1px; padding-left: 20px;}
#nextPic span { background: url('../images/arrows.png') no-repeat 30px 2px; padding-right: 20px;}
#prevPic:hover span { background-position: -84px -46px; }
#nextPic:hover span { background-position: 30px -46px; }
#moreInfo, #showThumbs { font-size: 0.55em; display: block; text-align:center; width: 120px !important; margin-left: -34px !important; }


#galleryControls {height: 530px; text-align:center;} 
#thumbnails {  height: 480px; overflow-y: auto; margin: 25px auto; width: 760px; background: #fff; text-align: center; border: 1px solid #eee; padding: 0px; }
#galleryControls img {  border: 0px none; vertical-align: middle; padding: 12px; cursor:pointer;}

#shade { height: 562px; width: 100%; background-color: #fff; position: absolute; top: 0px; left: 0px;}

#galleryInfo { line-height: 16px; width: 320px; color: #fff; text-align: left; padding: 15px 25px 30px; position: absolute; bottom: 30px; left: 50%; margin-left: -185px; }
.pngTransBG { background: url('../images/trans_75.png'); }
.nativeTransBG { background: #000; opacity: 0.75; filter:alpha(opacity=75); }

#imageTitle {border-bottom:1px solid #333333;  margin: 0px 0px 5px 0px; line-height: 20px;}
#year { font-size: 1.1em; font-weight: bold; width: 80px;  }
#print { font-size: 1.1em; font-weight:bold; float: right;}
#print a, #print a:visited { text-decoration: underline; color: #fff; }
#imageDesc { margin-top: 20px; }


#galleryDisplay { width: 100%; text-align: center; position: relative;}
#galleryImage { height: 560px; line-height: 560px; }
#galleryImage img { padding: 14px; border: 1px solid #e8e8e8; vertical-align:middle;}

#loading { position: absolute; top: 250px; left: 0px; width: 100%; font-size: 1.2em; font-weight: bold;}

.footer {position: absolute; bottom: 10px; left: 10px; font-size:0.7em; text-align:center; width:150px;}
.footer, .footer a { color:#ccc; }

#pageContent {margin: 10px 11%; text-align: left; color:#777; }
#pageContent p {margin: 15px 0px; }
#pageContent h3 { text-align: right; margin: 20px 80px 0px 10px; padding-right: 10px; border-bottom:1px solid #ddd;}
#aboutContent {height: 480px; overflow:auto; padding-right: 40px;}
#signature { text-align: right; padding-right: 230px; margin: 30px 0px 50px; }
#personal { font-style: italic; font-size:0.9em; margin: 20px 15px 0px !important; padding:10px 15px 0px; border-top: 1px solid #ddd; color: #aaa; clear:both;}

.message, #contact p { width: 500px; margin:25px auto 20px;}
#contact form { display: block; width: 430px; height: 500px; margin: 0px auto; position: relative; left: -45px;}
#contact label { display: block; width:100px; float: left; clear:both; text-align:right;}
#contact input { display: block; width: 300px; float: right; }
#contact textarea { width: 300px; float: right;} 
#contact label, #contact input, #contact textarea  { margin-top: 10px;}
#contact #submit { clear:both; width: 60px; float:right; margin-right: 5px;}
#contact .note { display:block; float: right; clear:both; margin-top: 10px; margin-right:5px; color: #aaa; font-size:0.9em;}

#aboutContent p { margin: 20px 10px; line-height: 1.5em; }