#wrapper { background-color: #718484; background-image: none; background-position: 50% bottom; background-repeat: no-repeat; width: 850px; height: 550px; min-width: 850px; min-height: 550px; max-width: 850px; max-height: 550px; margin-top: 40px; margin-right: auto; margin-left: auto; border: solid 5px white; }
#wrapper_bo { background-color: #718484; margin-top: 40px; margin-right: auto; margin-left: auto; width: 1300px; height: auto; min-height: 650px; border: solid 5px white; }
#left_pane { width: 244px; height: 450px; float: left; max-width: 244px; margin-top: 50px; margin-left: 50px; }
#menu { color: white; font-size: 14px; font-family: "Courier New", Courier, Monaco, monospace; line-height: 22px; letter-spacing: 2px; margin-left: 42px; }
#content { width: 550px; float: right; max-width: 550px; }
#content_bo { width: 750px; height: auto; margin-top: 20px; margin-left: 344px; }
#viewport { text-align: center; width: 510px; height: 400px; min-width: 510px; min-height: 400px; max-width: 510px; max-height: 400px; margin: 50px auto auto; }
#sampleport { width: 510px; clear: right; max-width: 510px; margin-right: auto; margin-left: auto; }
#sp_arrowleft { width: 20px; float: left; margin-top: 17px; }
#sp_arrowright { margin-top: 17px; width: 30px; float: left; }
#samplescroll { width: 460px; overflow: hidden; float: left; max-width: 452px; }
#samples { height: 58px; overflow: hidden; max-height: 58px; }
#about { margin-right: auto; margin-left: auto; width: 500px; max-width: 500px; margin-top: 50px; }
#contact { vertical-align: top; width: 450px; max-width: 450px; margin-top: 50px; margin-right: auto; margin-left: auto; }
#thanks { margin-top: 150px; margin-right: auto; margin-left: auto; width: 500px; max-width: 500px; }
#footer { color: #415657; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 750px; clear: both; margin-left: 50px; margin-right: 50px; }
#footer_left { float:left; margin-left: 47px; }
#footer_right { float: right }


p { color: #d9e9ea; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.body { color: #d6dfe0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.body_rev { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; }
.form_field { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.form_error { color: yellow; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
img { border-width: 0; }
body { background-color: #c0c0c0; }
img.sample { border: solid 1px white; }
img.viewport { vertical-align: middle; border: solid 3px white; outline-width: 0; }
a { color: #283839; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
.display_info { color: #415657; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.display_info_title { color: #bececf; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.display_info_caption { color: #bececf; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td.contact { color: white; font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace; vertical-align: top; }
th.head_bo { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid white; }
th.head_upload { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; }
td.row_bo { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 2px; border-bottom: 1px dotted white; }
td.row_upload { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td.divider { color: white; font-size: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1px; border-bottom: 1px solid white; }