html {overflow:scroll; overflow-x: auto; }
html * { margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline: 0; font-weight:normal; font-style:normal; font-size: 100%; font-family:Verdana, Geneva, sans-serif; vertical-align: baseline;}
body {height:100%; margin-bottom:.1em; font-size:62.5%; line-height:1; color: #444444; background:#69C }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing:0; empty-cells:show;}
caption, th, td {text-align:left; font-weight:normal; }
a { color:#06F;}
a:hover {text-decoration:none; color:#090}
a:visited { color:#00C; }
a:focus, 
a:active{background:#4f4; color:#000; outline:none}
.screenReader {position:absolute;left:-9999px;}
.clear {float:none; clear:both}
.white{color:#fff !important}
strong{font-weight:bold}

/******************
	WRAPPER
******************/
#wrapper {width:940px; margin:20px auto}
h1,h2{font-size:2.0em; color:#F60; font-weight:bold; margin-bottom:1em}
p{font-size:1.3em; line-height:1.3em; padding:0 }
#wrapper div{float:left; vertical-align:middle; background:#fff; margin:5px; text-align:center; border:1px solid #000; width:300px; height:200px; display:inline-block; position:relative}
#wrapper div span{display:block; text-align:left; padding:20px; font-size:130%; height:160px; line-height:normal}
#wrapper div img{position:absolute; top:0; left:0; z-index:1}
#tile0 span{background:#f8d032; color:#000}
#tile1 span{background:#c1a45e; color:#fff}
#tile2 span{background:#887c51; color:#fff}
#tile3 span{background:#f5f3ef; color:#000}
#tile4 span{background:#bda599; color:#fff}
#tile5 span{background:#64636b; color:#fff}
#tile6 span{background:#b7c0c9; color:#000}
#tile7 span{background:#e0dfdb; color:#000}