html { background: #f6e5c9 url("img/vert-tile-2.png") repeat fixed 50% 50%; }

body, p, td, th, div, blockquote, dl, ul, ol, li 
	{
	color: #a35252;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

body 
	{
	max-width: 974px;
	margin: 0 auto;  
	text-align: center;
	background: url("img/skater-4-tech-2b.png") no-repeat scroll 20% 2.5%;
	}
	
h2 { text-align: left; padding-left: 0%; font-size: 150%; }	

p { padding: 4% 2% 50% 2% }


/* ====== background images ===== */
	
/*
horz-tile-1.png  
vert-tile-60.png
vert-tile-2.png
skater-1.png
skater-2.png
sk8-logo-1.png
skater-3.png
horz-tile-thin-70.png
tiny-tile-1-70.png
skater-4-tech-2b.png
*/

/*
colors
dark-brown - #b66d6d
letter-red - #ee003e
*/

#hd 
	{ 
	margin: 0 auto;
	padding: 1.25% 1%;
	padding-left: 8%; 
	text-align: center; 
	}
	
#hd img { padding: 0% 4% }	

.yui-u 
	{
	padding-bottom: 2%; 
	text-align: left;
	background: url("img/skater-3.png") no-repeat scroll 100% 88%;
	border-top: 4px double #ee003e;
	}
	
.first { padding: 0 0 40% 0; border: none; background: none }

.yui-b { background: url("img/sk8-logo-3.png") no-repeat scroll 99% 100%; }

ul 
	{ 
	margin: 0% 0% 2% 0%; padding: .5% 0 0% 6%; 
	text-align: left; 
	list-style-type: circle; 
	background: url("img/tiny-tile-1-70-diamd.png") repeat scroll 50% 50%; 
	}
	
li { margin: 0; padding: .5% 0; }	
	
/* ======= position ======= */

.left-panel-image-1 { position: fixed; left: 10px; top: 300px; }

.sbp { padding: 0 0 0 10%; }
.video { padding: 4% 0%; }

/* ====== decoration ===== */

.city { font-weight: bold; }
.address { font-weight: normal; }

/* ------------------------- */

#copyright { margin: .25% .5% .5% .5%; padding: 35% .5% 5% .5%; text-align: right; font-size: x-small; }