a {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.4em;
    color: #ee2211;
}


body {
    margin: 0;
    padding: 0;

    font-family: Arial;
}


/* Shared Classes */
.StandardPage {
    height: 100%;
    width: 100%;

    margin: 0;
    padding: 2.5% 0;

    background-color: #91949c;

    display: inline-block;
}

.TopStandardSection {
    width: 95%;
    overflow: hidden;

    margin: 0 auto;

    background-color: #3d4049;
}

.StandardSection {
    width: 95%;
    overflow: hidden;

    margin: 20px auto 0 auto;

    background-color: #3d4049;
}

.StandardInfo {
    height: 25px;
    width: 100%;

    margin: 10px 0 0 20px;
}

.StandardText {
    height: 100%;
    width: 90%;

    float: left;

    font-weight: normal;
}

.StandardNameText {
    color: white;

    margin: 0;

    font-size: 30px;
    font-family: Arial;
}

.StandardInfoText {
}

.StandardInfoLink {
    margin: 0 0 0 40px;
    
    font-size: 20px;
}

.StandardInfoDividingLine {
    height: 3px;
    
    color: white;
    background-color: white;
    border-style: none;

    margin: 20px 0 0 0;
}

.StandardDetails {
}

.StandardDetailsList {
    width: 100%; 
    overflow: hidden;

    list-style-type: none;

    margin: 15px 20px 20px 20px;
    padding: 0;
}

.StandardDetailsBulletPointsList {
    width: 100%; 

    margin: 20px 20px 20px 40px;
    padding: 0;

    list-style-type: square;
}

.StandardDetailsListRow {
    text-decoration: none;

    width: 100%;

    margin: 0;
    padding: 0;

    display:inline-block
}

.StandardDetailsColumnList {
    list-style-type: none;

    margin: 0 10px 0 0;
    padding: 0;

    text-align:justify;
}

.StandardDetailItem {
    text-decoration: none;
    float: left;

    width: calc(25% - 20px);

    margin: 0 10px 20px 10px;

    display: block;
}

.StandardDetailTitle {
    color: white;

    margin: 0;
    text-align: center;
    
    font-size: 25px;
}

.StandardDetailText {
    color: white;

    margin: 0;
    
    font-size: 20px;
    font-weight: normal;
    
    text-align: justify;

    display: inline-block
}

.StandardInfoColumnList {
    list-style-type: none;

    margin: 0 0 0 0;

    text-align: justify;
}

.StandardInfoLine {
    margin: 0 0 0 0;

    color: white;
    
    font-size: 20px;
    font-weight: normal;
}

.StandardInfoBulletLine {
    margin: 0 0 0 0;

    color: white;
    
    font-size: 20px;
    font-weight: normal;

    list-style-type: square;
}

.StandardInfoFullLineText {
    margin: 0 0 0 0;

    color: white;
    
    font-size: 20px;
    font-weight: normal;
}

.StandardInfoLineName {
    color: white;

    margin: 5px 0 0 0;

    float: left;
    width: 10%;
    
    font-size: 20px;
    font-weight: bold;
    
    text-align: justify;

    display: inline-block;
}

.StandardInfoLineText {
    color: white;

    margin: 5px 0 0 0;

    float: right;
    width: calc( 90% - 20px );
    
    font-size: 20px;
    font-weight: normal;
    
    text-align: justify;

    display: inline-block;
}

.StandardInfoLineLink {
    margin: 0 0 0 0;

    float: right;
    width: calc( 90% - 20px );
    
    font-size: 20px;
    font-weight: normal;
    
    text-align: justify;

    display: inline-block;
}

.PlacePage {
    height: 100%;
    width: 100%;

    margin: 0;
    padding: 2.5% 0;

    background-color: #91949c;

    display: inline-block;
}

.TopPlaceSection {
    width: 95%;
    overflow: hidden;

    margin: 0 auto;

    background-color: #3d4049;
}

.PlaceSection {
    width: 95%;
    overflow: hidden;

    margin: 20px auto 0 auto;

    background-color: #3d4049;
}

.PlaceInfo {
    height: 120px;
    width: 100%;

    margin: 10px 0 0 0;
}

.PlaceLogo {
    height: 100%;
    width: calc( 10% - 10px );

    float: left;

    margin: 0 auto;
    display: block;
}

.PlaceLogoImage {
    height: 100%;
    width: 100%;

    margin: 0 5px;
}

.PlaceText {
    height: 100%;
    width: calc( 80% - 10px );

    float: left;
    margin: 0 0 0 10px;
}

.PlaceNameText {
    color: white;

    margin: 0;

    font-size: 30px;
    font-family: Arial;
}

.PlaceInfoText {
    color: white;

    margin: 0 0 0 40px;
    
    font-size: 20px;
}

.PlaceInfoLink {
    margin: 0 0 0 40px;
    
    font-size: 20px;
}

.PlaceDropdown {
    height: 100%;
    width: 10%;

    float: right;

    margin: 0 auto 1px auto;
    display: block;
}

.PlaceDropdownOpenedImage {
    height: 100%;
    width: 100%;

    background: url("../Resources/DropdownOpened.png");
    background-size: 75px 75px;
    background-repeat: no-repeat;
    background-position: center;
}

.PlaceDropdownClosedImage {
    height: 100%;
    width: 100%;

    background: url("../Resources/DropdownClosed.png");
    background-size: 75px 75px;
    background-repeat: no-repeat;
    background-position: center;
}

.PlaceInfoDividingLine {
    height: 3px;
    
    color: white;
    background-color: white;
    border-style: none;

    margin: 20px 0 0 0;
}

.PlaceIntroText {
    color: white;

    margin: 10px 20px 0 20px;
    
    font-size: 20px;
    font-weight: normal;
    
    text-align: justify;

    display: inline-block
}

.PlaceIntroDividingLine {
    height: 3px;
    
    color: white;
    background-color: white;
    border-style: none;

    margin: 10px 0 0 0;
}

.PlaceDetails {
}

.PlaceDetailsList {
    height: 100%;
    width: 100%; 

    list-style-type: none;

    margin: 20px 0 0 0;
    padding: 0;
}

.PlaceDetailsListRow {
    text-decoration: none;

    width: 100%;

    margin: 0;
    padding: 0;

    display:inline-block
}

.PlaceDetailsColumnList {
    list-style-type: none;

    margin: 0 10px;
    padding: 0;

    text-align:justify
}

.PlaceDetailItem {
    text-decoration: none;
    float: left;

    width: calc(25% - 20px);

    margin: 0 10px 20px 10px;

    display: block;
}

.PlaceDetailTitle {
    color: white;

    margin: 0;
    text-align: center;
    
    font-size: 25px;
}

.PlaceDetailText {
    color: white;

    margin: 0;
    
    font-size: 20px;
    font-weight: normal;
    
    text-align: justify;

    display: inline-block
}

.NavigationButtonList {
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    background: #2d2d2d;

    list-style-type: none;
}

.NavigationButtonListItem {
    float: left;

    width: 25%;

    text-align: center;
}

.NavigationButton {
    display: block;

    margin: 0 auto;
    width: 75%;
    height: 40px;
    line-height: 40px;

    background: #f5e5c9;

    border-style: solid;
    border-color: #d39223;
    border-width: 5px;

    color: #d39223;
    text-decoration: none;
    font-weight: bold;
}

.scroll-debug {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
/* Shared Classes */


/* Top Buttons */
.TopNavigationButtons {
    width: 600px;

    top: 10px;
    left: calc( 50% - 300px );
    z-index: 100;
    position: fixed;

    margin: 0 auto;
    vertical-align: middle;
}

.MainNavigationButtons {
}
/* Top Buttons */


/* Main Page */
#MainPage {
    height: 100vh;
    width: 100%;

    display: inline-block;

    background-image: url("../resources/MainBackground.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
}

#MainSection {
    height: 275px;
    width: 600px;

    margin: 0 auto;
    vertical-align: middle;

    color: #2d2d2d;

    position: relative;
    top: 30%;
    transform: translateY(-30%);
}

#Name {
    font-size: 75px;

    margin: 20px 0 20px 0;

    width: 100%;
    color: #2d2d2d;

    text-align: center;
}

#Rectangle {
    margin: 0 auto;
    padding: 0 0 0 0;
    border-width: 0px;

    width: 100px;
    height: 3px;
    background: #2d2d2d;
}

#Title {
    color: #2d2d2d;

    font-size: 30px;

    width: 100%;

    text-align: center;
}

#EducationLink {
}

#ExperienceLink {
}

#AboutLink {
}

#ContactLink {
}
/* Main Page */


/* Education Page */
#HullLogoImage {
    background: url("../Resources/HullLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#CambridgeLogoImage {
    background: url("../Resources/CambridgeLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#JHGSLogoImage {
    background: url("../Resources/JHGSLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Education Page */


/* Experience Page */
#CentricaLogoImage {
    background: url("../Resources/CentricaLogo.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#PSTLogoImage {
    background: url("../Resources/PSTLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#GoldmanSachsLogoImage {
    background: url("../Resources/GoldmanSachsLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#GISLogoImage {
    background: url("../Resources/GISLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#RebellionLogoImage {
    background: url("../Resources/RebellionLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#AzuroLogoImage {
    background: url("../Resources/AzuroLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Experience Page */


.scroll-debug {
  position: fixed;
  bottom: 10px;
  right: 10px;
}