div#showcase { margin: 0 auto; position: relative; width: 973px; margin-top: 20px; height: 559px; }

div#showcase_pagination { position: absolute; width: 973px; left: 0; bottom: 4px; }
div#showcase_pagination .buttons { position: relative; margin: 0 auto; width: 100px; z-index: 12; }
div#showcase_pagination .buttons img { display: block; float: left; margin: 0; cursor: pointer; width: 21px; vertical-align: middle; overflow: visible; }

div#imagemap { position: absolute; visibility: hidden; bottom: -21px; left: 0px; text-align: center; width: 45px; padding: 20px 10px; z-index: 11; }
div#imagemap li { font-size: 0; line-height: 0; }
div#imagemap img { cursor: pointer; display: block; margin: 0 auto; border: 1px solid #a9a9a9; margin-bottom: 1px; width: 22.5px;; height: 13.5px; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }

div#showcase p,
div#showcase ul { margin-bottom: 0; }

div#projects { position: relative; width: 973px; height: 503px; overflow: hidden; border-left: 1px solid #212122; border-right: 1px solid #212122; cursor: pointer; }
div#projects .inner { position: absolute; top: 503px; left: -973px; white-space: nowrap; height: 6036px; font-size: 0; cursor: pointer }
div#projects li { position: relative; display: block; float: left; margin: 0; width: 973px; height: 503px; }
div#projects li ul { position: absolute; bottom: 0; width: 973px; }
div#projects .project_arrow { position: absolute; z-index: 10; }
div#projects #top_arrow { top: 10px; left: 476px; }
div#projects #left_arrow { top: 241px; left: 10px; }
div#projects #bottom_arrow { bottom: 10px; left: 476px; }
div#projects #right_arrow { top: 241px;  right: 10px; }

div#showcase .showcredits,
div#showcase #page_numbers { position: absolute; right: 10px; bottom: 0; font: 11px Verdana,Geneva,sans-serif; line-height: 24px; color: #fff; }
div#showcase .showcredits { display: block; top: 3px; color: #939598; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); z-index: 10; bottom: auto; }

div#projects div#project_tag { padding: 19px 24px; width: 343px; position: absolute; right: 50px; bottom: 20px; z-index: 10; background: transparent url(http://www.noblestudios.com/images/uploads/template/showcase_bg.png); cursor: pointer; }
div#projects div#project_tag h1 { font: 24px Humnst777 Lt BT, Arial; color: #fec75d; white-space: normal; }
div#projects div#project_tag p { font: 14px Humnst777 Lt BT, Arial; line-height: 24px; color: #fff; }

div#project_loader { position: absolute; top: 0; left: 0; background-color: #000; height: 503px; z-index: 11; }

div#tooltip { position:absolute; background: transparent url(http://www.noblestudios.com/images/uploads/template/showcase_bg.png); font: 12px Verdana,Arial,Helvetica,sans-serif; padding: 2px 4px; border: 1px solid #212122; color: #FEC75D; z-index: 3000; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); white-space: nowrap; display: none; }
div#noscript_overlay { position: absolute; top: 0; left: 0; width: 973px; height: 503px; background: transparent url(http://www.noblestudios.com/images/uploads/template/showcase_bg.png); z-index: 200; text-align: center; }