/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

body {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: center;
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #fff;
	background: #6194bc;
	}
	
a:link, a:visited {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	}

a:hover, a:visited:hover {
	color: #fff;
	text-decoration: underline;
	font-weight:bold;
	}

a.inactive:link, a.inactive:visited {
	color: #fff;
	font-weight:bold;
	}

/* Container that gets resized and holds the photo */
#Container {
	margin: 0 auto;
 	position: relative;
	width: 200px;	/* Initial width */
	height: 200px;	/* Initial height */
	background: #fff url(loading.gif) 50% 50% no-repeat;
	border: 5px solid #f2bc00;
	overflow: hidden;
	z-index: -1;
	}

/* Inner container for photo */
#PhotoContainer { visibility: hidden; width:1px;}

/* Temporary image for preloads */
#TempPhoto { visibility: hidden; display: inline; }

#Photo { z-index: 0; }

/* Counter for photos */
#Counter { color: #ddd;}
#Caption { color: #fff; font-weight:bold; }

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 1;
	background-color: transparent;
	display: none;
	}

#PrevLink {
	display: block;
	float: left;
	height: 200px;
	width: 100px;
	}

#NextLink {
	display: block;
	float: right;
	height: 200px;
	width: 100px;
	z-index: 100;
	}

#PrevLink:hover, #NextLink:hover { text-decoration: none; }
#PrevLink:hover { background: transparent url(previous.png) 20% 50% no-repeat; }
#NextLink:hover { background: transparent url(next.png) 80% 50% no-repeat; }

#PrevLink span, #NextLink span { display: none; }

img { border: none; }