@charset "UTF-8";

*,
html { margin: 0px; padding: 0px; }

div.clear { clear: both; font-size: 0; height: 0; width: 0; }

.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix { display: block; }

html,
body { height: 100%; }

body { font-family: Arial; font-size: 12px; color: #000; }

a,
a:hover,
a:focus { outline: none; }

input,
object { outline: none; }
button { background: none; border: none; margin: 0; padding: 0; font-size: 0; line-height: 0; width: auto; overflow: visible; outline: none }

a img { border: none; }

html a,
* a,
a, 
a:hover, 
a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

i,
em { font-style: italic; }

strong,
b { font-weight: bold; }

object { display: block; }

ul { margin-left: 1.8em; }

ol { margin-left: 2.1em; list-style-type: decimal; }

textarea { resize: none; } 

body { background: #e7dac2 url('../_images/background.jpg') no-repeat top center; }

.Border { height: 6px; background: url('../_images/border.png') no-repeat center top; }

a { color: #fff; }

#Wrapper { width: 1140px; margin: 0 auto; }
#Left { padding: 21px 0 0; width: 182px; float: left; }
#Left .Logo { display: block; width: 254px; height: 118px; background: url('../_images/logo.png') no-repeat; margin: 0 0 0 -40px; }
#Left .Logo a { display: block; height: 0; padding: 118px 0 0; position: relative; overflow: hidden;  }
#Left .MainNav { width: 178px; display: block; margin: 0; }
#Left .MainNav li { width: 178px; height: 55px; display: block; }
#Left .MainNav li a { display: block; width: 178px; height: 0; padding: 55px 0 0; position: relative; overflow: hidden; margin: 0 auto; background: #ccc;  }
#Left .MainNav li.PlayGame a { background: url('../_images/btn-playgame.png'); }
#Left .MainNav li.PlayGame a:hover { background-position: 0 -56px; }
#Left .MainNav li.PlayGame a.On { background-position: 0 -112px; }
#Left .MainNav li.Sweatstop a { background: url('../_images/btn-sweatstop.png'); }
#Left .MainNav li.Sweatstop a:hover { background-position: 0 -55px; }
#Left .MainNav li.Sweatstop a.On { background-position: 0 -110px; }
#Left .MainNav li.Downloads a { background: url('../_images/btn-downloads.png'); }
#Left .MainNav li.Downloads a:hover { background-position: 0 -55px; }
#Left .MainNav li.Downloads a.On { background-position: 0 -110px; }
#Left .Share { padding: 20px 0 0; }
#Left .Share .TopBorder { margin: 0 0 45px; }
#Left .Share .Icons { width: 154px; height: 82px; background: url('../_images/share-icons.png') no-repeat; margin: 14px auto 50px; position: relative; }
#Left .Share .Icons a { position: absolute; width: 32px; height: 32px; }
#Left .Share .Icons a.Facebook { top: 4px; left: 4px; }
#Left .Share .Icons a.Twitter { top: 4px; left: 42px; }
#Left .Share .Icons a.Google { top: 4px; left: 79px; }
#Left .Share .Icons a.Delicious { top: 4px; left: 118px; }
#Left .Share .Icons a.Digg { top: 46px; left: 4px; }
#Left .Share .Icons a.Reddit { top: 46px; left: 42px; }
#Left .Share .Icons a.Su { top: 46px; left: 79px; }
#Left .Share .Icons a.Technorari { top: 46px; left: 118px; }

#Right { width: 178px; float: right; }
#Right .Logos { padding: 0; }
#Right .Logos a { display: block; margin: 0 auto; }
#Right .Logos .LittleLoud { width: 163px; height: 0; padding: 53px 0 0; position: relative; overflow: hidden; background: url('../_images/logo-littleloud.png') no-repeat; }
#Right .Logos .Channel4 { width: 98px; height: 0; padding: 121px 0 0; position: relative; overflow: hidden; background: url('../_images/logo-channel4.png') no-repeat; }
#Right .Gift { margin: 40px 0 0; }
#Right .Gift .TopBorder { margin: 0 0 20px; }
#Right .Gift .BottomBorder { margin: 10px 0 0; }
#Right .Gift .Gift-Icons { width: 154px; margin: 20px auto; }
#Right .Gift a { width: 77px; height: 76px; display: block; float: left; }
#Right .Gift a.Hat { background: url('../_images/gift-hat.png') no-repeat; }
#Right .Gift a.Jumper { background: url('../_images/gift-jumper.png') no-repeat; }
#Right .Gift a.Shoes { background: url('../_images/gift-shoes.png') no-repeat; }
#Right .Gift a.Bag { background: url('../_images/gift-bag.png') no-repeat; }

#Middle { width: 720px; float: left; margin: 0 0 0 30px; }
#Middle .Frame { width: 720px; height: 564px; background: url('../_images/dotted-frame.png') no-repeat; margin: 2px 0 0; }
#Middle .Frame .Content { width: 700px; height: 543px; background: url('../_images/text-black-bg.png') no-repeat; position: relative; left: 10px; top: 10px; }

#Channel4Footer { position: fixed; bottom: -132px; left: 0; width: 100%; z-index: 99999; }
#Channel4Footer #FlashFooter { margin: 0 auto; }


.BottomLinks { text-align: center; color: #fff; }

.HomeFlash { width: 700px; height: 545px; position: relative; top: 9px; left: 10px; background: #000; }
.SweatshopContent { padding: 30px; height: 483px; width: 640px; }
.SweatshopContent .Scroller { height: 100%; overflow: auto; padding: 0 10px 0 0; font-family: 'VAGRoundedLTLight', Arial; font-size: 14px; line-height: 14px; color: #e1e0de;  }
.SweatshopContent p,
.SweatshopContent li { margin: 0 0 1em; }
.SweatshopContent h2 { display: block; width: 169px; height: 0; padding: 31px 0 0; position: relative; overflow: hidden; background: url('../_images/heading-sweatshop.png') no-repeat; margin: 0 0 10px; text-indent: -9999px; }

.DownloadsContent { padding: 30px; height: 483px; width: 640px; }
.DownloadsContent h2 { margin: 50px auto 20px; width: 224px; height: 0; padding: 34px 0 0; position: relative; overflow: hidden; background: url('../_images/heading-downloads.png') no-repeat; }
.DownloadsContent .Download-Items { width: 534px; margin: 0 auto; }
.DownloadsContent .Item { display: block; width: 216px; height: 96px; padding: 29px 23px 0 23px; background: url('../_images/bg-downloads.png') no-repeat; float: left; margin: 0 10px 0 0; position: relative; text-decoration: none; }
.DownloadsContent .Item h3 { font-family: 'VAGRoundedBTRegular', Arial; font-weight: normal; font-size: 23px; line-height: 20px; color: #fff; }
.DownloadsContent .Item h3 span { font-size: 15px; }
/*.DownloadsContent .Item:hover { background-position: 0 -125px; }*/
.DownloadsContent .Item:hover h3 { color: #ee4f4b; }
.DownloadsContent .Soundtrack {  }
.DownloadsContent .Soundtrack .Radio { position: absolute; right: -10px; top: -6px; }
.DownloadsContent .Wallpaper h3 { margin: 10px 0 0; }
.DownloadsContent .Wallpaper img { position: absolute; left: 20px; top: 37px; }
.DownloadsContent .Icons .IM-Icons { display: block; margin: 10px 0 0; }
.DownloadsContent .Icons .IM-Icons img { display:block; float: left; margin: 0 5px 0 0; }
.Icons .Boss { position: absolute; right: -11px; top: 2px; }
.DownloadsContent .Last h3 { text-align: right; }

.DownloadsContent .Last { margin: 0; }