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

	body, html { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; margin: 0; padding: 0; 
		background-color: #f6f6f6; height: 100%; width: 100%; color: #3469bc; }
	
	body div { outline: none; border: collapse; }
	a { color: #3469bc; text-decoration: none; }
	a:link { color: #3469bc; text-decoration: none; }
	a:hover { color: #2a74e6; text-decoration: underline; }
	a:visited { color: #3469bc; text-decoration: none; }
	a:active { color: #3469bc; text-decoration: none; }
	
	#container { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -100px; }
	#footer, #push { width:100%; height: 100px; }
	#footerinner { width: 960px; margin-left: auto; margin-right: auto; padding-top: 20px; }
	#footertag, #footerinner div { margin-left: auto; margin-right: auto; text-align: center; }
	#footertag { margin-bottom: 2px; }
	#adspot { display: inline; padding: 0; margin: -10px 8px; }
	
	#footer a { font-weight: bold; }
	
/* ROLLOVER */

	.rolloverpt a { display: block; position: relative; cursor: pointer; cursor: hand; }
	
	.rolloverpt a .rollover { display: block; position: absolute; top: 0; left: 0; visibility: hidden; }
	
/* TOP NAV */

	#topnav
	{
		background: url(../images/headerfooter/header_bg_single_repeat.jpg) repeat-x;
		background-color: #1e349e;
		width: 100%;
		height: 170px;
		min-width: 960px;
	}
	
	#topnavouter
	{
		background: url(../images/headerfooter/header_bg_single.jpg) top center no-repeat;
		width: 100%;
		height: 170px;
	}
	
	#topnavinner
	{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		z-index: 98;
	}
	
	#logo
	{
		position: relative;
		float: left;
		top: 0;
		left: 0;
		z-index: 100;
		margin-right: 28px;
		width: 151px;
		height: 136px;
		overflow: hidden;
	}
	
	#mainnav
	{
	position: relative;
	height: 58px;
	z-index: 99;
	top: 0;
	}
	
	.navitem
	{
		position: relative;
		display: inline;
		float: left;
		clear: none;
		margin-right: 4px;
		cursor: pointer;
		cursor: hand;
	}
	
	.navitem a
	{
		cursor: pointer;
		cursor: hand;
	}
	
	#nav_home { width: 86px; }
	#nav_videos { width: 101px; }
	#nav_games { width: 97px; }
	#nav_meet { width: 179px; }
	
	#nav_home
	{
	
	}
	
	#topnav ul
	{
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 99;
	}
	
	#topnav ul li
	{
		list-style: none;
		display: inline-block;
		vertical-align: top;
		height: 56px;
		z-index: 100;
	}
	
	#topnav ul li.selected
	{
		visibility: visible;
	}
	
	#thebowl
	{
		background: url(../images/headerfooter/header_bg_bowl_repeat.jpg) repeat-x;
		background-color: #1e349e;
		height: 83px;
	}
	
	#thebowlinner
	{
		background: url(../images/headerfooter/header_bg_bowl_static.jpg) no-repeat;
		width: 960px;
		height: 83px;
		margin-left: auto;
		margin-right:auto;
	}

	#flashbowl
	{
		width: 0;
		height: 0;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
	}
	
/* BOWL */


/* TEMPLATE */

	/* 9-slice container */
	.ctc_sl { overflow: hidden; width: auto; }
	
	.ctc_sl div { border: none; outline: none; }
	
	.ctc_sl_0 { width: 610px; height: 34px; font-size: 0; }
	.ctc_sl_0 div { height: 34px; clear: none; font-size: 0; }
	
	.ctc_sl_0_0 { float: left; width: 70px; margin: 0; padding: 0; background: url(../images/template/upper_left.jpg) no-repeat; }
	
	.ctc_sl_0_2 { margin: 0 70px; background: url(../images/template/top.jpg) repeat-x; }
	
	.ctc_sl_0_1 { float: right; width: 70px; margin: 0; padding: 0; background: url(../images/template/upper_right.jpg) no-repeat; }
	
	.ctc_sl_1 { width: 610px; overflow: hidden; }
	
	.ctc_sl_1_0 { float: left; clear: none; width: 34px; height: 454px; font-size: 0; background: url(../images/template/left_side.jpg) repeat-y; }
	
	.ctc_sl_1_0 .hd { position: relative; top: 0; width: 34px; height: 70px; background: url(../images/template/left_top.jpg) no-repeat; }
	.ctc_sl_1_0 .ft { position: relative; top: 314px; width: 34px; height: 70px; background: url(../images/template/left_bottom.jpg) no-repeat; }
	
	.ctc_sl_1_1 { float: right; clear: none; width: 34px; height: 454px; font-size: 0; background: url(../images/template/right_side.jpg) repeat-y; }
	.ctc_sl_1_1 .hd { position: relative; top: 0; width: 34px; height: 70px; background: url(../images/template/right_top.jpg) no-repeat; }
	.ctc_sl_1_1 .ft { position: relative; top: 314px; width: 34px; height: 70px; background: url(../images/template/right_bottom.jpg) no-repeat; }
	
	.ctc_sl_1_2 { clear: none; margin: 0 34px; }
	
	.ctc_sl_2 { width: 610px; height: 20px; font-size: 0; }
	
	.ctc_sl_2 div { height: 34px; clear: none; font-size: 0; }
	
	.ctc_sl_2_0 { float: left; width: 70px; margin: 0; padding: 0; background: url(../images/template/bottom_left.jpg) no-repeat; }
	
	.ctc_sl_2_2 { margin: 0 20px; background: url(../images/template/bottom.jpg) repeat-x; }
	
	.ctc_sl_2_1 { float: right; width: 70px; margin: 0; padding: 0; background: url(../images/template/bottom_right.jpg) no-repeat; }

/* HOME */

	#hometeaser
	{
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 210px;
		width: 206px;
		height: 234px;
		clear: both;
	}
	
	#homecontent
	{
		width: 100%;
		height: 450px;
	}
	
	#homecontentinner
	{
		margin-left: auto;
		margin-right: auto;
		width: 1120px;
	}
	
	#homecontentcontent
	{
		width: 746px;
		margin-left: 206px;
		margin-right: 185px;
	}
	
	#homemain
	{
		float: left; 
		clear: none; 
		width: 483px;
		height: 379px;
		overflow: hidden;
	}
	
	#homeright
	{
		float: left; 
		clear: none;
		width: 261px;
	}
	
	#hometsrclick
	{
		width: 243px;
		height: 193px;
		overflow: hidden;
	}
	
	#hometsrvideo
	{
		width: 261px;
		height: 223px;
		overflow: hidden;
	}
	
/* MEET */

	#meetcontainer
	{
		padding-left: 180px;
	}

	#meettext
	{
		margin-left: 26px;
		width: 588px;
		line-height: 1.5em;
		text-align: justify;
	}

/* VIDEO */

	#videodiv
	{
		margin-left: 80px;
		width: 771px;
		height: 388px;
	}

/* CONTENT */

	#content
	{
		font-size: 0;
		padding: 0;
		position: relative;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#content { display: inline-block; }
	html[xmlns] #content { display: block; }
	* html #content { height: 1%; }
	
/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }