/* CSS Document */

/* portfolio */
div.pwindow {float: left; width: 100%; padding-bottom: 20px;}
/* h2.ptitle {float: left; width: 670px; background: #ccd3d5; color: #9c1f1f; padding: 10px 0;} */
div.pgallery {position: relative; width: 600px; height: 960px; background: #a3acba; margin: auto;}
div.pbuttons {float: left; margin: 8px; background: none; padding-left: 30px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
* html .pbuttons {display: inline;}
div.pbuttons a {width: 32px; height: 24px; text-align: center; padding: .3em 0; margin: 1px; display: block; cursor: pointer; border: 2px solid; border-color: #fff #222 #222 #fff; background: none;}
div.pbuttons a:hover, div.pbuttons a:focus, div.pbuttons a:active {width: 32px; color: #f33; padding: .3em 0; margin: 1px; border: 2px solid; border-color: #222 #fff #fff #222;}

div.pbuttons a span {display: none;}
div.pbuttons a:hover span, div.pbuttons a:focus span, div.pbuttons a:active span {display: inline; color: #000; background: #a3acba; width: 600px;}
div.pbuttons a img {height: 0; width: 0; border-width: 0; background: #a3acba;}

#pbutton12, #pbutton11, #pbutton10, #pbutton09, #pbutton08, #pbutton07, #pbutton06, #pbutton05, #pbutton04, #pbutton03, #pbutton02, #pbutton01 {float: left; width: 40px; margin-right: 4px;}

#default img, #pbutton12 a:hover img, #pbutton11 a:hover img, #pbutton10 a:hover img, #pbutton09 a:hover img, #pbutton08 a:hover img, #pbutton07 a:hover img, #pbutton06 a:hover img, #pbutton05 a:hover img, #pbutton04 a:hover img, #pbutton03 a:hover img, #pbutton02 a:hover img, #pbutton01 a:hover img, #pbutton12 a:focus img, #pbutton11 a:focus img, #pbutton10 a:focus img, #pbutton09 a:focus img, #pbutton08 a:focus img, #pbutton07 a:focus img, #pbutton06 a:focus img, #pbutton05 a:focus img, #pbutton04 a:focus img, #pbutton03 a:focus img, #pbutton02 a:focus img, #pbutton01 a:focus img, #pbutton12 a:active img, #pbutton11 a:active img, #pbutton10 a:active img, #pbutton09 a:active img, #pbutton08 a:active img, #pbutton07 a:active img, #pbutton06 a:active img, #pbutton05 a:active img, #pbutton04 a:active img, #pbutton03 a:active img, #pbutton02 a:active img, #pbutton01 a:active img {position: absolute; top: 100px; left: 20px; height: auto; width: auto;}

#default img {z-index: 70;}

#pbutton12 a:focus img, #pbutton11 a:focus img, #pbutton10 a:focus img, #pbutton09 a:focus img, #pbutton08 a:focus img, #pbutton07 a:focus img, #pbutton06 a:focus img, #pbutton05 a:focus img, #pbutton04 a:focus img, #pbutton03 a:focus img, #pbutton02 a:focus img, #pbutton01 a:focus img, #pbutton12 a:active img, #pbutton11 a:active img, #pbutton10 a:active img, #pbutton09 a:active img, #pbutton08 a:active img, #pbutton07 a:active img, #pbutton06 a:active img, #pbutton05 a:active img, #pbutton04 a:active img, #pbutton03 a:active img, #pbutton02 a:active img, #pbutton01 a:active img, #pbutton12 a:focus span, #pbutton12 a:active span, #pbutton11 a:focus span, #pbutton11 a:active span, #pbutton10 a:focus span, #pbutton10 a:active span, #pbutton09 a:focus span, #pbutton09 a:active span, #pbutton08 a:focus span, #pbutton08 a:active span, #pbutton07 a:focus span, #pbutton07 a:active span, #pbutton06 a:focus span, #pbutton06 a:active span, #pbutton05 a:focus span, #pbutton05 a:active span, #pbutton04 a:focus span, #pbutton04 a:active span, #pbutton03 a:focus span, #pbutton03 a:active span, #pbutton02 a:focus span, #pbutton02 a:active span, #pbutton01 a:focus span, #pbutton01 a:active span {z-index:80;}

#pbutton12 a:hover img, #pbutton11 a:hover img, #pbutton10 a:hover img, #pbutton09 a:hover img, #pbutton08 a:hover img, #pbutton07 a:hover img, #pbutton06 a:hover img, #pbutton05 a:hover img, #pbutton04 a:hover img, #pbutton03 a:hover img, #pbutton02 a:hover img, #pbutton01 a:hover img, #pbutton12 a:hover span, #pbutton11 a:hover span, #pbutton10 a:hover span, #pbutton09 a:hover span, #pbutton08 a:hover span, #pbutton07 a:hover span, #pbutton06 a:hover span, #pbutton05 a:hover span, #pbutton04 a:hover span, #pbutton03 a:hover span, #pbutton02 a:hover span, #pbutton01 a:hover span {z-index: 90;}

#pbutton12 a {background: url(../../images/portf/pb_deconvis.jpg);}
#pbutton12 a:hover, #pbutton12 a:focus, #pbutton12 a:active {background-position:bottom;}
#default span, #pbutton12 a:hover span, #pbutton12 a:focus span, #pbutton12 a:active span {position: absolute; top: 808px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 100px;}

#pbutton11 a {background: url(../../images/portf/pb_biomechdep.jpg);}
#pbutton11 a:hover, #pbutton11 a:focus, #pbutton11 a:active {background-position:bottom;}
#pbutton11 a:hover span, #pbutton11 a:focus span, #pbutton11 a:active span {position: absolute; top: 808px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 100px;}

#pbutton10 a {background: url(../../images/portf/pb_bluscp00.jpg);}
#pbutton10 a:hover, #pbutton10 a:focus, #pbutton10 a:active {background-position:bottom;}
#pbutton10 a:hover span, #pbutton10 a:focus span, #pbutton10 a:active span {position: absolute; top: 580px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 334px;}

#pbutton09 a {background: url(../../images/portf/pb_spistrc.jpg);}
#pbutton09 a:hover, #pbutton09 a:focus, #pbutton09 a:active {background-position:bottom;}
#pbutton09 a:hover span, #pbutton09 a:focus span, #pbutton09 a:active span {position: absolute; top: 516px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 400px;}

#pbutton08 a {background: url(../../images/portf/pb_circrec.jpg);}
#pbutton08 a:hover, #pbutton08 a:focus, #pbutton08 a:active {background-position:bottom;}
#pbutton08 a:hover span, #pbutton08 a:focus span, #pbutton08 a:active span {position: absolute; top: 716px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 200px;}

#pbutton07 a {background: url(../../images/portf/pb_crsstr01.jpg);}
#pbutton07 a:hover, #pbutton07 a:focus, #pbutton07 a:active {background-position:bottom;}
#pbutton07 a:hover span, #pbutton07 a:focus span, #pbutton07 a:active span {position: absolute; top: 548px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 370px;}

#pbutton06 a {background: url(../../images/portf/pb_spinstr01.jpg);}
#pbutton06 a:hover, #pbutton06 a:focus, #pbutton06 a:active {background-position:bottom;}
#pbutton06 a:hover span, #pbutton06 a:focus span, #pbutton06 a:active span {position: absolute; top: 868px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 50px;}

#pbutton05 a {background: url(../../images/portf/pb_only.jpg);}
#pbutton05 a:hover, #pbutton05 a:focus, #pbutton05 a:active {background-position:bottom;}
#pbutton05 a:hover span, #pbutton05 a:focus span, #pbutton05 a:active span {position: absolute; top: 778px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 140px;}

#pbutton04 a {background: url(../../images/portf/pb_exmanep1.jpg);}
#pbutton04 a:hover, #pbutton04 a:focus, #pbutton04 a:active {background-position:bottom;}
#pbutton04 a:hover span, #pbutton04 a:focus span, #pbutton04 a:active span {position: absolute; top: 502px; left: 20px; display: block; width: 540px; padding: 10px;  padding-bottom: 416px;}

#pbutton03 a {background: url(../../images/portf/pb_glorarms.jpg);}
#pbutton03 a:hover, #pbutton03 a:focus, #pbutton03 a:active {background-position:bottom;}
#pbutton03 a:hover span, #pbutton03 a:focus span, #pbutton03 a:active span {position: absolute; top: 508px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 410px;}

#pbutton02 a {background: url(../../images/portf/pb_aggint00.jpg);}
#pbutton02 a:hover, #pbutton02 a:focus, #pbutton02 a:active {background-position:bottom;}
#pbutton02 a:hover span, #pbutton02 a:focus span, #pbutton02 a:active span {position: absolute; top: 478px; left: 20px; display: block; width: 540px; padding: 10px; padding-bottom: 390px;}

#pbutton01 a {background: url(../../images/portf/pb_biostr.jpg);}
#pbutton01 a:hover, #pbutton01 a:focus, #pbutton01 a:active {background-position:bottom;}
#pbutton01 a:hover span, #pbutton01 a:focus span, #pbutton01 a:active span {position: absolute; top: 918px; left: 20px; display: block; width: 540px; padding: 10px;}

/* tc gtr */
div.window {position: relative; float: left; width: 100%;}
div.gallery {position: relative; height: 440px; width: 600px; background: #a3acba; margin: auto;}
/* h2.title {float: left; width: 600px; text-align: center; font-size: 14px; background: #ccd3d5; color: #9c1f1f; padding: 10px 0; margin: 0;} */
div.buttons {float: left; width: 70px; margin: 8px; font-size: 1.1em; font-weight: bold; text-align: center; background: #ccd3d5; border: 2px solid; border-color: #fff #555 #555 #fff;}
* html .buttons {display: inline;}
div.buttons a {display: block; width: 64px; font-weight: bold; color:#3c7d93; text-decoration: none; padding: .3em 0; margin: 1px; display: block; cursor: pointer; border: 2px solid; border-color: #fff #555 #555 #fff; background: #b3c1c4;}
div.buttons a:hover {width: 64px; background-color: #c99; font-weight: bold; color: #efefef; padding: .3em 0; margin: 1px; border: 2px solid; border-color: #555 #fff #fff #555;}
div.buttons a:focus, div.buttons a:active {width: 64px; background-color: #ce140f; font-weight: bold; color: #efefef; padding: .3em 0; margin: 1px; border: 2px solid; border-color: #555 #fff #fff #555;}
div.buttons a span {display: none;}
div.buttons a img {height: 0; width: 0; border-width: 0;}
div.buttons a:hover span, div.buttons a:focus span, div.buttons a:active span {position: absolute; top: 366px; left: 90px; display: block; width: 450px; padding: 5px; margin: 10px; z-index: 100; color: #000; background: #a3acba; border-bottom: 10px solid #a3acba;}
div.buttons a:hover img, div.buttons a:focus img, div.buttons a:active img {position: absolute; top: 48px; left: 90px; height: 320px; width: 480px; visibility: visible}
div.buttons a:focus span, div.buttons a:active span, div.buttons a:focus img, div.buttons a:active img {z-index: 80;}
div.buttons a:hover span, div.buttons a:hover img {z-index: 90;}