/*********************************************************************************************************/
/*										Mattel Pictionary Man   										 */
/*********************************************************************************************************/
/* tags */

html, body{ font:90%/110% Verdana, Arial, Helvetica, sans-serif; width:100%; height:auto; background:#fff; color:#000; }

a:link, a:visited, a:active, a:hover{ outline:none; }
ul{ list-style: none outside; }
img{ border:0; }

/*********************************************************************************************************/
/* shared */

*{ margin:0; padding:0; }
.hide{ display:none; }
.show{ display:block; }
.clear{ clear:both; }


/* cookie check */
.jscookie_test{ position:absolute; z-index:1; width:100%; height:auto; text-align:center; background:#F60004; color:#fff; }
.jscookie_test p{ padding:10px; }
.jscookie_test a{ color:#fff; }


/*********************************************************************************************************/
/* page elements */

* {
	margin: 0px;
	padding: 0px;
	}

html {
	min-height: 100%;
	height:100%;
	width:100%;
	overflow:auto;
	}
	
* html #wrapper {
	height: 100%;
	text-align:center;
	}

body {
	text-align:center;
	margin:0px auto;
	background-color:#FFFFFF;
	height:100%;
	min-height:100%;
	width:100%;
	}
	
a {
	color:#000000;
	text-decoration:none;
	}
	
a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
#background {
	position:absolute; 
	z-index:1; 
	width:100%; 
	height:100%;
	top:0;
	left:0;
	}

#header {
	height:76px;
	width:767px;
	margin:0px auto;
	margin-top:6px;
	}

#wrapper {
	z-index:2;
	width:900px;
	margin-left:-470px;
	height:100%;
	overflow:visible;
	position:absolute;
	left:50%;
	}

#main {
	height:490px;
	margin-top:6px;
	}
	
#footer {
	width:900px;
	margin-left:33px;
	}
	
#legal {
	font-size:9px;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	width:853px;
	height:56px;
	margin-top:10px;
	text-align:left;
	margin-left:47px;
	}

#legal a {
	color:#5901a5;
	text-decoration:none;
	}
	
#legal a:hover {
	text-decoration:underline;
	}
	
/*********************************************************************************************************/
/* matrix navigation */

#navigation {
    background:url("../images/nav.gif") no-repeat;
	height:39px;
	width:900px;
    overflow:hidden;
	z-index:3;
    }
#navigation span {
    display: none;
    }
#navigation li {
    height:39px;
    display:block;
    }
#navigation li, #navigation a {
    height:39px;
    display:block;
    }
#navigation li {
    float:left;
    list-style:none;
    display:inline;
    }

#navhome {width: 235px;}
#navabout {width: 211px;}
#navcontest {width: 249px;}
#navtvad {width: 142px;}

#navhome a:hover {background:url("../images/nav.gif") -0px -39px no-repeat; }
#navabout a:hover {background:url("../images/nav.gif") -235px -39px no-repeat; }
#navcontest a:hover {background:url("../images/nav.gif") -446px -39px no-repeat; }
#navtvad a:hover {background:url("../images/nav.gif") -695px -39px no-repeat; }
    
#navhome a:active {background:url("../images/nav.gif") -0px -39px no-repeat; }
#navabout a:active {background:url("../images/nav.gif") -235px -39px no-repeat; }
#navcontest a:active {background:url("../images/nav.gif") -446px -39px no-repeat; }
#navtvad a:active {background:url("../images/nav.gif") -695px -39px no-repeat; }
 
body.index #navigation li#navhome a {
	background:url("../images/nav.gif") -0px -39px no-repeat;
	}
body.about #navigation li#navabout a {
	background:url("../images/nav.gif") -235px -39px no-repeat;
	} 
body.contest #navigation li#navcontest a {
	background:url("../images/nav.gif") -446px -39px no-repeat;
	}
body.tvad #navigation li#navtvad a {
	background:url("../images/nav.gif") -695px -39px no-repeat;
	} 

/*********************************************************************************************************/
/* index.html */

#mainbgleft {
	width:284px;
	height:488px;
	float:left;
	overflow:hidden;
	}

#mainbgmid {
	width:348px;
	height:488px;
	float:left;
	}

#mainbgm_dbottom {
	height:151px;
	float:left;
	}

#mainbgright {
	width:268px;
	height:365px;
	clear:right;
	float:left;
	position:relative;
	overflow:hidden;
	}

#mainplayer {
	padding-top:55px;
	width:348px;
	height:282px;
	float:left;
	}
	
#main_right {
	width:616px;
	height:337px;
	float:left;
	clear:right;
	}
	
#main_bottom {
	position:relative;
	height:46px;
	width:616px;
	float:left;
	}

/*********************************************************************************************************/
/* tvad.html */

#tvadbgleft {
	width:284px;
	height:488px;
	float:left;
	overflow:hidden;
	}

#tvadbgmid {
	width:348px;
	height:488px;
	float:left;
	}

#tvadbgmidbottom {
	margin-top:-5px;
	height:154px;
	float:left;
	}

#tvadbgtop {
	height:57px;
	float:left;
	}
	
#tvadbgright {
	width:268px;
	height:488px;
	clear:right;
	float:left;
	}

#tvadplayer {
	width:348px;
	height:282px;
	float:left;
	}

/*********************************************************************************************************/
/* about.html */

#abouttop {
	width:900px;
	height:347px;
	float:left;
	clear:right;
	}
	
#aboutbottom {
	margin-top:20px;
	height:121px;
	width:900px;
	float:left;
	clear:right;
	text-align:left;
	}

#abouttopleft {
	width:460px;
	height:347px;
	overflow:hidden;
	float:left;
	margin-top:42px;
	}
 
#abouttopleft a {
	width:460px;
	height:347px;
	text-decoration:none;	   
	text-align:center;
	display:block;
	background:url(../images/abouttopleft.gif) -0px -0px  no-repeat;
	}
	
#abouttopleft a:hover {
	text-decoration:none;	   
	width:460px;
	height:347px;
	text-align:center;
	display:block;
	background:url(../images/abouttopleft.gif) -0px -346px  no-repeat;
	}
	 
#abouttopright {
	width:364px;
	height:296px;
	text-align:left;
	float:left;
	margin-top:55px;
	}
	
#abouttoprightlinks {
	text-align:left;
	float:left;
	clear:right;
	background:url(../images/linkholder.gif) no-repeat;
	margin-top:-50px;
	padding:10px 14px 10px 14px;
	}
	
#abouttoprightlinks p{
	color:#6e6e6e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	margin-bottom:8px;
	}

#abouttopright h1 {
	padding-bottom:19px;
	}

#abouttopright p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	text-align:justify;
	}

.toysrus_logos {
	padding-right:17px;
	width:74px;
	height:40px;
	}

.walmart_logos {
	padding-right:17px;
	width:74px;
	height:40px;
	}
	
.target_logos {
	padding-right:17px;
	width:29px;
	height:40px;
	}
	
.amazon_logos {
	padding-right:17px;
	width:89px;
	height:40px;
	}
	
.a2a_logos {
	padding-right:17px;
	width:43px;
	height:40px;
	}
	
.uno_logos {
	padding-right:17px;
	width:50px;
	height:40px;
	}
	
.snorta_logos {
	padding-right:17px;
	width:77px;
	height:40px;
	}
