@charset "UTF-8";
body, html	{padding:0;margin:0; background:url(../images/layout/backgroundTile.jpg) repeat-x;font:11px Verdana, Geneva, sans-serif;color:#333}
#wrap	{width:812px;
		height:609px;
		position:relative;
		margin:0 auto;
		top:45px;}
		
.orangeTxt	{color:#f26826}
.yellowTxt	{color:#ffb613;}
.pinkTxt	{color:#f55f90;}
.redTxt	{color:#f00;}
.purpleTxt	{color:#5867c3}
.greenTxt	{color:#90da75;}
.darkTxt	{color:#000;}
h1	{font:32px Helvetica, Arial, sans-serif;
	margin-top:0px;padding-top:20px;}
h2	{color:#40d0ff; font:14px Helvetica, Arial, sans-serif; 
	font-weight:bold; margin-top:25px;}

#logo	{position:absolute;
		top:405px;
		z-index:10;
		left:6px;}
		
div#logo a{position:static}
div#logo a img{border:none;}

#blurb	{color:#00486c;
		position:absolute;
		width:200px;
		left:575px;
		top:40px;}
a#homeLink	{display:block;
			width:160px;
			height:100px;
			position:absolute;
			left:40px;
			top:35px;
			z-index:10;}

#menu	{position:absolute;
		width:550px;
		left:230px;
		top:413px;
		z-index:1;}
#menu ul	{padding:0;margin:0;z-index:4;position:relative;}
#menu ul li	{width:550px;
			font-size:10px;
			list-style:none;
			padding-top:1px;
			height:22px;
			background: url(../images/layout/menu.png) repeat-x 0 1px;}
#menu ul.mainNav li	{width:575px;}
#menu li a	{color:#fff;
			position:relative;
			padding:3px 25px;
			display:block;
			width:500px;
			height:20px;
			text-decoration:none;}
#menu ul.mainNav li a	{width:525px;}
#orange a {background:url(../images/menu/orange.png) no-repeat;}
#yellow a {background:url(../images/menu/yellow.png) no-repeat}
#pink a	{background:url(../images/menu/pink.png) no-repeat}
#red a	{background:url(../images/menu/red.png) no-repeat}
#purple a	{background:url(../images/menu/purple.png) no-repeat}
#green a	{background:url(../images/menu/green.png) no-repeat}
#orange a, #yellow a, #pink a, #red a, #purple a, #green a	{background-position:0 -60px;}
#orange a:hover, #yellow a:hover, #pink a:hover, #red a:hover, #purple a:hover, #green a:hover, #menu ul li a.active	{background-position:0 0; font-weight:bold;}

#opacityLayer	{
	position:absolute;
	width:350px;
	height:545px;
	top:28px;
	left:431px;
	background-color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	z-index:9;
}

#scroller   {
    width:300px; 
    height:545px;
}

#content	{
	position:absolute;
	padding-left:25px;
	width:325px;
	height:545px;
	top:28px;
	left:431px;
	background-color:Transparent;
	z-index:10;
}

#content a	{color:#666;}
#content ul	{margin-left:17px;padding-left:0;}
#content ul	li {list-style-image:url(../images/layout/arrow.gif);
				margin:0;padding:0;
				margin-bottom:10px;}
#content ol	{margin-left:20px;padding-left:0;}
#content ol li	{margin:0;padding:0;
				margin-bottom:10px;}
#content ol.toolsList	{
	margin-top:0;
	paddingn-top:0;
}
#content ol.toolsList li	{
	margin-bottom:0;
}

#footer	{position:relative;
		width:790px;
		top:5px;
		margin:0 auto;}
#footer a	{color:#000;
			text-decoration:none;
			margin-right:30px;}
#footer p	{font-size:9px;
			color:#999;
			margin:10px 0;
			padding:0;}
#skateboard	{position:absolute;
			width:126px;
			height:236px;
			background:url(../images/layout/skateboard.png) no-repeat;
			top:381px;
			left:131px;
			z-index:11;}
			
#policy, #contact	{display:none;
					position:absolute;
					z-index:20;
					width:540px;
					height:335px;
					margin:80px 0 0 100px;
					padding:50px;
					top:0;left:0;
					color:#999;
					background:url(../images/layout/popup.png) no-repeat;}
#policy img, #contact img	{position:absolute;
							top:30px;
							left:550px;
							border:none;}
#policy a, #contact a	{color:#40d0ff;}