@charset 'utf-8';
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background:transparent; border:0; margin:0; outline:0; padding:0; vertical-align:baseline}

body{background:#252833; color:#fff; font:12px/1.5 "Helvetica Neue","trebuchet ms"verdana,sans-serif; height:100%; overflow:hidden; text-shadow:0 0 0 #000}

ol, ul{list-style:none}

ul ul{font-size:100%; font-weight:400}

blockquote, q{quotes:none}

blockquote:before, blockquote:after, q:before, q:after{content:none}

:focus{outline:0}

img{border:0; vertical-align:bottom}

ins{text-decoration:none}

del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0}

html{height:100%}

body.Grid, body.Albums{overflow:visible}

a{border-bottom:1px dotted #fff; color:#fff; text-decoration:none}

a:hover{border-bottom-style:solid}

h1, h2, h3, h4, h5{font-weight:400}

h3{font-size:160%; font-style:italic; text-align:right}

h4{border-top:1px dotted #aaa; font-size:145%; padding:10px 0}

.Albums .albums, .Grid .grid, .Filmstrip .filmstrip, .Single .single, .Slideshow .slideshow{display:block}

#heightWrapper{min-height:100%; position:relative}

#loading{background:#000; color:#fff; height:2.5em; line-height:2.5; opacity:0.7; position:absolute; right:3em; text-align:center; top:0; width:7em;  z-index:120}

.horizontalWrapper{position:absolute; right:50%}

.imageBorder{border:20px solid #fff; color:inherit; display:block; line-height:0; overflow:visible; position:relative; right:-50%}

#albums{margin:0 auto; padding:5em; width:650px}

#albums h1{font-size:400%; text-align:center}

.album{border-top:1px solid #fff; min-height:230px; overflow:hidden; padding:2em 0; position:relative}

.album .info{padding:0 30px; width:320px}

.album .info *{padding-left:0; padding-right:0}

.album .info a:after{content:'\2192'; padding-left:5px; vertical-align:-1px}

.album .viewgallery{margin:1em 0; text-align:center}

.album .photo{height:232px; overflow:hidden; position:absolute; right:0; top:2em; width:232px}

.album .photo a{background-repeat:no-repeat; border:1px #fff solid; display:inline; float:left; height:50px; margin:3px; width:50px}

.album .photo a:hover{height:54px; margin:1px; width:54px}

.a{background-position:-87.5px -87.5px}

.b{background-position:-137.5px -87.5px}

.c{background-position:-187.5px -87.5px}

.d{background-position:-237.5px -87.5px}

.e{background-position:-87.5px -137.5px}

.f{background-position:-137.5px -137.5px}

.g{background-position:-187.5px -137.5px}

.h{background-position:-237.5px -137.5px}

.i{background-position:-87.5px -187.5px}

.j{background-position:-137.5px -187.5px}

.k{background-position:-187.5px -187.5px}

.l{background-position:-237.5px -187.5px}

.m{background-position:-87.5px -237.5px}

.n{background-position:-137.5px -237.5px}

.o{background-position:-187.5px -237.5px}

.p{background-position:-237.5px -237.5px}

.even .photo{left:0}

.even .info{margin:0 0 0 auto}

#photos{margin:0 5em; overflow:hidden; padding-bottom:8em; text-align:left}

#photos:after{clear:both; content:"."; display:block; height:0; visibility:hidden}

.thumbnail{float:left; height:172px; margin:1em 2em; padding-bottom:1.5em; position:relative; vertical-align:text-top; width:172px}

.thumbnail .imageBorder{border-width:5px}

.landscape{width:162px}

.portrait{height:162px}

.thumbnail .phototxt{cursor:default; font-size:91.67%; margin-top:-1.5em; overflow:hidden; padding:.25em 0; position:absolute; text-align:center; text-overflow:ellipsis; top:100%; white-space:nowrap; width:100%}

.thumbnail .horizontalWrapper{bottom:1.5em}

#displayPhoto{margin:20px 20px 5px}

#displayTitle{bottom:100%; color:#fff; position:absolute; text-align:right; width:100%}

#displayTitle h1{font-size:48px; font-weight:400; line-height:.8; margin-right:1em; text-shadow:#000 2px 2px 2px}

#displayTitle h2{font-size:100%; font-weight:700; margin:0 5em; text-align:center}

#photoDescription{line-height:1.3; margin:0 5em 1em; text-align:center}

#controlBar{background:#13141A; border-top:1px solid #040405; bottom:0; line-height:2; padding:.5em 0; position:fixed; width:100%; z-index:100}

#controlBar a{border:none; color:#ddd}

#controlBar a:hover{color:#fff}

#modeSelect a{background-position:center left; background-repeat:no-repeat; margin:0 .5em; padding-left:20px}

#modeSelect a.modeAlbums{padding-left:10px}

#controlBar .modeSelector.selected {color:#fff; cursor:default; font-weight:700}

#controlBar .modeSelector span{background-position:-1000px -1000px; background-repeat:no-repeat}

#controlBar .modeGrid{background-image:url(../image/mode/grid.png)}

#controlBar .modeGrid:hover, #controlBar .modeGrid.selected, #controlBar .modeGrid span {background-image:url(../image/mode/grid-active.png)}

#controlBar .modeFilmstrip{background-image:url(../image/mode/filmstrip.png)}

#controlBar .modeFilmstrip:hover, #controlBar .modeFilmstrip.selected, #controlBar .modeFilmstrip span {background-image:url(../image/mode/filmstrip-active.png)}

#controlBar .modeSingle{background-image:url(../image/mode/single.png)}

#controlBar .modeSingle:hover, #controlBar .modeSingle.selected, #controlBar .modeSingle span {background-image:url(../image/mode/single-active.png)}

#controls{bottom:0; left:50%; margin-left:-5em; padding:.5em 0; position:absolute; text-align:center; width:10em}

#controls span{cursor:pointer; padding:0 1px}

#thumbsSize{height:16px; padding:0 25px; position:absolute; right:1em; top:.95em}

#smallThumbnails{background:url(../image/slider/smallThumbnail.gif) right center no-repeat; height:16px; left:0; position:absolute; width:16px}

#largeThumbnails{background:url(../image/slider/largeThumbnail.gif) center no-repeat; height:16px; position:absolute; right:0; width:16px}

#resizeSlider{background:url(../image/slider/track.png) no-repeat center; height:16px; margin:0 -8px; position:relative; width:116px}

#resizeHandle{background:url(../image/slider/knob.png); height:16px; width:16px}

#download{bottom:0; color:#fff; height:2em; padding:.5em 1em; position:absolute; right:0}

#download *{margin-right:1ex}

#strip{background:#090A0D; border-left:1em solid #090A0D; border-right:1em solid #090A0D; margin:-.6em 0 .5em; overflow:auto; padding-top:.8em; text-align:center; white-space:nowrap}

#strip img{border:1px solid #fff; height:75px; margin:3px}

#strip a:hover img, #strip img.selected{border-width:3px; margin:1px}

#strip img.selected{border-color:#ddd}

.hidden, .albums, .grid, .filmstrip, .single, .slideshow{display:none}

.imageBorder img, #strip a{border:none}

#indexBar{background:#13141A; border-bottom:1px solid #040405; top:0;
font-size:10px;
 line-height:12px; padding:2px 12px; position:absolute; width:100%; z-index:100;}