/* styles for FINA D210 final portfolio site */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #003 url('../images/bg-gradient.png') repeat-x;
	width: 100%;
	text-align: center;
	font-family: 'Century Gothic', Helvetica, sans-serif;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px auto; /* the bottom margin is the negative value of the footer's height */
	width: 1050px;
	background: url('../images/splash.png') no-repeat top center;
}
#footer, #push {
	height: 60px; /* .push must be the same height as .footer */
	color: #CCF;
	font-size: 0.6em;
	margin: 0; padding: 0;
}

#footer a:link, a:visited { color: #99C; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { float: right; }
#footer img { border: none; }

#content { background: url('../images/whitebox.png') no-repeat top center; 
	height: 500px;
	text-align: left;
}

#content p { padding: 50px 75px; }

img#bb { position: fixed; top: 0; left: 0; border: 0;}

/* slide gallery */
.sliderGallery {
	overflow: hidden;
	position: relative; 
	height: 325px;
	width: 944px;
	padding-top: 50px;
	margin: 0 auto;
}

.sliderGallery ul {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
.sliderGallery ul li {display: inline; padding-right: 30px;}

.slider {
	width: 944px;
	height: 19px;
	margin-top: 300px;
	padding: 1px;
	position: relative;
	background: url('../images/scrollbar.png') no-repeat;
}

.handle { 
	position: absolute; 
	cursor: move; 
	height: 19px; 
	width: 181px; 
	top: 0;
	background: url('../images/scroller.png') no-repeat;
	z-index: 100;
}

.slider span {
	color: #bbb;	
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 2px;
}

.slider span:hover { color: #DEDEDE; }

.slider span#label1 { left: 50px;}
.slider span#label2 { left: 400px;}
.slider span#label3 { left: 600px;}
.slider span#label4 { left: 850px;}