/* prefix all items in this sheet with .template-general */

/*
 * Basic Layout
 */

.template-general #supplemental-content {
	color: #005eb9; /* GA Blue */
}
.template-general #content {
	float: left;
	left: 235px;
	min-height: 753px;
	position: relative;
	width: 480px;
}
.template-general h2 {
	color: #008e1b; /* GA Green */
}
.template-general #content hgroup {
	height: 190px;
}
.template-general aside {
	float: right;
	width: 220px;
}
.template-general aside {
	padding-top: 210px;
}
.template-general #image-sidebar {
	left: 0;
	height: 773px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 185px;
}
.template-general #image-sidebar img {
	position: absolute;
	left: 0;
	top: 0;
}
.template-general footer {
	margin-top: 0;
}
/* 1024+ Screen Sizes */
@media only screen and (min-width: 1024px) {
	.template-general #main {
		overflow: visible; /* Allows image to show outside of boundaries. Also means that clearfix must be implemented on this page */
	}
	.template-general #image-sidebar {
		overflow: visible;
	}
	.template-general #image-sidebar img {
		left: auto;
		right: 0;
	}
}
/* Mobile */
@media only screen and (max-width: 768px) {
	.template-general #content,
	.template-general #sidebar {
		float: none;
		left: 0;
		margin: 0 auto;
		position: relative;

	}
	.template-general #content p {
		width: 300px;
	}
	.template-general #content hgroup {
		height: 330px;
		left: 130px;
		position: relative;
		width: 162px;
	}
	.template-general aside {
		padding-top: 0px;
		width: 300px;
	}
	.template-general h2 {
		line-height: 2;
	}
	.template-general #image-sidebar {
		height: 337px;
		width: 115px;
	}
	.template-general #image-sidebar img {
		width: 125px;
	}
}

/*
 * Social Media
 */

.template-general #social-media {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 112px;
}
.template-general #social-media li {
	float: left;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 56px;
}
.template-general #social-media li a {
	background: url(../img/social-accountants.png) no-repeat 0 0 transparent;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 55px 0 0 56px;
	width: 0;
}
.template-general #social-media li.facebook a {
	background-position: 0 0;
}
.template-general #social-media li.facebook a:hover {
	background-position: 0 -55px;
}
.template-general #social-media li.twitter a {
	background-position: -56px 0;
}
.template-general #social-media li.twitter a:hover {
	background-position: -56px -55px;
}
.template-general #social-media li.linkedin a {
	background-position: -112px 0;
}
.template-general #social-media li.linkedin a:hover {
	background-position: -112px -55px;
}
/* Mobile */
@media only screen and (max-width: 768px) {
	.template-general #social-media {
		left: 0;
		position: relative;
		top: -15px;
	}
	.template-general #social-media li {
		margin: 0 22px 10px;
	}
}