body {
text-align: center;
font-family:verdana;
font-size:15px;
}

h1 {
font-size:20px;
font-weight: bold;
}

a {color:#333; text-decoration:none}

a:hover {color:#ccc; text-decoration:none}

a.nav {
font-size: 14px;
font-weight: bold;
}

#foot {
  clear: both;
}

.head-sub {
  width: 100%;
}

div.big {
font-size: 18px;
font-weight: bold;
}

span.big {
font-size: 18px;
font-weight: bold;
}

a.xphoto-container {
  position: relative;
  display: block;
} 
img.xmask {
  position: absolute;
  top: 0;
  left: 0;
}

div.content {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
}
div.wrapper {
  position: relative;
  width: 800px;
  margin-left: auto ;
  margin-right: auto ;
  text-align: left;
}
span.photo-container {
  position: relative;
  display: block;
} 
a.photo-container {
  position: relative;
  display: block;
} 
img.mask {
  position: absolute;
  top: 0;
  left: 0;
}
div.tx {
  position: absolute;
  top: 70;
  left: 110;
  text-align: left;
#  font-weight: bold;
  color: #666666;
}
div.tx2 {
  position: absolute;
  top: 50;
  left: 125;
  text-align: left;
#  font-weight: bold;
  color: #666666;
}
div.photo-large {
  width: 600px;
  position: absolute;
  top: 180;
  right: 20;
    z-index:100;
}
div.photo-largeL {
  position: absolute;
  top: 175;
  left: 700;
    z-index:100;
}
div.pint {
  width: 600px;
  position: relative;
  top: 0;
  right: 0;
}
div.variations {
  position: absolute;
  bottom: -20;
  right: 10;
 	font-weight:bold;
	font-size: 0.9em;
	color: #666666;
}
div.story {
  width: 500px;
  position: relative;
  top: 0;
  right: 0;
  text-align:justify;
}
span.photo-container2 {
  position: absolute;
  top: 740;
  left: 800;
}
span.photo-container3 {
  position: absolute;
  bottom: -150;
  right: 0;
}
span.photo-container4 {
  position: absolute;
  bottom: -150;
  right: 150;
}
span.photo-container5 {
  position: absolute;
  top: 740;
  left: 80;
}
span.photo-0 {
  position: absolute;
  bottom: -150;
  right: 0;
  z-index:100;
}
span.photo-1 {
  position: absolute;
  bottom: -150;
  right: 125;
  z-index:100;
}
span.photo-2 {
  position: absolute;
  bottom: -150;
  right: 250;
  z-index:100;
}
span.photo-3 {
  position: absolute;
  bottom: -150;
  right: 375;
  z-index:100;
}
span.photo-4 {
  position: absolute;
  bottom: -150;
  right: 500;
  z-index:100;
}
body {

	background-color: #e8e8e8;
}

body, html, input, td, a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}

.info {
	font-style:italic;
	font-size: 0.9em;
	color: #666666;
}
.info2 {
	font-weight:bold;
	font-size: 0.9em;
	color: #666666;
}


/* below is the code for rounded corners with IE fix following */

.rounded_colhead
{
  width: 100%;
  color: white;
  padding: 8px 8px;
  /* Rounded corner stuff starts here */
  background-color: #3facdc;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}