/************Reset**************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section { 
	margin: 0; 
	padding: 0;
	border: 0;
} 
ol, ul { 
	list-style: none; 
}
header, footer, nav, section, article, hgroup, figure {
	display: block;	
}
legend {
	display: none;
}
/************End Reset**************/

/************Global**************/
body { 
	font: 100%/1.5 'Helvetica Neue', 'Arial', sans-serif; 
	color: #333;
	background: #fff; 
}
a {
	text-decoration: none;
	color: #7f7f7f;
}
a:hover, a:focus {
	color: #000;
}

a:link, div { -webkit-tap-highlight-color: rgba(0,0,0,0); }

img {
	max-width: 100%;
	height: auto;
	border: 0;
	outline: 0;
}
h1 {
	font: normal 1.6em/1 'Helvetica Neue', 'Arial', sans-serif;
	text-rendering: optimizeLegibility;
	margin-bottom: 0;
}
h2 {
	font-size: 1.2em;
	margin: 0;
	text-rendering: optimizeLegibility;
	font-weight:400;
}
h3 {
	margin: 0;
	text-rendering: optimizeLegibility;
	font-weight:400;
}
p {
	margin: 0 0 1em;
}
/************End Global**************/

/************Structure**************/
header[role="banner"] {
	position: relative;
	background: #444; 
	color:#bfbfbf;
	text-transform:uppercase;
}
.wrap {
	max-width: 64em;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
header[role="banner"] > .wrap {
	padding:0.75em 4.125em 0.75em 1em;
	/*
	-webkit-animation: fadein 0.4s ease-out 1;
	-moz-animation: fadein 0.4s ease-out 1;
	-ms-animation: fadein 0.4s ease-out 1;
	*/
}
header[role="banner"] h1 a {
	display: block;
	background: url(../images/sprite-mobile.png) no-repeat 0 0;text-indent: -999em;
	height:24px;
	width: 142px;
}
header[role="banner"] h1 span {
	color:#fff;
}

#togglemenu { 
display: block;
width: 2em;
height: 2em;
text-indent: -999em;
position: absolute;
right: 1em;
top: 1em;}

#togglemenu span { 
display: block;
width: 100%;
height: 0.3em;
background: #fff;
margin: 0 0 0.4em;}

nav {
	background-color:#444;
	display:none;
	padding: 0 1em 1em;
	}
nav li {
	}
#map-link {
	display:none;
	}
nav a {
	padding:0.5em;
	display:block;
	color:#444;
	border-top: 1px solid #444;
	background-color: #8f8f8f;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.875em;
	line-height:1.2;
	}
#mainnav a {
	background-color: #696969;
	color: #fff;
	}
#mainnav a:hover, #mainnav a.selected {
	background-color:#ea1d2c;
	color:#fff;
	}
#mainnav a span {
	color:rgba(255,255,255,0.8);
	}


#mainnav li:first-child a{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	}
#subnav li:last-child a {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}

nav #subnav a span { font-weight:400;}	

.content[role="main"] .wrap {
	}
.content[role="main"] img.mobile {
	width:100%;
	}
	
.breakout h1 { display:none;}
.breakout p { padding: 0.625em; font-size:1.25em; margin:0; font-weight:200}	

a.start { display:none}

#homenav {display:none}
#homepage #homenav {display:block}
#homenav {background:#c71925;}
#homenav li, .sidebar h2 { border-top:1px solid #fff; position:relative}
#homenav li a, .sidebar h2 { display:block;  text-transform:uppercase; font-weight:bold; color:#fff; padding:1em}
#homenav li a:hover, .sidebar h2 {background: #ea1d2c}
#homenav li a span, .sidebar h2 span, .tab-wrap h3 span { 
background: url(../images/sprite-mobile.png) no-repeat 0 -40px;
display: block;
width: 135px;
height: 40px;
position: absolute;
top: 0.5em;
right: 0.5em; }
#homenav #nav2 a span,#build .sidebar h2 span { background-position:0 -98px; }
#homenav #nav3 a span, #operate .sidebar h2 span { background-position:0 -155px; }
#homenav #nav4 a span, #ship .sidebar h2 span { background-position:0 -212px; }

.sidebar a { color:#fff; text-decoration:underline}

#advantage aside {
color: #fff;
background: #c71925;
}
#advantage aside h3 {
padding: 1em 0;
margin: 0 1em;
text-transform: uppercase;
font-size: 1em;
font-weight: 500;
}
#advantage aside p {
padding: 0 1.14em 1.14em;
margin: 0;
font-size: 0.875em;
}


.pagenav { display:none;}

#main-content h2 {padding: 0.5em 0.625em;
font-size: 1.625em;
color: #ea1d2c;
border-bottom: 1px solid #b2b2b2;
line-height: 1.2;}

.tab-wrap {padding: 0.5em 1em;
border-bottom: 1px solid #b2b2b2;}
.tab-wrap h3 { cursor: pointer;
position:relative;
}
.tab-wrap.open h3 {
color: #ea1d2c;
}
.tab-wrap h3 span { background-position: -225px 0;
width: 26px;
right: 0;
height:14px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	-ms-transition: transform 0.4s ease;}
.tab-wrap.open h3 span { 
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.tab-panel { display:none;margin-top: 0.5em;}
.tab-panel p { font-weight:400}
#main-content ul {list-style: disc;
margin: 0 0 0 1em;}
#main-content li { margin: 0 0 0.5em}

#main-content ul.benefits {
	list-style:none;
	margin:0;}
#main-content ul.benefits li {overflow: hidden;
border-bottom: 1px dotted #b2b2b2;
padding:0.5em 0;
line-height: 1.2;
font-size: 0.875em;}
ul.benefits li:last-child {
border-bottom: none}
ul.benefits span {
	width: 62px;
height: 50px;
display: block;
float: left;
background: url(../images/sprite-mobile.png) no-repeat 0 -275px;
margin: 0 0.5em 0 0;
}

ul.benefits .benefit2 span.icon {background-position: -85px -275px;}
ul.benefits .benefit3 span.icon {background-position: -160px -273px;}

#build ul.benefits .benefit1 span.icon {background-position: 12px -334px;}
#build ul.benefits .benefit2 span.icon {background-position: -75px -334px;}
#build ul.benefits .benefit3 span.icon {background-position: -160px -334px;}

#operate ul.benefits .benefit1 span.icon {background-position: 0 -395px;}
#operate ul.benefits .benefit2 span.icon {background-position: -78px -395px;}
#operate ul.benefits .benefit3 span.icon {background-position: -168px -395px;}

#operate.operate2 ul.benefits .benefit1 span.icon {background-position: -160px -334px;}
#operate.operate2 ul.benefits .benefit2 span.icon {background-position: 10px -452px;}
#operate.operate2 ul.benefits .benefit3 span.icon {background-position: -168px -395px;}

#operate.operate3 ul.benefits .benefit1 span.icon {background-position: -75px -334px;}
#operate.operate3 ul.benefits .benefit2 span.icon {background-position: -83px -455px;}
#operate.operate3 ul.benefits .benefit3 span.icon {background-position: -168px -455px;}

#ship ul.benefits .benefit1 span.icon {background-position: 0 -509px;}
#ship ul.benefits .benefit2 span.icon {background-position: 10px -452px;}
#ship ul.benefits .benefit3 span.icon {background-position: -84px -509px;}

 
ul.benefits span.arrow-up {background-position: -168px -512px;
width: 30px;}
ul.benefits span.arrow-down {background-position: -212px -512px;
width: 30px;}

p.intro {padding:1em 1em 0}

#discovery aside h2 span { display:none}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
		only screen and (min-device-pixel-ratio: 2) {

header[role="banner"] h1 a, #homenav li a span, .sidebar h2 span, .tab-wrap h3 span, #homepage .breakout h1 span { background-image:url(../images/sprite-mobile@2x.png); background-size: 250px 548px;}

}