@charset "utf-8";

/* The Great Southern California ShakeOut - Global Stylesheet */
/* Developed by The Illusion Factory */


/* --------------------------------------- */
/* --( Style Sheet Import )-- */
/* --------------------------------------- */



/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */
.center_me{
		text-align: center;
		margin-bottom: 0px;
		font-size: 16px;
		letter-spacing: 1px;
	}
	#id body{
		margin: 0px;
	}
	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */
	
	.nodisp {
		margin: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.noright{
		margin-right: 0px;
	}
	a{
		outline: none;
		border: 0px;
		color: #e9141b;
		text-decoration: none;
		margin:  0px 18px;	
	}
	a:hover {
		color: #ffffc1;
	}
	#content img {
		border: 0px;
	}

	body,
	html {
		margin: 0px;
		background:  #000;
		color: #ffffc1;
		font-family: sans-serif;
		font-size:  14px;
		line-height: 22px;
	}
	a.shakeout_link{
		display: block;
		width: 240px;
		height: 135px;
		background: url(../_img/shakeout_logo.png) no-repeat;
		text-indent: -3000px;
		float: left;
		margin-right: 30px;
		margin-top: 23px;
	}
	#main_container {	
		width: 948px;
		margin: 25px auto 0px auto;
	}
	#left .left_right{
		float: right;
		width: 308px;
	}
	#play_game{
		display: block;
		width: 276px;
		height: 163px;
		margin: 0px;
		background: url(../_img/play_game.png) no-repeat;
		text-indent: -3000px;
		top: 11px;
		left: 660px;
		position: absolute;
	}
	#play_game:hover{
		background-position: 0px -164px;
	}
	#main_container #flash{
		width: 948px;
		height: 330px;
		background:  url(../_img/shakeout_noflash.gif) no-repeat;
	}
	
	
	.regular{
		width: 948px;
		text-align: center;
		margin: 0px auto;
		padding: 0px;
	}

	#main_container h1.protect_heading {
		width: 491px;
		height: 28px;
		background: url(../_img/protect_heading.gif) no-repeat;
		margin: 25px auto 39px auto;
		text-indent: -3000px;
	}
	
	.divider{
		width: 920px;
		background: url(../_img/center_copy.png) no-repeat;
		height: 187px;
		margin: 0px auto;
		position: relative;
		z-index: 3;
		text-indent: -3000px;
	
	}
	.divider h2{
		text-indent: -3000px;
	}
	#center{
		height: 187px;
		width: 100%;
		overflow: hidden;
		
	}
	#right{
		background: #310000;
		float: right;
		height: 187px;
		width: 50%;
		position: relative;
		top: -187px;
	}
	#left{

		margin-bottom: 30px;
		background: #540000;
		height: 187px;
		width: 50%;
		float: left;
		position: relative;
		top: -187px;

	}
	#right .content{
		padding-left: 25px;
		margin-top: 15px;
	}
	#left p.copy{
		margin: 0px;
		line-height: 17px;
		font-size: 16px;
		letter-spacing: .5px;
	}
	#left .content h1.everybody_heading {
		width: 308px;
		height: 22px;
		background: url(../_img/everybody_heading.png) no-repeat;
		display: block;
		text-indent: -3000px;
		float: right;
		margin-top: 0px;
	}
	div.last{
		margin-top:73px;
		color: #4d0000;
	}
	.downloads{
		width: 948px;
		margin: 30px auto 0px auto;
		text-align: center;
		font-size: 16px;
		color: #e9141b;
	}
	.footer p{
		float: left;
	}
	.footer p.copy{
		margin: 0px;
		width: 395px;
		height: 24px;
		text-align: left;
		padding-top: 2px;
		padding-left: 12px;
	}
	.spacer{
		margin-right: 45px;
	}
	.footer p.copy a{
		margin: 0px;
	}
	.footer p.if{
		float: right;
		padding-top: 3px;
		margin: 0px;
	}
	.footer p.if a{	
		margin: 0px;
		color: #4d0000;
	}
	.footer.large{
		font-size: 16px;
	}
	.footer{
		width: 670px;
		color: #e9141b;
		clear: both;
		padding-top: 25px;
		margin: 0px auto;
		text-align: center;
		font-size: 13px;
		position: relative;
	}
	#launch {
		background: url(../_img/game_launch.gif) no-repeat;
		display: block;
		width: 183px;
		height: 41px;
		text-indent: -3000px;
	}
	#launch:hover{
		background-position: 0px -41px;
	}
	
	.usc{
		background: url(../_img/usc_logo.gif) no-repeat;
		width: 26px;
		height: 16px;
		display: block;
		text-indent: -3000px;
		top: 30px;
		left: 375px;
		position: absolute;
	}
	.scec{
		background: url(../_img/scec_logo.gif) no-repeat;
		width: 38px;
		height: 22px;
		display: block;
		text-indent: -3000px;
		top:25px;
		left: 59px;
		position: absolute;
	}

	a.participate {
		display: block;
		width: 263px;
		height: 24px;
		background: url(../_img/participate.gif) no-repeat;
		position: absolute;
		z-index: 5;
		text-indent: -3000px;
		top: 156px;
		left: 266px;
	}
	a.participate:hover {
		background-position: 0px -24px;
	}