@import "reset.css";

html,body {
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

p {color:#333; font-size:12px; line-height:20px;}
h1 {font-weight:bold; position:absolute; left:350px; top:20px; text-transform:uppercase;}
h2 {font-size:20px;}

a {color:black; font-weight:bold; text-decoration:none;}
a:hover {color:#ff7e00; background-color:white;}

ul#menu {list-style-type:none; position:absolute; top:20px; left:30px;}
ul#menu li {float:left; margin:0 12px 0 0;}
ul#menu li a {text-transform:uppercase;}
ul#menu li a#on {color:#ff7e00;}

#start {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#start div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left.jpg) no-repeat bottom left; width:151px; height:456px;}
#start div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#start div#banner {position:absolute; top:0px; right:20%; background:url(/images/banner.gif) no-repeat bottom left; width:500px; height:269px;}

#we {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#we div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-girl.jpg) no-repeat bottom left; width:151px; height:524px;}
#we div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-boy.jpg) no-repeat bottom right; width:192px; height:217px;}
#we div#kite {position:absolute; bottom:200px; right:32%; background:url(/images/kite.jpg) no-repeat bottom left; width:147px; height:132px;}
#we div#ship {position:absolute; bottom:60px; left:25%; background:url(/images/ship.jpg) no-repeat bottom right; width:68px; height:95px;}
#we div#content {position:absolute; top:140px; left:188px; width:580px;}
#we div#content h2 {font-size:18px; font-weight:bold;}
#we div#content p {padding:6px 0 6px 0;}
#we div#content a {font-weight:normal;}
#we div#content a:hover {text-decoration:none; background-color:#ff7e00; color:white;}

#songs {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songs div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-piano1.jpg) no-repeat bottom left; width:215px; height:685px;}
#songs div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#songs div#kite {position:absolute; top:10%; right:20%; background:url(/images/kite-clean.jpg) no-repeat bottom left; width:150px; height:133px;} 
#songs div#piano {position:absolute; bottom:0px; left:215px; background:url(/images/rock-left-piano2.jpg) no-repeat bottom left; width:306px; height:685px;}
#songs div#content {position:absolute; bottom:160px; left:400px;}
#songs div#content ul {list-style-type:none;}
#songs div#content ul li a {color:#333; font-size:12px;}
#songs div#content ul li a:hover {color:#ff7e00;}

#songsThePicture {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsThePicture div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-bird.jpg) no-repeat bottom left; width:161px; height:529px;}
#songsThePicture div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#songsThePicture div#photo {position:absolute; bottom:67px; right:26%; background:url(/images/photo.jpg) no-repeat bottom right; width:278px; height:259px;}

#songsObsessed {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsObsessed div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-grass.jpg) no-repeat bottom left; width:161px; height:696px;}
#songsObsessed div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-flowers.jpg) no-repeat bottom right; width:192px; height:171px;}
#songsObsessed div#sun {position:absolute; top:0px; right:0px; background:url(/images/sun.jpg) no-repeat top right; width:385px; height:118px;}
#songsObsessed div#girls {position:absolute; bottom:73px; right:46%; background:url(/images/girls.jpg) no-repeat bottom right; width:239px; height:325px;}
#songsObsessed div#grass {position:absolute; bottom:80%; left:0px; background:url(/images/grass.jpg) no-repeat bottom left; width:104px; height:198px;}

#songsSundayMorningPoison {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsSundayMorningPoison div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-orchestra.jpg) no-repeat bottom left; width:151px; height:456px;}
#songsSundayMorningPoison div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#songsSundayMorningPoison div#orchestra {position:absolute; bottom:0px; left:151px; background:url(/images/orchestra.jpg) no-repeat bottom left; width:406px; height:236px;}

#songsAndTheSeasonsPass {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsAndTheSeasonsPass div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-children.jpg) no-repeat bottom left; width:151px; height:500px;}
#songsAndTheSeasonsPass div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-mary.jpg) no-repeat bottom right; width:192px; height:300px;}
#songsAndTheSeasonsPass div#balloonBoy {position:absolute; top:8%; left:140px; background:url(/images/balloon-boy.jpg) no-repeat top left; width:40px; height:71px;}
#songsAndTheSeasonsPass div#balloonHorseTop {position:absolute; bottom:410px; left:468px; background:url(/images/balloon-horse-top.jpg) no-repeat bottom left; width:36px; height:58px;}
#songsAndTheSeasonsPass div#balloonHorse {position:absolute; bottom:144px; left:180px; background:url(/images/balloon-horse.jpg) no-repeat bottom left; width:394px; height:266px;}
#songsAndTheSeasonsPass div#balloonBottom {position:absolute; bottom:0px; left:180px; background:url(/images/balloon-bottom.jpg) no-repeat bottom left; width:394px; height:144px;}
#songsAndTheSeasonsPass div#balloonSmall {position:absolute; top:20%; left:60%; background:url(/images/balloon-small.jpg) no-repeat top left; width:15px; height:38px;}
#songsAndTheSeasonsPass div#balloonSmall2 {position:absolute; top:12%; left:22%; background:url(/images/balloon-small2.jpg) no-repeat top left; width:34px; height:69px;}
#songsAndTheSeasonsPass div#balloonSmall3 {position:absolute; top:6%; left:42%; background:url(/images/balloon-small3.jpg) no-repeat top left; width:26px; height:61px;}
#songsAndTheSeasonsPass div#balloonSmall4 {position:absolute; top:2%; left:60%; background:url(/images/balloon-small4.jpg) no-repeat top left; width:21px; height:47px;}

#songsApocalypsePocketEdition {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsApocalypsePocketEdition div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left.jpg) no-repeat bottom left; width:151px; height:456px;}
#songsApocalypsePocketEdition div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#songsApocalypsePocketEdition div#balloon {position:absolute; bottom:167px; left:26%; background:url(/images/balloon.jpg) no-repeat bottom right; width:50px; height:130px;}
#songsApocalypsePocketEdition div#hand {position:absolute; bottom:60px; left:30%; background:url(/images/hand.jpg) no-repeat bottom right; width:62px; height:60px;}

#songsDreamInMotion {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#songsDreamInMotion div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left.jpg) no-repeat bottom left; width:151px; height:456px;}
#songsDreamInMotion div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right.jpg) no-repeat bottom right; width:192px; height:113px;}
#songsDreamInMotion div#ship {position:absolute; bottom:60px; left:25%; background:url(/images/ship.jpg) no-repeat bottom left; width:68px; height:95px;}
#songsDreamInMotion div#gentlemen {position:absolute; bottom:18px; right:20%; background:url(/images/gentlemen.jpg) no-repeat bottom right; width:303px; height:396px;}

#shop {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#shop div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-girl2.jpg) no-repeat bottom left; width:151px; height:524px;}
#shop div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-dog.jpg) no-repeat bottom right; width:192px; height:149px;}
#shop div#cd1 {padding:0 0 0 210px; position:absolute; background:url(/images/cd-music-for-beginners-small.jpg) no-repeat top left; top:100px; left:190px; width:320px; height:280px;}
#shop div#cd2 {padding:0 0 0 210px; position:absolute; background:url(/images/cd-everything-small.jpg) no-repeat top left; top:360px; left:190px; width:320px; height:200px;}
#shop div.buttons {float:right;}
#shop div.text {float:left;}
#shop ol {list-style-type:decimal; margin:10px 0 0 28px;}
#shop ol li {font-size:12px; color:#333;}
#shop input {display:block; width:90px; cursor:pointer;}
#shop h2 {color:#ff7e00; padding-bottom:6px;}
#shop img {float:left;}
#shop p {line-height:14px;}


#single {background:url(/images/bg.jpg) repeat-x bottom left fixed;}
#single div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-girl2.jpg) no-repeat bottom left; width:151px; height:524px;}
#single div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-dog.jpg) no-repeat bottom right; width:192px; height:149px;}
#single div#form {position:absolute; top:100px; left:290px; width:350px; height:280px; font-size:12px;}
#single div.buttons {float:right;}
#single div.text {float:left;}
#single h2 {color:#ff7e00; padding-bottom:6px;}
#single img {float:left;}
#single p {line-height:14px;}
#single #form a {font-weight:normal; text-decoration:underline;}

#contacts {background:#010006 url(/images/bg-night.jpg) repeat-x bottom left fixed;}
#contacts div#leftRock {position:absolute; bottom:0px; left:0px; background:url(/images/rock-left-night.jpg) no-repeat bottom left; width:151px; height:609px;}
#contacts div#rightRock {position:absolute; bottom:0px; right:0px; background:url(/images/rock-right-night.jpg) no-repeat bottom right; width:192px; height:144px;}
#contacts div#night1 {position:absolute; bottom:79px; left:151px; background:url(/images/night1.jpg) no-repeat bottom left; width:228px; height:530px;}
#contacts div#night2 {position:absolute; bottom:79px; left:379px; background:url(/images/night2.jpg) no-repeat bottom left; width:237px; height:530px;}
#contacts div#night3 {position:absolute; bottom:79px; left:616px; background:url(/images/night3.jpg) no-repeat bottom left; width:272px; height:530px;}
#contacts a#email {position:absolute; top:40%; left:30%; color:white; font-size:22px; font-weight:bold; text-decoration:none;}
#contacts a#email:hover {color:black; background-color:white;}
#contacts ul#menu li a {color:white;}
#contacts ul#menu li a#on {color:#ff7e00;}
#contacts ul#menu li a:hover {color:black;}




.leightbox {color:#333; display:none; position:absolute; top:25%; left:25%; width:50%; height:50%; padding:1em;	border:1em solid #B8B8B8; background-color:white; text-align:left; z-index:1001; overflow:auto;}
.leightbox p {padding:5px 0 8px 0;}
.leightbox h2 {font-weight:bold; padding:5px 0 10px 0;}
#overlay {display:none;	position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity:0.4; opacity:.40; filter:alpha(opacity=40);}
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


div#center {
	width: 100%;
}

ul#windows {list-style-type:none; margin-top:80px; margin-left:auto; margin-right: auto;width:550px}
ul#windows li {float:left; margin:0 35px 15px 0;}
ul#windows li a {text-transform:uppercase;}

#count_1 {position:absolute; height:13px; left:22px; top:161px; width:100px; border-style: none;}
#content {width:460px; margin-top:100px; margin-left: auto ; margin-right: auto; font-family: century gothic, Arial, Verdana, Helvetica, sans-serif;}
#logo {width:150px; margin-bottom: 10px; }
#name {float:right; font-size: 20px;}
#artist{font-size: 12px; width:150px; float:left;}
#Download{float:right;}
#Donate{float:right;}
a#play{float:left; margin-left:120px;}