/* -- undo browser HTML defaults -- */
table,tr,td,th,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select,address,img,hr,a,optgroup,option {
	font: normal 11px Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;
	cursor:default;
	color: #333333;
	text-decoration:none;
	vertical-align:top;
}
optgroup {
	color: #487286;
	font-weight:bold;
	padding:0px 0px 5px 5px;
}
option {
	padding:2px 10px 2px 10px;
}
img,acronym,hr {border: none;}
a, a img, option {cursor:pointer;}
a:hover {text-decoration:underline;}
acronym {cursor:help;}
hr {
	height:1px;
	background:#CCCCCC;
	color:#CCCCCC;
}
select {height:18px;}
input, textarea {
	padding:2px;
	cursor: text;
}
input {height:12px;}
input.submit {
	height:22px;
	cursor:pointer;
	margin-top:-1px;
}
/* -- */
body, .thumbs {
	background:#52007B;
}
#head {
	padding:50px 0px 100px 60px;
}
#sections {
	white-space: nowrap;
	width:800px;
	position:absolute;
	top:184px;
	left:160px;
}
.section {
	width:100px;
	height:104px;
	float:left;
}
.section span {
	display:block;
	background:#FFFFFF;
	width:82px;
	margin:0px 0px 2px -3px;
}
.section span img {
	margin:1px;
	width:80px;
	height:80px;
}
.section h2 {
	padding:0px 0px 0px 3px;
}
.section h2 a {
	font-size:9px;
}
.section .nav {
	position: absolute;
	top:-180px;
	height:180px;
}
.section .nav ul {
	position:absolute;
	bottom:0px;
	padding:3px 0px 10px 0px;
	background:#52007B;
}
.section .nav li {
	list-style:none;
	padding:2px 0px 2px 0px;
}
.section .nav li a {
	color:#FFFFFF;
}
#container {
	background:#FFFFFF url(../img/crystal_v2.jpg) no-repeat 68px 57px;
}
#container .nav {
	padding:0px 0px 0px 0px;
	position:relative;
	bottom:0px;
}
#container .nav li {
	list-style:none;
	display:inline;
	padding:0px 5px 0px 0px;
}
#container .nav li a {
	color:#52007B;
	font-size:9px;
}
#container #content {
	position:relative;
	bottom:-22px;
	left:400px;
	width:550px;
	padding:50px 0px 0px 4px;
}
#container #content h2 {
	color:#52007B;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}
#container p {
	padding:0px 0px 10px 0px;
}
#container ul {
	padding:0px 0px 10px 13px;
}
#content a:hover {
	color:#52007B;
	text-decoration:none;
}
#container2 {
	padding:20px 0px;
	width:700px;
	text-align:center;
}
#container2 p, #container2 a {
	color:#C6ADD6;
}

#thumbs {
	padding:6px 0px 0px 0px;
}
#frontpagetext {
	float:left;
	width:200px;
}
#frontpagetext p {
	color:#FF99CC;
	padding:2px 20px 0px 2px;
}
#scrollingareaoutercontainer {
	float:left;
}

#scrollingareacontainer {
	width:730px;
	height:65px;
	overflow: hidden;
	position: absolute;
}
#scrollingarea, #scrollingarea2 {
	width:200%;
	position: absolute;
	float:left;
}
.scrollitem {
	float:left;
	margin-right:2px;
}
#scrollingareacontrols {
	padding:70px 0px 0px 0px;
}
#scrollingareacontrols img {
	cursor:pointer;
}