.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

*{margin:0;padding:0; outline: none;}
body{padding:20px 0;font:62.5% verdana, helvetica, arial, sans-serif;}
body.white {background:#fff;color:#666;}
body.gray {background:#808080;color:#333;}
body.black {background:#000;color:#ccc;}
h1 {
	font-size: 140%;
	margin-bottom: 1em;
}
h2 {
	font-size: 120%;
	font-style: italic;
}

a {
	color: #06c;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #f60;
}

#wrapper {
	margin: 0 auto;
	width: 980px;
}

#main_image{height:640px;width:640px; float: left; position: relative;}
#main_image img {display: block; margin 0 auto;}
.caption{display:block;font-style:italic;margin-top: 1em;}
.gallery{width:280px; float: right; height: 350px; overflow: auto;}
.js .gallery li{width:80px;height:80px;margin: 0 4px 4px 0; background: #eee url(http://www.tomdeater.com/photos/ajax-loader.gif) 50% 50% no-repeat;}
.js .gallery img {display: none;}

#colors {
	float: right;
	padding-bottom: 10px;
	width: 280px;
	display: none;
}
a.colorswatch {
	float: left;
	height: 12px;
	margin: 0 20px 0 0;
	width: 12px;
}

a.gray {
	background: #999;
	border: 1px solid #000;
}

a.white {
	background: #fff;
	border: 1px solid #000;
}

a.black {
	background: #000;
	border: 1px solid #fff;
}

.white a.gray {
	border: 1px solid #fff;
}

.gray a.white, .gray a.black {
	border: 1px solid #808080;
}
#previous {
	background: url(prev_white.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 100%;
	display: none;
}
#next {
	background: url(next_white.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 100%;
	display: none;
}

#footer {
	float: right;
	width: 280px;
	padding: 20px 0;
}

.copyright {
	margin-bottom: .5em;
}

.js #next, .js #previous, .js #colors {
	display: block;
}

#help {
	margin: 1em 0;
}

#help span {
	clear: left;
	float: left;
	letter-spacing: 3px;
	width: 30%;
}

#help strong {
	float: right;
	width: 70%;
}