/*[fmt]1100-110A-3*/
html { height: 100%; font-family: Arial, Helvetica, sans-serif; }
body { height: 100%; margin: 0px; padding: 0px; }
a { color: #FFF; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
#mapContainer { height: 100%; top: 0; left: 0; position: fixed; width: 100%; }
#container { position: relative; z-index: 100; padding: 0px 25px; }
#container h1 { color: #2A2A2A; padding: 3px 5px; background: #FFF url(../images/tile.png); display: inline-block; margin: 25px 0 10px; }
#header { }
#header ul { }
#header ul li { font-size: 23px; color: #2A2A2A; padding: 5px; background: #FFF url(../images/tile.png); display: inline-block; font-weight: bold; }
#projects { width: 600px; overflow: hidden; margin-top: 30px; }
#projects ul { }
#projects ul li { width: 250px; height: 250px; background: #FFF url(../images/tile.png); padding: 15px; float: left; margin: 0 15px 15px 0; position: relative; opacity: 0; }
#projects ul li h3 { position: absolute; bottom: 0; right: 0; display: inline-block; padding: 10px 10px 9px; background-color: #292929; font-size: 15px; text-transform: uppercase; color: #FEFEFE; z-index: 10; }
#projects ul li>div { display: block; background: transparent url(../images/projects.jpg) no-repeat; height: 250px; position: relative; overflow: hidden; }
#projects ul li>div div { height: 125px; background-color: #000; opacity: .9; position: absolute; bottom: -125px; left: 0; width: 250px; color: #E2E2E2; }
#projects ul li>div div p { padding: 10px 10px 0px; font-size: 12px; text-shadow: -1px -1px #000000; letter-spacing: 1px; line-height: 18px; }
#projects ul li>div div p a { text-decoration: underline; }
#projects ul li>div div p strong { font-weight: bold; }
#projects ul li>div div p abbr { padding-bottom: 0px; border-bottom: 1px dotted #FFFFFF; }
#projects ul li.showtime-sports>div { background-position: 0px -500px; }
#projects ul li.showtime-sports.selected>div { background-position: -250px -500px; }
#projects ul li.beat-the-insiders>div { background-position: 0px -750px; }
#projects ul li.beat-the-insiders.selected>div { background-position: -250px -750px; }
#projects ul li.bbc-press>div { background-position: 0px -250px; }
#projects ul li.bbc-press.selected>div { background-position: -250px -250px; }
#projects ul li.msg-insider>div { background-position: 0 0; }
#projects ul li.msg-insider.selected>div { background-position: -250px 0px; }

