/*	
	To the Secret Lab! 404 Layout and Presentation CSS
	Author: M. J. Magee
	Date: 14.12.08
	Version: 1.0
	www.mjmagee.com

	Change Log:
*/



/* Standards */
	* { margin: 0px; padding: 0px; }
	body { background: #535353; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #ffffff; }
	span, hr { display: none; }
	.clear { clear: both; height: 1px; }
	a:hover, a:focus { outline: none; }
	
	
	
/* Main body */
	#wrapper { width: 780px; margin: 25px auto; text-align: center; }
	h1 { width: 276px; height: 144px; background: url(http://www.tothesecretlab.co.uk/img/titles/404.png) no-repeat; float: left; }
	h1#construction { width: 515px; height: 160px; background: url(http://www.tothesecretlab.co.uk/img/titles/under-construction.png) no-repeat; }
	big a { width: 177px; height: 249px; background: url(http://www.tothesecretlab.co.uk/img/backgrounds/logo.png) no-repeat; float: right; display: block; }
	#wrapper p { clear: left; text-align: left; }
	#wrapper p img { margin: 50px 0 0 10px; }
	
	
	
/* Generated Letters */
	h2 { width: 100%; margin-top: 100px; text-align: left; display: block; }
	h2 span { float: left; position: relative; display: block; }
	h2 span.word { height: 40px; }
	h2 span.hidden { display: none; }
	.title-a { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/a.png) no-repeat; }
	.title-b { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/b.png) no-repeat; }
	.title-c { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/c.png) no-repeat; }
	.title-d { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/d.png) no-repeat; }
	.title-e { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/e.png) no-repeat; }
	.title-f { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/f.png) no-repeat; }
	.title-g { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/g.png) no-repeat; }
	.title-h { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/h.png) no-repeat; }
	.title-i { width: 7px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/i.png) no-repeat; }
	.title-j { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/j.png) no-repeat; }
	.title-k { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/k.png) no-repeat; }
	.title-l { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/l.png) no-repeat; }
	.title-m { width: 22px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/m.png) no-repeat; }
	.title-n { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/n.png) no-repeat; }
	.title-o { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/o.png) no-repeat; }
	.title-p { width: 18px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/p.png) no-repeat; }
	.title-q { width: 24px; height: 32px; background: url(http://www.tothesecretlab.co.uk/img/letters/q.png) no-repeat; }
	.title-r { width: 19px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/r.png) no-repeat; }
	.title-s { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/s.png) no-repeat; }
	.title-t { width: 20px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/t.png) no-repeat; }
	.title-u { width: 19px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/u.png) no-repeat; }
	.title-v { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/v.png) no-repeat; }
	.title-w { width: 31px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/w.png) no-repeat; }
	.title-x { width: 21px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/x.png) no-repeat; }
	.title-y { width: 21px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/y.png) no-repeat; }
	.title-z { width: 19px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/z.png) no-repeat; }
	
	.title-1 { width: 14px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/1.png) no-repeat; }
	.title-2 { width: 20px; height: 32px; background: url(http://www.tothesecretlab.co.uk/img/letters/2.png) no-repeat; }
	.title-3 { width: 20px; height: 32px; background: url(http://www.tothesecretlab.co.uk/img/letters/3.png) no-repeat; }
	.title-4 { width: 20px; height: 32px; background: url(http://www.tothesecretlab.co.uk/img/letters/4.png) no-repeat; }
	.title-5 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/5.png) no-repeat; }
	.title-6 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/6.png) no-repeat; }
	.title-7 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/7.png) no-repeat; }
	.title-8 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/8.png) no-repeat; }
	.title-9 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/9.png) no-repeat; }
	.title-0 { width: 20px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/0.png) no-repeat; }
	
	.title-period { width: 6px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/period.png) no-repeat bottom; }
	.title-comma { width: 10px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/comma.png) no-repeat right bottom; }
	.title-exclaimation { width: 7px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/exclaimation.png) no-repeat; }
	.title-question { width: 19px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/question.png) no-repeat; }
	.title-left-bracket { width: 11px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/left-bracket.png) no-repeat; }
	.title-right-bracket { width: 12px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/right-bracket.png) no-repeat; }
	.title-hyphen { width: 19px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/hyphen.png) no-repeat center; }
	.title-colon { width: 8px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/colon.png) no-repeat bottom; }
	.title-semi-colon { width: 7px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/semi-colon.png) no-repeat bottom; }
	.title-at { width: 24px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/at.png) no-repeat; }
	.title-apostrophe { width: 7px; height: 31px; background: url(http://www.tothesecretlab.co.uk/img/letters/apostrophe.png) no-repeat top; }
	.title-quotation { width: 15px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/quotation.png) no-repeat top; }
	.title-plus { width: 18px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/plus.png) no-repeat center; }
	.title-equals { width: 19px; height: 30px; background: url(http://www.tothesecretlab.co.uk/img/letters/equal.png) no-repeat center; }
	
	.position-0 { bottom: 0px; }
	.position-1 { bottom: 1px; }
	.position-2 { bottom: 2px; }
	.position-3 { bottom: 3px; }
	.position-4 { bottom: 4px; }
	.position-5 { bottom: 5px; }
	
	.space-1 { width: 4px; height: 10px; padding: 0 1px; }
	.space-2 { width: 4px; height: 10px; padding: 0 2px; }
	.space-3 { width: 4px; height: 10px; padding: 0 3px; }
	.space-4 { width: 4px; height: 10px; padding: 0 4px; }
	.space-5 { width: 4px; height: 10px; padding: 0 5px; }
	.space-6 { width: 4px; height: 10px; padding: 0 6px; }
	.space-7 { width: 4px; height: 10px; padding: 0 7px; }
	.space-8 { width: 4px; height: 10px; padding: 0 8px; }
	.space-9 { width: 4px; height: 10px; padding: 0 9px; }
	.space-10 { width: 4px; height: 10px; padding: 0 10px; }