/*Main css*/
html,body {
	padding: 0;
	margin: 0;
	font: 1em/1.4em Verdana, Helvetica, sans-serif;
	color: #000;
	background: #58201e url(../images/tte_site_bg.jpg) no-repeat fixed center 0; text-align: center; }

#container {
	width: 999px; padding: 0; height: 100%; display: block; position: relative; z-index: 1; background: #000 none repeat-y; margin: 0px auto; }

ul#navigation {
	list-style-type: none; display: block; position: relative; width: 450px; margin-top: 550px; height: 300px; margin-left: auto; margin-right: auto; padding: 0; }

li#myspace { position: absolute; background: url(../images/tte_nav1.png) no-repeat 0 -5px; display: block; top: 0; }

li#myspace a:hover { background: url(../images/tte_nav1.png) no-repeat 0 -75px; }

li#twitter { position: absolute; background: url(../images/tte_nav1.png) no-repeat 0 -153px; display: block; top: 80px; }

li#twitter a:hover { background: url(../images/tte_nav1.png) no-repeat 0 -223px; top: 44px; }

li#contact { position: absolute; background: url(../images/tte_nav1.png) no-repeat 0 -289px; top: 160px; display: block; }

li#contact a:hover { background: url(../images/tte_nav1.png) no-repeat 0 -339px; top: 89px; }

ul#navigation a { display: block; width: 450px; height: 63px; text-indent: -9999px; text-decoration: none; overflow: hidden; }

#footer {
	width: 999px; padding: 0; display: block; position: relative; z-index: 2; margin: 0px auto; background: url(../images/footer.jpg) no-repeat; height: 143px; }



#bleed {
	margin-left: auto;
	margin-right: auto; width: 1000px; background: url(../images/tte_bleed.png) no-repeat right bottom; z-index: 0; position: absolute; bottom: 0; right: 0; height: 354px; }