/* Ultima Online - Stygian Abyss: Launch Details */
/* ============================================ */
/* author: Jason Krieger */
/* ============================================ */

/*  Main Site Structure */
/* ============================================ */

html { height: 100% }

body {
	background: #000000 url('http://mythicmktg.fileburst.com/uo/uosa/images/launch/uosa_ld_bg.jpg') top center no-repeat;
	color: #ffffff;
	font-size: 0.8em;
	font-family: Veranda, Arial, Geneva, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

img { border: 0px; }
a img { border: 0px; }

:focus { outline: 0; }


/*  Global Nav */
/* ============================================ */

#gnav-container {
	background: #000000;
	color: #999999;
	font-size: 10px;
	height: 24px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 900px;
	}

	.gnav {
		background: url('http://mythicmktg.fileburst.com/war/us/global/gnav_mythic-logo.gif') no-repeat;
		margin: 0px auto;
		padding: 6px 0px 4px 45px;
		text-align: left;
		width: 600px;
		float: left;
		}

	.gnav a, gnav a:link, gnav a:visited {
		color: #999999;
		text-decoration: none;
		}

	.gnav a:hover {
		color: #990000;
		text-decoration: underline;
		}

	.gnav a.active {
		color: #990000;
		text-decoration: underline;
		}
		
		
/*  Site */
/* ============================================ */

#content-container {
	margin: 0px auto;
	padding: 0px; 
	width: 900px;
	position: relative;
	}
	
#trial-button {
	position: absolute;
	top: 0px;
	left: 670px;
	width: 227px;
	height: 47px;
	}
	
#header {
	height: 550px;
	}
	
	.header-logo {
		width: 230px;
		height: 120px;
		margin: 0px 0px 0px 74px;
		padding: 20px 0px 0px 0px;
		}
		
	.price-container {
		width: 380px;
		height: 180px;
		margin: 24px 0px 0px 10px;
		}
		
	.store-desc {
		font-size: 1em;
		font-weight: bold;
		color: #ffffff;
		width: 400px;
		margin: 30px 0px 0px 20px;
		}
		
	.store-logos {
		height: 100px;
		margin: 20px 0px 0px 20px;
		}
		
		.store-logos .logo-image {
			height: 100px;
			margin: 0px 15px;
			float: left;
			}
	
#content-heading {
	width: 700px;
	height: 80px;	
	margin: 20px auto 0px auto;
	background: #ff00cc;
	}

#content {
	height: 390px;
	margin: 20px 0px 0px 0px;
	background: #000000 url('http://mythicmktg.fileburst.com/uo/uosa/images/launch/uosa_ld_content-bg_sm.gif') top center no-repeat;
	position: relative;
	}
	
	.content-left {
		float: left;
		width: 425px;
		margin: 0px 10px;
		}
		
		.content-left .feature {
			width: 420px;
			margin: 14px auto 2px auto;
			height: 16px;
			font-size: 1em;
			font-weight: bold;
			}
			
			.content-left .feature .bullet {
				width: 14px;
				height: 14px;
				margin: 2px 4px 0px 4px;
				background: #000000 url('http://mythicmktg.fileburst.com/uo/uosa/images/launch/bullet-orange.jpg') top center no-repeat;
				float: left;
				}
				
		.content-left .feature-extended {
			width: 330px;
			margin: 0px 0px 0px 40px;
			}
		
		
	.content-right {
		float: right;
		width: 425px;
		margin: 0px 10px;
		}
		
		.content-right .section-heading {
			width: 425px;
			height: 70px;
			}
			
		.content-right .feature {
			width: 420px;
			margin: 14px auto 2px auto;
			height: 16px;
			font-size: 1em;
			font-weight: bold;
			}
			
			.content-right .feature .bullet {
				width: 14px;
				height: 14px;
				margin: 2px 4px 0px 4px;
				background: #000000 url('http://mythicmktg.fileburst.com/uo/uosa/images/launch/bullet-orange.jpg') top center no-repeat;
				float: left;
				}	
		
		.content-right .feature-extended {
			width: 330px;
			margin: 0px 0px 0px 40px;
			}
			
		.findoutmore {
			position: absolute;
			top: 330px;
			left: 375px;
			width: 153px;
			height: 22px;
			margin: 25px auto 0px auto;
			}
	
#footer {
	height: 300px;
	}
	
	#footer a, footer a:link, footer a:visited {
		color: #ffa200;
		text-decoration: none;
		}
	
	#footer a:hover {
		color: #ffbd4a;
		text-decoration: underline;
		}
	
	.footer-stone {
		background: #000000 url('http://mythicmktg.fileburst.com/uo/uosa/images/launch/uosa_ld_footer-ea-stone.gif') top center no-repeat;
		height: 170px;
		width: 898px;
		margin: 0px auto;
		}
		
	.footer-download-disclaimer {
		color: #999999;
		font-size: .8em;
		width: 700px;
		margin: 5px auto;
		}
					
	.footer-main {
		width: 760px;
		height: 55px;
		padding-top: 10px;
		padding-bottom: 40px;
		color: #666;
		font-size: 10px;
		line-height: 16px;
		text-align: left;
		margin: 0px auto;
		}
	
		.footer-main .ESRB {
			padding: 20px 15px 0px 0px;
			float: left;
			}

		.footer-main .column-left {
			float: left;
			width: 512px;
			padding-top: 20px;
			text-align: right;
			}

		.footer-main .column-right {
			float: left;
			width: 72px;
			padding-left: 30px;
			}
			

/*  Roadblock */
/* ============================================ */

#roadblock-container {
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 100%;
	background: #640000;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #212121;
	color: #999999;
	margin: 0px !important;
	margin: 1px 0px;
	padding: 2px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: auto;
	z-index: 3;
}

	#roadblock-container a, gnav a:link, gnav a:visited {
		color: #ffffff;
		text-decoration: none;
		}

	#roadblock-container a:hover {
		color: #F5C400;
		text-decoration: underline;
		}

	#roadblock-container a.active {
		color: #F5C400;
		text-decoration: underline;
		}