/*---------- Layout ----------*/
#wrapper { width: 960px; height: 640px; position: absolute; top: 50%; left: 50%; margin: -290px 0 0 -480px;}

#header { padding-bottom: 5px; border-bottom: 1px solid #9d9c9c; height: 47px; }
#header h1 { float: left; width: 326px; }
#header h1 a { height: 47px; display: block; text-indent: -99999px; background: url(/app/webroot/img/site/logo.gif) no-repeat 0 0; }

#content { color: #666; padding: 9px 0; border-bottom: 1px solid #9d9c9c; height: 545px; }
#footer { margin-bottom: 15px; font-size: 14px; line-height: 26px; font-weight: bold; color: #9d9c9c; }
#footer span:first-child { float: right; }

#content h2 { font-size: 24px; line-height: 32px; text-transform: capitalize; margin-bottom: 15px; }
#content p { margin-bottom: 15px; font-size: 14px; line-height: 16px; }
#content .center { text-align: center; }

.gallery { position: relative; }
.gallery #overlay { z-index: 1; width: 960px; height: 545px; position: absolute; left: 0; top: 0; background: url(none); }
.gallery #overlay .shift {  cursor: pointer; text-indent: -99999px; width: 18%; height: 100%;  background-repeat: no-repeat; position: absolute; top: 0; }
.gallery #overlay .shift.prev { left: 0; }
.gallery #overlay .shift.next { right: 0; }
.gallery #overlay .shift.prev:hover { background-image: url(/app/webroot/img/site/bg-prev.png); background-position: 0 50%; }
.gallery #overlay .shift.next:hover { background-image: url(/app/webroot/img/site/bg-next.png); background-position: 100% 50%; }
.gallery .image { height: 545px; position: relative; z-index: 0; }
.gallery .image img { display: block; margin: 0 auto; }

div.hoverscroll { position:relative; }
div.hoverscroll div.listcontainer {	overflow:hidden; }

#finder-wrapper { height: 87px; position: absolute; left: 0; z-index: 10; bottom: -9px; width: 960px; background: url(none); }
#finder { width: 960px; padding: 9px 0 0; position: absolute; left: 0; bottom: 0px; background: url(/app/webroot/img/site/bg-thumb.png) no-repeat 0 0; }
#thumb-wrapper { background: url(/app/webroot/img/site/bg-thumb-wrapper.png); height: 0; overflow: hidden; }
#thumbs { margin: 9px 10px; width: 940px; }
#thumbs ul { overflow: hidden; }
#thumbs ul li { float: left; margin: 0 10px 0 0; }
#thumbs ul li img { width: 56px; height: 56px; border: 1px solid #999; }
#thumbs ul .active img { border-color: #000; }

#nav { float: right; font-size: 24px; text-transform: lowercase; color: #808080; margin-top: 14px; position: relative; z-index: 100; }
#nav ul li { float: left; border-left: 2px solid #808080; position: relative; }
#nav ul li:first-child { border-left: none; }
#nav ul li a, #nav ul li span { display: block; color: #808080; text-decoration: none; padding: 0 15px; }
#nav ul li span { cursor: default; }
#nav ul > li:hover { text-shadow: #bbb 1px 1px 1px; }

#nav > ul > li:hover ul { display: block; text-shadow: none; }
#nav ul ul { display: none; position: absolute; right: -2px; font-size: 16px; line-height: 26px; border-right: 2px solid #808080; width: 121px; padding-top: 15px; background: url(none); }
#nav ul ul li { float: left; display: inline; width: 121px; opacity: .85; filter: alpha(opacity=85); border-left: none; text-align: right; font-weight: bold; background-color: #FFF; }
#nav ul ul li a { display: block; }
#nav ul ul li a:hover { color: #595959; }