@font-face {
    font-family: HelveticaNeueThin;
    src: url(../font/HelveticaNeue-Light.otf);
}

@font-face {
    font-family: HelveticaNeueLight;
    src: url(../font/HelveticaNeue-Thin.otf);
}

@font-face {
    font-family: SegoeUI;
    src: url(../font/seguisb.otf);
}

.fixed-container {
min-width:960px;
max-width: none;
margin: 0 auto;
}

body {
    font-family: HelveticaNeueLight;
    background: #2b64a6;
}

h1,h2,h3,h4 {
    font-family: SegoeUI;
    line-height: 1;
}

h5, h6 {
    font-family: HelveticaNeueThin;
    line-height: 1.2;
}
p {
    font-family: HelveticaNeueLight;
    line-height: 1;
    word-wrap:break-word;
    letter-spacing:1px;
}

header {
    background:

    	url('../img/header.jpg') center center no-repeat;
        
    min-height: 704px;
	min-width: 960px;
}

header h1, header h3, header p  {
    color: white;
    line-height: initial;
    text-shadow: -2px 2px 2px #000;  
}

header h5, header h4   {
    color: white;
    line-height: initial;
}

header h2  {
    color: white;
    line-height: initial;
    text-shadow: -1px 1px 1px #000;    
}

footer{
	font-family: HelveticaNeueThin;
	color: white;
	min-height: 35px;
}

.pirateShipBackground {

}

.marginBoth {
    margin: 35px 0;
}

.textCenter {
    text-align: center;
}

.ksButton {
    position: absolute;
    right: 340px;
    top: 20px;
    z-index: 10;
}

.textBox {
	position: absolute;
	left: 100px;
	bottom: 100px;
	z-index: 0;
}

.hackableIcon {
    position: absolute;
    right: 134px;
    bottom: -45px;
    z-index: 10;
}

.secondaryIcons {
    background: url('../img/stepBackground.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-align: center;
}

.zoomButton {
    position: absolute;
    right: 349px;
    bottom: -230px;
    z-index: 10;
}

#piratesAdventure {
    background:
        url('../img/appScene2.png') bottom right no-repeat,
        url('../img/appTablet.png') bottom left no-repeat;
    min-height: 535px;
    text-align: right;
}

#part0 {
	background:
		url('../img/part0.jpg') bottom center no-repeat;
	min-height: 480px;
}

#part1 {
	background:
		url('../img/part1.jpg') center center no-repeat;
	min-height: 666px;
}

#part2 {
	background:
		url('../img/ships.gif') center center no-repeat,
		url('../img/part2.jpg')  center center no-repeat;
	min-height: 610px;

}

#part3 {
	background:
		url('../img/part3.jpg') center center no-repeat;
	min-height: 682px;
}

#part4 {
	background:
		url('../img/part4.jpg') center center no-repeat;
	min-height: 508px;
}

#part6 {
	background:
		url('../img/part6.jpg') top center no-repeat;
	min-height: 528px;
}

#part5 {
	background:
		url('../img/crab.gif') 120px 80% no-repeat,
		url('../img/pt5_logo.png') 84px 47% no-repeat,
		url('../img/pirate.gif') 530px 60% no-repeat,
		url('../img/pt5_banner.png') 80px 10% no-repeat;
	min-height: 616px;
	min-width: 960px;
}

#part5a {
	background:
		url('../img/pt5_back.jpg') center center repeat;
	min-height: 616px;
	min-width: 960px;
}

#tablet {
	background:
		url('../img/tablet.gif') 40px 98% no-repeat;
	min-height: 616px;
	width: 960px;
}

#joinAdventure {
	min-height: 607px;
}

#subscribeBox {
    position: absolute;
    bottom: 0;
    width: 85%;
}

#subscribeBoxBackground {
    background: #c2e3e5;
    padding: 10px;
}

#conditionalMarginBottom {
    margin-bottom: 50px;
}