/* CSS Document */

/* Pink Label style sheet for http://www.shubette.com/pinklabel/ */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	max-height: 100%;
	overflow:hidden;
}

body {
	background-color: white;
	font-size: 75%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #3F3F3F;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
}

#wrapper {
	width: 100%;
	height: 600px;
	position: absolute;
	top:50%;
	left:0;
	margin:-300px 0 auto 0;
}

#navcontainer {
	width: 200px;
	height: 575px;
  padding-top: 15px;
  padding-left: 25px;
  padding-bottom: 10px;
	position: absolute;
	left: 0px;
  border-right: #999999 1px dotted;
  border-top: #999999 4px solid;
  border-bottom: #999999 4px solid;
  background-color: #FFFFFF;
}

#navcontainer img {
  vertical-align: bottom;
}

#navcontainer a {
  float: left;
	color:#3F3F3F;
	text-decoration: none;
  margin: 16px 20px 0 0;
}

#basemenu {
  padding: 0 0 0 0px;
  text-align: center;
}

#basemenu a {
  float: left;
	color:#3F3F3F;
	text-decoration: none;
  margin: 16px 2px 0 0;
}

#grafixwrapper {
  width: 1800px;
  height: 600px;
  position: absolute;
  left: 200px;
  overflow: hidden;
  border-top: #999999 4px solid;
  border-bottom: #999999 4px solid;
}

#grafixcontainer {
	width: 6000px;
	height: 600px;
	position: absolute;
  left: 0px;
}

.scrollbox {
  width: 600px;
  height: 600px;
  position: absolute;
}

.scrollbox a img {
	filter: alpha(opacity=50);
	-moz-opacity:.50; 
	opacity:.50
}

.scrollbox a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0
}

.pointylink {
  vertical-align: 275px
}

#image1 {
  left: 0px;
  top: 0px;
}

#image2 {
  position: absolute;
  left: 600px;
  top: 0px;
}

#image3 {
  position: absolute;
  left: 1200px;
  top: 0px;
}

#image4 {
  position: absolute;
  left: 1800px;
  top: 0px;
}

#image5 {
  position: absolute;
  left: 2400px;
  top: 0px;
}

#image6 {
  position: absolute;
  left: 3000px;
  top: 0px;
}

#image7 {
  position: absolute;
  left: 3600px;
  top: 0px;
}

#image8 {
  position: absolute;
  left: 4200px;
  top: 0px;
}

#image9 {
  position: absolute;
  left: 4800px;
  top: 0px;
}

#image10 {
  position: absolute;
  left: 4800px;
  top: 0px;
}

#image11 {
  position: absolute;
  left: 4800px;
  top: 0px;
}

.alpha {
	filter: alpha(opacity=50);
	-moz-opacity:.50; 
	opacity:.50;
}

.alpha:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

