@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html {
    background-color: #e6e9e9;
}

body {
    margin: 0 auto;
    padding: 2em 2em 4em;
    max-width: 800px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #545454;
    background-color: #e6e9e9;
}

h1, h2, h3, h4, h5, h6 {
    color: #0083e8;
	/*color: #222;*/
    font-weight: 600;
    line-height: 1.3em;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
    text-decoration: none;
    text-underline: none; 
}

b, strong {
    font-weight: 650;
}

p.header {
	font-size: 30px;
	font-weight: 600;
}
p.footertext {
	font-size: 10px;
	line-height: 1.2em;
}

#container {
	margin:30px auto;
	width:960px;
}

#header {
	position:absolute;
	height:75px;
	width:425;
	margin:-350px 0px 0px -575px;
	top:50%;
	left:50%;
	border-bottom: 1px solid #000000;
	text-align:left;
}

#link1 {
    position:absolute;
    height:200px;
    width:250px;
    margin:-225px 0px 0px -575px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link2 {
    position:absolute;
    height:200px;
    width:250px;
    margin:-225px 0px 0px -275px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link3 {
    position:absolute;
    height:200px;
    width:250px;
    margin:-225px 0px 0px 25px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link4 {
    position:absolute;
    height:200px;
    width:250px;
    margin:-225px 0px 0px 325px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link5 {
    position:absolute;
    height:200px;
    width:250px;
    margin:25px 0px 0px -575px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link6 {
    position:absolute;
    height:200px;
    width:250px;
    margin:25px 0px 0px -275px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link7 {
    position:absolute;
    height:200px;
    width:250px;
    margin:25px 0px 0px 25px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#link8 {
    position:absolute;
    height:200px;
    width:250px;
    margin:25px 0px 0px 325px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#foot {
	position:absolute;
	height:20px;
	width:500px;
	margin:225px 0px 0px -250px;
	top: 50%;
	left: 50%;
	text-align:center;
}

@media only screen and (max-width: 1155px) {

	#container {
		width:100%;
	}

	#header {
		position:relative;
		height:50px;
		width:100%;
		margin:0px 0px 10px 0px;
		top:0%;
		left:0%;
		border-bottom: 0px solid #000000;
		text-align:center;
	}
	
	#link1 {
		position:relative;
		width:300px;
		height:150px;
		margin:10px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link2 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link3 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link4 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link5 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link6 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link7 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}

	#link8 {
		position:relative;
		width:300px;
		height:150px;
		margin:0px 0px 10px -150px;
		left: 50%;
		top: 0%;
	}
	
	#foot {
		position:relative;
		height:20px;
		width:300px;
		margin:0px 0px 0px -150px;
		top: 50%;
		left: 50%;
		text-align:center;
	}
}