.home, .nav {overflow:hidden;}

#tileBlock.nav, #tileBlock.home {width:220px;height:480px;}

#tileBlock a {text-decoration:none;}
#tileBlock .highlight {padding:0; margin:0;}

#logo {float:left; margin:10px}
#logo a {display:block;}
#logo a * {padding-right:5px; float:right;}

#logo.nav, #logo.home {width:200px; height:140px; opacity:0.6; filter:alpha(opacity=60);}
#logo a.nav, #logo a.home {width:200px; height:140px; line-height:2em; margin:10px}
.tile.nav, .tile.home {position:absolute; width:100px; height:100px; overflow:hidden; float:left;}
.tileHeading.nav, .tileHeading.home {padding:10px 0 0 5px; font-size:.9em;}

#tile1.nav, #tile1.home {top:160px; left:5px; opacity:0.6; filter:alpha(opacity=60);}
#tile2.nav, #tile2.home {top:160px; left:115px; opacity:0.6; filter:alpha(opacity=60);}
#tile3.nav, #tile3.home {top:270px; left:5px; opacity:0.6; filter:alpha(opacity=60);;}
#tile4.nav, #tile4.home {top:270px; left:115px; opacity:0.6; filter:alpha(opacity=60);}
#tile5.nav, #tile5.home {top:380px; left:5px; opacity:0.6; filter:alpha(opacity=60);}
#tile6.nav, #tile6.home {top:380px; left:115px; opacity:0.6; filter:alpha(opacity=60);}

@media (min-width:40em) {
#tileBlock.home {width:800px; height:560px;}
#logo.home {width:250px; height:250px;}
#logo a.home {width:250px; height:250px;}
.tile.home {position:absolute; width:170px; height:170px;}
.tileHeading.home {font-size:1.6em;}

#tile1.home {top:110px; left:270px;}
#tile2.home {top:280px; left:10px;}
#tile3.home {top:320px; left:190px;}
#tile4.home {top:300px; left:370px;}
#tile5.home {top:90px; left:450px;}
#tile6.home {top:320px; left:550px;}
}
    
.tile, #logo {background:#111 url("images/noise.png"); color:#fff;}
.tile.highlight {background:#fff;}
.tileHeading {color:#fefefe;}
.tile.highlight h2 {color:#010101;}