/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html
{
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body
{
	font-family: "Source Sans 3", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #555;
	background: #FFF;
	
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

::selection
{
	background: #017562;
	color: #FFF;
}

::-moz-selection
{
	background: #017562;
	color: #FFF;
}

a
{
	color: #017562;
	text-decoration: underline;
}

    a:hover
    {
    	color: #222;
    	text-decoration: none;
    }

/* ==================================================
   Images
================================================== */

img
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	
	outline: 1px solid transparent;
}

/* ==================================================
   Layout Styles
================================================== */

.container
{
	width: 100%;
	padding: 0 30px;
	min-width: 280px;
}

	.container .bodycontainer
	{
		margin: 0 auto;
		width: 100%;
		max-width: 900px;
	}
	
/* ==================================================
   Sections
================================================== */

#topcont
{
	background: #017562;
	color: #FFF;
	padding-top: 40px;
	padding-bottom: 20px;
}

#headercont
{
	text-align: left;
	padding-top: 40px;
	padding-bottom: 20px;
}
	
	#headercont h1
	{
		font-weight: 700;
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	
		#headercont h1 span
		{
			font-weight: 700;
			font-size: 32px;
			line-height: 32px;
		}
		
		#headercont img
		{
			display: block;
			width: 100%;
			max-width: 600px;
		}
	
	#headercont p
	{
		margin-bottom: 30px;
	}
	
	#headercont ul
	{
		margin: 0 0 30px 20px;
		list-style-type: disc;
	}
	
	#headercont p.copycont
	{
		font-size: 15px;
		line-height: 24px;
	}

/* ==================================================
   Media Queries - Small Desktop
================================================== */

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

	body
	{
		line-height: 28px;
	}

}

/* ==================================================
   Media Queries - Tablet - Landscape
================================================== */

@media only screen and (max-width: 1048px)
{
	
	body
	{
		line-height: 27px;
	}
	
}

/* ==================================================
   Media Queries - Mobile - Landscape
================================================== */

@media only screen and (max-width: 960px)
{
	
	body
	{
		line-height: 26px;
	}
	
	.container
	{
		padding: 0 20px;
	}
	
}

/* ==================================================
   Media Queries - Mobile - Small Landscape
================================================== */

@media only screen and (max-width: 768px)
{
	
	body
	{
		line-height: 26px;
	}
	
}

/* ==================================================
   Media Queries - Mobile - Portrait
================================================== */

@media only screen and (max-width: 480px)
{
	
	body
	{
		line-height: 25px;
	}
	
}