* {margin:0;padding:0;}
img {border: none;}

html, body {height: 100%;}

#footer {position: relative;
	height: 25px;
	background-color: #555;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: white;
	clear:both;} 

body
{
	background-image: url("../images/football-stadium.jpg");
	background-repeat: no-repeat;
	background-color: black;
	background-attachment: fixed;
	background-position: center;
}

div.Everything
{
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px; 
	box-shadow: 0px 0px 24px black;
	border-radius: 24px;
	margin-top: 32px;
	margin-bottom: 32px;
	position: relative;
}

div.MenuBar
{
	height: 145px; 
	background-color: white; 
	text-align: center;
	margin-bottom: 0px;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	border: solid;
	border-bottom: none;
	border-width: 1px;
	background-image: url("../images/Titlebar.png");
	background-repeat: no-repeat;
	background-position: center;
}

/*div.Footer
{
	height: 32px; 
	background-color: white; 
	text-align: center;
	margin-bottom: 0px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	border: solid;
	border-top: none;
	border-width: 1px;
}*/

img.LogoButton
{
	position: absolute; 
	left: 38px; 
	top: 11px;
	border: none;
	z-index:1000;
}






















div.Content
{
	background-color: white; 
	text-align: center;
	margin-top: -1px;
	border: solid;
	border-top: none;
	
	border-width: 1px;
	padding: 16px;
	position: relative;
	
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

div.Tagline
{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 32px;
}

a.Tagline
{
	text-decoration: none;
	color: white;
}

a.Tagline:hover
{
	text-decoration: underline;
}

div.StepText
{
	text-align: left;
	font-family: "Comic Sans MS", sans-serif;
	font-style: bold;
	font-size: 22px;
	position: absolute;
}

div.Step1Remote
{
	background-image: url("../images/Step-1-remote.jpg");
	background-repeat: no-repeat;
	background-color: white;
	width: 400px;
	height: 256px;
	position: absolute;
	left: 32px;
	top: 320px;
}

div.Step1Tv
{
	background-image: url("../images/Step-1-tv-2.jpg");
	background-repeat: no-repeat;
	background-color: white;
	width: 496px;
	height: 544px;
	position: absolute;
	left: 464px;
	top: 64px;
}

div.Step2
{
	background-image: url("../images/Step-2.jpg");
	background-repeat: no-repeat;
	background-color: white;
	width: 444px;
	height: 454px;
	position: absolute;
	left: 400px;
	top: 675px;
}

div.Step3
{
	background-image: url("../images/Step-3.jpg"); 
	background-repeat: no-repeat; 
	background-color: white;
	width: 700px; 
	height: 500px;
	position: absolute;
	left: 16px;
	top: 1184px;
}


div.tile, div.pretile, div.posttile, div.blanktile
{
	padding:0.75em;
	width:12em;
	height:4.75em;
	margin:11px;
	text-align:center;
	float:left;
}

div.tile, div.pretile, div.posttile
{
	background:#FFFFFF;
	border:1px outset #a1a1a1;
	border-radius:0.5em;
	color: #000000;
	box-shadow: 0px 0px 5px #000000;
}

div.tile
{
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DDDDDD', endColorstr='#FFFFFF');
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
	background-image: linear-gradient(to top, #FFFFFF 0%, #DDDDDD 100%);
}

div.pretile
{
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBDDBB', endColorstr='#DDFFDD');
	background-image: -ms-linear-gradient(bottom, #DDFFDD 0%, #BBDDBB 100%);
	background-image: -moz-linear-gradient(bottom, #DDFFDD 0%, #BBDDBB 100%);
	background-image: -o-linear-gradient(bottom, #DDFFDD 0%, #BBDDBB 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DDFFDD), color-stop(1, #BBDDBB));
	background-image: -webkit-linear-gradient(bottom, #DDFFDD 0%, #BBDDBB 100%);
	background-image: linear-gradient(to top, #DDFFDD 0%, #BBDDBB 100%);
}
div.posttile
{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DDBBBB', endColorstr='#FFDDDD');
	background-image: -ms-linear-gradient(bottom, #FFDDDD 0%, #DDBBBB 100%);
	background-image: -moz-linear-gradient(bottom, #FFDDDD 0%, #DDBBBB 100%);
	background-image: -o-linear-gradient(bottom, #FFDDDD 0%, #DDBBBB 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFDDDD), color-stop(1, #DDBBBB));
	background-image: -webkit-linear-gradient(bottom, #FFDDDD 0%, #DDBBBB 100%);
	background-image: linear-gradient(to top, #FFDDDD 0%, #DDBBBB 100%);
}

p.tile_title
{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.6em;
	color:black;
	text-align:left;
	margin-top:-0.5em;
	margin-bottom:-0.5em;
	cursor: default;
	height: 12px;
}

p.tile_content
{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.5em;
	color:black;
	text-align:center;
	margin:0em;
	margin-top:-0.2em;
	cursor: default;
}

hr
{
	margin-top: 8px;
	margin-bottom: 8px;
}elvetica, sans-serif;
	font-size:1.5em;
	color:black;
	text-align:center;
	margin:0em;
	margin-top:-0.2em;
	cursor: default;
}

hr
{
	margin-top: 8px;
	margin-bottom: 8px;
}