@charset "utf-8";
/* CSS Document */

body {
	background: #a4a2a2;
	}
	
img {
	border: none;
	}
	
.header {
	width: 802px;
	height: 77px;
	border: none;
	margin: auto;
	padding: 0;
	}	
	
.container {
	width: 800px;
	background: url(images/2010-background.gif) repeat;
	overflow: auto;
	border: 1px solid #f801c4;
	border-top: none;
	margin: auto;
	padding: 0;
	}
	
.container-white {
	width: 780px;
	background: #fff;
	overflow: auto;
	border: 1px solid #f801c4;
	border-top: none;
	margin: auto;
	padding: 10px;
	font: normal 16px/20px "Times New Roman", Times, serif
	clear: both;
	}
	
.container-white table {
	width: 570px;
	margin: auto;
	}
	
.container-white table td {
	width: 180px;
	margin: 0;
	padding: 5px;
	text-align: center;
	}
	
.container-white img {
	border: none;
	}
	
.container .top {
	width: 800px;
	overflow: auto;
	margin: 10px 0 0;
	padding: 0;
	float: left;
	clear: both;
	}
	
.container .top .left {
	width: 131px;
	margin: 0;
	padding: 0 10px 0 9px;
	float: left;
	}
	
.container .top .middle {
	width: 400px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.container .top .middle h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #f801c4;
	float: left;
	width: 400px;
	margin: 0 0 10px 0;
	}
	
.container .top .middle .copy {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	clear: both;
	width: 250px;
	}
	
	
.container .top .middle .tag {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #f801c4;
	float: left;
	width: 400px;
	padding-top: 20px;
	}
	
.container .top .right {
	width: 225px;
	margin: 0;
	padding: 0;
	float: left;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #f801c4;
	}
	
.container .top .right h1 {
	width: 200px;
	margin: 0;
	padding: 10px 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #f801c4;
	}
	
.container .top .right img {
	float: left;
	border: none;
	padding-right: 10px;
	}
	
.container .bottom {
	width: 800px;
	overflow: auto;
	margin: 10px 0 0;
	padding: 0;
	float: left;
	clear: both;
	}
	
*+html .container .bottom {
	overflow: hidden;
	}
	
.container .bottom .left {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.container .bottom .left dl {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	}
	
.container .bottom .left dl dd {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	float: left;
	clear: both;
	font: bold 14px/17px Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
.container .bottom .left dl dd a:link {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	}
	
.container .bottom .left dl dd a:visited {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	}
	
.container .bottom .left dl dd a:hover {
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}
	
.container .bottom .left dl dd a:active {
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}
	
.container .bottom .middle {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
*+html .container .bottom .middle {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.container .bottom .middle dl {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	}
	
.container .bottom .middle dl dt {
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	float: left;
	clear: both;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	}
	
.container .bottom .middle dl dd {
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	float: left;
	clear: both;
	font: bold 14px/17px Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
.container .bottom .middle dl dd a:link {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	}
	
.container .bottom .middle dl dd a:visited {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	}
	
.container .bottom .middle dl dd a:hover {
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}
	
.container .bottom .middle dl dd a:active {
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}
	
.container .bottom .right {
	width: 350px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.container .bottom .right .renegade {
	width: 350px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/renegade-skate-bg.png) no-repeat bottom left;
	height: 300px;
	}
	
.container .bottom .right .renegade .head {
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #f801c4;
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 0 0 50px;
	}
	
.container .bottom .right .renegade .copy {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 20px 10px 50px;
	text-align: right;
	}
	
.container .bottom .right .renegade .icon {
	float: right;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0 5px 5px 0;
	}
	
.container .bottom .right .renegade .icon img {
	border: none;
	}
	
.container .bottom .right .magnum {
	width: 350px;
	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
	background: url(images/magnum-awesome.png) no-repeat bottom right;
	height: 270px;
	}
	
.container .bottom .right .magnum .head {
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #f801c4;
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
	}
	
.container .bottom .right .magnum .copy {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 10px 10px 0;
	text-align: left;
	}
	
.container .bottom .right .magnum .icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0 5px 5px 0;
	}
	
.container .bottom .right .magnum .icon img {
	border: none;
	}
	
.footer {
	width: 800px;
	margin: auto;
	padding: 10px 0 0 0;
	text-align: center;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	color: #fff;
	}