body {}
body.ocgbody {background-color:#666666;}

div {}
.pagebox {position: fixed; top: 50px; left: 40px; right: 40px; bottom: 30px; padding: 20px; background-color:#ffffff; opacity:0.85; filter:alpha(opacity=85); z-index: 4}
.portfbox1 {position: fixed; top: 60px; left: 50px; right: 50px; bottom: 40px; padding: 20px; background-color:#000000; z-index: 4}
.portfbox1a {position: relative; width: 960px; height: 600px; top: 50px; margin-left: auto; margin-right: auto; padding: 0px; background-color:#000000; opacity:0.75; filter:alpha(opacity=75); z-index: 4; border:4px; border-color:#000000;}
.portfbox1b {position: relative; width: 960px; height: 600px; top: -500px; margin-left: auto; margin-right: auto; padding: 0px; z-index: 5; border:4px; border-color:#000000;}
.copybox1 {position: relative; width: 960px; height: 600px; top: 50px; margin-left: auto; margin-right: auto; padding: 0px; background-color:#ffffff; opacity:0.75; filter:alpha(opacity=75); z-index: 4; border:4px; border-color:#000000;}
.copybox2 {position: relative; width: 960px; height: 600px; top: -500px; margin-left: auto; margin-right: auto; padding: 0px; z-index: 5; border:4px; border-color:#000000;}
.copyright {position: fixed; width: 100%; bottom: 10px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; z-index: 4}

img {}
.dlpbg {position: relative; top: 100px; left: 100px; width: 3000px; height: 3000px; z-index: 2}
.ocglogo {position: fixed; top: 100px; left: 100px; width: 40%; z-index: 3}
.icon {border:1px; border-color:#666666; opacity:1; filter:alpha(opacity=100); z-index: 99;}
.nav1 {position: fixed; top: 20px; right: 275px; height: 20px; z-index: 4}
.nav2 {position: fixed; top: 20px; right: 440px; height: 20px; z-index: 4}
.nav3 {position: fixed; top: 20px; right: 100px; height: 20px; z-index: 4}
.nav4 {position: fixed; top: 20px; right: 595px; height: 20px; z-index: 4}
#mopic {padding-top: 4px;}

p {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; z-index: 4}
p.bodycopyR {font-size: 14px; color: #000000; position: absolute; top: 20px; right: 60px;}
p.portfhead {font-size: 12px; font-weight: 900; color: #F89839;}


ul {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; z-index: 4}
ul.bodycopyR {font-size: 14px; color: #000000; position: absolute; top: 20px; right: 60px;}

a {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; z-index: 4; text-decoration: none;}
a.portfhead {font-size: 12px; font-weight: 900; color: #b0c4de;;}
a.portfhead:hover {color: #FFFFFF;}



table {}

td {}
td.portfolio {vertical-align: middle; background-color:#000000; text-align: center; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; color: #ffffff; text-decoration: none;}
td.porthead {width: 150px; height: 100px; vertical-align: middle; text-align: right; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #ffffff;}
td.portsample {width: 100px; vertical-align: middle; text-align: right;}
#about {text-align: left; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}


#lightbox {position: absolute; top: 0px; left: 0; width: 100%; z-index: 99; text-align: center;}
#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; border: 1px #CCCCCC solid; border-bottom: 0px;}
#imageContainer {padding: 10px;}

#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center;}
#hoverNav {position: absolute; top: 0; left: 0; height: 0px; width: 0px; z-index: 99;}
#imageContainer>#hoverNav {left: 100;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {width: 100%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink2, #nextLink2 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; color:#F89839; font-weight:bold; cursor:pointer;}

#imageDataContainer {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; background-color: #ffffff; height: 45px; border:1px #ccc solid; border-top:0px; margin:auto;}

#imageData {padding:10px 10px 20px 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold; font-size: 11px; color: #666666; max-height: 20px;}
#imageData #numberDisplay {display: block; clear: left; font-weight: normal; font-size:11px; color:#666666; padding-bottom: 45px;}
#imageData #slideshowLink {width: 60px; float: right; padding:0px 0px 0px 0px;}
#imageData #bottomNavClose {width: 60px; float: right; padding:0px 0px 0px 0px;}

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline; width: 100%;}

* html .clearfix {height: 1%;}