@charset "utf-8";
/* CSS Document */
html { font-family: Arial, Helvetica, sans-serif; background-color: #000000; height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
body { background-color: #000000; height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
#main.html { position: absolute; z-index: 1; bottom: 108px; height: 100%; width: 100%; }
#main.html.downloads { background: #000 url(../_images/_downloads/bg-page.jpg) center bottom no-repeat; }
#mainContainer { margin: 0 auto; position: relative; top: 0px; width: 855px; height: 100%; }
#outerContainer { margin: 0 auto; position: relative; z-index: 999; top: 108px; width: 855px; }
	#outerContainer #backHolder { height: 110px; width: 113px; position: absolute; top: 0px; left: 5%; z-index: 999; }
	
/* =====   BEGIN FLASH PIECES AND TITLES  ---*/
#mainContainer #smoker { position: absolute; left: 80px; height: 950px; width: 125px; bottom: 30px; z-index: 20; }
#mainContainer #downloadsSign { display: none; position: absolute; left: 170px; height: 289px; width: 94px; bottom: 130px; background: url(../_images/_downloads/downloads-sign.jpg) 0 0 no-repeat; }
#mainContainer #dumpster { position: absolute; right: 35px; height: 950px; width: 260px; bottom: 20px; z-index: 25px; }
#mainContainer #imIconsTitle { position:absolute; left: 285px; bottom: 395px; width: 170px; height: 30px; z-index:11; background: transparent url(../_images/_downloads/im-icons-title.jpg) 0 0 no-repeat; display: none; }
#mainContainer #wallpapersTitle { position:absolute; right: 60px; bottom: 403px; width: 220px; height: 30px; z-index:11; background: transparent url(../_images/_downloads/wallpapers-title.jpg) 0 0 no-repeat; display: none; }
#mainContainer #bannersTitle { position:absolute; left: 280px; bottom: 250px; width: 220px; height: 45px; background: transparent url(../_images/_downloads/banners-title.jpg) 0 0 no-repeat; display: none; }

/* =====   BEGIN IM ICONS   ---*/
#mainContainer #imIconsContainer { display: none; position: absolute; left: 285px; bottom: 330px; width: 240px; height: 60px; }
#mainContainer #imIconsContainer .icon { display: inline; float: left; width: 48px; height: 48px; margin: 5px 7px 5px 5px; }
#mainContainer #imIconsContainer .iconOne { background: transparent url(../_images/_downloads/icon_1.gif) 0 0 no-repeat; }
#mainContainer #imIconsContainer .iconTwo { background: transparent url(../_images/_downloads/icon_2.gif) 0 0 no-repeat; }
#mainContainer #imIconsContainer .iconThree { background: transparent url(../_images/_downloads/icon_3.gif) 0 0 no-repeat; }
#mainContainer #imIconsContainer .iconFour { background: transparent url(../_images/_downloads/icon_4.gif) 0 0 no-repeat; }
#mainContainer #imIconsContainer .icon a { display: block; width: 48px; height: 48px; text-indent: -9999px; }
#mainContainer #imIconsContainer .icon a:hover { background: transparent url(../_images/_downloads/bg-im-icons.jpg) 0 0 no-repeat; opacity: .9; }

/* =====   BEGIN WALLPAPER CONTAINER AND ICONS  ---*/
#mainContainer #wallpapersContainer { display: inline; position: absolute; left: 560px; bottom: 220px; width: 230px; height: 172px; background: transparent url(../_images/_downloads/bg-wallpapers.jpg) 0 0 no-repeat; z-index: 11; display: none; }
#mainContainer #wallpapersContainer .wpContainer { position: relative; width: 230px; height: 86px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageLeft { float: left; display: inline; width: 105px; height: 76px; margin: 10px 10px 0 10px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageRight { float: left; display: inline; width: 105px; height: 76px; margin: 10px 0 0 0; }
#mainContainer #wallpapersContainer .wpContainer .wpImageLeft span { display: block; width: 100px; height: 20px; text-indent: -9999px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageLeft span a { display: block; width: 100px; height: 20px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageLeft span a:hover { width: 80px; height: 16px; text-indent: 0; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: center; margin: 5px 0 0 15px; padding: 4px 0 0 0; }
#mainContainer #wallpapersContainer .wpContainer .wpImageRight span { display: block; width: 100px; height: 20px; text-indent: -9999px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageRight span a { display: block; width: 100px; height: 20px; }
#mainContainer #wallpapersContainer .wpContainer .wpImageRight span a:hover { width: 80px; height: 16px; text-indent: 0; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: center; margin: 5px 0 0 15px; padding: 4px 0 0 0 }
/* =====   BEGIN JQUERY SCROLLER  ---*/
#mainContainer #bannersScroller { display: none; position: absolute; width: 270px; height: 140px; left: 280px; bottom: 110px; }
#mainContainer #bannersScroller #content { width: 270px; margin: 0 auto; position: relative; background-color: #000000; }
#mainContainer #bannersScroller #content .scrollButtons { position: absolute; top: 241px; cursor: pointer; background-image: none; }
#mainContainer #bannersScroller #content .scrollButtons.left { left: -25px; top: 48px; height: 37px; }
#mainContainer #bannersScroller #content .scrollButtons.right { right: -24px; top: 52px; background-image: none; }
#mainContainer #bannersScroller #content .scroll { width: 270px; height: 140px; overflow: auto; position: relative; clear: both; }
#mainContainer #bannersScroller #content .scroll .scrollContainer div.panel { width: 270px; height: 140px; }
#mainContainer #bannersScroller #content .scroll .scrollContainer div.panel .container { float: left; display: inline; clear: none; width: 121px; height: 126px; padding: 7px 5px 7px 5px; }
#mainContainer #bannersScroller #content .scroll .scrollContainer #panelOne { width: 270px; height: 140px; }
#mainContainer #bannersScroller #content .scroll .scrollContainer #panelTwo { width: 270px; height: 140px; }
#mainContainer #bannersScroller #content .scroll .scrollContainer #panelThree { width: 270px; height: 140px; }
#mainContainer .viewSources { cursor: pointer; position: absolute; width: 100px; }
#mainContainer .swfSource { display: none; position: absolute; top: -25px; left: -23px; z-index: 1; width: 280px; height: 170px; background-color: #000000; padding: 10px 10px 0 25px; }
#mainContainer .swfSource p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC9900; line-height: 1.4em; }
#mainContainer .swfSource .backToBanners { display: block; position: absolute; top: 145px; left: 145px; width: 154px; height: 19px; background: transparent url(../_images/_downloads/back-to-banners.jpg) 0 0 no-repeat; }
#mainContainer .swfSource .backToBanners a { cursor: pointer; display: block; width: 154px; height: 19px; background: transparent url(../_images/_downloads/back-to-banners.jpg) 0 0 no-repeat; text-indent: -9999px; }
#mainContainer .swfSource .backToBanners a:hover { display: block; background-position: 0px -19px; }

/* =====   BEGIN FOOTER  =======*/
#footer { position: absolute; z-index: 100; bottom: 0px; height: 165px; width: 100%; }
#footer #flashFooter { width: 100%;  height: 165px; }