/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:765px;/* for mozilla*/
	background: #fefe3c;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#outer{
	height:100%;
	min-height:100%;
	width:765px;
	color: #000000;
	background: #fff url('images/bodybg.gif') repeat-y center;
	text-align:left;
	margin:auto;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:763px;
}

#header{
	position:absolute;
	top:0;
	left:1px;
	width:765px;
	height:205px;
	background:transparent url('images/header.gif') no-repeat;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

* html #header {/*only ie gets this style*/
	\left:0px;/* for ie5 */
	le\ft:0px;/* for ie6 */
}

#left {
	position:relative;
	width:150px;
	float:left;
	margin-top:206px;/*needed to make room for header*/
	margin-left: 5px;
	padding-bottom:32px;/* needed to make room for footer */
	background-image: url('images/navback.gif');
	background-repeat:no-repeat;
	min-height: 315px;
	height: 315px;
}

#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:right;
	margin-top:206px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#footer {
	width:762px;
	clear:both;
	height:30px;
	background-color: #000;
	color: #000000;
	text-align:center;
	left:2px;
	bottom:0;
	position: absolute;

}

* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}

#footer p {
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	font-size: 0.8em;
	color: #fefe3c;
}

#footer p a {color: #fefe3c;}
#footer p a:hover {color: #e75b78;}

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	width:580px;
	float:right;
	margin-top:206px;
	margin-right: 5px;
	padding-bottom:32px;/* needed to make room for footer */
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

/* -------------------------------------------------------------------------------- */

h1 {
	font-size: 1.4em;
}

h1 a:link, h1 a:visited {
	text-decoration: none;
	color:#FF00CC;
}

h1 a:hover {
	color: #000;
	text-decoration:underline;
}

h2 {
	font-size: 1.2em;
}

/* ----------------------------- Nav List --------------------------------------------------- */
#left ul{
	position:absolute;
	top: 18px;
	margin: 0;
	padding: 0;
}
	
#left li {
	list-style: none;
	text-align: left;
	width: 100px;
	margin-left: 20px;
}

#left li a {
	display:block;
	width: 99%;
	font-family: 'Century Gothic', Arial, Verdana ;
	font-size: 1em;
	/*font-style: italic; */
	font-weight: 500;
	text-align: center;
	text-decoration:none;
	color: #990099;
	line-height: 40px;
	padding-top: 2px;
	}

#left li a:hover {
	color: #C90D0C;
	text-decoration: underline;
	}

#topten {
	position:absolute;
	top: 515px;
	left: 10px;
	height: 300px;
	width: 150px;
	background-image:url('images/topten.gif');
	background-repeat:no-repeat;
}

#topten ol {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:500;
	margin-top: 55px;
}

#topten li {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	margin-left: 21px;
}

#topten li a{ text-decoration:none; color:#FFFF3c;}
#topten li a:hover{ text-decoration:underline; color:#e75b78;}
	
/* -------------------------------------------------------------------------------- */

a#greetings {background: url('images/greetings.gif') no-repeat; height: 40px; width: 100px;}
a#greetings:hover {background: url('images/greetings2.gif') no-repeat; height: 40px; width: 100px;}
#greetings span {display:none;}
a#rotten {background: url('images/rottengreetings.gif') no-repeat; height: 40px; width: 100px;}
a#rotten:hover {background: url('images/rottengreetings2.gif') no-repeat; height: 40px; width: 100px;}
#rotten span {display:none;}
a#messages {background: url('images/messages.gif') no-repeat; height: 40px; width: 100px;}
a#messages:hover {background: url('images/messages2.gif') no-repeat; height: 40px; width: 100px;}
#messages span {display:none;}
a#vinci {background: url('images/vincicode.gif') no-repeat; height: 40px; width: 100px;}
a#vinci:hover {background: url('images/vincicode2.gif') no-repeat; height: 40px; width: 100px;}
#vinci span {display:none;}
a#wallpaper {background: url('images/wallpaper.gif') no-repeat; height: 40px; width: 100px;}
a#wallpaper:hover {background: url('images/wallpaper2.gif') no-repeat; height: 40px; width: 100px;}
#wallpaper span {display:none;}
a#postcards {background: url('images/postcards.gif') no-repeat; height: 40px; width: 100px;}
a#postcards:hover {background: url('images/postcards2.gif') no-repeat; height: 40px; width: 100px;}
#postcards span {display:none;}
a#ringtone {background: url('images/ringtones.gif') no-repeat; height: 40px; width: 100px;}
a#ringtone:hover {background: url('images/ringtones2.gif') no-repeat; height: 40px; width: 100px;}
#ringtone span {display:none;}
a#boneheads {background: url('images/boneheads.gif') no-repeat; height: 40px; width: 100px;}
a#boneheads:hover {background: url('images/boneheads2.gif') no-repeat; height: 40px; width: 100px;}
#boneheads span {display:none;}
a#freestuff {background: url('images/freestuff.gif') no-repeat; height: 40px; width: 100px;}
a#freestuff:hover {background: url('images/freestuff2.gif') no-repeat; height: 40px; width: 100px;}
#freestuff span {display:none;}

/* -------------------------------------------------------------------------------- */

#home {position: absolute; right: 220px; top: 40px; width: 70px; height: 50px;}
a#home {background: url('images/home.gif') no-repeat;}
a#home:hover {background: url('images/home2.gif') no-repeat;}
#home span {display:none;}

#faqs {position: absolute; right: 100px; top: 40px; width: 82px; height: 50px;}
a#faqs {background: url('images/faqs.gif') no-repeat;}
a#faqs:hover {background: url('images/faqs2.gif') no-repeat;}
#faqs span {display:none;}

#terms {position: absolute; right: 220px; top: 80px; width: 72px; height: 79px;}
a#terms {background: url('images/terms.gif') no-repeat;}
a#terms:hover {background: url('images/terms2.gif') no-repeat;}
#terms span {display:none;}

#contact {position: absolute; right: 100px; top: 120px; width: 89px; height: 49px;}
a#contact {background: url('images/contact.gif') no-repeat;}
a#contact:hover {background: url('images/contact2.gif') no-repeat;}
#contact span {display:none;}

/* -------------------------------------------------------------------------------- */

#thumbtable {margin-left: 20px;}

#thumbtable td{background-color: #000; valign: top;}
#thumbtable td img{padding:0; margin: 0;}
#thumbtable p {padding:0; margin: 0;padding-top: 3px;padding-bottom: 10px; text-align:center;}

#thumbtable a img{border: 0;}
#thumbtable a{text-decoration: none; color:#fefe3c;}
#thumbtable a:hover {text-decoration: none; color:#e75b78;}

/* -------------------------------------------------------------------------------- */

.tnbox {float: left; position:relative; width: 216px; height: 207px; background-repeat:no-repeat; }
.tnbox img {position: absolute; top: 30px; right: 28px; border: 2px solid #e75b78;}
.tnbox p {margin-top: 140px; margin-left: 68px; color: #e75b78; font-weight: 600; padding-right: 25px;}

.tnbox_greetings {background-image:url('images/tnbox-greetings.gif');}
.tnbox_rotten {background-image:url('images/tnbox-rotten.gif');}
.tnbox_messages {background-image:url('images/tnbox-messages.gif');}
.tnbox_wallpapers {background-image:url('images/tnbox-wallpapers.gif');}
.tnbox_boneheads {background-image:url('images/tnbox-boneheads.gif');}
.tnbox_freestuff {background-image:url('images/tnbox-freestuff.gif');}

#preview {
	float: right;
	background-image:url('images/preview_background.gif');
	background-repeat:no-repeat;
	width: 288px;
	height: 265px;
	margin-right: 10px;
}

#movie {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-left: 20px;
}

#preview p {color: #fefe3c; font-weight: 600; margin-top: 4px; margin-left: 17px; }
#preview p a {color: #fefe3c; text-decoration: none;}
#preview p a:hover {color: #e75b78; text-decoration: underline;}
#preview img {float: right; margin:0; padding:0; margin-right: 20px; margin-top: -30px;}
#preview a img {border: 0;}

#pre_wallpaper {
	float: right;
	background-image:url('images/preview_background.gif');
	background-repeat:no-repeat;
	width: 288px;
	height: 265px;
	margin-right: 10px;
}
#pre_wallpaper p {color: #fefe3c; font-weight: 600; margin-top: 4px; margin-left: 17px; }
#pre_wallpaper p a {color: #fefe3c; text-decoration: none;}
#pre_wallpaper p a:hover {color: #e75b78; text-decoration: underline;}
#pre_wallpaper img {margin-top: 16px; margin-left: 16px;}
#getflash img {float: right; margin:0; padding:0; margin-right: 20px; margin-top: -30px; border: 0;}
#getflash a img {}