@import url(resetclearfix.css);

body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #fff;
}

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

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

h1 {
	font-size:200%;
	font-weight:bold;
}

h2 {
	font-size:175%;
	font-weight:bold;
}

h3 {
	font-size:150%;
	font-weight:bold;
}

#wrapper {
	width: 100%;
}

#content {
	display: block;
	width: 705px;
	height: 500px;
	margin: 120px 0 20px 252px;
	padding: 10px;
}

#top {
	display: block;
	width: 705px;
	height: 20px;
}

#left {
	display: block;
	float: left;
	width: 480px;
	text-align: right;
}

#right {
	display: block;
	width: 225px;
	margin: 3px 0 0 0;
	float: left;
	text-align: right;
	font-size: 12px;
}

#contact_container {
	display: block;
	float: right;
	text-align: right;
	margin: 3px 0 0 0;
	line-height: 14px;
	font-size: 12px;
}



/*********** scrollable images ***********/

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	float: left;
	overflow:hidden;
	width: 480px;
	height: 480px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	position: absolute;
	cursor:pointer;
	width: 480px;
	height: 480px;
}



#slideshow {
    position:relative;
    height:480px;
}

#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;
}