/*as you can see the .eot is specified first, this is important*/

@font-face {
	font-family: 'MuseoSans';
	src: url('Content/MuseoSans_500.eot');
}

@font-face {
	font-family: MuseoSans;
	src: local('MuseoSans'),
              local('MuseoSans'),
              url("Content/MuseoSans_500.otf") format("opentype");
}

html {overflow-y:scroll;}

a:link, a:visited
{
    color:antiquewhite;
}

body
{
    font-family:'MuseoSans';
    height:100%;
    margin-top:10px;
    background-image: url("Content/Bro.png");
    background-position-x:center;
    background-repeat:no-repeat;
    
    /*background-color:#d0e4fe;*/

}

div#container
{
    position:relative;
    margin-left:auto;
    padding-top:5px;
    margin-right:auto;
    width:1100px;
    min-height:100%;
    height:auto !important;
    height:100%;
    background-color:#0174B3;
    box-shadow:4px 4px 20px black;

    -webkit-box-shadow: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#menu
{

    margin-left:inherit;
    margin-right:inherit;
    width:1090px;
    height:30px;
    background-color:#fff;
    

    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#whyMenu, div#whatMenu, div#howMenu, div#successMenu, div#aboutMenu, div#educationMenu, div#customerMenu
{
    padding-top:5px;
    text-align:center;
    margin-left:25px;
    margin-right:25px;
    height:25px;

    cursor:pointer;

    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1

}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

div#header
{
    
    float:right;
    
    height:147px;
    width:400px;
    background-image: url("Content/Logo_blue.jpg");
    background-size:cover;

}

div#extraheader
{
    margin-left:5px;
    /*margin-right:inherit;*/
    right:5px;
    top:5px;
    position:absolute;
    height:147px;
    width:680px;

    -moz-border-radius: 5px;
    border-radius: 5px;

    color:antiquewhite;
}

div#WhyContent, div#WhatContent, div#HowContent, div#SuccessContent, div#AboutContent, div#EducationContent, div#CustomerContent
{
    overflow:hidden;
}

div#WhyContent > div, div#WhatContent > div, div#HowContent > div, div#SuccessContent > div, div#AboutContent > div, div#EducationContent > div, div#CustomerContent > div
{
    margin:5px;
    background-color:#fff;
    width:1085px;
    padding:5px 0px 5px 5px;
    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#footer
{
    width:675px;
    padding-top:5px;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    bottom:0;
    text-align:center;
    font-size:small;
    color:antiquewhite;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#logos
{
    position:relative;
    margin-left:auto;
    padding-top:5px;
    margin-right:auto;
    width:685px;

    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

div#iaitamLogo, div#itilLogo, div#basenLogo, div#notrexLogo
{
     padding-top:5px;
    text-align:center;
    margin-left:20px;
    margin-right:20px;

    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}

div#basenLogo, div#notrexLogo
{
    padding-top:20px;
}

div#itilLogo
{
    width:110px;
}
div#logoSpacer
{
    margin-left:20px;
    margin-right:-10px;
    height:80px;
    width:3px;
    /*border-left:solid 1px black;*/
    display: inline-block;
    *display: inline;
    zoom: 1
}

div#divHeader
{
    font-size:larger;
    font-style:italic;
    padding:20px;
}
div#divText
{
    font-size:14px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}
div#divLeftAboutImage
{
    float:left;
    padding:20px 20px 10px 20px;
    height:150px;
}
div#divLeftAboutName
{
    font-size:larger;
    font-style:italic;
    padding-right:20px;
}
div#divLeftAboutText
{
    font-size:smaller;
    font-style:italic;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

div#divRightAboutImage
{
    float:right;
    padding:20px 20px 10px 20px;
    height:150px;
}
div#divRightAboutName
{
    text-align:right;
    font-size:larger;
    font-style:italic;
    padding-left:20px;
}
div#divRightAboutText
{
    font-size:smaller;
    font-style:italic;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

div#WhatContentBigImage
{
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    height:250px;
    width:500px;
    border:1px solid black;
}

p#strategy
{
    font-size:32px;
}

ul#itamList
{
    list-style-type: square;
    font-size:18px;
}

div#HowContentDashboardImage
{
    margin-left:auto;
    margin-right:auto;
    height:230px;
    width:350px;
    border:1px solid black;
}