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

/*

BG light	DCE4E8	>	DCE4E8
BG med		ccd4d9	>	ccd4d9
BG dark		3A6F91	>	3A6F91
accent		616161	>	616161


accent dark	221C0F	>	
text		000		>	

*/


@font-face {
    font-family: domoArigatoMrRoboto;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: domoArigatoMrRoboto;
    src: url(../fonts/Roboto-Bold.ttf);
	font-weight: bold;
}


body {
	font-family: "domoArigatoMrRoboto", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color:#DCE4E8;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding-right: 0px;
	padding-left: 0px;
	color:#000;
	font-family: "domoArigatoMrRoboto", Arial, Helvetica, sans-serif;
}
h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.17em; }
	h5 { font-size: .83em; }
	h6 { font-size: .75em; }
	p { font-size:1em; }
a {
	text-decoration:underline;
	color:#000;
	font-family: "domoArigatoMrRoboto", Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration:none;
}


#container {
	width:100%;
	margin:0px auto;
}
.bgOffset {
	background-color:#ccd4d9;
}
#headerMobile {
	width:100%;
	height:82px;
	background-color:#3A6F91;
}
#headerMobileDrop {
	display:none;
}
#fixNav {
	width:100%;
	background-color:#ccd4d9;
	z-index:99999;
	position:fixed;
	top:0;
}
.headMob {
	color:#000;
	padding:20px 0px;
	width:100%;
	text-align:center;
	display:block;
	text-decoration:none;
}
.headMob:hover {
	text-decoration:underline;
}
#mobNavIcon {
	width:40px;
	height:40px;
	padding:20px;
	float:right;
}
#ampLogo {
	float:left;
	width:200px;
	margin:17px 0px 0px 20px;;
}
#animHeadDiv {
	display:none;
}
#animHeadDiv img {
	
}
#header {
	width:78%;
	height:84px;
	margin-top:10px;
	background-color:#3A6F91;
	display:none;
}
#subNav {
	background-color:#616161;
	height:35px;
	width:100%;
	text-align: center;
	top:82px;
	z-index:1000;
	position:relative;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
}
#subNav a {
	color:#e5e5e5;
	line-height:225%;
	margin:7px;
	font-size:.9em;
	text-decoration:none;
}
#subNav a:hover {
	text-decoration: underline;
}
#topArrow, #topArrowFilt {
	width:20px;
	height:20px;
	float:right;
	margin-top:7px;
	padding-right:10px;
	padding-left:10px;
	position:absolute;
	right:-40px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
#subNavSpace {
	height:35px;
}
.headLink {
	float:left;
	text-decoration:none;
	margin-right:34px;
	color:#e5e5e5;
	line-height:526%
}
.headLink:last-child {
	margin-right:0px;
}
.headLink:hover {
	text-decoration:underline;
}
#featureContainer {
	background-color:#CCC;
}
.features {
	width:100%;
	display:block;
}
.contentShell, .contentShellNarrow {
	display: table;
	width:90%;
	margin:0px auto;
}
.contentPad {
	opacity:0;
	display:none;
}
.contentBlock {
	width:100%;
	float:none;
	margin-top:0px;
}

.content {
	width:100%;
	display:none;
}
.contentAlt {
	display:block;
}
.contentVidCover {
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.4);
	position:absolute;
	z-index:2;
}
.contentVidCover p {
	margin: 25px 25px 0 25px;
	color:#ccd4d9;
	width:auto;
}
.contentVidCover p:nth-child(2) {
	margin: 5px 25px 0 25px;
	display:none;
}
.play {
	background-image: url(../images/playBtn.png);
	width:100px;
	height:35px;
	position:absolute;
	bottom:25px;
	left:25px;
}
.play:hover {
	background-position:0px 35px;
}

.contentVidLink {
	background-image: url(../images/infoBtn.png);
	width:100px;
	height:35px;
	position:absolute;
	bottom:25px;
	right:25px;
}
.contentVidLink:hover {
	background-position:0px 35px;
}
.contentP {
	margin:50px 25px 0px 25px;
	height:100px;
	overflow:hidden;
}
.contentBtn {
	margin-right:25px;
	text-align:right;
	cursor:pointer;
	padding:25px 0px;
}
.textFade {
	background-image: url(../images/textFade.png);
	background-repeat:repeat-x;
	width:100%;
	max-width:787px;
	margin:0px auto;
	height:75px;
	position:relative;
	bottom:142px;
	z-index:2;
}
#footer {
	padding:50px;
	clear:both;
	margin-bottom:50px;
	background-color:#3A6F91;
}
#footTop {
	
}
#footMid {
	font-size:.8em;
}
.footLink {
	color:#e5e5e5;
	display:block;
	text-decoration:none;
	padding:20px 0px;
	width:100%;
	text-align:center;
}
.footLink:hover {
	text-decoration:underline;
}
#footer p {
	font-size:.8em;
	margin-top:50px;
	text-align:center;
	color:#e5e5e5;
	clear:both;
}
#footer p a {
	color:#e5e5e5;
	font-size:1.2em;
}
#toTop {
	width:100%;
	text-align:center;
	clear:both;
	text-decoration:underline;
	color:#000;
	cursor:pointer;
}
#toTop:hover {
	text-decoration:none;
}
.spacer {
	width:100%;
	height:50px;
	clear:both;
}
.spacerHalf {
	width:100%;
	height:20px;
	clear:both;
}
.fluidContent {
	margin-bottom: 20px;
}
#mobileSpace {
	width:100%;
	height:100px;
	clear:both;
}

@media screen and (min-width: 400px) /* width >= 400 px */
{
#subNav a {
	margin:5px;
	font-size:1em;

}
#subNav img {
	padding-right:20px;
	padding-left:20px;
	
}
.spacerHalf {
	height:50px;
}
}
@media screen and (min-width: 1025px) /* width >= 1025 px */
{
#mobileSpace {
	height:0px;
}
#subNav {
	top:0px;
}
.fluidContent {
	margin-bottom: 0px;
}
#headerMobile {
	display:none;
}
#headerMobileDrop {
	display:none;
}
#header {
	display:block;
	width:100%;
	margin-top: 50px;
}
#animHeadDiv {
	display:block;
	height:50px;
	width:100px;
	overflow:hidden;
	float:left;
	margin:17px 0px 0px -115px;
}
#animHeadDiv img {
	position:relative;
}
#animHeadText {
	float:left;
	margin-right:34px;
	width:218px;
	margin-top:17px;
}
#headCenter {
	width:787px;
	height:80px;
	margin:0px auto;
}
.contentShell {
	width:100%;
}
.contentShellNarrow {
	width:787px;
}
.contentBlock {
	width:33.33%;
	float:left;
	margin-top:100px;
}
.contentVidCover p:nth-child(2) {
	display:block;
}
.content {
	width:100%;
	display:block;
}
.contentAlt {
	display:none;
}
.fluidContent {
	display:none;
}
#footer {
	
}
#footMid {
	max-width:787px;
	margin:0px auto;
	min-height:20px;
}
#footer p {
}
#footTop {
	width:38%;
	font-size:.8em;
}
.footLink {
	margin-right:40px;
	padding:0px;
	float:left;
	width:auto;
	margin-bottom:25px;
}
.footLink:last-child {
	margin-right:0px;
}
.spacer {
	height:100px;
}
.spacerHalf {
	height:50px;
}
}