body, html {
	height: 100%;
	background-color: #000000;
	background-image: url('img/slice.jpg');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #630460;
}
#logo {
	position: relative;
	top: 30px;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}
#intro {
	padding: 0px;
	margin: 45px 0px 0px 0px;
}
#wrapper {
	background-image: url('img/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	min-height: 100%;
	height: auto;
}
#wrapper #poweredBy {
	background-image: url('img/poweredBySampoPankki.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 13px;
	height: 140px;
	position: absolute;
	top: 10px;
	left: 5px;
}
#content {
	width: 975px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}
#content #center {
	width: 740px;
	margin: 0px 0px 0px 50px;
	_margin-left: 25px;
	padding: 0px;
	float: left;
}
#content #center p {
	margin: 20px 0px 20px 0px;
	padding: 0px;
}
#banner {
	width: 160px;
	margin: 0px;
	padding: 163px 0px 0px 20px;
	float: left;
}
.clear {
	clear: both;
}
.step {
	display: none;
}
#aanestysPaattyy {
	background-image: url('img/aanestysPaattyy.gif');
	background-repeat: no-repeat;
	width: 122px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 275px;
}

/* STARS */

#star1 {
	position: absolute;
	top: 5px;
	left: 30px;
	z-index: 1;
	background-image: url('img/star1.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
#star2 {
	position: absolute;
	top: 10px;
	left: 75px;
	z-index: 1;
	background-image: url('img/star2.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
#star3 {
	position: absolute;
	top: 20px;
	left: 100px;
	z-index: 1;
	background-image: url('img/star3.gif');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
#star4 {
	position: absolute;
	top: 45px;
	left: 150px;
	z-index: 1;
	background-image: url('img/star4.gif');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
#star5 {
	position: absolute;
	top: 25px;
	right: 100px;
	z-index: 1;
	background-image: url('img/star1.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
#star6 {
	position: absolute;
	top: 50px;
	right: 150px;
	z-index: 1;
	background-image: url('img/star2.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
#star7 {
	position: absolute;
	top: 10px;
	right: 200px;
	z-index: 1;
	background-image: url('img/star3.gif');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
#star8 {
	position: absolute;
	top: 40px;
	right: 1750px;
	z-index: 1;
	background-image: url('img/star4.gif');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
#star9 {
	position: absolute;
	top: 10px;
	right: 300px;
	z-index: 1;
	background-image: url('img/star1.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}


/* NAV */

#content #box #nav {
	height: 20px;
	width: 676px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 25px 0px 0px 32px;
	padding: 0px;
	text-align: left;
}
#content #box #nav a {
	text-decoration: none;
	color: #ffffff;
}
#content #box #nav ul {
	margin: 0px;
	padding: 0px;	
}
#content #box #nav li {
	float: left;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#content #box #nav li a {
	display: block;
	padding: 0px;
	margin: 0px;
}
#content #box #nav li span {
	display: none;
}

#content #box #nav #navUusimmat {
	display: block;
	position: relative;
	width: 84px;
	background: none;
	margin-right: 4px;
}
#content #box #nav #navSuosituimmat {
	display: block;
	position: relative;
	width: 117px;
	background: none;
	margin-right: 360px;
	margin-left: 1px;
}
#content #box #nav #navKaikki {
	display: block;
	position: relative;
	width: 45px;
	background: none;
	margin-right: 4px;
}
#content #box #nav #navValokuvat {
	display: block;
	position: relative;
	width: 69px;
	background: none;
	margin-right: 4px;
}
#content #box #nav #navVideot {
	display: block;
	position: relative;
	width: 46px;
	background: none;
}
#content #box #nav #navUusimmat a, #content #box #nav #navSuosituimmat a, #content #box #nav #navKaikki a, #content #box #nav #navValokuvat a, #content #box #nav #navVideot a {
	display: block;
	position: relative;
	height: 20px;
	background: url('img/nav.gif') no-repeat;
}

#content #box #nav #navUusimmat a {
	background-position: -0px 0px;
}
#content #box #nav #navSuosituimmat a {
	background-position: -88px 0px;
}
#content #box #nav #navKaikki a {
	background-position: -478px 0px;
}
#content #box #nav #navValokuvat a {
	background-position: -527px 0px;
}
#content #box #nav #navVideot a {
	background-position: -600px 0px;
}

#content #box #nav #navUusimmat a:hover, #content #box #nav #navUusimmat:hover a, #content #box #nav #navUusimmat.over a, #content #box #nav #navUusimmat .selected {
	background-position: -0px -20px;
}
#content #box #nav #navSuosituimmat a:hover, #content #box #nav #navSuosituimmat:hover a, #content #box #nav #navSuosituimmat.over a, #content #box #nav #navSuosituimmat .selected {
	background-position: -88px -20px;
}
#content #box #nav #navKaikki a:hover, #content #box #nav #navKaikki:hover a, #content #box #nav #navKaikki.over a, #content #box #nav #navKaikki .selected {
	background-position: -478px -20px;
}
#content #box #nav #navValokuvat a:hover, #content #box #nav #navValokuvat:hover a, #content #box #nav #navValokuvat.over a, #content #box #nav #navValokuvat .selected {
	background-position: -527px -20px;
}
#content #box #nav #navVideot a:hover, #content #box #nav #navVideot:hover a, #content #box #nav #navVideot.over a, #content #box #nav #navVideot .selected {
	background-position: -600px -20px;
}

#sounds {
	float: right;
	width: 26px;
	height: 17px;
	padding-top: 3px;
}

/* BOX */

#content #box {
	width: 740px;
	height: 426px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#content #box #boxArea {
	background-image: url('img/boxBackground.gif');
	background-repeat: no-repeat;
	width: 708px;
	height: 374px;
	margin: 0px;
	padding: 16px;
}
#content #box #boxArea .mediaBox {
	background-color: #6b1b3e;
	width: 204px;
	height: 155px;
	margin: 12px 16px 12px 16px;
	padding: 0px;
	float: left;
}
#content #box #boxArea .preview {
	width: 204px;
	height: 132px;
	margin: 0px;
	padding: 0px;
}
#content #box #boxArea .votes {
	background-image: url('img/votesBackground.gif');
	background-repeat: repeat-x;
	width: 70px;
	height: 14px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	float: right;
}
#content #box #boxArea .red {
	color: #ff60a3;
}
#content #box #boxArea .vote {
	width: 114px;
	*width: 167px;
	_width: 167px;
	height: 26px;
	margin: 0px auto 0px auto;
	padding: 59px 0px 0px 0px;
	text-align: center;
	*padding-top: 43px;
	_padding-top: 43px;
}
#content #box #boxArea .author {
	background-image: url('img/authorBackground.gif');
	background-repeat: repeat-x;
	width: 198px;
	height: 19px;
	margin: 0px;
	padding: 4px 0px 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
}
#content #box #boxArea .boxCenter {
	text-align: center;
}
#content #box #boxArea .boxCenter p {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


/* PAGER */

#sub {
	float: left;
	position: relative;
	left: 50%;
	text-align: center;
	height: 20px;
	margin: 7px 0px 17px 0px;
	*margin-top: 30px;
	_margin-top: 7px;
}

#sub a {
	text-decoration: none;
	color: #ffffff;
}
#sub ul {
	list-style: none;
	position: relative;
	left: -50%;
	margin: 0px;
	padding: 0px;
}
#sub li {
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#sub img {
	vertical-align: middle;
}
#sub li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#sub .redLink, #signup .redLink {
	color: #630460;
	text-decoration: none;
}
#sub1 {
	display: block;
	position: relative;
	width: 83px;
	background: none;
}
#sub2 {
	display: block;
	position: relative;
	width: 83px;
	background: none;
}
#sub3 {
	display: block;
	position: relative;
	width: 83px;
	background: none;
}
#sub1 a {
	display: block;
	position: relative;
	height: 20px;
	background: url('img/btnPrev.gif') no-repeat;
}
#sub3 a {
	display: block;
	position: relative;
	height: 20px;
	background: url('img/btnNext.gif') no-repeat;
}

#sub1 a {
	background-position: -0px 0px;
}
#sub3 a {
	background-position: -0px 0px;
}

#sub1 a:hover, #sub1:hover a, #sub1.over a {
	background-position: -0px -20px;
}
#sub3 a:hover, #sub3:hover a, #sub3.over a {
	background-position: -0px -20px;
}

#sub1 a.act {
	background-position: -0px -20px;
}
#sub3 a.act {
	background-position: -0px -20px;
}



/* UPLOADIFY */

.uploadifyQueueItem {
	font: 10px Verdana, Geneva, sans-serif;
	color: #630460;
	border: 1px solid #c4a9c2;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: 260px;
}
.uploadifyError {
	border: 1px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #ffffff;
	border: 0px solid #c4a9c2;
	margin: 1px 0px 0px 0px;
	width: 260px;
}
.uploadifyProgressBar {
	background-color: #630460;
	width: 1px;
	height: 3px;
}


/* BUTTONS */

#btnPrevA {
	display: block;
	width: 83px;
	height: 20px;
	background: url('img/btnPrev.gif') no-repeat;
	background-position: 0px 0px;
}
#btnPrevA:hover, #btnPrevA.over {
	width: 83px;
	height: 20px;
	background-position: 0px -20px;
}

#btnNextB {
	float: right;
	display: block;
	width: 83px;
	height: 20px;
	background: url('img/btnNext-b.gif') no-repeat;
	background-position: 0px 0px;
}
#btnNextB:hover, #btnNextB.over {
	float: right;
	width: 83px;
	height: 20px;
	background-position: 0px -20px;
}

#btnPrevB {
	float: left;
	display: block;
	width: 83px;
	height: 20px;
	background: url('img/btnPrev-b.gif') no-repeat;
	background-position: 0px 0px;
}
#btnPrevB:hover, #btnPrevB.over {
	float: left;
	width: 83px;
	height: 20px;
	background-position: 0px -20px;
}

#btnNextA {
	display: block;
	width: 83px;
	height: 20px;
	background: url('img/btnNext.gif') no-repeat;
	background-position: 0px 0px;
}
#btnNextA:hover, #btnNextA.over {
	width: 83px;
	height: 20px;
	background-position: 0px -20px;
}

#btnOsallistuA {
	display: block;
	width: 411px;
	height: 26px;
	background: url('img/btnOsallistu.gif') no-repeat;
	background-position: 0px 0px;
	margin: 0px auto 0px auto;
}
#btnOsallistuA:hover, #btnOsallistuA.over {
	width: 411px;
	height: 26px;
	background-position: 0px -26px;
}

#btnKatsoKuva {
	display: block;
	width: 114px;
	height: 26px;
	background: url('img/btnKatsoKuva.gif') no-repeat;
	background-position: 0px 0px;
}
#btnKatsoKuva:hover, #btnKatsoKuva.over {
	width: 114px;
	height: 26px;
	background-position: 0px -26px;
}

#btnKatsoVideo {
	display: block;
	width: 114px;
	height: 26px;
	background: url('img/btnKatsoVideo.gif') no-repeat;
	background-position: 0px 0px;
}
#btnKatsoVideo:hover, #btnKatsoVideo.over {
	width: 114px;
	height: 26px;
	background-position: 0px -26px;
}

#btnAnnaAani {
	display: block;
	float: left;
	margin: 0px auto 0px auto;
	width: 194px;
	height: 26px;
	background: url('img/btnAnnaAani.gif') no-repeat;
	background-position: 0px 0px;
}
#btnAnnaAani:hover, #btnAnnaAani.over {
	width: 194px;
	height: 26px;
	background-position: 0px -26px;
}


/* LINKS */

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #630460;
	text-decoration: none;
}
a:hover {
	color: #630460;
	text-decoration: none;
}

a.whiteLink:link {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
a.whiteLink:visited {
	color: #ffffff;
		text-decoration: underline;
	font-weight: bold
}
a.whiteLink:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.whiteLink:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}