@charset "utf-8";
/* CSS Document */

body {
	background:url(pattern_061.gif) repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	height:100%;
	margin:0;
}

a {
	color:#fff;
}

.page a {
	color:#333;
}

hr.mainLine {
	border:none;
	background:transparent;
	border-bottom:dotted 1px #666;
	margin: 20px 0;
}

hr.thinLine {
	border:none;
	background:transparent;
	border-bottom:dotted 1px #ccc;
	margin: 10px 0;
}

.topLinks {
	font-size:11px; padding:3px;
}

.topLinks a {
	padding:3px; background:#ff9; color:#666; margin-right:5px;
}

h1, .h1 {
	font-size:3em;
	color:#fff;
	font-weight:bold;
}

.h1 a, h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
}

strong.price {
	color:#39C;
}

.marginleft {
	margin-left:20px;
}

.page h1 {
	color:#003;
}

.page h2, .page h3 {
	color:#39C;
}

.page h2 strong {
	padding:5px; background:#FF9; color:#333;
}

.page h2 {
	font-size:1.75em;
}
.page h1 {
	font-size:2.5em
}


.frame {
	width:960px; margin-bottom:20px;
}

.page {
	padding:40px; background:#fff; border:solid 1px #ccc; color:#666;
	
}

.flashmessage {
	padding:10px;
	font-size:0.75em;
	font-weight:bold;
	background:#FF9;
	border:solid 2px #FC6;
	margin:5px;
	color:#000;
}

input.error {
	border:solid 1px #F00;
}

h1.red, h2.red, h3.red, strong.red {
	color:#333;
}

.credits {
	font-size:0.75em;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:300px;
	width:870px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}