/* Imports */
@import url("reset.css");

/***** Global *****/
/* Body */
body {
	background: #000000 url('../images/Wall.jpg') repeat-x;
	background-attachment: fixed;
	color: #000000;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #ccffff;
	padding: 0 0px;
	text-decoration: underline;
}
a:hover, a:active {
	color: #ffcc66;
	text-decoration: none;
}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #ccffff; color: #fff;}
::selection {background: #ccffff; color: #fff;}

/* Lists */
ul {
	list-style: none;
	margin: 1em 0 0em 0.6em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*
	Header
*****************/
#header {
	margin: 0 auto;
	padding: 0.5em 0 0 0;
}

#logo {
	background: url('../images/Logo.png') no-repeat;
	margin-top: 1em;
	margin-left: 5em;
	float: left;
	width: 76px;
	height: 71px;
}

#medusa {
	background: url('../images/Medusa.png') no-repeat;
	float: right;
	width: 213px;
	height: 222px;	
}

/*
	Body
*****************/
#main {
	background: url('../images/MainBody.gif') top center no-repeat;
	width: 720px;
	height: 1043px;
	margin: 0 auto;
	margin-top: 2em;
}

#hog {
	height: 1000px;
	width: 550px;
	margin: 0 auto;
}

#hog li {
	list-style-image: url('../images/Bullet.png');
}

#gems {
	background: url('../images/Gems.png') no-repeat;
	float: left;
	width: 160px;
	height: 140px;
	margin-top: 3em;
}

#trailer {
	text-align: center;
	margin: 0 auto;
	padding-top: 25em;
}

#appstore {
	background: url('../images/App_Store_Badge.png') no-repeat;
	float: right;
	width: 160px;
	height: 70px;
}

#appstorelinks
{
	float:right;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #000;

}

#appstorelinks li
{
	list-style: none;
}

#description  {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #B32721;
	text-align: left;
	margin-top: 1em;	
}

#reviews {
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
}

#requirements {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #000;
	text-align: left;
	margin-top: 4em;
}

/*
	About
*****************/
#about {
	color: #fff;
	text-shadow: 0px 1px 1px #999;
	font-style: normal;
	margin-bottom: 2em;
	overflow: hidden;
	text-align: center;
	width: 720px;
	margin: 0 auto;
}

/*
	Footer
*****************/
#contentinfo {padding-bottom: 2em; text-align: right;}