body, article, section, p, h1,h2,h3,h4,h5,h6 {
	font-family: 'Amatic SC', cursive;
}

html, body, #page {min-height: 100%; background-color:#FFF;}

#page {width: 960px; margin: 0 auto 0;}

footer {
	text-align:center;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 20px;
}

footer nav ul {padding: 0 0 20px;}
footer nav li {display: inline; font-size: 20px;}
footer nav li a {text-decoration: none; color: #000; padding: 0 10px;}
footer nav li a:hover {color: #999; text-decoration: underline;}

footer p.copy {font-size: 16px; color: #666;}

footer p.copy a {color: #666; text-decoration: none;}
footer p.copy a:hover {color: #000;}

h1 {
	font-size: 48px; font-weight: normal; text-align: center; padding: 30px 0 10px;
}

#song ul, #names ul {width: 240px; margin: 20px auto; padding: 0; left: 10px; position: relative;}
#song li {float: left; margin: 0 20px 20px 0; width: 100px; height: 100px; text-align: center; overflow: hidden;}
#song li img:first-child {margin: 0 0 0 -100px;}
#song li:hover img:first-child {margin: 0;}

section {width: 960px; height: 570px; overflow: hidden; position: relative;}
article {width: 960px; text-align: center; position: absolute; height: 570px;}

#home img {margin-bottom: 100px;}

#scrollwrapper {white-space: nowrap; width: 12000px;}

#names ul {width: 230px;}
#names h3, #song h3, #story h3 {font-size: 24px; padding: 10px 0 10px; font-weight: normal;}
#names li, #story p {text-align: left; font-size: 20px; padding: 5px 10px;}
#names li a {width: 16px; height: 20px; margin-right: 7px; display: inline-block; text-indent: -10000px;}
#names li a.fb {background: transparent url(/i/fb.png) no-repeat 0 2px;}
#names li a.vk {background: transparent url(/i/vk.png) no-repeat 0 2px;}

#story p {width: 250px; white-space: nowrap; margin-left: auto; margin-right: auto; line-height: 1.5em; font-size: 12px; font-family: Georgia; position: relative; left: 33px;}

#home, {left: 0;}
#song,#story,#names {left: 960px;}
/*#story {left: 1920px;}
#names {left: 2880px;}*/