@charset "UTF-8";
/* CSS Document */

@import "reset.css";

body {
	background-color: #0079c1;
	overflow: hidden;
}

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

h1 {
	color: white;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
}

p {
	margin-bottom: 1em;
}

div.gradient {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: -1;
	background-image: url(../img/topleftgradient.png);
	width: 500px;
	height: 500px;
}

holder {
	width: 750px;
	margin: 0px auto;
}

.aboutHolder {
	position: relative;
}

.imagesHolder {
	position: relative;
}

.gamesHolder {
	position: relative;
}

.contactHolder {
	position: relative;
}

#last {
	margin-bottom: 10px !important;
}

.navHolder {
	margin-bottom: 50px;
}

.navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: -40px;
}

.navLink {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 15px;
	float: left;
	padding: 5px 15px;
	background-image: url(../img/navbg.png);
	margin-left: 10px;
	color: white;
}

.navLink:hover {
	background-image: url(../img/navhover.png);
}

.active {
	background-image: url(../img/navactive.png);
}

.clear {
	clear: both;
}

.header {
	width: 750px;
	margin: 0px auto;
	position: relative;
}

.tl {
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	background-image:url(../img/tlradius.png);
}

.mid {
	position: relative;
	left: 30px;
	margin-top: -30px;
	width: 100%;
	height: 30px;
	background-image:url(../img/mid.png);
}

.tr {
	margin-top: -30px;
	margin-left: -30px;
	position: relative;
	left: 100%;
	height: 30px;
	width: 30px;
	background-image:url(../img/trradius.png);
}

.header-centre {
	background-image: url(../img/midheaderbg.png);
	padding: 10px 0px;
	width: 100%;
	height: 100%;
}

.bigHeaderText {
	margin: 0px auto;
	width: 462px;
	height: 80px;
	background-image: url(../img/title.png);
}

.smallHeaderText {
	margin: 0px auto;
	width: 236px;
	height: 26px;
	background-image: url(../img/subtitle.png);
}

.bl {
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	background-image:url(../img/blradius.png)
}

.br {
	margin-top: -30px;
	margin-left: -30px;
	position: relative;
	top: 0px;
	left: 100%;
	width: 30px;
	height: 30px;
	background-image: url(../img/brradius.png);
}

.sectionContainer {
	width: 750px;
	margin: 0px auto;
	margin-top: 20px;
}

.collection {
	position: relative;
	top: -50px;
}

.section {
	margin-top: 5px;
	background-image: url(../img/sectionbg.png);
	padding: 10px;
	color: white;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#increaser {
	position: relative;
	width: 100%;
	height: 1200px;
}

a.styleLink {
}

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

#subject {
	color:#CCCCCC;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	resize: none;
	overflow: hidden;
}

#message {
	color: #CCCCCC;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 18px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	resize: none;
}

#fromname, #fromaddress {
	color:#CCCCCC;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	resize: none;
	overflow: hidden;
}