/* ================================================================ 
Copyright (c) 2008 PixDez. All rights reserved.
=================================================================== */
body {margin:0; padding:0; background: transparent}

container {position:absolute; top:0; left:0; height:450px; width:345px; color:#fff; font:10px verdana,arial,helvetica,sans-serif;text-decoration:none; border:none}

#one {position:absolute; top:0; left:0; width:345px; height:450px; z-index: 1}
#two {position:absolute; top:0; left:5px; padding:5px; height:445px; width: 325px; background-color:#800080; filter:alpha(opacity=30);-moz-opacity:.30; opacity:.30; border:1px #818181 solid; z-index: 2}
#three {position:absolute; top:10px; left:40px; height:400px; width:266px; color:#fff; font:1.2em/2em verdana,arial,helvetica,sans-serif; text-decoration:none; text-align:center; letter-spacing:.2em; border:1px solid #fff; z-index: 3}

#gallery {height:400px; width:266px; border:none; font-size:.7em}

/* ================================================================ 
The css for the zinoandcaroline.com gallery thanks to 
http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */
.photo {width:470px; height:auto; text-align:center; position:relative; margin:0 auto}

.photo ul.topic {padding:0; margin:0; list-style:none; width:470px; height:auto; position:relative; z-index:10}

.photo ul.topic li{display:inline; width:400px; height:31px; margin:auto}
.photo ul.topic li a.set 
{display:inline; width:180px; height:20px; text-align:center; color:#d5c7a5; text-decoration:none; font:.9em times new roman}

.photo ul.topic li a ul, 
.photo ul.topic li ul {display:none}

.photo ul.topic li.active a {color:#000; background:#bbb}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a {color:#fff}

.photo ul.topic li.active ul 
{display:block; position:absolute; left:0; top:18px; list-style:none; padding:0; margin:0; height:400px;width:350px; padding:20px 20px; z-index:1}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:18px; list-style:none; padding:0; margin:0; height:400px;width:350px; padding:20px 20px; z-index:100}

.photo ul.topic li ul li {display:inline; width:82px; height:91px; float:left; border:1px solid #fff; margin:1px}

.photo ul.topic li ul li.name {display:inline; width:82px; height:91px; float:left; border:1px solid #fff; margin:1px}

.photo ul.topic li ul li a {display:block; width:80px; height:89px; cursor:hand; margin:auto; text-decoration:none; background:#969; border:1px solid #800080}

.photo ul.topic li ul li a img {display:block; width:70px; height:79px; border:5px solid #eee}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {position:absolute; left:-35px; top:-32px; width:200px; height:226px; border-color:#fff}