/* Generic document stuff.. */

body {
  font-family: Arial;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;

}

html {
  margin: 0px;
  padding: 0px;
}


header {
  margin: 0px;
  padding: 0;
}

    header h1 {
      margin: 0px;
      padding-left: 50px;
      padding-bottom: 5px;
      font-size: 14pt;
      text-transform: uppercase;
      color: black; }

        h1 a {
          color: #000000;

        }

        h1 a:active {
          color: #000000;

        }




    header h2 {
      margin-top: 0em;
      margin-bottom:1px;
      font-size: 10pt;
      color: rgb(255, 102, 128);
    }

    p {
      margin-top:0em
      }

/* Generic styling for links... */

a {
  text-decoration: none;
  font-weight: bolder;
  color: rgb(180, 180, 180);
}

    /* mouse over */
    a:hover {
        text-decoration: none;
        color: black;
    }


    /* selected link */
    a:active {
        color: rgb(255, 102, 128); /* pink color */
        text-decoration: underline;
    }

/* Styling for the Header */
#header_wrapper {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  height: 230px;
  width: 100%;
}

#header {
  border-bottom: 1px solid rgb(180, 180, 180);
  padding: 0px;
  margin-top: 75px;
  margin-bottom: 25px;
}

#header #titles {
  margin: 0;
  padding-left: 50px;
  list-style: none;
  font-size: 14px;
  background: none;
}

    #header #titles li {
      display: inline-block;
      font-weight: bold;
    }
/* Styling Colour titles */

      #header #titles li:not(:last-child)::after {
        color: rgb(0,0,0);
        content: "+";
        padding: 0 5px;
      }

          #header #titles li:nth-child(1) {
            color: rgb(255, 102, 128); /* Pink colour */
          }
          #header #titles li:nth-child(2) {
            color: rgb(0, 163, 163); /* Teal colour */
          }
          #header #titles li:nth-child(3) {
            color: rgb(255, 179, 128); /* Yellow colour */
          }
          #header #titles li:nth-child(4) {
            color: rgb(180, 180, 180); /* Grey colour */
          }


/* Styling for the RIGHT Nav  */
    #header #menu_right {
      margin-top: 15px;
      margin-bottom: 15px;
    }

      #header #menu_right ul {
        margin: 0;
        padding: 0 50px 0 0;
        font-weight: bold;
        text-align: right;
      }

          #header #menu_right ul li {
            margin: 0;
            padding-right: 10px;
            display: inline-block;
          }

              #header #menu_right ul li a {
                margin: 0;
                text-decoration: none;
                color: rgb(180, 180, 180);
              }

              #header #menu_right ul li a:hover {
                text-decoration: none;
                color: black;
              }





/* Styling for the LEFT Nav  */

#nav_left ul {
  margin: 0px;
  padding-left: 50px;
  list-style: none;
  font-size: 12px;
  background: none;
}

    #nav_left ul li {
      margin: 0;
      padding-right: 10px;
      display: inline-block;
    }

        #nav_left ul li a {
          text-decoration: none;
          font-weight: bolder;
          color: rgb(180, 180, 180);
        }

          #nav_left ul li a:hover{
            text-decoration: none;
            color: black;
          }


/* Styling for LEFT paragraph  */



.wrapper {
  padding-left: 25px;
  margin-top: 230px;
  z-index: 500;
}



.split_left {
  padding-left: 25px;
  padding-right: 0px;
  width: 297px;
  float: left;
}

.contact_details {
  color: rgb(0, 163, 163);
}


.active-link {
  color: black;
  text-decoration: underline;
}

/* Styling for RIGHT paragraph  */

.split_right {
  padding-left: 25px;
  width: 297px;
  float: left;

}

.client_list  {
  font-style: italic;
  color: rgb(180, 180, 180);
}



/* Styling for Portfolio images  */

.image_wrapper {
  padding-left: 25px;
  margin-top: 230px;

}


.item {
  padding-left: 25px;
  padding-bottom:25px;
  float: left;

}


/* Styling for RIGHT NAV MEDIA QUERY THING */



@media screen and (max-width: 600px) {
  #menu_right
  {
    display: none;
  }






/* Styling for RIGHT NAV MEDIA QUERY THING

@media screen and (max-width: 600px) {
  #menu_right
  {
    display: none;
  }
}


  */




/* Styling for footer


.footer {
  border-top: 1px solid rgb(180, 180, 180);
  align: left;
  position:
}
  */