/* ==========
html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:15px;}
p {text-align:center; }
*/ ===========
/* ================================================================ 
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 */

.photo {position:relative; height:550px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(button/button1.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; width:215px; line-height:30px; background:#fff url(button/button1.gif) no-repeat;
 font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {margin:0; padding:0; display:none;}

.photo img {border:0;}

.photo ul li a.set:hover {background:#fff url(button/button2.gif) no-repeat;}
.photo ul li a.set:active {white-space: normal; background:#fff url(button/button0.gif) no-repeat;}
.photo ul li a.set:focus {outline:0; background:#fff url(button/button0.gif) no-repeat;}

.photo ul li a.set:active i,
.photo ul li a.set:focus i
{display:block; width:550px; height:412px; position:absolute; left:220px; top:0; border:1px solid #fff3c1; background:#fff3c1;}

.photo ul li a.set:active table,
.photo ul li a.set:focus table
{padding:0 0 10px 0; margin-top:-2px; margin-bottom:2px; display:block; border:1px solid #888; border-width:0 1px 1px;}

.photo ul a.set:active ul,
.photo ul a.set:focus ul
{margin:0; width:207px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set:active ul li,
.photo ul a.set:focus ul li
{float:left; display:inline; width:56px; margin:4px 6px; background:transparent;}

.photo ul a.set:active ul li a,
.photo ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.photo ul a.set:active ul li a img,
.photo ul a.set:focus ul li img
{display:block; border:3px solid #fff; cursor:default; margin:0 auto;}

.photo ul a.set:active ul li a em,
.photo ul a.set:focus ul li em
{position:absolute; left:-9999px; width:480px;}

.photo ul a.set:active ul li a:hover,
.photo ul a.set:focus ul li:hover
{background:#fff;}

.photo ul a.set:active ul li a:hover em,
.photo ul a.set:focus ul li:hover em
{left:220px; z-index:0; top:0;}

.photo ul a.set:active ul li a:hover img,
.photo ul a.set:focus ul li:hover img
{border:3px solid #fc0; cursor:default;}

.photo ul a.set:active ul li a:hover em img,
.photo ul a.set:focus ul li:hover em img
{padding:1px; border:1px solid #888; margin-bottom:10px;}

.photo ul a.set:active b,
.photo ul a.set:focus b
{font-weight:normal; font-style:normal; font-size:125%; background:#ccc;}

.photo .default {width:550px; height:412px; position:absolute; left:220px; top:0; border:1px solid #888;}


body {
margin:0;
padding:0;
background: #eee;
color: #333;
font: small/18px "Lucida Sans", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans",
 Verdana, Helvetica, sans-serif;
}
#wrap {
background:#ccc;
margin:0 auto;
width:780px;
border: 1px solid #444;
}
#header h1 {
padding-top: 10px;
padding-bottom: 0;
margin:0;
}
div#header ul#menu li {
margin: 0;
padding: 0px 20px;
list-style: none;
}	
ul#menu li, ul#menu a {
font-size: 110%;
font-weight: bold;
text-decoration: none;
color: #7e705c;
display: inline;
}
#header a:hover {
color:#7e705c;
text-decoration:underline;
}
#main {
position: relative;
background: #ccc;
margin: auto;
}
#footer {
clear: both;
height: 300px;
}