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

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
img {border : 0;}
a img {outline : none;}
a {outline : none;}
body { 
  font-family: 'Open Sans', sans-serif;
  color: #666;
  background: #ebebeb;
}

/* STRUCTURE */

#pagewrap {
	width: 960px;
	margin: 20px auto;
	background:#ffffff;
}
header {
max-width:960px;
	width:auto;
	height: 20px;
}
header h1{
	color:#223e7d;
	display:block;
	line-height:24px;
	font-size:24px;
}
header h2{
	color:#223e7d;
	display:block;
	line-height:20px;
	font-size:18px;
}
.headline_under{
	color:#223e7d;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
}
#content {
	width: 284px;
	float: left;
	padding: 5px 15px;
}
#content li{
	font-size:14px;
}

#middle {
	width: 284px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}
#middle li{
	font-size:14px;
}
#sidebar {
	width: 284px;
	padding: 5px 15px;
	float: left;
}
.sidebar_header{
	color:#00a4e4!important;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	margin-top:25px;
}
#sidebar li{
	list-style:none;
}
#sidebar li.sidebar_button{
	margin:10px 0px;
}

#contact {
	clear:both;
	padding: 0px 25px;
}
#contact_subsection{
	border-left: medium solid #223e7d;
	padding-left:15px;
	height:120px;
	float: left;
	margin-bottom:25px
}
#contact_subsection h4{
	color: #223e7d;
    font-size: 14px;
    margin-top: 0px;
}
#contact_subsection h4.contact_sub{
	color:#414042;
	margin-top:30px;
}
#contact_subsection h4.contact_sub a{
	color:#0091d3;
	text-decoration:none;
}
footer {
	clear: both;
	padding: 0 25px;
	background: #D1D1D1;
	margin-top:15px;
}
footer p {
	font-size:12px;
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: auto;

	}
	#header {width:auto;}
	#content {
		clear: both;
		width:auto;
		padding: 1% 4%;
	}
	#intro {
		
		float:left;
		font-family: 'Open Sans', sans-serif;
		    width: auto;
	}
	header h2{
		font-size:17px;
	}
	#content h2{
		padding-top:10px;
	}
	#middle {
		clear: both;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		width: auto;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		/*float: none;*/
	}
	header, footer {
		padding: 1% 1%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#intro 	{width:auto;
	}
	#header {width:auto;}
	#pagewrap {
		width: auto;
	}
	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	header h1{
		font-size:24px;
	}
	header h2{
		font-size:12px;
	}
	h1 {
		font-size: 2em;
	}
	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}
	

}

#intro  p{
	font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -.01em;
    color: #666;
    line-height: 24px;
}
.intro_leadin{
	color:#414042;
	font-weight:bold;
	
}
#content {
	background: #ffffff;
}
#content h2{
	color: #ffffff;
	padding-top:10px;
	vertical-align:center;
	line-height:normal;
	font-size:19px;
	

}
#content p{
	font-size:14px;
}
#middle h2{
	color: #ffffff;
	padding-top:10px;
	vertical-align:center;
	line-height:normal;
	font-size:19px;

}
#middle  p{
	font-size:14px;
}
#sidebar {
	background: #ffffff;
	float:right;
	width: 284px;
}
/*#sidebar h2{
	color: #ffffff;
	padding-top:10px;
	vertical-align:center;
	line-height:normal;
	font-size:19px;
}*/
#sidebar p{
	font-size:14px;
}
#contact  p{
	font-size:14px;
}
header, #content, #middle, #sidebar {
	margin-bottom: 10px;
}

#pagewrap, header, #content, #middle, #sidebar, footer {
	
}