/* Fonts */
/* Loading weights separately seems to fix intermittent IE9 bugs */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic);

/* Desktop */

	/* Elements */
	body {

		background: url(../img/bg/v3.jpg) top center fixed no-repeat #1e5c99; 
		color: #717171;
		font-family: "Open Sans", Segoe UI, Tahoma, Arial, sans-serif;
		font-size: 100%;
		font-weight: 400;
		margin: 0;
		
	}
	a, a:hover, a:visited, a:focus, a:active { color:#297abf; text-decoration: none; }
	h1, h2, h3, h4, h5, h6 { color: #297abf; font-weight: 300; }
	h1 { font-size: 2.5em; } h2 { font-size: 2.2em; } h3 { font-size: 2.0em; } h4 { font-size: 1.6em; } h5 { font-size: 1.5em; } h6 { font-size: 1.4em; }
	blockquote { padding-left: 70px; padding-right: 10px; font-style: italic; background: url(../img/quote.gif) top left no-repeat; }
	abbr { border-bottom: 1px dotted #717171; }
	a abbr { border-bottom: 1px dotted #297abf; }
	ul { margin-left: 1.5em; }
	strong { font-weight: 600; }
	
	/* Forms */ 
	input, textarea { border: #CCC 1px solid; font-family: "Open Sans", Segoe UI, Tahoma, Arial, sans-serif; font-size: 1em; color: #717171; padding: 0.5em; }
	input[type="submit"] { background: #f0f0f0; }
	textarea { width: 75%; height: 150px;}
	
	/* Clearers, floats and other common styles */
	.clearer { clear: both; }
	.required { color: #F00; }
	.rightAlign { text-align: right; }
	.centerAlign { text-align: center; }
	.justified { text-align: justify; }
	.floatRight { float: right; padding-left: 10px; }
	.floatLeft { float: left; padding-right: 10px; }
	.errors { box-shadow: 0px 2px 3px 0px rgba(255, 124, 124, 0.75); color: #560000; background: #ff7c7c; border: 1px solid #a01111; padding: 10px; margin-top: 1em; }
	.success { box-shadow: 0px 2px 3px 0px rgba(89, 144, 48, 0.75); color: #2f3d24; background: #afe386; border: 1px solid #556e41; padding: 10px; margin-top: 1em; }
	.notice { box-shadow: 0px 2px 3px 0px rgba(134, 128, 79, 0.75); color: #5d5836; background: #fff497; padding: 10px; margin-top: 1em; }
	.success h3 { color: #2f3d24; }
	.noFloat { float: none !important; }
	.inline { display: inline !important; } 

	/* Containers etc. */
	.box { background: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); margin-bottom: 30px; }
	.pad { padding: 10px 20px 20px 20px !important; }
	.padHeader { padding: 20px; }  
	.padLR { padding: 0px 20px 0px 20px; } 
	
	/*Page Headers */
	.newsHeader { min-height: 128px; background: url(../img/icons/newsBG.png) right bottom no-repeat #FFF; }
	
	/* Global Header */
	
	.globalHeader { background: #FFF; min-height: 300px; position: relative; }
	.globalHeader header { margin: 16px 0px 0px 16px; }
	.ghBranding { background: url(../img/global-header/branding-header.png) bottom right no-repeat #FFF; }
	.ghTraining { background: url(../img/global-header/training-header.jpg) bottom left no-repeat #FFF; }
	#highlight {  background: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); color:#FFF; width: 50%; margin-top: 50px; font-weight:300; }
	.highlightPad { padding: 16px; }
	.highlightPad a, highlightPad a:hover, highlightPad a:visited, highlightPad a:focus, highlightPad a:active { color: #FFF; }
	#highlight .heading { font-size:2.0em; }
	#highlight .subHeading { font-size:1.2em; }
	
	.navCont { position: relative; }
	#headerNav { background: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; bottom: 0px; right:0px; text-align:center; color: #FFF !important; padding-top: 6px; padding-bottom: 6px; }
	#headerNav li { display: inline; list-style-type: none; padding-left: 10px; padding-right: 10px; color: #FFF !important; }
	#headerNav li:hover, #headerNav li a:focus, .current { background: #0a81f3; color: #FFF !important; }
	#headerNav li a, #headerNav li a:hover, #headerNav li a:visited, #headerNav li a:active, #headerNav li a:focus { color: #FFF !important; }
	
	/* Footer Navigation */
	.footerNav { list-style-type: none; margin-left: 0px !important; }
	.footerNav li { margin-top: 10px; }
	
	/* Misc Styles */
	.asoLogo { margin-left: 1em; }
	.byLine { font-size: 0.95em; text-transform: uppercase; width: 100%; border-bottom: #CCC 1px solid; }
	
	.banner { background: url(../img/banners/branding.png) right bottom no-repeat #FFF; height: 200px;  }
	.bannerText { margin: 30px; width: 50%; }
	
	.navList { padding-left: 1em; list-style-image: url(../img/bullet.gif); }
	.testList { padding-left: 1em; }
	
	.brandList li { display:inline; list-style-type: none; padding-right: 10px; }
	.noBullet li { list-style-type: none; }
	
	.mobileOnly { display: none; }
	
	figure { background: #FFF; padding: 10px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); margin: 10px 10px 10px 10px; }
	figcaption { font-size: 0.9em; font-style: italic; margin-top: 0.9em; }

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
		background: url(../img/bg/v3.jpg) top left fixed no-repeat #1e5c99; /* Center aligned background looks too light in mobile mode */
	}
	
	/* Nav */
	.globalHeader header { margin: 0px 0px 0px 0px; padding: 16px 0px 0px 16px; }
	#highlight { display: none; }
	.globalHeader { min-height: inherit; background: #fff; position: static; }
	#headerNav { position: static; margin-left: 0px; margin-top: 16px; }
	
	/* Misc. */
	.singleCol { float: none; } /* Make (none 1160 grid) floating columns go single file in Mobile */ 
	.padLR { padding: 0; }
	input, textarea { width: 100%; padding: 0 !important; }
	textarea { height: 100px; }
	.asoLogo { margin-left: 0; }
	
	/* Modules to hide */
	
	.mobileHide { display: none !important; }
	.whatIs, .banner { display: none; }
	
	.mobileOnly { display: inherit; }	

}

/* Retina */

/* TODO */