#wrapper {height: 100%; margin: 0}
#contactsheet #wrapper {height: auto; margin-bottom: 20px;}
#wrapper td {height: 100%; vertical-align: middle;}
#innerwrapper {margin-top: 20px;}
#innerwrapper td {vertical-align: top;}

#spacer {height: 560px}
#photowrapper {border: 1px solid #4d4d4d; border-bottom-color: #2a2a2a; width: 560px; height: 560px; background-color: #000; vertical-align: middle !important; text-align: center;}
#contactsheet #photowrapper {border-bottom-color: #4d4d4d; border-top-color: #2a2a2a; }
head:first-child+body #spacer {height: 560px;}
#photowrapper img {display: block; margin: 15px auto;}

#navwrapper {width: 366px;}

#quote {display: block; margin-top: 225px;}

*html .summer, *html .spring, *html .fall, *html .winter {width: 366px; height: 121px;}
*html .summer img, *html .spring img, *html .fall img, *html .winter img {display: none !important;}
*html .spring {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/seasons/spring.png', sizingMethod='scale')}
*html .summer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/seasons/summer.png', sizingMethod='scale')}
*html .fall {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/seasons/fall.png', sizingMethod='scale')}
*html .winter {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/seasons/winter.png', sizingMethod='scale')}

.arrow {display: block; width: 21px; height: 13px; text-indent: -4000px; margin-top: 7px; background: url(../img/arrows.gif) no-repeat; font-size: 1px;}
#arrprev {float: right; margin-right: 7px; background-position: bottom left;}
#arrprev:hover {background-position: top left;}
#arrnext {background-position: bottom right; margin-left: 7px;}
#arrnext:hover {background-position: top right;}

#phototitle {border: 1px solid #4d4d4d; border-top-width: 0; width: 456px; height: 20px; background-color: #000;}
#phototitle img {display: block;}

#gallerynavwrap {border: 1px solid #4d4d4d; border-bottom-width: 0;}
#gallerynav li {display: inline;}
#gallerynav li a {display: block; float: left; height: 29px; background: url(../img/nav-gallery.gif) no-repeat; text-indent: -4000px;}
#gallerynav #seasons {width: 79px; background-position: 0px -29px;}
#gallerynav #seasons:hover, #gallerynav #seasons.here {background-position: 0px 0}
#gallerynav #palouse {width: 70px; background-position: -79px -29px;}
#gallerynav #palouse:hover, #gallerynav #palouse.here {background-position: -79px 0}
#gallerynav #abstract {width: 74px; background-position: -149px -29px;}
#gallerynav #abstract:hover, #gallerynav #abstract.here {background-position: -149px 0}
#gallerynav #turkey {width: 61px; background-position: -223px -29px;}
#gallerynav #turkey:hover, #gallerynav #turkey.here {background-position: -223px 0}
#gallerynav #seasia {width: 115px; background-position: -284px -29px;}
#gallerynav #seasia:hover, #gallerynav #seasia.here  {background-position: -284px 0}
#gallerynav #carnevale {width: 132px; background-position: -399px -29px;}
#gallerynav #carnevale:hover, #gallerynav #carnevale.here {background-position: -399px 0}
#gallerynav #contactsheet {width: 21px; background-position: -531px -29px;}
#gallerynav #contactsheet:hover {background-position: -531px 0}

/* save until galleries are filled
#gallerynav #seasons:hover, #gallerynav #seasons.here {background-position: -316px 0}
*/

/* contact sheet styles */
#contactsheet #photowrapper {font-size: 70%; padding: 35px 15px 0 30px; width: 510px;}
#contactsheet #photowrapper table {width: 100%;}
#contactsheet #photowrapper td {padding: 0 10px 30px; width: 25%;}
#contactsheet #photowrapper td div {height: 126px;}
#contactsheet #photowrapper td img {margin: 0 0 5px;}

#innerwrapper #copyright {clear: both; font-size: 70%; height: 16px;}