noscript {width:300px; background:#121212; color:#fff; position:fixed; top:0; right:0; padding:1em; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

body {margin:0; padding:0;}

#page-wrapper-table {width:100%; height:100%; position:absolute; margin:0; padding:0;}
#thumbs td {padding:0; margin:0; width:100%; text-align:center; vertical-align:top;}
.thumbs {padding:0; margin:0; text-align:center;}
.thumbs li {float:left; list-style:none; width:2.63%;}
.thumbs img {width:100%;}
#page-wrapper {padding:0; vertical-align:middle; height:100%;}
#content-wrapper {position:relative; margin:0 auto; width:676px; height:755px;}
#portfolio #content-wrapper {width:556px; height:832px;}
#slideshow {line-height:0; position:absolute; width:492px; top:35.5px; left:31px;}
#slideshow .image-wrapper {position:absolute;}
#controls {position:relative; z-index:5; left:11px; top:750px; width:536px;}
#controls,
.pagination
	{text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;}
.pagination a {margin:.5em;}

.nav-controls a {margin:0 2em; font-size:.875em; position:relative; top:-20px;}
.ss-controls a {font-size:.9em; font-weight:bold;}
.ss-controls a,
.nav-controls a,
.pagination a
    {color:#ccc;}
.ss-controls a:hover,
.nav-controls a:hover,
.pagination a:hover,
.pagination .current {color:#4ba2b2;}

a,
a img 
    {border:none; text-decoration:none;}
a:focus {outline:none;}
a.prev {margin-right:1em;}

#links {width:100%; position:absolute; top:719px; z-index:5;}
#portfolio #links {width:536px; position:absolute; left:11px; top:789px;}
#links a {display:block; height:14px; text-decoration:none; background:transparent url() top left no-repeat; border:none;}
a i {visibility:hidden;}
/*#links a#dbd-nav {width:204px; margin-right:28px; background-image:url(../_images/dbd.gif)}*/
#links a#bio-nav {margin:0 auto 8px auto; width:34px; background-image:url(../_images/bio.gif)}
#links a#portfolio-nav {margin-left:208px; float:left; width:116px; margin-right:28px; background-image:url(../_images/portfolio.gif)}
#portfolio #links a#portfolio-nav {margin-left:138px;}
#links a#contact-nav {float:left; width:96px; background-image:url(../_images/contact.gif)}
a#email-link {width:225px; height:30px; background:transparent url(../_images/email.gif) top left no-repeat; position:absolute; z-index:4; top:646px; left:67px;}
a#email-link:hover {background-image:url(../_images/email_over.gif);}
#bio #links a#bio-nav,
#links a#bio-nav:hover
	{background:transparent url(../_images/bio_over.gif) top left no-repeat; border:none;}
#contact #links a#contact-nav,
#links a#contact-nav:hover 
	{background:transparent url(../_images/contact_over.gif) top left no-repeat; border:none;}
#portfolio #links a#portfolio-nav,
#links a#portfolio-nav:hover
	{background:transparent url(../_images/portfolio_over.gif) top left no-repeat; border:none;}
#home #links a#dbd-nav,
#links a#dbd-nav:hover 
	{background:transparent url(../_images/dbd_over.gif) top left no-repeat; border:none;}

#ss-background {position:absolute; width:667px; height:756px; background:transparent url(../_images/slideshow_bg.jpg) top left no-repeat;}
#ss-foreground {position:absolute; width:350px; height:278px; z-index:4; top:479px; left:314px; background:transparent url(../_images/pen.png) top left no-repeat;}

#contact-page-image,
#bio-page-image,
#home-page-image {display:block; margin:0 auto;}
/*#contact-page-image {left:-45px;}*/
/*#bio-page-image {left:-12px;}*/
/*#home-page-image {left:-12px;}*/


/* SAFARI AND CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#slideshow {top:30px;}
	.thumbs {margin-left:2%;}
}

/*OPERA*/
@media all and (min-width: 0px){
	#thumbs td {}
    .thumbs {
    	/*  */
    	
    }

}