@charset "utf-8";

/* CSS Document */







html {

	overflow-y:scroll;

}



body {

	color:#979797;

	background-image: url(../images/siteShadow.png);

    background-repeat: repeat-y; 

    background-position: center; 

	font-family:Arial, Helvetica, sans-serif;

	font-size:12pt;

	background-color:#444;

	margin:0px;

	padding:0px;

}



a {

	text-decoration: none;

	color: #2979c2;

}



a:hover {

	text-decoration: underline;

	color: #fff;

}



img {

	border: 0

}



/* Used by page titles */

h2 {

	font-weight: normal;

	font-size: 48px;

	color: #fff;

	padding: 5px 0 0 3px;

	margin: 0px;

	bottom: 0px;

	padding-left: 53px;

	text-transform: uppercase;

}



.section {

	margin-top: 30px;
	margin-bottom: 40px;

}



.h3withAddThis {



}



.h3withLink { 

	position: relative; 

}



.h3withLink .link {

	position: absolute;

 	right: 20px;

  	top: 3px;

}



h3 {

	text-decoration: none;

	font-size: 24px;

	font-weight: normal;

	background-color: #222;

	color: #fff;

	padding-left: 53px;

	padding-bottom: 1px;

	padding-top: 1px;

	margin-left: 1px;

	margin-top:	20px;

	margin-bottom: 20px;

	text-transform: uppercase;

}





.embeddedVideoTitle {

	text-decoration: none;

	font-size: 24px;

	font-weight: normal;

	color: #979797;

	/*padding-left: -53px;*/

	padding-bottom: 1px;

	padding-top: 1px;

	margin-left: 1px;

	margin-top:	20px;

	margin-bottom: 4px;

}



h3 .addThis  {

	float:right; 

	margin-top:6px; 

	margin-right:20px;

}



h4 {

	font-size: 18px;

	font-weight: normal;

	color: #fff;

	padding-left: 53px;

	margin-top: 30px;

	margin-bottom: 20px;

}



p {

	padding: 0;

	margin: 0 0 5px 3px;

	margin-left: 53px;

	margin-right: 20px;

	line-height: 140%;

}



p .blockQuote {

	text-align:justify;

}



b {

	color:#fff;

	font-style: normal;

	font-weight: normal;

}



.mainContainer {

	margin-top:10px;

	margin-left:auto;

	margin-right:auto;

	width:960px;

	height: 100%;

	position:relative;

	z-index: 50;

}



.featureList ul {

	margin-left: 83px;

	margin-bottom: 10px;

	list-style-type: square;

	line-height: 150%;

}



.featureList b {

	color:#fff;

	font-style: normal;

	font-weight: normal;

}



div#floatingMake {

	font-size: 48px;

	position:absolute;

	top:5px;

	left:53px;

	width:300px; 

}



.slide h4 {

	font-size: 48px;

	color: #fff;

	padding-left: 180px;

	padding-top: 5px;

	margin: 0;

}



.slide img {

	margin-top: 20px;

}



.slideFooter {

	height: 20px;

}



.slideFooter p {

	margin-left: 55px;

	font-size: 12px;

	position: absolute;

	bottom: -6px;

}



#header {

	width:960px;

	position:relative;

	margin-left:auto;

	margin-right:auto;

	background-color: #2D4659;

}



/* h1 is used by the playmaker logo */

/* Use this technique to keep h1 text legible to search engines */

.headerReplacement {

	text-indent: -9999px;

	width: 960px;

	height: 58px;

	background: url(../images/playMaker.png) #2D4659 no-repeat;

	margin-top: 0;

	margin-bottom: 0;

}



#companyLogo {

	position: absolute;

	top: 11px;

	right: 5px;

}



#header p {

}



#socialLinks {

	height: 32px;

	position: absolute;

	bottom: 0px;

	right: 20px;

	padding: 0;

	margin: 0;

}





/* MAIN MENU */



#mainMenu {

	height:24px;

	text-transform: uppercase;

	background-color:#10293C;

	font-size: 12px;

}



#mainMenu h2 {

	font-size: 48px;

	color:#FFF;

	display: inline;

	padding: 0 0 0 3px;

	margin: 0;

	float: left;

}



#mainMenu ul {

	overflow: hidden;

	margin: 0;

	padding: 0;

	font-size: 14px;

	margin-left: 50px;

}



#mainMenu li {

	list-style-type: none;

	display: inline;

	margin: 5px 5px 0 5px;

	float: left;

}



#mainMenu li a {

	color: #AAA;

	display: block;

	text-decoration: none;

}



#mainMenu li a:hover {

	color: #FFFFFF;

}



/*

#mainMenu li a.active {

	color: #fff;

	//font-weight: bold;

}*/



#divider {

	width:960px;

	height:16px;

	background-color:#10293C;

	position:relative;

	margin:0;

	margin-left:auto;

	margin-right:auto;

}



#contentLeftColumn {



	width: 400px;

	float: left;

}



#contentRightColumn {

	width: 300px;

	float: right;

}





/* SAMPLES */



.sampleTitle {

	background-color: #222;

	padding-left: 53px;

	padding-bottom: 1px;

	padding-top: 1px;

	margin:0;

	margin-top: 20px;

}



.sampleTitle  b {

	font-size: 24px;

	font-weight: normal;

	color: #fff;

	padding-right: 2px;

}



.sampleFSMs {

	text-align:center;

	margin-top: 20px;

}



.sampleThumb {

	margin-top: 20px;

	margin-left: 1px;

}



.sampleFSMs p{

	text-align: center;

	margin-top: 20px;

	margin-left: 20px;

}



.sampleFooter p {

	font-size: 12px;

	text-align: right;

}





/* SUB PAGE TITLES */



#pageTitle {

	font-size: 36px;

	color: #fff;

	margin-left: 3px;

}



#sectionTitle {

	margin-top: 20px;

	font-size: 24px;

	color: #fff;

}



#footer {

	padding-top: 48px;

	clear:both;

	width:940px;

	margin-left: auto;

	margin-right: auto;

	text-align: right;

	font-size: 12px;

	height: 20px;

	border-bottom-color:#000;

	border-bottom-width: 1px;

	border-bottom-style: double;

	border-collapse:separate;

}



#bottomPadding {

	background-color: #2D4659;

	/*height: ;*/

}



.hideIfHandheld {

}



@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {



.hideIfHandheld img {

	display:none;

}

}