/* css classes for use with every gallery */

/* we need to have a property specified - any one will do - so that the following hover code works!!  */
a:hover{
	font-style: normal;
}

/*  page properties  */
body {
  background-repeat: no-repeat;
  background-color: #ffffff;
	background-attachment: scroll;
  font-family: Arial, Helvetica, sans-serif;
}

/* left hand menu properties */
div.livemusic {
	position: absolute;
	left: 107px;
	width: 86px;
	height: 14px;
}

div.livemusic img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 86px;
  height: 14px;
}

div.portrait {
	position: absolute;
	left: 107px;
	width: 76px;
	height: 14px;
}

div.portrait img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 76px;
  height: 14px;
}

div.documentary {
	position: absolute;
	left: 107px;
	width: 62px;
	height: 14px;
}

div.documentary img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 62px;
  height: 14px;
}

div.blog {
	position: absolute;
	left: 107px;
	width: 42px;
	height: 14px;
}

div.blog img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 42px;
  height: 14px;
}

/* bottom menu properties */
div.about {
  position: absolute;
  left: 423px;
  top: 756px;
  width: 55px;
  height: 14px;
}

div.about img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 55px;
  height: 14px;
}

div.contact {
  position: absolute;
  left: 530px;
  top: 756px;
  width: 74px;
  height: 14px;
}

div.contact img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 74px;
  height: 14px;
}

div.links {
  position: absolute;
  left: 1098px;
  top: 756px;
  width: 44px;
  height: 14px;
}

div.links img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 44px;
  height: 14px;
}

div.shop {
  position: absolute;
  left: 973px;
  top: 756px;
  width: 43px;
  height: 14px;
}

div.shop img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 43px;
  height: 14px;
}

/*  big photo div properties */
div.indivphoto {
  position: absolute;
	top: 194px;
	left: 382px;
	width: 803px;
  height: 534px;
  text-align: center;
}

/*  thumbnail container div */
div.thumbsctnr {
	position: absolute;	
  left: 104px;
	top: 260px;
  width: 200px;
  height: 248px;
  text-align: left;
	overflow: hidden;
	clip: rect(0px, 240px, 387px, 0px);
}

/* thumbnail set starting position */
div.thumbstop {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: auto;
}

/* thumbnail set scrolled-down position */
div.thumbsscrl {
	position: absolute;
	left: 0px;
	top: -248px;
	width: 200px;
	height: auto;
}

div.thumbsscrl2 {
	position: absolute;
	left: 0px;
	top: -497px;
	width: 200px;
	height: auto;
}

div.thumbsscrl3 {
	position: absolute;
	left: 0px;
	top: -747px;
	width: 200px;
	height: auto;
}


div.thumbs {
  position:absolute; 
  top: 0px;
  left:0px;
  width: 200px;
  height: auto;
  text-align: left;
}

div.thumbs img {
	display: inline;
	float: none;   /* without this, a small focus rectangle appears to the bottom right of the image!!  */
  margin-bottom: 3px;
  border: 1px solid black;
	vertical-align: bottom; 
}

div.priorpic {
  position: absolute;
  left: 758px;
  top: 755px;
  width: 16px;
  height: 16px;
}

div.priorpic img{
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;  
}

div.nextpic {
  position: absolute;
  left: 802px;
  top: 755px;
  width: 16px;
  height: 16px;
}

div.nextpic img{
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;  
}

/* thumbnail set navigation arrows */
div.priorset {
	position: absolute;
	left: 188px;
	width: 14px;
	height: 14px;
}

div.priorset img {
	left: 0px;
	top: 0px;
  width: 14px;
  height: 14px;
}

div.nextset {
	position: absolute;
	left: 222px;
	width: 14px;
	height: 14px;
}

div.nextset img {
	left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
}


div.enter {
  position: absolute;
  left: 612px;
  top: 655px;
  width: 81px;
  height: 22px;
}

div.enter img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 81px;
  height: 22px;
}

div.bloglink {
  position: absolute;
  left: 483px;
  top: 419px;
  width: 597px;
  height: 46px;
}

div.bloglink img {
  position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 597px;
  height: 46px;
}

div.mainsite {
	position: absolute;
	left: 808px;
	top: 339px;
	width: 286px;
	height: 270px;
}

div.mainsite img {
	position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 286px;
  height: 270px;
}

div.weddingsite {
	position: absolute;
	left: 195px;
	top: 339px;
	width: 286px;
	height: 270px;
}

div.weddingsite img {
	position: absolute;
  margin: 0px;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 286px;
  height: 270px;
}

a {
  text-decoration: none;
}

a:link img{
  border: 1px solid white; 
	}
a:visited img{
	border: 1px solid white;
	}
a:focus img{
	border: 1px solid white;
	}
a:hover img{
	border: 1px solid #858583;
  opacity: 1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	}
a:active img{
	border: 1px solid #858583;
	}