
html, body		{margin:0; padding:0; width:100%; display:table;}
body			{background:url('background.jpg') 50% 0 no-repeat #222;
					color:#fff; font-family:Helvetica, Arial, sans-serif;}

#wrapper		{width:950px; margin:0 auto; height:1130px; position:relative;}




div				{position:absolute;}
.invisible		{visibility:hidden; position:absolute;}
a, a:link		{display:block; text-indent:-1000em; position:absolute; /*border:1px solid #f00;*/ outline:none;}


/* BOOKLET /***************************************/
#booklet		{position:absolute; /*width:924px;*/ width:970px; height:521px; left:0; top:159px;
					padding:0; margin:0; overflow:auto;}

#slides			{width:924px; position:relative; left:13px;}

.slide			{background:url('slides/demoslide.jpg'); width:924px; height:521px; position:relative; margin:0;
					line-height:521px; text-align:center; font-size:20em; text-shadow:0 2px 50px #000;}


#navigation		{position:absolute; z-index:30; top:470px; width:930px; display:none;}
.arrow			{background:url('arrows2.png'); width:40px; height:40px; outline:none;}

#prev			{left:23px; outline:none;}
#prev:hover, #prev:focus {background-position:0 50%;}
#prev:active	{background-position:0 100%; outline:none;}

#next			{right:23px; background-position:100% 0; outline:none;}
#next:hover, #next:focus {background-position:100% 50%;}
#next:active	{background-position:100% 100%; outline:none;}


/* CONTENT ****************************************/
#content		{position:absolute; top:685px; left:0; width:950px;
					font-size:11px; line-height:14px;}
h2				{height:82px; visibility:hidden; margin:0; padding:0;}
p				{margin:0; padding:0;}


/* HELLO ******************************************/
#hello			{left:13px; width:290px;}
#hello p		{margin-bottom:20px;}


/* DOWNLOADS **************************************/
#downloads		{left:323px; width:311px;}
#downloads h2	{height:65px;}
h3				{margin:10px 0; padding:0; height:18px; visibility:hidden;}

#downloads a	{height:47px; width:116px; left:188px; background:url('downloadbutton.jpg'); outline:none;}
#downloads a:hover, #downloads a:focus	{background-position: 0 50%;}
#downloads a:active {background-position:0 100%; outline:none;}


#d_wallpapers	{top:82px;}
#d_bonus		{top:147px;}
#d_art			{top:212px;}

#coming			{position:absolute; top:147px; left:188px; width:116px; height:47px; text-align:center; line-height:47px;}


/* MEDIA ******************************************/
#media			{left:638px; width:303px;}
#salecontact			{position:absolute; top:170px; left:0px; text-align:right;}
#salecontact a			{position:relative; display:inline; color:#fff;}


/* BOTTOM *****************************************/
#bottom		{position:absolute; top:989px; left:0;}
#bottom ul	{list-style:none; margin:0; padding:0;}
#bottom a	{height:60px; width:100px;}
a#l_cc		{}
a#l_cy		{left:100px; width:70px;}
a#l_fb		{left:170px; width:110px;}
a#l_tw		{left:280px; width:90px;}




