/* I am the CSS for General pages. */
/* ~~~~~~~~~~~~~~~~ GENERAL-PAGE-SPECIFIC HEADER STYLES ~~~~~~~~~~~~~~~~~~~~~ */
#index-header-background {
	height: 200px;
	background: url(../img/backgrounds/top_bg.png) repeat-x top left scroll /*222222*/;
}
#ftl-header-background {
	height: 225px;
}
#ftl-header-background .fill{
	background: url(../img/ftl/FTL_star_background1_flip.png);
	height: 100%;
	width: 100%;
}
#headersection {
	height: auto;
	width: 100%;
}

/* ---------- SMALL BAR AT SIZES BELOW 991 --------- */

@media screen and  (max-width: 990px) {

	#index-header-background{
		height: 170px;
		background: url(../img/backgrounds/top_bg.png) repeat-x top left scroll /*222222*/;
	}
	#header-after {
		height: 25px;
		background: url(../img/backgrounds/top_lowerbar.png) repeat-x top left scroll /*222222*/;
		background-size: 302px 25px;
	}
}


/* --INDEX -- */
.headership {
	position: absolute;
	top: 50px;
	z-index: 10;
	right: 0;
}
.headership #ship {
	position: absolute;
	z-index: 10;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headership #ship .inner {
    display: block;
    height: 0;
}
/* default screen */
.headership #ship {
	background-image: url("../img/backgrounds/top_ship4.png");
	width: 481px;
	height: 320px;
	position: absolute;
	z-index: 10;
}
/* Medium screen */
@media only screen and (min-width: 572px) and (max-width: 1147px) {
    .headership #ship {
		background-image: url("../img/backgrounds/top_ship4.png");
		width: 361px;
		height: 240px;
		position: absolute;
		z-index: 10;
	}
}
/* Small screen */
@media only screen and (max-width: 572px) {
    .headership #ship {
		width: 361px;
		height: 240px;
	}
}

/* -- FAQ -- */
.headerlogo-faq  {
	position: absolute;
	top: 100px;
	left: 100px;
}
.headerlogo-faq  #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-faq  #logo .inner {
    display: block;
    height: 0;
}
@media only screen and (min-width: 992px) {
	.headerlogo-faq  {
		margin: 0 auto;
		width: 158px;
		height: 82px;
	}
    .headerlogo-faq  #logo {
	background-image: url(../img/title_FAQ.png);
		width: 158px;
		height: 82px;
	}
}
/* Medium screen */
@media only screen and (min-width: 700px) and (max-width: 992px) {
	.headerlogo-faq  {
		margin: 0 auto;
		width: 158px;
		height: 82px;
	}
    .headerlogo-faq  #logo {
		background-image: url(../img/title_FAQ.png);
		width: 158px;
		height: 82px;
	}
}
/* Small screen */
@media only screen and (max-width: 992px) {
    .headerlogo-faq #logo {
		background-image: url(../img/title_FAQ.png);
		width: 0px;
		height: 0px;
		visibility: none;
	}
}
.faq-logo-altfire {
	height: 0;
}
.faq-logo-altfire img {
	position: relative;
	top: 50px;
}
@media screen and (min-width: 991px) {
    .faq-logo-altfire {
        display: none !important;
    }
}

/* -- CONTACT PAGE -- */
.headerlogo-contact  {
	position: absolute;
	top: 100px;
	left: 100px;
}
.headerlogo-contact  #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-contact  #logo .inner {
    display: block;
    height: 0;
}
@media only screen and (min-width: 992px) {
	.headerlogo-contact  {
		margin: 0 auto;
		width: 391px;
		height: 67px;
	}
    .headerlogo-contact  #logo {
	background-image: url(../img/title_contact.png);
		width: 391px;
		height: 67px;
	}
}
/* Medium screen */
@media only screen and (min-width: 700px) and (max-width: 992px) {
	.headerlogo-contact  {
		margin: 0 auto;
		width: 391px;
		height: 67px;
	}
    .headerlogo-contact  #logo {
		background-image: url(../img/title_contact.png);
		width: 391px;
		height: 67px;
	}
}
/* Small screen */
@media only screen and (max-width: 992px) {
    .headerlogo-contact #logo {
		background-image: url(../img/title_contact.png);
		width: 0px;
		height: 0px;
		visibility: none;
	}
}
.contact-logo-altfire {
	height: 0;
	background-image: url(../img/title_contact.png);
}
.contact-logo-altfire img {
	position: relative;
	top: 50px;
}
@media screen and (min-width: 991px) {
    .contact-logo-altfire {
        display: none !important;
    }
}