* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align: center;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	background-color: #AEA48E;
	font-size:75%;
 	line-height:1.6em;
 	text-align:center;
}

/* links
------------------------------------- */

a { 
	text-decoration: underline; 
	color: #F4EBD0;
	}
	
a:hover { 
	text-decoration: none; 
	color: #FFFFFF;
}

/* containers
------------------------------------- */

#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #7D7159;
	border: 5px solid #7D7159;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

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

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../images/gallery/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../images/gallery/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../images/gallery/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../images/gallery/next_chevron.png) 80% 50% no-repeat; }

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

/* thumb box
------------------------------------------*/

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #7D7159;
	}

#Caption {
	padding: 5px 10px 10px 10px;
}

#CaptionContainer p {
	font-size: 11px;
	padding: 0 0 10px 0;
}

#CaptionContainer em {
	font-weight: bold;
	color: #dfd6be;
	font-style:normal;
}

#Caption p.captionTitle {
	font-weight:bold;
	font-size: 12px;
	border-bottom: solid 1px #bfb093;
}

#Caption p.captionTitle em {
	font-weight:normal;
	font-size: 10px;
	color: #dfd6be;
	font-style:normal;
}


/* thumb box
------------------------------------------*/

.thumbBox {
	border: 0;
	width: 99.9%;
	overflow: auto;
	background: #000;
	padding: 0;
	border-top: solid 3px #3a311f;
	border-bottom: solid 2px #9b8c6f;
	margin-bottom: 10px;
	text-align: center;
}

* html .thumbBox {
 	height: 91px;
}

.thumbBoxRow {
	overflow: auto;
	text-align: left;
	background: #000;
	padding: 0;
	margin: 0 auto;
}

dd { float: left; padding: 0; margin: 0;}

dd a {
	width: auto;
	height: 60px;
	border: solid 4px #000;
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
}

* html dd a { display: inline-block; } /* hate you IE */

dd a:hover{
	border: solid 4px #FFF;
}

dd a.selected {
	border: solid 4px #F6D047;
}

.thumbBoxRow img {
	padding: 0;
	margin: 0; border: 0;
}



/* footer
--------------------------------------------------*/
#footer {
  clear:both;
  padding:20px 0 15px 0;
  margin-top: 30px;
  border-top: 1px dotted #F4EBD0;
  color: #000;
}

#footer p {
  margin:0;
  padding:0 0 18px 0;
}

#footer.footCenter { text-align: center; }

.links {	
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.4em;
  line-height:1.6em;
}

#footer a { text-decoration:none; }
#footer a:hover {text-decoration:underline;}

.footCaption {
	text-transform:uppercase;
	font-size:.95em;
	font-weight:bold;
	letter-spacing:.1em;
}

.referral { text-transform:none; color: #F4EBD0; font-size:.95em;}

#categories {
	margin: 0 auto;
	padding-top: 15px;
}