@import url("typo.css");
@import url("nav.css");

#TopCap
{
	background: url("/!images/mp/asp_adventure_mp_headertile.gif") repeat-x;
	height: 107px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#Wrapper
{
	width: 990px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

#Header
{
	height: 107px;
	width: 990px;
	background: url("/!images/mp/asp_adventure_mp_header.gif") no-repeat;
}

#FlashArea
{
	height: 390px;
	width: 990px;
}
#FlashArea .slideshow {z-index: -1;}


#ImageOver
{
	background: url(/!images/mp/asp_adventure_mp_featured_01.png) no-repeat;
	height: 528px;
	width: 478px;
	position: absolute; 
	top: 398px; 
	left: -257px; 
	z-index: 1;
}

#BodyWrap
{
	clear: both;
	background: url("/!images/mp/asp_adventure_mp_footer07.jpg");
	background-repeat: no-repeat;
	background-position:  bottom right;
	min-height: 658px;
	z-index: 1;
}

#BodyWrap .ContentArea
{
	background: url("/!images/mp/asp_adventure_mp_body_tile.gif") top center no-repeat;
	min-height: 365px;
	width: 990px;
	font-weight: bold;
	line-height: 1.3em;
}

#BodyWrap .TextArea
{
	width: 500px;
	float: left;
	padding-top: 25px;
}

#BodyWrap .RightPromos
{
	width: 445px;
	float: right;
}

/* The following styles will set the slant for the main page text.  Be careful adjusting them. */
#Slant1 {width: 250px; height: 8px; float: left; outline: 0px solid #fff;}
#Slant2 {width: 248px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant3 {width: 246px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant4 {width: 244px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant5 {width: 242px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant6 {width: 240px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant7 {width: 238px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant8 {width: 236px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant9 {width: 234px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant10 {width: 232px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant11 {width: 230px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant12 {width: 228px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant13 {width: 226px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant14 {width: 224px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant15 {width: 222px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant16 {width: 220px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant17 {width: 218px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant18 {width: 216px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant19 {width: 214px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant20 {width: 212px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant21 {width: 210px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant22 {width: 208px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant23 {width: 206px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant24 {width: 204px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant25 {width: 200px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant26 {width: 198px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant27 {width: 196px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant28 {width: 194px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant29 {width: 192px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant30 {width: 190px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant31 {width: 188px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant32 {width: 186px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant33 {width: 184px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant34 {width: 182px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant35 {width: 180px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant36 {width: 178px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant37 {width: 176px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant38 {width: 174px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant39 {width: 172px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant40 {width: 170px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant41 {width: 168px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant42 {width: 166px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant43 {width: 164px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant44 {width: 162px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant45 {width: 160px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant46 {width: 158px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant47 {width: 156px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant48 {width: 154px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant49 {width: 152px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant50 {width: 150px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant51 {width: 148px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant52 {width: 146px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant53 {width: 144px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant54 {width: 142px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant55 {width: 140px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant56 {width: 138px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant57 {width: 136px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant58 {width: 134px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant59 {width: 132px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant60 {width: 130px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant61 {width: 128px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant62 {width: 126px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant63 {width: 124px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant64 {width: 122px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}
#Slant65 {width: 120px; height: 8px; float: left; outline: 0px solid #fff; clear: both;}

#Splash
{
	position: absolute;
	height: 328px;
	width: 114px;
	background: url("/!images/mp/asp_adventure_mp_footer_burst.gif") no-repeat;
	right: -114px;
	bottom: 0;
		
}

#Footer
{
	background: url("/!images/mp/asp_adventure_mp_footer_divider_hz.png") top left no-repeat;
	width: 515px;
	height: 20px;
	position: absolute;
	bottom: 100px;
	line-height: 1.4em;
	padding-top: 15px;
	font-size: 12px;
	font-style: italic;
	padding-left: 18px;
}
#Footer img {padding-top: 10px;}

#Footer a:link, #Footer a:visited {color: #8d8d8d; text-decoration: none;}
#Footer a:hover, #Footer a:active {color: #8d8d8d; text-decoration: underline;}


#MediaLinks 
{
	background: url(/!images/mp/asp_adventure_mp_socialmedia_normal.gif) no-repeat; 
	height: 103px; 
	width: 276px; 
	float: left;
}

.clearboth
{
	clear: both;
}

#facebookLike
{
	border: 4px solid #489164; 
	text-align: center; 
	margin-top: 12px; 
	height: 23px; 
	width: 411px; 
	background: #E4E4E4; 
	padding: 5px;
}