﻿#content
{
	background-image: url(../images/gallery-bg.jpg);
	color: #fff;
}

#zoomed
{
	text-align: center;
	padding-top: 3em;
	padding-bottom: 3em;
	width: 568px;
	color: #fff;
}

#zoomed h2
{
	margin: 0;
}

#zoomed p
{
	font-size: 1.2em;
}

/*#zoomed .previous
{
	position: absolute;
	left: 10%;
}

#zoomed .next
{
	position: absolute;
	right: 10%;
}

#zoomed a.next:link, #zoomed a.previous:link, #zoomed a.next:visited, #zoomed a.previous:visited
{
	color: #fff;
}

#zoomed a.next:hover, #zoomed a.previous:visited:hover
{
	color: #aaa;
}*/

table.zoomedphoto
{
	margin: 0 auto;
	border-style: none;
}

table.zoomedphoto td
{
	border-style: none;
	padding: 0;
}

.zoomedphoto .tl, .zoomedphoto .tr, .zoomedphoto .bl, .zoomedphoto .br
{
	width: 17px;
	height: 17px;
}

.zoomedphoto .tl
{
	background-image: url(../images/zoomed-bg-tl.png);
}

.zoomedphoto .tr
{
	background-image: url(../images/zoomed-bg-tr.png);
}

.zoomedphoto .bl
{
	background-image: url(../images/zoomed-bg-bl.png);
}

.zoomedphoto .br
{
	background-image: url(../images/zoomed-bg-br.png);
}

.zoomedphoto .l
{
	background-image: url(../images/zoomed-bg-l.png);
}

.zoomedphoto .r
{
	background-image: url(../images/zoomed-bg-r.png);
}

.zoomedphoto .b
{
	background-image: url(../images/zoomed-bg-b.png);
}

.zoomedphoto .t
{
	background-image: url(../images/zoomed-bg-t.png);
}

#thumbnailscontainer
{
	width: 378px;
	padding-top: 1em;
	padding-bottom: 1em;
	float: right;
	text-align: center;
}

#thumbnailscontainer h1
{
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.4em;
}

#thumbnails
{
	width: 335px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

.thumbnail
{
	padding: 17px;
	background-image: url(../images/thumbnail-bg.gif);
}

.previous-page
{
	position: absolute;
	left: 2.2em;
}

.next-page
{
	position: absolute;
	right: 2.2em;
}

#page-controls a:link, #page-controls a:link
{
	color: #ccc;
}

#page-controls
{
	text-align: center;
	position: relative;
	margin-bottom: 0.5em;
}

#page-controls a:link
{
	padding: 1px 5px 2px 5px;
	background-color: #9A3929;
	border: solid 1px #9A655C;
	text-decoration: none;
	margin: 0 1px 0 1px;
}

#page-controls a:hover
{
	background-color: #9A5F55;
}

#page-controls a.current
{
	text-decoration: none;
	color: #ccc;
}

#page-controls a.current:hover
{
	background-color: #9A1703;
}