@font-face {
    font-family: 'myriad';
    src: url('fonts/MyriadProRegular.eot');
    src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('fonts/MyriadProRegular.woff2') format('woff2'),
         url('fonts/MyriadProRegular.woff') format('woff'),
         url('fonts/MyriadProRegular.ttf') format('truetype'),
         url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'myriadb';
    src: url('fonts/MyriadProBold.eot');
    src: url('fonts/MyriadProBold.eot') format('embedded-opentype'),
         url('fonts/MyriadProBold.woff2') format('woff2'),
         url('fonts/MyriadProBold.woff') format('woff'),
         url('fonts/MyriadProBold.ttf') format('truetype'),
         url('fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}

@font-face {
    font-family: 'MyriadProBoldIt';
    src: url('fonts/MyriadProBoldIt.eot');
    src: url('fonts/MyriadProBoldIt.eot') format('embedded-opentype'),
         url('fonts/MyriadProBoldIt.woff2') format('woff2'),
         url('fonts/MyriadProBoldIt.woff') format('woff'),
         url('fonts/MyriadProBoldIt.ttf') format('truetype'),
         url('fonts/MyriadProBoldIt.svg#MyriadProBoldIt') format('svg');
}

@font-face {
    font-family: 'nulshock';
    src: url('fonts/nulshock.eot');
    src: url('fonts/nulshock.eot') format('embedded-opentype'),
         url('fonts/nulshock.woff2') format('woff2'),
         url('fonts/nulshock.woff') format('woff'),
         url('fonts/nulshock.ttf') format('truetype'),
         url('fonts/nulshock.svg#nulshock') format('svg');
}


body, html
{
	font-family: Myriad Pro,myriad,sans-serif;
	font-size: 14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:100%;
	position: relative;
    background-color: #01141b;
    background-image: url('img/dots.png');
    min-width: 500px;
}

h2
{
    color: #002b43;
    font-family: nulshock;
    font-weight: 100;
    margin:0px;
}

h3
{
    color: #1f1f1f;
    font-size: 22px;
    margin: 5px;
}

input
{
    width: 300px;
    height: 35px;
    border: 0px none;
    margin: 5px 0px;
    background-color: #2C2B2B;
    color: #FFF;
    padding: 0px 10px;
    font-family: Myriad Pro,myriad,sans-serif;
    font-size: 15px;
}

textarea
{
    width: 300px;
    height: 80px;
    border: 0px none;
    margin: 5px 0px;
    background-color: #2C2B2B;
    color: #FFF;
    padding: 10px 10px;
    font-family: Myriad Pro,myriad,sans-serif;
}

*::-webkit-input-placeholder {
    color: #909090;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #909090;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #909090;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #909090;
}

.pagewrapper
{
    min-height: 100%;
    position: relative;
}

.head
{
    width: 100%;
    position: relative;
    min-height: 153px;
}

.futurewrap
{
    height: 153px;
    width: 100%;
    background-image: url('/img/topmenuendless.png');
    position: absolute;
    z-index: 2;
}

.futurecenter
{
    max-width: 600px;
    height: 153px;
    width: 100%;
    margin: 0px auto;
    background-image: url('/img/topmenu.png');
}

.headerwrapper
{
    z-index: 3;
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
}

.logo
{
    float: left;
    margin-top: 40px;
}

.menu
{
    padding-top: 40px;
    float: right;
}

.menu a
{
    font-family: nulshock;
    font-weight: 100;
    padding: 15px;
    color: #648fa1;
    text-decoration: none;
    background: -webkit-linear-gradient(#0b1b22, #3c5361); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b1b22, #3c5361); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b1b22, #3c5361); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b1b22, #3c5361); /* Standard syntax (must be last) */
    border-radius: 8px;
    border-bottom: 2px groove;
}

.menuselected, .menu a:hover
{
    color: #f0e1af !important;
}

.pagebanner
{
    width: 100%;
    min-height: 400px;
    position: relative;
    background-image: url('/img/banner.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.warriorswrpapper
{
    max-width: 1200px;
    margin: 0px auto;
    padding-top: 60px;
}

.homeintro
{
    width: 420px;
    height: 240px;
    background-image: url('/img/warriors.png');
    background-repeat: no-repeat;
    padding-top: 75px;
}

.homeintro p
{
    color: #f5dfb9;
    font-size: 15px;
    padding: 50px;
}

.homeintro p a
{
    color: #f5dfb9;
}

.homeintro p a:hover
{
    color: #fff;
}

.pastwrap
{
    height: 153px;
    width: 100%;
    background-image: url('/img/bottomcloserendless.png');
    position: absolute;
    z-index: 2;
    top: -50px;
}

.pastcenter
{
    max-width: 464px;
    height: 153px;
    width: 100%;
    margin: 0px auto;
    background-image: url('/img/bottomcloser.png');
}

.contentpanel
{
    background-color: #01141b;
    background-image: url('img/dots.png');
    min-height: 100%;
    position: relative;
    padding-bottom: 60px;
}

.content
{
    max-width: 1200px;
    margin: 0px auto;
    border: 15px solid transparent;
    border-top: 0px;
    -webkit-border-image: url('img/bordersrc2.png') 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url('img/bordersrc2.png') 30 stretch; /* Opera 11-12.1 */
    border-image: url('img/bordersrc2.png') 30 stretch;
    padding-top: 20px;
    z-index: 3;
    position: relative;
}

.contentwrapper
{
    padding: 15px;
    background-color: #FFF;
}

.column
{
    width: 100%;
    max-width: 550px;
    float: left;
}

.right
{
    float: right;
}

.centerc
{
    float:inherit;
    margin: 20px auto;
}

.bookleft
{
    float: left;
    margin: 0px;
    margin-right: 15px;
}

.amazonbuy
{
    margin-left: 20px;
}

.amazonbuy:hover
{
    opacity: 0.8;
}

.footer
{
    background-color: #01141b;
    background-image: url('img/dots.png');
    height: 60px;
    min-width: 400px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 4;
    text-align: center;
    color: #FFF;
}

.comingsoonbanner
{
    background-image: url("/img/comingsoonbanner.jpg");
}

.contactbanner
{
    background-image: url("/img/contactbackground2.jpg");
    height: 100%;
    min-height: 750px;
}

.separator
{
    text-align: center;
    margin: 10px;
}

.separator img
{
    width: 100%;
    max-width: 692px;
}

.contactformwrapper
{
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.formbtn
{
    background-color: #0D3D4A;
    width: 300px;
    padding: 10px !important;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
}

.formbtn:hover
{
    background-color: #1f1f1f;
}

#contacterror
{
    color: #FFF;
    padding: 10px;
    background-color: #F00;
    border-radius: 5px;
    display: none;
}

.face
{
    width: 90%;
    max-width: 800px;
    background-image: url("/img/face.png");
    margin: 0px auto;
    margin-bottom: -30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

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

    .right
    {
        float: left;
    }

    .column
    {
        margin-bottom: 80px;
        max-width: 100%;
    }

    .centerc
    {
        float:inherit;
        margin: 0px auto
    }

    .contactbanner
    {
        min-height: 1100px;
    }
}

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

    .head
    {
        min-height: 253px;
        background-color: #000;
    }

    .futurewrap
    {
        top:100px;
    }

    .logo
    {
        float: inherit;
        display: block;
        padding-top: 40px;
        margin: 0px auto;
    }

    .menu
    {
        padding-top: 60px;
        float: inherit;
        text-align: center;
    }

    .nooverlap
    {
        padding-top: 40px;
    }
}