/*This is the font given by Catherine*/
                             
                             @font-face {
                                 /*open-sans-semibold.otf*/
                                 /*format("opentype")*/
                                 font-family: "open-sans-semibold";
                                 src: url("../fonts/open-sans-semibold-59089c472687d.otf");
                                 /*src: url("fonts/Lora-BoldItalic.ttf") ;*/
                             }
                             
                             body {
                                 margin-top: 50px;
                                 /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
                                 /*format("opentype")*/
                                 font-family: "open-sans-semibold";
                                 src: url("../fonts/open-sans-semibold-59089c472687d.otf");
                             }
                             
                             li {
                                 font-size: 1.5em;
                             }
                             
                             ul.nav li.dropdown:hover>ul.dropdown-menu {
                                 display: block;
                             }
                             
                             .anchor {
                                 display: block;
                                 /* Height was 115px;*/
                                 height: 115px;
                                 /*same height as header*/
                                 margin-top: -115px;
                                 /*same height as header*/
                                 visibility: hidden;
                             }
                             
                             .image-bg-fluid-height,
                             .image-bg-fixed-height {
                                 text-align: center;
                                 -webkit-background-size: cover;
                                 -moz-background-size: cover;
                                 background-size: cover;
                                 -o-background-size: cover;
                             }
                             /*Background banner image for home page*/
                             
                             .MainHeaderHomePage {
                                 padding: 100px 0px;
                                 width: 100%;
                                 background-image: url("../images/banners/BannarImage1.png");
                                 background-repeat: no-repeat;
                                 /*background-size: 100%;*/
                                 background-size: cover;
                             }
                             /*Background banner image for Download page*/
                             
                             .MainHeaderGalleryPage {
                                 padding: 100px 0px;
                                 background-image: url("../images/banners/BannarImage2.png");
                                 background-repeat: no-repeat;
                                 /*background-size: 100%;*/
                                 background-size: cover;
                             }
                             
                             .MainHeaderReconstructionPage {
                                 padding: 100px 0px;
                                 background-image: url("../images/banners/bannarImage4_nologo.png");
                                 background-repeat: no-repeat;
                                 /*background-size: 100%;*/
                                 background-size: cover;
                             }
                             
                             .MainHeaderProjectPage {
                                 padding: 100px 0px;
                                 background-image: url("../images/banners/bannarImage5_nologo.png");
                                 background-repeat: no-repeat;
                                 /*background-size: 100%;*/
                                 background-size: cover;
                             }
                             /*OLD CSS class - consider removing*/
                             
                             .image-bg-fixed-height {
                                 background: url('../images/banners/BannarImage2.png') no-repeat center center scroll;
                                 height: 450px;
                             }
                             
                             .img-center {
                                 margin: 0 auto;
                             }
                             
                             section {
                                 /*padding: 75px 0;*/
                             }
                             
                             .section-heading {
                                 margin: 30px 0;
                                 font-size: 4em;
                             }
                             
                             .section-lead {
                                 margin: 30px 0;
                             }
                             
                             .section-paragraph {
                                 margin: 30px 0;
                             }
                             
                             footer {
                                 /*margin: 50px 0;*/
                             }
                             /*###############################################################################*/
                             /*CSS3 queries rules of what to do for different screen sizes*/
                             
                             @media screen and (min-width: 290px) and (max-width: 1200px) {
                                 /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
                                 .anchor {
                                     display: block;
                                     height: 115px;
                                     /*same height as header*/
                                     margin-top: -115px;
                                     /*same height as header*/
                                     visibility: hidden;
                                 }
                                 section {
                                     padding-top: 25px;
                                     padding-bottom: 25px;
                                 }
                                 .section-heading {
                                     font-size: 2em;
                                 }
                                 .navbar.navbar-inverse.navbar-fixed-top {
                                     padding: 0 !important;
                                 }
                                 /*.li{
        font-size: 100%;
    }*/
                                 .mynormal {
                                     /*list-style-type: circle;*/
                                     font-size: 100%;
                                 }
                                 ul.nav li.dropdown:hover>ul.dropdown-menu {
                                     display: block;
                                 }
                             }
                             
                             @media (max-width: 1210px) {
                                 .anchor {
                                     display: block;
                                     height: 115px;
                                     /*same height as header*/
                                     margin-top: -115px;
                                     /*same height as header*/
                                     visibility: hidden;
                                 }
                                 .navbar-header {
                                     float: none;
                                 }
                                 .navbar-toggle {
                                     display: block;
                                 }
                                 .navbar-collapse {
                                     border-top: 1px solid transparent;
                                     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
                                 }
                                 .navbar-collapse.collapse {
                                     display: none!important;
                                 }
                                 .navbar.navbar-inverse.navbar-fixed-top {
                                     padding: 0 !important;
                                 }
                                 .navbar-nav {
                                     float: none!important;
                                     margin: 7.5px -15px;
                                 }
                                 /*.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }*/
                                 /* since 3.1.0 */
                                 .navbar-collapse.collapse.in {
                                     display: block!important;
                                 }
                                 .collapsing {
                                     overflow: hidden!important;
                                 }
                                 ul.nav li.dropdown:hover>ul.dropdown-menu {
                                     display: block;
                                 }
                             }
                             
                             @media (min-width: 768px) and (max-width: 992px) {
                                 .anchor {
                                     display: block;
                                     height: 115px;
                                     /*same height as header*/
                                     margin-top: -115px;
                                     /*same height as header*/
                                     visibility: hidden;
                                 }
                                 section {
                                     padding-top: 25px;
                                     padding-bottom: 25px;
                                 }
                                 .section-heading {
                                     font-size: 2em;
                                 }
                                 .navbar.navbar-inverse.navbar-fixed-top {
                                     padding: 0 !important;
                                 }
                                 /*.li{
        font-size: 100%;
    }*/
                                 .mynormal {
                                     /*list-style-type: circle;*/
                                     font-size: 100%;
                                 }
                             }
                             
                             @media (min-width: 1211px) and (max-height: 800px) {
                                 .anchor {
                                     display: block;
                                     height: 115px;
                                     /*same height as header*/
                                     margin-top: -115px;
                                     /*same height as header*/
                                     visibility: hidden;
                                 }
                                 .navbar.navbar-inverse.navbar-fixed-top {
                                     padding: 0 !important;
                                 }
                                 /*###############################################################################*/
                                 #colorstrip {
                                     margin: 0px;
                                     padding: 0px;
                                     width: 100%;
                                     height: 0.2em;
                                     border-style: solid;
                                     border-color: #f1812c;
                                     background-color: #f1812c;
                                     background-size: 100% 100%;
                                 }
                                 #colorstrippurple {
                                     margin: 0px;
                                     width: 100%;
                                     height: 1.5em;
                                     border-style: solid;
                                     border-color: #2c2335;
                                     background-color: #2c2335;
                                     /*padding:40px 0 40px 0;*/
                                     padding: 40px;
                                 }
                                 div.twocolorish {
                                     background-color: green;
                                     border-top: 20px solid red;
                                 }
                                 #grad {
                                     /*CSS3 Linear Gradients*/
                                     /*this creates a two color div (the idea is the upper should be grey, the lower should be purpole)*/
                                     background: red;
                                     /* For browsers that do not support gradients */
                                     background: -webkit-linear-gradient(red, yellow);
                                     /* For Safari 5.1 to 6.0 */
                                     background: -o-linear-gradient(red, yellow);
                                     /* For Opera 11.1 to 12.0 */
                                     background: -moz-linear-gradient(red, yellow);
                                     /* For Firefox 3.6 to 15 */
                                     background: linear-gradient(red, yellow);
                                     /* Standard syntax */
                                 }
                                 .navbar {
                                     margin-bottom: 0;
                                     float: none;
                                     /*line-height: 28px;*/
                                 }
                                 /*.color-twitter{color:#00aced;}
.color-facebook{color:#00539f;}
.color-linkedin{color:#0176b5;}*/
                                 .dropdown-header {
                                     display: block !imnportant;
                                     padding-bottom: 30px;
                                     height: 10px;
                                 }
                                 .navbar-inverse .navbar-nav>.open>a,
                                 .navbar-inverse .navbar-nav>.open>a:focus {
                                     background-color: #2c2335 !imnportant;
                                 }
                                 .navbar-inverse .navbar-nav>.open>a:hover {
                                     color: #fff;
                                 }