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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

html, body {margin:0;padding:0;}

body {
	font-family: 'Lato', sans-serif;
	background:#000;}

h1 {
	font-weight:400;
	color:#FFF;
	line-height:25px;
	margin-bottom:15px;
	font-size:21px;
	font-family: 'Lato', sans-serif;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {
	text-align:justify;
	font-size:14px;
	line-height:18px;
	margin-bottom:10px;
	color:#FFF;
	font-family: 'Lato', sans-serif;}

a:link, a:visited {text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:underline; outline:none;}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}




/*** LAYOUT STYLES ***/

#header-wrap{width:100%;}
#header, #leaderboard, #content, #footer, #container, #headerHM, #navHM {margin:0 auto; width:960px;}

/*HOME STYLES*/

#headerHM{
	margin-top:20%;
	background:url(../_img/footerBorder.jpg) repeat-x bottom;
	height:202px;}
#navHM{
	margin-top:30px;
	margin-bottom:30px;}
#navHM ul {
	text-align:center;
	display:block;}
#navHM li {
	font-size:21px;
	color:#FCEE21; 
	display:inline;}
#navHM li a, #navHM li a:visited {
	margin:0 12px;
	color:#FFF;}
#navHM li a:hover, #navHM li a:focus {
	text-decoration:none;
	color:#FCEE21;
	border-top:2px solid #F2F2F2;}
#content h2{
	text-align:center;
	font-weight:400;
	font-size:48px;
	color:#FFF;}

/* HEADER */

#header-wrap {
	background: url(../_img/headerWrapBG.jpg) repeat-x; height:169px;}
#header {
	width:1000px;
	background:url(../_img/headerBG.jpg) repeat-x;
	height:169px;}
#logo {float:left;}
#social {
	height:57px;
	float:right;
	margin-top:20px;
	padding-right:20px;}



/* NAVIGATION */

#nav {
	margin-top:40px;
	padding-right:20px;
	clear:right;float:right;}
#nav ul {display:block;}
#nav li {
	font-size:21px;
	color:#FCEE21; display:inline;}
#nav li a, #nav li a:visited {
	margin:0 12px;
	color:#FFF;}
#nav li a:hover, #nav li a:focus {
	text-decoration:none;
	color:#FCEE21;
	border-top:2px solid #F2F2F2;}




/* CONTENT */
#container{
	background:url(../_img/containerBG.jpg) no-repeat bottom;
	min-height:488px;}

#content {
	padding-bottom:15px;overflow:hidden;}


#content a{
	color:#FFF;}
#content-left {
	width:380px;
	padding:10px 20px;
	float:left;}
#content-right {
	padding:0 20px;
	width:462px;
	float:right;}
#content img{
	display:block;
	margin:0 auto;}	
	#content ul{
		margin-bottom:16px;
		color:#FFF;
		margin-left:20px;}
		#content li{
			font-size:14px;
			line-height:20px;
			list-style-type:disc;}



/* FOOTER */

#footer {
	padding-top:15px;
	height:75px;
	background:url(../_img/footerBorder.jpg) top repeat-x;
	width:1000px;}
#footerNav {
	padding-right:20px;
	float:right;}
#footerNav ul{
	text-align:right;
	display:block;}
#footerNav li{
	display:inline;
	color:#FCEE21;
	font-size:21px;}
	#footerNav li a{
		margin:0 12px;
		font-size:18px;
		color:#FFF;}
		
	#footerNav li a:hover, #footerNav li a:focus {
	text-decoration:none;
	color:#FCEE21;
	border-bottom:2px solid #F2F2F2;}


#contact {
	float:left;}
#contact p, #contact a {
	line-height:24px;
	font-size:16px;
	color:#FFF;}



#copyright {
	margin-top:10px;}
#copyright p {
	color:#333333;
	font-size:12px;}
#copyright a, #copyright a:visited {
	color:#333333;}
#copyright a:hover, #copyright a:focus {}



/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}