/* =========================== elements ============================= */

body { 
	background: #fff url(../img/bg.png) repeat-x 0 0;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #000; width: 25900px;  overflow: hidden;
}


p {
	margin-bottom: 15px;
}

a:link, a:visited { 
	color: #066; 
	text-decoration: none; 
}
a:link:hover, a:visited:hover, a:active, a:focus {
	text-decoration: underline; 
}

img {
	display: block;
}
a img {
	border: none;
}


// Underordered Lists
ul {
	margin-left: 10px;
	list-style: circle;
}
ul li {
	margin-bottom: 5px;
}


// Ordered lists
ol {
	margin-left: 10px;
	list-style: circle;
}
ol li {
	margin-bottom: 5px;
}


// Definition Lists
dl { 
}

dt { 
	float: left; 
	clear: left;
} 
dt:after { 
	content: ":"; 
} 

dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0;
}

/* ========================= elements end =========================== */

/* ============================ arrows ============================== */

#lite {
	background: url(../img/lite.gif) no-repeat;
	width: 161px; height: 26px;
	position: absolute; left: 40px; top: 110px; z-index: 99;
}

#arrow1 {
	background: url(../img/arrow1.gif) no-repeat;
	width: 4349px; height: 493px;
	position: absolute; left: 631px; top: 100px;
}
#go1 {
	background: url(../img/go1.gif) no-repeat;
	width: 110px; height: 42px; display: block;
	position: absolute; top: 160px; left: 15px;
}
#back1 {
	background: url(../img/back1.gif) no-repeat bottom right;
	width: 160px; height: 47px; display: block;
	position: absolute; top: 90px; right: 55px;
}


#arrow2 {
	background: url(../img/arrow2.gif) no-repeat;
	width: 5383px; height: 600px;
	position: absolute; left: 5800px; top: 0;
}
#next1 {
	background: url(../img/next1.gif) no-repeat;
	width: 107px; height: 59px; display: block;
	position: absolute; top: 375px; left: 40px;
}
#back2 {
	background: url(../img/back2.gif) no-repeat bottom right;
	width: 160px; height: 47px; display: block;
	position: absolute; top: 485px; right: 100px;
}

#arrow3 {
	background: url(../img/arrow3.gif) no-repeat;
	width: 2345px; height: 433px;
	position: absolute; left: 11650px; top: 25px;
}
#next2 {
	background: url(../img/next2.gif) no-repeat;
	width: 107px; height: 59px; display: block;
	position: absolute; top: 115px; left: 20px;
}
#back3 {
	background: url(../img/back3.gif) no-repeat bottom right;
	width: 100px; height: 58px; display: block;
	position: absolute; top: 360px; right: 20px;
}

#arrow4 {
	background: url(../img/arrow4.gif) no-repeat;
	width: 5280px; height: 488px; z-index: -1;
	position: absolute; left: 14850px; top: 105px;
}
#next3 {
	background: url(../img/next3.gif) no-repeat;
	width: 107px; height: 59px; display: block;
	position: absolute; top: 237px; left: 50px;
}
#back4 {
	background: url(../img/back4.gif) no-repeat bottom right;
	width: 160px; height: 58px; display: block;
	position: absolute; top: 90px; right: 50px;
}

#arrow5 {
	background: url(../img/arrow5.gif) no-repeat;
	width: 1614px; height: 557px; z-index: 0;
	position: absolute; left: 20561px; top: 20px;
}
#next4 {
	background: url(../img/next4.gif) no-repeat;
	width: 132px; height: 69px; display: block;
	position: absolute; top: 420px; left: 50px;
}
#back5 {
	background: url(../img/back5.gif) no-repeat bottom right;
	width: 160px; height: 58px; display: block;
	position: absolute; top: 100px; right: 30px;
	z-index: 999;
}

#arrow6 {
	background: url(../img/arrow6.gif) no-repeat;
	width: 1214px; height: 408px; z-index: -1;
	position: absolute; left: 22861px; top: 136px;
}
#next5 {
	background: url(../img/next5.gif) no-repeat;
	width: 127px; height: 59px; display: block;
	position: absolute; top: 105px; left: 50px;
}
#back6 {
	background: url(../img/back6.gif) no-repeat bottom right;
	width: 160px; height: 58px; display: block;
	position: absolute; top: 305px; right: 50px;
}

/* =========================== arrows end =========================== */

/* ============================ clouds ============================== */


/* Excuse the mess */

.clouds1 {
	background: url(../img/clouds1.gif) no-repeat;
	width: 411px; height: 203px;
}
#topleft {
	position: relative; left: -40px; top: 5px;
}

.cloud1 {
	background: url(../img/cloud1.gif) no-repeat;
	width: 96px; height: 63px; z-index: -1;
}
#cloud1-1 { position: absolute; left: 315px; top:510px; }
#cloud1-2 { position: absolute; left: 1050px; top:460px; }
#cloud1-3 { position: absolute; left: 11730px; top:300px; }
#cloud1-4 { position: absolute; left: 14300px; top:300px; }
#cloud1-5 { position: absolute; left: 200px; top:800px; }

.clouds2 {
	background: url(../img/clouds2.gif) no-repeat;
	width: 402px; height: 206px;
}
#clouds2-1 { position: absolute; left: 2950px; top: -100px; }
#clouds2-2 { position: absolute; left: 7550px; top: -40px; }
#clouds2-3 { position: absolute; left: 21050px; top: -10px; }

.clouds3 {
	background: url(../img/clouds3.gif) no-repeat;
	width: 294px; height: 125px;
}
#clouds3-1 { position: absolute; left: 14575px; top: 20px; z-index: -1; }
#clouds3-2 { position: absolute; left: 2075px; top: 710px; z-index: -1; }

.cloud2 {
	background: url(../img/cloud2.gif) no-repeat;
	width: 402px; height: 206px;
}
#cloud2-1 { position: absolute; left: 4960px; top:-40px; z-index: -1; }
#cloud2-2 { position: absolute; left: 11400px; top:-40px; z-index: -1; }
#cloud2-3 { position: absolute; left: 19650px; top:-50px; z-index: -1; }
#cloud2-4 { position: absolute; left: 21940px; top: 350px; z-index: -1; }
#cloud2-5 { position: absolute; left: 22450px; top: 130px; z-index: -1; }

.cloud3 {
	background: url(../img/cloud3.gif) no-repeat;
	width: 486px; height: 318px;
}
#cloud3-1 { position: absolute; left: 9150px; top:20px; z-index: -1; }
#cloud3-2 { position: absolute; left: 17000px; top:-30px; z-index: -1; }
#cloud3-3 { position: absolute; left: 800px; top:700px; z-index: -1; }

.cloud4 {
	background: url(../img/cloud4.gif) no-repeat;
	width: 111px; height: 73px;
}
#cloud4-1 { position: absolute; left: 17500px; top:20px; z-index: -1; }


.flock1 {
	background: url(../img/flock1.gif) no-repeat;
	width: 179px; height: 71px;
}
#flock1-1 { position: absolute; left: 11700px; top:240px; z-index: -1; }


.flock2 {
	background: url(../img/flock2.gif) no-repeat;
	width: 77px; height: 40px;
}
#flock2-1 { position: absolute; left: 17550px; top:100px; z-index: -1; }
#flock2-2 { position: absolute; left: 5000px; top:690px; z-index: -1; }

.clouds4 {
	background: url(../img/clouds4.gif) no-repeat;
	width: 536px; height: 258px;
}
#clouds4-1 { position: absolute; left: 23900px; top:10px; z-index: -1; }
#clouds4-2 { position: absolute; left: 5100px; top:800px; z-index: -1; }

#birds1 {
	background: url(../img/birds1.gif) no-repeat;
	width: 99px; height: 74px;
	position: absolute; left: 20810px; top:125px; z-index: -1;
}

#birds2 {
	background: url(../img/birds2.gif) no-repeat;
	width: 145px; height: 90px;
	position: absolute; left: 24053px; top:292px; z-index: -1;
}

#birds3 {
	background: url(../img/birds2.gif) no-repeat;
	width: 145px; height: 90px;
	position: absolute; left: 14010px; top:320px; z-index: -1;
}

/* ======================== clouds end ============================== */

/* ============================ quotes ============================== */


#quote1 {
	background: url(../img/quote1.gif) no-repeat;
	width: 248px; height: 123px; text-indent: -2009px;
	position: absolute; left: 408px; top: 29px;
}

#quote2 {
	background: url(../img/quote2.gif) no-repeat;
	width: 495px; height: 196px; text-indent: -2009px;
	position: absolute; left: 887px; top: 360px;
}

#quote3 {
	background: url(../img/quote3.gif) no-repeat;
	width: 407px; height: 113px; text-indent: -2009px;
	position: absolute; left: 5091px; top: 15px;
}

#quote4 {
	background: url(../img/quote4.gif) no-repeat;
	width: 270px; height: 102px; text-indent: -2009px;
	position: absolute; left: 5000px; top: 425px;
}

#quote5 {
	background: url(../img/quote5.gif) no-repeat;
	width: 479px; height: 92px; text-indent: -2009%;
	position: absolute; left: 11010px; top: 225px;
}

#quote6 {
	background: url(../img/quote6.gif) no-repeat;
	width: 234px; height: 96px; text-indent: -2009%;
	position: absolute; left: 11696px; top: 183px;
}

#quote7 {
	background: url(../img/quote7.gif) no-repeat;
	width: 524px; height: 132px; text-indent: -2009%;
	position: absolute; left: 14524px; top: 450px;
}

#quote8 {
	background: url(../img/quote8.gif) no-repeat;
	width: 234px; height: 89px; text-indent: -2009%;
	position: absolute; left: 14477px; top: 89px;
}

#quote9 {
	background: url(../img/quote9.gif) no-repeat;
	width: 328px; height: 87px; text-indent: -2009%;
	position: absolute; left: 20000px; top: 325px;
}

#quote10 {
	background: url(../img/quote10.gif) no-repeat;
	width: 362px; height: 186px; text-indent: -2009%;
	position: absolute; left: 20725px; top: 11px;
	z-index: 99;
}

#quote11 {
	background: url(../img/quote11.gif) no-repeat;
	width: 318px; height: 112px; text-indent: -2009%;
	position: absolute; left: 22548px; top: 35px;
}

#quote12 {
	background: url(../img/quote12.gif) no-repeat;
	width: 291px; height: 200px; text-indent: -2009%;
	position: absolute; left: 22335px; top: 375px;
}

#quote13 {
	background: url(../img/quote13.gif) no-repeat;
	width: 318px; height: 148px; text-indent: -2009%;
	position: absolute; left: 24410px; top: 319px;
}

/* =========================== quotes end =========================== */

/* ============================ videos ============================== */

.vimeobox {
}

.vimeobox a {
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 40px;
	display: block;
}

#citizensheep {
	width: 292px; height: 208px;
	position: absolute; left: 684px; top: 23px;
	background: url(../img/citizensheep.gif) no-repeat bottom left;
}
#bounder {
	width: 275px; height: 200px;
	position: absolute; left: 350px; top: 186px;
	background: url(../img/bounder.gif) no-repeat bottom right;
}
#soullastylianou {
	width: 293px; height: 200px;
	position: absolute; left: 571px; top: 396px;
	background: url(../img/soullastylianou.gif) no-repeat bottom right;
}


#gavinwray {
	width: 375px; height: 252px;
	position: absolute; left: 5000px; top: 144px;
	background: url(../img/gavinwray.gif) no-repeat bottom left;
}
#tubblog {
	width: 228px; height: 162px;
	position: absolute; left: 5771px; top: 158px;
	background: url(../img/tubblog.gif) no-repeat bottom right;
}
#bostinbloke {
	width: 237px; height: 164px;
	position: absolute; left: 5521px; top: 37px;
	background: url(../img/bostinbloke.gif) no-repeat bottom left;
}
#getgood {
	width: 352px; height: 244px;
	position: absolute; left: 5480px; top: 324px; z-index: 999;
	background: url(../img/getgood.gif) no-repeat bottom left;
}


#pigsonthewing {
	width: 233px; height: 160px;
	position: absolute; left: 10950px; top: 40px;
	background: url(../img/pigsonthewing.gif) no-repeat bottom right;
}
#stef {
	width: 380px; height: 250px;
	position: absolute; left: 11277px; top: 20px;
	background: url(../img/stef.gif) no-repeat bottom right;
}
#graphiquillian {
	width: 353px; height: 249px;
	position: absolute; left: 11185px; top: 344px;
	background: url(../img/graphiquillian.gif) no-repeat bottom left;
}
#joannageary {
	width: 352px; height: 259px;
	position: absolute; left: 11641px; top: 330px;
	background: url(../img/joannageary.gif) no-repeat bottom right;
}


#solobassteve {
	width: 310px; height: 216px;
	position: absolute; left: 14071px; top: 48px;
	background: url(../img/solobassteve.gif) no-repeat bottom right;
}
#jin_7 {
	width: 277px; height: 200px;
	position: absolute; left: 14040px; top: 388px;
	background: url(../img/jin_7.gif) no-repeat bottom left;
}
#benjaminbrum {
	width: 359px; height: 235px;
	position: absolute; left: 14520px; top: 200px;
	background: url(../img/benjaminbrum.gif) no-repeat bottom left;
}


#karenstrunks {
	width: 400px; height: 270px;
	position: absolute; left: 20136px; top: 27px;
	background: url(../img/karenstrunks.gif) no-repeat bottom right;
}
#starone {
	width: 330px; height: 225px;
	position: absolute; left: 20571px; top: 191px;
	background: url(../img/star_one.gif) no-repeat bottom left;
}
#marksteadman {
	width: 305px; height: 210px;
	position: absolute; left: 20255px; top: 405px;
	background: url(../img/marksteadman.gif) no-repeat bottom right;
}


#probablydrunk {
	width: 306px; height: 197px;
	position: absolute; left: 22167px; top: 30px;
	background: url(../img/probablydrunk.gif) no-repeat bottom left;
}
#andyhartwell {
	width: 394px; height: 255px;
	position: absolute; left: 22500px; top: 164px;
	background: url(../img/andyhartwell.gif) no-repeat bottom right;
}
#dubber {
	width: 322px; height: 225px;
	position: absolute; left: 22000px; top: 346px;
	background: url(../img/dubber.gif) no-repeat bottom left;
}

#chrisunitt {
	width: 400px; height: 273px;
	position: absolute; left: 24564px; top: 28px;
	background: url(../img/chrisunitt.gif) no-repeat bottom right;
}
#siwhitehouse {
	width: 400px; height: 256px;
	position: absolute; left: 24000px; top: 20px;
	background: url(../img/siwhitehouse.gif) no-repeat bottom right;
}
#jim_b {
	width: 306px; height: 221px;
	position: absolute; left: 24088px; top: 361px;
	background: url(../img/jim_b.gif) no-repeat bottom left;
}

/* =========================== videos end =========================== */

/* ============================ main ================================ */

#whowhy {
	background: url(../img/whowhy.gif) no-repeat;
	width: 294px; height: 253px; text-indent: -2009px;
	position: absolute; top: 229px; left: 47px;
}

#credits {
	position: absolute; top: 537px; left: 47px;
}
#credits li {
	float: left;
	margin-right: 30px;
}
#fullrange {
	background: url(../img/fullrange.gif) no-repeat;
	width: 122px; height: 53px; text-indent: -2009px;
	display: block;
}
#threeeightthree {
	background: url(../img/383.gif) no-repeat;
	width: 187px; height: 47px; text-indent: -2009px;
	display: block;
}
#brumtwestival {
	background: url(../img/brumtwestival.gif) no-repeat;
	width: 115px; height: 49px; text-indent: -2009px;
	display: block;
}

#credits2 {
	position: absolute; top: 540px; left: 24775px;
	width: 600px;
}
#credits2 li {
	float: left;
	margin-right: 30px;
}


#start {
	background: url(../img/donotpassgo.gif) no-repeat;
	width: 295px; height: 111px; z-index: -1;
	position: absolute; left: 24450px; top: 485px;
}

#thanks {
	background: url(../img/thanks.gif) no-repeat;
	width: 296px; height: 87px; z-index: -1;
	position: absolute; left: 24775px; top: 410px;
}



/* ============================= main end =========================== */