/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/** 
* Overwritten Styles
**/
.gallery #wrapper {
	min-height: 840px;
	_height: 840px;
}
#container.gallery {
	background-image: url("/resource/image/background/gallery.jpg");
}
.gallery #navigation {
	background-image: url("/resource/image/menu/background-gallery.jpg");
}

/* Header */
#header {
	margin: 20px 0px 0px -510px;
}

/* Titles */
#main-content h2 {
	width: 100%;
	height: 75px;
	display: block;
	background-image: url("/resource/image/title/gallery/gallery.gif");
	background-repeat: no-repeat;
	background-position: 290px 0px;
	*background-position: 740px 0px;
}
h3.gallery-description  {
	height: 65px;
	width: 210px;
	position: relative;
	top: -10px;
	left: 10px;
	*left: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
h3#valentines-day {
	background-image: url("/resource/image/title/gallery/valentines-day.gif");
}
h3#the-lovely-mary-janes {
	background-image: url("/resource/image/title/gallery/the-lovely-mary-janes.gif");
}
h3#customers {
	background-image: url("/resource/image/title/gallery/customers.gif");
}
h3#happy-hour {
	background-image: url("/resource/image/title/gallery/happy-hour.gif");
}

/* Main Content */
#main-content {
	position: absolute;
	margin: 100px 0px 0px -460px;
	*margin: 100px 0px 0px -910px;
	width: 900px;
}
#main-content p {
	position: absolute;
	margin: -40px 0px 0px 550px;
}

/* General Styles */
#events div {
	position: absolute;
}
#event-01 {
	margin: 50px 0px 0px 0px;
}
#event-02 {
	margin: 70px 0px 0px 210px;
}
#event-03 {
	margin: 0px 0px 0px 420px;
}
#event-04 {
	margin: 0px 0px 0px 640px;
}
#event-05 {
	margin: 310px 0px 0px 0px;
}
#event-06 {
	margin: 330px 0px 0px 240px;
}
#event-07 {
	margin: 320px 0px 0px 450px;
}
#event-08 {
	margin: 290px 0px 0px 675px;
}
#events span {
	display: none;
}
#events a {
	text-decoration: none;
}
#events a strong {
	visibility: hidden;
	background-image: url("/resource/image/gallery/view-image-arrow.gif");
	background-repeat: no-repeat;
	background-position: center;
}
#events a:hover strong {
	visibility: visible;
	position: absolute;
	z-index: 100;
	display: block;
	text-align: right;
	width: 109px;
	height: 109px;
	margin-top: 75px;
	margin-left: 30%;
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}

/**
* View Page
**/

/* Thumbnails */
#thumbnails div {
	position: absolute;
}
#thumbnail-1 {
	margin: 65px 0px 0px 0px;
}
#thumbnail-2 {
	margin: 40px 0px 0px 150px;
}
#thumbnail-3 {
	margin: 95px 0px 0px 330px;
}
#thumbnail-4 {
	margin: 60px 0px 0px 430px;
}
#thumbnail-5 {
	margin: 60px 0px 0px 590px;
}
#thumbnail-6 {
	margin: 40px 0px 0px 730px;
}
#thumbnail-7 {
	margin: 250px 0px 0px 40px;
}
#thumbnail-8 {
	margin: 260px 0px 0px 190px;
}
#thumbnail-9 {
	margin: 270px 0px 0px 365px;
}
#thumbnail-10 {
	margin: 240px 0px 0px 525px;
}
#thumbnail-11 {
	margin: 280px 0px 0px 725px;
}
#thumbnail-12 {
	margin: 420px 0px 0px 0px;
}
#thumbnail-13 {
	margin: 420px 0px 0px 150px;
}
#thumbnail-14 {
	margin: 420px 0px 0px 330px;
}
#thumbnail-15 {
	margin: 420px 0px 0px 430px;
}
#thumbnail-16 {
	margin: 400px 0px 0px 590px;
}
#thumbnail-17 {
	margin: 420px 0px 0px 730px;
}
#thumbnails span {
	display: none;
}
#thumbnails a {
	text-decoration: none;
}
#thumbnails a strong {
	visibility: hidden;
	background-image: url("/resource/image/gallery/thumbs/view-image-arrow.gif");
	background-repeat: no-repeat;
	background-position: -250px 0px;
}
#thumbnails a:hover strong {
	visibility: visible;
	position: absolute;
	z-index: 10;
	display: block;
	text-align: right;
	width: 55px;
	height: 55px;
	margin-top: 20px;
	margin-left: 20px;
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}

/* Styled Frames */
.frame {
	position: absolute;
}
.cms {
	margin: 7px 0px 20px 12px;
}

/* Main Image */
#main-image {
	position: absolute;
	margin: 30px 0px 0px 220px;
}
#main-image a {
	background-repeat: no-repeat;
}
#main-image a span,
#image-controls a span {
	display: none;
}
#main-image a strong {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	display: block;
	text-align: right;
	width: 55px;
	height: 55px;
	background-image: url("/resource/image/gallery/close-image.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 32px;
	margin-left: 50px;
	filter: alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
}
#main-image a strong:hover,
#main-image a strong:active {
	background-position: -250px 0px;
}
#main-content #main-image p {
	margin: -15px 0px 0px 25px;
}

/* Image Controls */
#image-controls {
	position: absolute;
	margin: -15px 0px 0px 550px;
}
#image-controls a {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 42px;
}
#image-controls a:hover,
#image-controls a:active {
	background-position: -250px 0px;
}
a#previous-images {
	width: 165px;
	background-image: url("/resource/image/gallery/previous-images-link.gif");
}
a#more-images {
	width: 142px;
	background-image: url("/resource/image/gallery/more-images-link.gif");
}

/* Send to a Friend */
#send-to-a-friend {
	position: absolute;
	margin: 60px 0px 0px -65px;
	z-index: 50;
}

/* Rumble CSS */
.thebox-controls {
	position: absolute;
	margin: -95px 0px 0px 55px;
	z-index: 110;
}
#thebox-panel {
	margin: 130px auto 0px auto;
	z-index: 100;
}
#thebox-panel img {
	cursor: pointer;
}
#thebox-background {
	z-index: 99;
}
.thebox-controls-title span {
	float: left;
	margin: 18px 0px 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
.thebox-controls-previous span,
.thebox-controls-next span,
.thebox-controls-close span {
	display: none;
}
.thebox-controls-previous {
	width: 45px;
	height: 45px;
	float: left;
	margin: 0px 15px 0px 240px;
	background-image: url("/resource/image/gallery/previous.gif");
}
.thebox-controls-next {
	width: 45px;
	height: 45px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image: url("/resource/image/gallery/next.gif");
}
span.thebox-controls-previous:hover,
span.thebox-controls-next:hover,
span.thebox-controls-close:hover,
span.thebox-controls-previous:active,
span.thebox-controls-next:active,
span.thebox-controls-close:active {
	cursor: pointer;
	background-position: -250px 0px;
}
.thebox-controls-close {
	width: 54px;
	height: 54px;
	clear: both;
	display: block;
	position: absolute;
	z-index: 50;
	margin: -456px 0px 0px 0px;
	*margin: -495px 0px 0px 0px;
	background-image: url("/resource/image/gallery/close-image.gif");
}