/* CSS Document */

body
{
	background-color:#FFFFFF;
	width:100%;
	overflow-y:auto;
}
#girl
{
	background:url(../images/leaf_girl.jpg) no-repeat;
	position:absolute;
	height:600px;
	width:175px;
	left:875px;
	top:100px;
	margin:0 0 0 0;
	
}
#wrapper
{
	position:relative;
	width:810px;
	left:50px;
}
#wrapper #banner
{
	background:url(../images/main_banner.jpg) no-repeat;
	width:100%;
	height:100px;
	margin:0;
	padding:0;
}
#wrapper #terms
{
	width:100%;
	text-align:center; 
	margin:0;
	padding:0;
}
#wrapper #notepad
{
	background-image:url(../images/tml-pad.jpg);
	position:relative;
	width:780px;
	height:500px;
	margin:5px 0 0 50%;
	right:390px;
	padding:0;
}
#wrapper #notepad p
{
	padding:0 5px 0 5px;
	font-size:110%;
}
#wrapper #notepad_contact
{
	background-image:url(../images/tml-pad_contact.jpg);
	position:relative;
	width:780px;
	height:500px;
	margin:5px 0 0 50%;
	right:390px;
	padding:0;
}
#wrapper #notepad_terms
{
	background-image:url(../images/terms-pad.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:780px;
	height:600px;
	margin:5px 0 0 50%;
	right:390px;
	padding:0;
}
#wrapper #notepad_terms p
{
	padding:15px 10px 0 10px;
}
#wrapper #notepad_terms h3
{
	color:#000066;
	margin-left:10px;
}

/* When you no longer need the sale sign, just comment out this entire block.
to do this use a "/ *" at the begining and a "* /" at the end */

/*#wrapper #sale
{
	width:100%;
	height:80px;
	background:url(http://www.gameworn.ca/images/banner_sale.jpg) no-repeat center;
	margin:0;
	padding:0;
}*/
/*============================================================================*/

#wrapper #left_box0
{
	position:relative;
	width:265px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
}
#wrapper #left_box0 h2
{
	background:url(../images/banner_jerseys.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
	border-left:1px dashed blue;
	border-right:1px dashed blue;

}
#wrapper #center_box0
{
	position:relative;
	width:270px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
}
#wrapper #center_box0 h2
{
	background:url(../images/banner_equip.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
}
#wrapper #right_box0
{
	position:relative;
	width:265px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
}
#wrapper #right_box0 h2
{
	background:url(../images/banner_collectables.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
	border-left:1px dashed blue;
	border-right:1px dashed blue;

}
#wrapper #left_box1
{
	position:relative;
	width:265px;
	height:150px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
}
#wrapper #left_box1 h2
{
	background:url(../images/banner_music.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
	border-left:1px dashed blue;
	border-right:1px dashed blue;

}
#wrapper #center_box1
{
	position:relative;
	width:265px;
	height:150px;
	float:left;
	margin:20px 0 0 0 ;
	padding:0;
}
#wrapper #center_box1 h2
{
	background:url(../images/banner_misc.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
	border-right:1px dashed blue;

}
#wrapper #right_box1
{
	position:relative;
	width:270px;
	height:150px;
	float:left;
	margin:20px 0 0 0 ;
	padding:0;
	
}
#wrapper #right_box1 h2
{
	background:url(../images/banner_personal.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 0 0;
	padding:0;
	border-right:1px dashed blue;

}
#wrapper #links
{
	position:relative;
	width:100%;
	height:auto;
	clear:both;
	padding:0;
}
#wrapper #links h2
{
	background:url(../images/banner_links.jpg) no-repeat top center;
	width:100%;
	height:35px;
	margin:5px 0 5px 0;
	padding:0;
	border-top:1px dashed blue;
	border-bottom:1px dashed blue;
}

#wrapper #links ul
{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
	width:400px;
	float:left;
}
#wrapper #counter
{
	clear:both;
	width:100%;
	border-top:1px dashed blue;
	border-bottom:1px dashed blue;
}