.clearfix {
	clear:both;
	margin:0px !important;
	padding:0px !important;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

#splash {
	width:80%;
	margin:10px auto 0 auto;
	position: relative;
}

img#splash-image {
	width:100%;
}

#info {
	width:100%;
	position: absolute;
	bottom:10px;
	padding:10px 0;
	background-image: url('../images/bg_60pst.png');
}

#info #colcontainer {
	width:80%;
	margin:0 auto;
}

#info #lcol {
	width:20px;
	margin: 0 0 0 10px;
	float:left;
}

#info #lcol a {
	width: 20px;
	height:20px;
	display:block;
	text-decoration: none;	
}

#info #lcol a.open {background: url(../images/bt_open.png) no-repeat left top;}
#info #lcol a.close {background: url(../images/bt_close.png) no-repeat left top;}
#info #lcol a:hover.open {background: url(../images/bt_open.png) no-repeat;}
#info #lcol a:hover.open {background-position: 0px -20px;}
#info #lcol a:hover.close {background: url(../images/bt_close.png) no-repeat;}
#info #lcol a:hover.close {background-position: 0px -20px;}

#info #rcol {
	height:100%;
	float:left;
}

#info #rcol {
	margin-left: 10px;
}

#info #rcol h1 {
	font-size: 1.4em;
	padding: 2px 0 5px;
	margin: 0;
	color: white;
}

#info #rcol h2 {
	font-size: 1.0em;
	padding: 5px 0 2px;
	margin: 0;
	color: white;
	display:inline;
}

#info #rcol p {
	font-size: 0.8em;
	margin: 5px 0;
	padding: 0;
}

#splash #imgbrowsing {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0 0 0 10px;	/* IE6-"fix" */
}

#splash #imgbrowsing .dotcontainer {
	clear: both;
	height:22px;
	margin:0;
	padding:0;
}

.dot {
	width:20px;
	height:20px;
	padding:1px;
	margin:0;
	cursor:pointer;
	float:left;
}
#splash #imgbrowsing .dotcontainer .dot.active {
	background: url('../images/imgbrowse/dot_active.png') no-repeat top left;
}
#splash #imgbrowsing .dotcontainer .dot.inactive {
	background: url('../images/imgbrowse/dot_inactive.png') no-repeat top left;
}
#splash #imgbrowsing .dotcontainer .dot.navnext {
	background: url('../images/imgbrowse/dot_next.png') no-repeat top left;
}