html {
	background-color: grey;
	height: 100%;
	background-color: #212437;
	color: black;
	background: #510003;
	background: -webkit-linear-gradient(top, #000, #510003);
	background: -moz-linear-gradient(top,  #000,  #510003);
	background: -o-linear-gradient(top,  #000,  #510003);
	background: -linear-gradient(top,  #000,  #510003);
	font-family: 'Cabin Sketch', cursive;
	
	background: url('graphics/house_back.jpg');
	background-size: 100%;
	background-attachment: fixed;
	}

body {
	background-color: white;
	border:5px solid black;
	width: 758px;
	margin: auto;
	min-height: 80%;
	padding-top:230px;
	box-shadow: 0 0.7em 3em 0.5em black;
	
	}

	
h1#title{
	background-color: white;
	color: rgba(0, 0, 0, 0);
	background: url('graphics/t_logo.png');
	height: 182px;
	margin-top: 0px;
	border: none;
	position: fixed;
	top: 0px;
	width: 758px;
	
	}

nav {
	width: 758px;
	background-color: black;
	color: red;
	position: fixed;
	top: 182px;
	
	height: 1.8em;
	box-shadow: 0 0.7em 1.5em 0.5em black;
	font-family: 'Special Elite', cursive;
	margin-bottom: 2em;
	border-bottom: 1px solid grey;
	
	
	}

nav ul {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	}

nav ul li{
	display: inline-block;
	width: 12%;
	border-left: 2px solid white;
	border-right: 2px solid white;

			

	}
	

nav ul li a {
	display:inline-block;
	color: white;
	text-decoration: none;	
	background-color: #1C2242;
	width: 100%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-shadow: 0.1em 0.1em 0.1em black;
	
	

	
	}
	
nav ul li a:hover {
	background-color: #BD0000;
	box-shadow: inset 0.1em 0.1em 1em 0 black;
	}

header {
	font-family: 'Special Elite', cursive;	
	}

h2 {
	box-shadow: inset 0.1em 0.1em 1em 0 black;
	background-color:#BD0000;
	margin-top: 0px;
	padding: 0.2em;
	padding-bottom:0.1em;
	padding-left: 1em;
	border-bottom: 1px solid black;
	color: white;
	text-shadow: 0.1em 0.1em 0.1em black;
	}
	
header p {
	margin-top:-2.8em;
	text-align: right;
	padding-right:1em;
	color: white;
	text-shadow: 0.1em 0.1em 0.1em black;
	}
	
article {
	border: 1px solid black;
	background-color: #1C2242;
	color: white;
	margin: 0.5em;
	margin-top: 1em;
	text-shadow: 0.1em 0.1em 0.1em black;
	background: #1C2242;
	background: -webkit-linear-gradient(left, #112, #334);
	background: -moz-linear-gradient(left,  #112,  #334);
	background: -linear-gradient(left, #112, #334);
	background: -o-gradient(left, #112, #334);
	/*background: -webkit-gradient(linear, left bottom, right bottom, from(#112), to(#334));
	background: -moz-linear-gradient(top,  #1C2242,  #838AB0);*/
	min-height: 320px;
	
	}

section {
	padding-left: 0.5em;
	padding-right: 0.5em;
	}
	
article section a {
	color: #71FFE3;
	font-family: 'Special Elite', cursive;
	}
	
article section a:hover {
	text-decoration: none;
	}
	
article section img {
	border: 1px solid grey;
	box-shadow: 0.2em 0.2em 1em 0 black;
	margin: auto;
	}
	
article section img.right {
	float: right;
	/*margin-right: 0.7em;*/
	margin-left: 0.3em;

	}
	
article section img.left {
	float: left;
	margin-right: 0.7em;
	margin-left: 0em;

	}
	
footer {
box-shadow: 0 -0.3em 1.0em 0.1em black;
	color: red;
	height: 3em;
	background-color: black;
	bottom: 0px;
	position: fixed;
	width: 758px;
	text-align: right;
	border-top: 1px solid grey;
	}
footer img {
	
	border: 4px solid black;
	border-right: none;
	}
	
div.center {
	width: 100%;
	text-align: center;
	margin-bottom:1.5em;
	}