* {
	margin:0px;
	padding:0px;
}

body {
	background-color:#fff;
	text-align:center;
	font:10px Tahoma;
	margin:0px;
}

a img {
	border:0px;
}

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

a:hover {
	color:#000;
	text-decoration:underline;
}

#main {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	padding-top:140px;
	background:url('../images/background.jpg') no-repeat;
}

#navi {
	height:23px;
	text-align:center;
}

#navi ul {
	float:right;
	margin-right:110px;
}

#navi li {
	list-style:none;
	float:left;
	padding-left:6px;
}

#upload {
	display:block;
	background:url('../images/upload.gif') no-repeat top;
	width:63px;
	height:23px;
}

#register {
	display:block;
	background:url('../images/register.gif') no-repeat top;
	width:70px;
	height:23px;
}

#login {
	display:block;
	background:url('../images/login.gif') no-repeat top;
	width:53px;
	height:23px;
}

#history {
	display:block;
	background:url('../images/history.gif') no-repeat top;
	width:62px;
	height:23px;
}

#albums {
	display:block;
	background:url('../images/albums.gif') no-repeat top;
	width:63px;
	height:23px;
}

#settings {
	display:block;
	background:url('../images/settings.gif') no-repeat top;
	width:72px;
	height:23px;
}

#logout {
	display:block;
	background:url('../images/logout.gif') no-repeat top;
	width:68px;
	height:23px;
}

#navi a:hover, #navi a.active {
	background-position:bottom;
}

#logo {
	margin-left:30px;
}

#top {
	width:412px;
	margin-left:auto;
	margin-right:auto;
	background:url('../images/top.jpg') no-repeat bottom;
	height:70px;
	margin-top:20px;
	text-align:left;
}

#box {
	width:352px;
	margin-left:auto;
	margin-right:auto;
	background:url('../images/box.jpg') repeat-y;
	text-align:left;
	color:#fff;
	padding:0 30px 10px 30px;
}

#box a { color:#fff; }

#footer {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	background:url('../images/bottom.jpg') no-repeat;
	height:160px;
	padding-top:40px;
	text-align:center;
	color:#999;
}

/* progress bar */
#upload-form { margin-left:24px; padding-top:5px; }

#box2 { background:url('../images/front.gif') right center no-repeat; width:247px; height:24px; float:left; }
#perc2{ background:url('../images/back.gif') right center no-repeat; height:24px; }
#start { background:url('../images/start.gif') no-repeat; width:8px; height:24px; float:left; position:relative; margin-left:-250px; }
#text { font:13px "Trebuchet MS"; color:#333; float:left; padding:2px 0 0 10px; position:relative; margin-left:-145px; }
#button { float:left; border:0px; width:62px; height:24px; background:url('../images/button.gif') no-repeat top; }
#button:hover { background-position:bottom; }

.clear { clear:both; }