@import url(http://fonts.googleapis.com/css?family=Open+Sans:light,lightitalic,regular,regularitalic,600,600italic,bold,bolditalic,800,800italic);

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- SETUP
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	text-align: center;
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 24px;
}
h1,h2,h3,h4,h5,h6
{
	font-family: "Open Sans", sans-serif;
}
h2
{
	font-size: 80px;
	margin: 0 0 40px 0;
	font-weight: 300;
	line-height: 100%;
}
h3
{
	font-size: 48px;
	margin: 30px 0;
	font-weight: normal;
	line-height: 1.2em;
}
	p
	{
		margin: 20px 0;
		line-height: 1.6em;
	}
		p strong
		{
			font-weight: normal;
			color: #006CB7;
			font-size: 18px;
		}
		p.intro
		{
			font-size: 20px;
		}
		p.large
		{
			font-weight: normal;
			color: #006CB7;
			font-size: 32px;
		}
.container
{
	width: 960px;
	margin: 0 auto;
	padding: 80px 0;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- INTRO
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#intro
{
	background: #000000 url('img/intro.jpg') top center no-repeat;
	color: #006CB7;
	position: relative;
	z-index: 1;
}
	#intro h1
	{
		font-weight: 300;
		line-height: 100%;
		font-size: 100px;
		color: #fff;
		margin: 0 0 40px 0;
	}
	#intro h2
	{
		font-size: 28px;
		line-height: 1.4em;
	}
	
#intro .container
{
	padding-top: 240px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- NAV
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav
{
	background: #333;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
}
	#nav .container
	{
		padding: 15px 0;
		overflow: hidden;
	}
		#nav ul
		{
			list-style: none;
			float:left;
			color: white;
			margin: 0;
			padding: 0;
			font-size: 18px;
		}
			#nav li
			{
				display: inline-block;
				margin: 0 20px 0 0;
				vertical-align: middle;
			}
				#nav li:last-child
				{
					margin-right: 0;
				}
				#nav li a
				{
					color: #eeeeee;
					text-decoration: none;
				}
				#nav li a:hover
				{
					color: #ffffff;
					text-decoration: underline;
				}
				
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- INFO
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#info
{
	background: #ffffff;
	color: #353535;
}
	#info h2
	{
		color: #006CB7;
	}
#info .border
{
	border-top: #ccc 2px dotted;
	padding-top: 40px;
	margin-top: 40px
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- GET INVOLVED
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#involved
{
	background: #006CB7;
	color: white;
	position: relative;
	z-index: 1;
}
	#involved p strong
	{
		color: #fff;
	}	
		#involved .border
		{
			border-top:#fff 2px dotted;
			padding-top: 40px;
			margin-top: 40px;
		}
	#involved a
	{
		color: #ffffff;
		text-decoration: underline;
	}
	
#share
{
	margin-top: 20px;
}
	#facebook,
	#gplus,
	#twitter
	{
		display: inline;
		width: 55px;
	}
	#facebook,
	#gplus
	{
		margin-right: 30px;
	}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- FOOTER
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer
{
	background: #222;
	color: #006CB7;
	font-size:12px;
}
	#footer .container
	{
		padding: 20px 0;
	}
		#footer a
		{
			color: #006CB7;
			text-decoration: underline;
		}
		
		
		
ul.browsers
{
	text-align: center;
	list-style: none;
	margin: 40px 0 0 0;
}
	ul.browsers li
	{
		display: inline-block;
		margin: 0 20px;
		font-family: "Open Sans", sans-serif;
	}
		ul.browsers li strong
		{
			display: block;
			margin-top: 10px;
		}
	ul.browsers li a
	{
		color: #006CB7;
		text-decoration: none;
		display: block;
	}