﻿body {background:#000000;margin:0;padding:0;font-family:verdana,arial;font-size:10pt;color:#fff;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* defaults required for IE6 */
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}

.photo {position:relative; height:530px;border:1px solid #888;background-color:#000;padding-left:25px;}
.sig {height:382px;}
.scu {height:437px;}
.te {height:540px;}
.te2 {height:540px;}
.te3 {height:382px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:375px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:375px; background:#ddd; float:left; background:#000 url(images/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; width:375px; line-height:30px; background:#000 url(images/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {margin:0; padding:0; display:block;}

.photo img {border:0;}

.pager {width:368px;height:25px;padding-top:5px;text-align:center;}
.pager a {color:#fff}
.pager a:hover {text-decoration:none;}

.photo ul li a.set:hover {background:#000 url(images/gallery_0.gif) no-repeat;}
.photo ul li a.sculpture:hover {background:#000 url(images/sculpture.gif) no-repeat;}
.photo ul li a.signage:hover {background:#000 url(images/signage.gif) no-repeat;}
.photo ul li a.themedenvironments:hover {background:#000 url(images/themedEnvironments.gif) no-repeat;}


.photo ul li a.set {white-space: normal; background:#000 url(images/gallery_0.gif) no-repeat;}
.photo ul li a.set {outline:0; background:#000 url(images/gallery_0.gif) no-repeat;}

.photo ul li a.sculpture {white-space: normal; background:#000 url(images/scuplture.gif) no-repeat;}
.photo ul li a.sculpture {outline:0; background:#000 url(images/sculpture.gif) no-repeat;}
.photo ul li a.signage {white-space: normal; background:#000 url(images/signage.gif) no-repeat;}
.photo ul li a.signage {outline:0; background:#000 url(images/signage.gif) no-repeat;}
.photo ul li a.themedenvironments {white-space: normal; background:#000 url(images/themedenvironments.gif) no-repeat;}
.photo ul li a.themedenvironments {outline:0; background:#000 url(images/themedenvironments.gif) no-repeat;}

.photo ul li a.set i,
.photo ul li a.set i
{display:block; width:480px; height:360px; position:absolute; left:400px; top:0; border:1px solid #000; background:#000;}


.photo ul li a.set table,
.photo ul li a.set table
{padding:0 0 10px 0; height:302px; margin-top:-2px; margin-bottom:2px; display:block; border:0px solid #888; border-width:0 0px 0px;}

.photo ul a.set ul,
.photo ul a.set ul
{margin:0; width:362px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set ul li,
.photo ul a.set ul li
{float:left; display:inline; width:56px; margin:1px 2px; background:transparent;}

.photo ul a.set ul li a,
.photo ul a.set ul li
{background:transparent; line-height:1.3em;}

.photo ul a.set ul li a img,
.photo ul a.set ul li img
{display:block; border:3px solid #000; cursor:default; margin:0 auto;}

.photo ul a.set ul li a em,
.photo ul a.set ul li em
{position:absolute; left:-9999px; width:480px;}

.photo ul a.set ul li a:hover,
.photo ul a.set ul li:hover
{background:#000;}

.photo ul a.set ul li a:hover em,
.photo ul a.set ul li:hover em
{left:450px; z-index:0; top:35px;}

.photo ul a.set ul li a:hover img,
.photo ul a.set ul li:hover img
{border:3px solid #fc0; cursor:default;}

.photo ul a.set ul li a:hover em img,
.photo ul a.set ul li:hover em img
{padding:1px; border:1px solid #000; margin-bottom:10px;}

.photo ul a.set b,
.photo ul a.set b
{font-weight:normal; font-style:normal; background:#000;color:#000;}

.photo .default {width:480px; height:360px; position:absolute; left:400px; top:0; border:1px solid #888;}
