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

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; }
	
	
body {
	font-family: Helvetica, Arial, sans-serif;
	color:#fafafa;
	text-decoration: none;
	background: #000000 url(../images/bg.jpg) no-repeat fixed center top;
}

h2 {
	color: #fafafa;
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: bold;
	background: #80D1F2;
	width: inherit;
}

h3 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.025em;
	color: #fafafa;
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 4px 0 0 4px;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
}

h5 {
	font-size: 20px;
	color: #fafafa;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

	h3.aboutH3 {
		width: 287px;
		height: 26px;
		text-indent: -9999px;
		background: transparent url(../images/aboutheader.png) no-repeat;
		}
		
	h3.contactH3 {
		width: 189px;
		height: 26px;
		text-indent: -9999px;
		background: transparent url(../images/contactheader.png) no-repeat;
		}
		
	h3.randomH3 {
		width: 322px;
		height: 26px;
		text-indent: -9999px;
		background: transparent url(../images/randomheader.png) no-repeat;
		}
		
.linksHeader {
	width: 221px;
	height: 26px;
	margin: 0px 0px 16px;
	}

a {
	color:#fafafa;
	text-decoration:none;
}
a:hover, a:active {
	color:#67C7F2;
	text-decoration:none;
}

#wrapper {
	min-height: 100%;
	}

#header {
	height: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	
	#headerContainer {
		width: 826px;
		margin: 0 auto;
		}
	
	#header #headerTitle {
		position: relative;
		float: left;
		top: 10px;
		color: #67C7F2;
		font-size: 42px;
		font-weight: bold;
		}
		
		#headerTitle a {
	color: #67C7F2;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/title.png);
	background-repeat: no-repeat;
	width: 437px;
	height: 39px;		
			}
		
		#headerTitle a:hover, #headerTitle a:active {
			color: #fafafa;
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
		
	#headerNavContainer {
		height: 24px;
		width: 302px;
		position: relative;
		top: 22px;
		right: 0px;
		float: right;
		}	
		
	#header #headerNav {
		margin: 0 auto;
		width: 300px;
		}
		
	#header #headerNav ul#headerLinks {
		list-style-type: none;
		
		}
	
	#headerNav #headerLinks li {
		color: #fafafa;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		}
		
		#headerNav #headerLinks li.headerLink {
			padding-right: 20px;
			}
		
		
	#headerNav #headerLinks a {
		color: #fafafa;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		}
	
	#headerNav #headerLinks a:hover, #headerNav #headerLinks a:active {
		color: #67C7F2;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		}
	
#container {
	width: 746px;
	height: 548px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
	color: #121212;
	background: transparent url(../images/paper2.png) no-repeat;
}

	#randomContainer {
	width: 680px;
	height: 150px;
	padding: 0px;
	margin: 92px auto 64px auto;
		}

	.randomTextArea {
		float: left;
		height: 120px;
		width: 532px;
		font-size: 22px;
		font-family: Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #121212;
		letter-spacing: -0.025em;
		border: 0;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: transparent;
		}

	.randomBtn {
		border: 0px;
		width: 128px;
		padding: 0px;
		height: 100px;
		background: transparent url(../images/randombtn2.png) no-repeat;
		cursor: pointer;
		}
		
	.randomBtn:hover {
		background: transparent url(../images/randombtn1.png) no-repeat;
		cursor: pointer;
		}
		
	#linksContainer {
		width: 270px;
		margin: 0px;
		position: relative;
		top: 90px;
		float: right;
		}
		
		#links {
			height: 75px;
			display: block;
			position: relative;
			top: 6px;
			}

	#circleLogo {
		width: 222px;
		height: 222px;
		background: transparent url(../images/circlelogo.png) no-repeat;
		float: left;
		position: relative;
		text-indent: -9999px;
		top: 20px;
		right: 36px;
		
		}

#footerContainer {
	}

#footer {
	width: 746px;
	font-size: 14px;
	color: #fafafa;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 0px;

}

	#footer #googleAds {
		margin-left: auto;
		margin-right: auto;
		width: 728px;
		height: 90px;
		}

#aboutContainer {
	width: 746px;
	height: 548px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
	color: #121212;
	background: transparent url(../images/paper2.png) no-repeat;
	}

#aboutInfo {
	width: 680px;
	height: 180px;
	padding: 0px;
	margin: 92px auto 34px auto;
	}
	
	#aboutInfo a {
		color: #67C7F2;
		}
		
	#aboutInfo a:hover, #aboutInfo a:active {
		color: #020202;
		}