/* front-page.css */

#fpcontainer {
	margin: 10px auto 20px auto;
	max-width: 1000px;
	padding-bottom: 10px;
}
#fpcontainer h1,
#fpcontainer h2,
#fpcontainer h3,
#fpcontainer p {
	margin: 10px;
	color: #FFFFFF;
}
#fpcontainer a {
	color: #FFFFFF;
}
#fpcontainer h1 {
	font-size: 28px;
}
#fpcontainer h2 {
	font-size: 18px;
}
#fpcontainer h3 {
	margin: 5px;
	font-size: 16px;
}
#fpcontainer p {
	font-size: 14px;
}

#fpcontainer ul {
	margin: 0 12px;
	padding: 0;
	list-style-type: none;
}
#fpcontainer ul li {
	margin: 0;
	padding: 0;
}

#fpcontainer h2 {
	font-size: 36px;
	font-weight: normal;
}

#fpcontainer h3 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

#fpcontainer .vc {
	vertical-align: middle;
}

#fpcontainer .smcol {
	width: 200px;
	float: left;
	display: block;
}
#fpcontainer .lgcol {
	width: 400px;
	float: left;
	display: block;
}

#fpcontainer .smbox {
	width: 180px;
	height: 180px;
	margin: 10px;
	float: left;
	position: relative;
}
#fpcontainer .lgbox {
	width: 380px;
	height: 380px;
	margin: 10px;
	float: left;
}
#fpcontainer .rectbox {
	width: 380px;
	height: 180px;
	margin: 10px;
	float: left;
}
#fpcontainer .vertbox {
	width: 180px;
	height: 380px;
	margin: 10px;
	float: left;
}
#fpcontainer .front-page-nav {
	width: 100%;
	margin: 10px;
}
#fpcontainer .front-page-nav h3 {
	
}

#fpcontainer .lgsidebar {
	width: 380px;
	height: auto;
	margin: 10px;
	float: left;
	display: block;
}

#fpcontainer .ltblue {
	background-color: #337EC9;
}
#fpcontainer .blue {
	background-color: #003366;
}
#fpcontainer .orange {
	background-color: #FF6600;
}
#fpcontainer .green {
	background-color: #AEDA13;
}

/* Small Window styling */
@media screen and (min-width: 100px) and (max-width: 499px) {
	#fpcontainer .lgcol,
	#fpcontainer .smcol {
		width: 100%;
	}
	#fpcontainer .smbox,
	#fpcontainer .vertbox,
	#fpcontainer .rectbox,
	#fpcontainer .lgbox  {
		width: 96%;
		margin: 10px 2% 10px 2%;
	}
	#fpcontainer {
		font-size: 12px;
	}
	#fpcontainer h1 {
		font-size: 22px;
	}
	#fpcontainer h2,
	#fpcontainer h2 {
		font-size: 20px;
		font-weight: normal;
	}

	#fpcontainer h3 {
		font-size: 16px;
	}
}
.sw #fpcontainer .lgcol,
.sw #fpcontainer .smcol {
	width: 100%;
}
.sw #fpcontainer .smbox,
.sw #fpcontainer .vertbox,
.sw #fpcontainer .rectbox,
.sw #fpcontainer .lgbox  {
	width: 96%;
	margin: 10px 2% 10px 2%;
}
.sw #fpcontainer {
	font-size: 12px;
}
.sw #fpcontainer h1 {
	font-size: 22px;
}
.sw #fpcontainer h2,
.sw #fpcontainer h2 {
	font-size: 20px;
	font-weight: normal;
}

.sw #fpcontainer h3 {
	font-size: 16px;
}

/* Medium Window styling */
@media screen and (min-width: 500px) and (max-width: 999px) {
	#fpcontainer .lgcol,
	#fpcontainer .smcol {
		width: 50%;
	}
	#fpcontainer .smbox,
	#fpcontainer .vertbox,
	#fpcontainer .rectbox,
	#fpcontainer .lgbox  {
		width: 95%;
	}
	#fpcontainer .lgcol2 {
		width: 100%;
	}
	#fpcontainer .lgcol2 .sub-lgcol {
		width: 50%;
		float: left;
	}
	#fpcontainer h2,
	#fpcontainer h2 {
		font-size: 24px;
		font-weight: normal;
	}

	#fpcontainer h3 {
		font-size: 20px;
	}
}

.mw #fpcontainer .lgcol,
.mw #fpcontainer .smcol {
	width: 50%;
}
.mw #fpcontainer .smbox,
.mw #fpcontainer .vertbox,
.mw #fpcontainer .rectbox,
.mw #fpcontainer .lgbox  {
	width: 95%;
}
.mw #fpcontainer .lgcol2 {
	width: 100%;
}
.mw #fpcontainer .lgcol2 .sub-lgcol {
	width: 50%;
	float: left;
}
.mw #fpcontainer h2,
.mw #fpcontainer h2 {
	font-size: 24px;
	font-weight: normal;
}

.mw #fpcontainer h3 {
	font-size: 20px;
}

.boxlink {
	cursor: pointer;
}

.smbox-devices {
	 background:url('../images/Devices.png') no-repeat center 12px;
}
.smbox-devices-c {
	 background:url('../images/DevicesCentered.png') no-repeat center center;
}
.vertbox-earbuds {
	 background:url('../images/Earbuds.png') no-repeat bottom left;
}
.vertbox-explore {
	 background:url('../images/ExploreButton.png') no-repeat 0 0;
}
.lgbox-create {
	background:url('../images/CreateCentered.png') no-repeat 220px bottom;
}
.smbox-facebook {
	 background:url('../images/FacebookLarge.png') no-repeat center center;
}
.smbox-hosting {
	 background:url('../images/Hosting.png') no-repeat center center;
}
.smbox-stats {
	 background:url('../images/PiegraphSecondary.png') no-repeat  center center;
}
.smbox-stats-c {
	 background:url('../images/PiegraphCentered.png') no-repeat  center center;
}
.smbox-powerpress {
	 background:  url('../images/PowerPress.png') no-repeat right bottom;
}
.smbox-powerpress-c {
	background:url('../images/PowerPressCentered.png') no-repeat  center center;
}
.lgbox-blubrry {
	background:  url('../images/PowerPress.png') no-repeat right bottom;
}
.lgbox-resources {
	background:  url('../images/blubrryresourcesLowered.png') no-repeat right bottom;
}
.lgbox-explore,
.rectbox-explore {
	background:  url('../images/ExploreCentered.png') no-repeat 220px bottom;
}

.lgbox-manual {
	background:  url('../images/Manual.png') no-repeat right bottom;
}

.rectbox-support {
	background:  url('../images/ExploreButton.png') no-repeat right bottom ;
}
#fpcontainer .larger h2 {
	font-size: 48px;
}
#fpcontainer .larger p {
	font-size: 120%;
}

#fpcontainer .smbox-br h3 {
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 4px;
}

#header {
	height: 80px;
}