body    { font-size: 10px; font-family: Verdana; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 }
#work-project div.screens div.pic   { background-color: transparent; position: relative; width: 648px; height: 460px; overflow: hidden }
#work-project div.screens div.pic p { position: relative; z-index: 10; margin: 0; }
#work-project div.screens div.pic p img { display: block; }
#work-project div.screens div.pic ul.controls  { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 20; top: 0; left: 1px; width: 648px; height: 460px }
#work-project div.screens div.pic ul.controls li  { font-size: 1em; line-height: 1em; width: 100%; height: 100% }
#work-project div.screens div.pic ul.controls li a  { color: #fff; text-decoration: none; background: url(../images/bg.png) no-repeat 1000px 0; position: absolute; z-index: 30; top: 0; left: 0; width: 40%; height: 460px; outline: none medium }
#work-project div.screens div.pic ul.controls li a:hover { border: 0; }
#work-project div.screens div.pic ul.controls li a span { position: absolute; left: 0; top: 1000px; z-index: 40; margin: -17px 0 0; padding: 12px 10px 12px 40px; background: url(../images/screen-controls.png) 0 50% no-repeat; line-height: 1em; cursor: pointer; }
* html #work-project div.screens div.pic ul.controls li a span { background-image: url(../images/screen-controls-ie.png); }
#work-project div.screens div.pic ul.controls li a:hover span { top: 50%; }
#work-project div.screens div.pic ul.controls li.next a { left: auto; right: 0; }
#work-project div.screens div.pic ul.controls li.next a span { left: auto; right: 0; padding: 12px 40px 12px 10px; background-position: 100% 50%; }
#work-project div.screens ul.index { overflow: hidden; float: right; list-style: none; margin: 0; padding: 3px 0 9px 16px; background: #040404; color: #fff; } 
#work-project div.screens ul.index li { display: inline; float: left; margin: 0 1px; font-size: 1em; line-height: 1em; }
#work-project div.screens ul.index li a { float: left; background: #734f3e; color: #fff; text-decoration: none; }
#work-project div.screens ul.index li a:hover { background: #986f5c; }
#work-project div.screens ul.index li a.active { background: #fff !important; color: #000; }
#work-project div.screens ul.index li span { float: left; padding: 3px 5px; cursor: pointer; }
#work-project div.screens ul.index li.arrows { margin: 0 0 0 10px; }
#work-project div.screens ul.index li.prev { margin: 0 10px 0 0; }
#work-project div.screens ul.index li.arrows a { background: none !important; }
#work-project div.screens ul.index li.arrows span { overflow: hidden; width: 4px; height: 10px; background: url(../images/index-arrows.gif) 50% 4px no-repeat; text-indent: -10001em; }
#work-project div.screens ul.index li.prev span { background-position: 50% 4px; }
#work-project div.screens ul.index li.prev a:hover span { background-position: 50% -16px; }
#work-project div.screens ul.index li.next span { background-position: 50% -36px; }
#work-project div.screens ul.index li.next a:hover span { background-position: 50% -56px; }
#work-projects { overflow: hidden; width: 100%; }
#work-projects h2 { display: inline; float: left; margin: 0; }
#work-projects ul.d { float: left; width: 192px; padding: 0 0 0 9px; border-left: 1px solid #e5e5e5; }
#work-projects ul.first { border-left: none; }
#work-projects ul.d li { float: left; }
#work-projects ul.d li a { width: 150px; }
   
div.inner-navigation { margin: 0 0 15px; font-size: 1em; color: #888888; text-transform: uppercase; text-align: right;}
div.inner-navigation a { color: #3B5E73 !important; margin: 0 5px; text-decoration: none;}
div.inner-navigation a:hover { text-decoration: underline; }
#work-project div.inner-navigation { position: absolute; top: -3em; right: 1em; margin: 0; }