b{font-weight: bold;}
body{background-size: cover; background-position: center center; height: 100%;position: relative;}
blockquote{ font-style: italic; font-size: 1.2em; color: #666666; }
.quote{margin: 4%; margin-top: 1%; border: 2px solid #666666; border-radius: 1.2em; padding: 1.2em;}
.quote p{text-align: right; margin-top: 1.2em;}
.dataTable, .smallDataTable, .formTable{width: 98%; margin: 1%;}
.formTable th{text-align: right; padding: 1%; color: #005596; font-size: 1.3em; vertical-align: top;}
.formTable td{text-align: left; padding: 1%;}
.formTable input, .formTable textarea, .formTable select{border: 1px solid #333333;}
.dataTable th, .dataTable td{border: 2px solid #3A3B3F; text-align: center; padding: 1%;}
.smallDataTable th, .smallDataTable td{border: 1px solid #3A3B3F; text-align: center; padding: .25%;}
.dataTable th{color: #005596; font-size: 1.3em; background-color: #FFF;}
.smallDataTable th{color: #005596; font-size: 1.1em; background-color: #FFF;}
.dataTable td, .smallDataTable td{color: #FFF; background-color: #3A3B3F; text-align: center;}
.caseLink{text-decoration: none;color: #000000; position: relative;}
.caseLink img{max-width: 100%;}
.caseLink a span
{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  background-image: url('../images/blank.gif');
}
#sideMenu h2{text-align: center;}
.iconList .segment{position: relative; margin-bottom: 2em;}
.iconList .segment a{text-align: center;}
.iconList .segment img{max-height: 100%; max-width: 100%; margin-left: auto; margin-right: auto; border: .125em solid #1BA3DD; box-sizing:border-box;-moz-box-sizing:border-box;}
.wildenIcon img{border-color: #E9581F !important;}
.griswoldIcon img{border-color: #015788 !important;}
#header{background-color: #005596;}

#wrapper{z-index: 2;}
#logo{}
#mContact, #mLinkedin{display: none;}
.boldList, .linkList, .article ul{list-style-type: none;}
.boldList li
{
    font-size: 1.4em;
    font-weight: bold;
    margin: 0.5em;
    background: transparent url(../images/drop_point.png) no-repeat;
    padding-left: 35px;
}
.linkList li, .article li
{
    font-size: 1em;
    margin: .5em;
    background: transparent url(../images/drop_point_small.png) no-repeat;
    background-size: 23px;
    padding-left: 25px;
}
.boldList a, .boldList li, .linkList a, .linkList li, .article li{color: #005596;}
.boldList li:hover, .linkList li:hover, .article li:hover{opacity: 0.8;}
.iconList .imageLink
{
    height: 100%;
    background-size: contain;
    text-align: center;
    background-position: center center;
}
.iconList h2
{
    margin-top: 0px;
    margin-bottom: 1.2em;
    padding-top: 0px;
    font-size: 1.2em;
}
.pcontent p, .iconList p{color: #000000; font-size: 1em; margin-bottom: 1em;}
.pcontent a, .iconList a, .article a{color: #005596;}
.pcontent a:hover, .iconList a:hover, .article a:hover{color: #00A4E4;}
#breadcrumbs
{
    text-transform: uppercase;
    margin-top: .8em;
    margin-bottom: .8em;
    font-size: 1.2em;
    color: #777777;
}
#breadcrumbs a{color: #777777; }
#sites .boldList
{
    width: 75%;
    margin-left: -15px;
    margin-top: 0px;
}
#mobileHeader{display: none;}
#mobileHeader nav
{
	display: none;
}
#mobileMenu{display: none;}
#navigation, #footer{font-size: 1.1em; text-align: center;}
#footer{margin-top: 1%;}
#navigation{margin-top: 1%;}
#navigation a, #footer a
{
    color: #00A4E3;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
}
#navigation a:hover, #footer a:hover{color: #FFFFFF;}
#mainNav a{color: #FFFFFF; text-decoration: none; white-space: nowrap; font-weight: bold;}
#search{color: #FFFFFF; text-align: center;}
#searchContainer
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    border: 2px solid #00A4E3;
    border-radius: 10px;
    padding: 4px;
    position: relative;
}
#searchText{width: 95%;height:26px;border: 0px; font-size: 1.2em;}
#searchButton{position: absolute; right: 4px;}
#mainNav{text-align: center;color: #FFFFFF; width: 100%; margin: 0px;}
#mainNav a:hover
{
    background-image: url(../images/nav_fade.png);
    background-size: cover;
}
#iconNavigation{position: relative; margin-top: 1.2em;}
#iconNavigation span
{
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/dark_shade.png);
    background-repeat: repeat-y;
    background-position: left bottom;
    background-size: cover;
    bottom: 0px;
    height: 1.5em;
    position: absolute;
    left: 0px;
    width: 92%;
    padding-left: 1em;
}
#iconNavigation a{background-size: cover; height: 10em; position: relative; border: .125em solid #1BA3DD; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 3px 3px 3px #777; margin-bottom: 1%;}
#mainButtons a{ border: 2px solid #1BA3DD; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 3px 3px 3px #777;}
#iconNavigation a:hover{opacity: 0.8;}
.iconNavigation a:hover{opacity: 0.95;}
#background{background-color: #005596;}
#main{position: relative; background-color: #FFFFFF;}
#mainButtons span
{
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}
#mainButtons text
{
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}
#mainButtons a:hover{opacity: .80;}
#mainButton1
{
    background-image: url(../images/banners/home_info1_iStock_000019471796Medium.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
}
#mainButton2
{
    background-image: url(../images/banners/home_info2_Pumping_Icon2.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
#mainButton3
{
    background-image: url(../images/banners/home_info3_Projects_Icon.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}

#mainButton4
{
    background-image: url(../images/banners/SEWAGE_TREATMENT_BUTTON.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
#mainButton1, #mainButton2, #mainButton3, #mainButton4
{
    background-size: cover;
    height: 104px;
    text-align: none;
}
#mapQLD{text-align: center; color: #777777;}
#news, #caseStudy, #social {text-align: left; color: #000000;}
#mapCanvas{width: 100%; height: 380px;}
.mapCaption{font-size: 13.5pt; text-decoration: none; font-weight: bold;}
.newsColour{color: #1BA3DD;}
.caseColour{color: #787878;}
.mapColour{color: #005596;}
.readMore
{
    width: 100px;
    right: 0px;
    top: 35%;
    position: absolute;
    background-image: url(../images/read_me_fade.png);
    background-color: transparent;
    background-repeat: repeat-y;
    background-size: cover;
    text-align: right;
}
.articlePreview p{text-align: justify; font-size: 11pt;}
.articlePreview img{max-width: 100%; margin-left: auto; margin-right: auto;}
.yae{background-size: cover !important;}
#fbcom{text-align: center;}
#memberSet{background-color: #FFFFFF;}
#members{display: none;}
#awa img, #wqa img, #members img{border: 0px;margin-left: auto; margin-right: auto;}
#awa img{max-width: 70%;}
#wqa img{max-width: 95%;}
#awaimg{max-width: 33%;}
#wqaimg{max-width: 47%;}
#branches{text-align: center; border-top: 1px solid #676767;}
#branches div{cursor: pointer;}

.article{background-color: #F3F3F3; border-radius: 2em; margin-bottom: 2%; border-bottom: 2px solid #005596;}
.newsTitle{margin: 2%; background-color: #DFDFDF; border-top-left-radius: 1.8em; border-top-right-radius: 1.8em; margin-top: 3px; margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #005596;}
.article .newsTitle .newsTitleContent, .social .socialContent{margin: 17px; text-align: center;}
.article .articleContent, .caseDetail{margin: 1%;}
.articleContent > h3{margin-left: 1.75em;}
.article .social{margin: 2%; background-color: #DFDFDF; border-bottom-left-radius: 1.8em;border-bottom-right-radius: 1.8em; margin-bottom: 3px; margin-right: 3px; margin-left: 3px;}
.article .social .socialContent{margin-bottom: 3px;}
.article .newsTitle .newsTitleContent{margin-top: 3px;}
.article .newsTitle a{text-decoration: none;}
.newsTitleContent span{font-size: .8em;}
.caseDetail{background-color: #FFFFFF; border: 2em solid #FFFFFF; border-radius: 2em; -moz-box-sizing: border-box; box-sizing: border-box;}
.archive{border: 1px solid #777777; border-radius: 1em; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1%;}
.caseDetail b{color: #005596; font-size: 1.125em; font-weight: bold;}
.left_top{background-position: top left;}
.center_top{background-position: top center;}
.right_top{background-position: top right;}
.left_center{background-position: center left;}
.center_center{background-position: center center;}
.right_center{background-position: center right;}
.left_bottom{background-position: bottom left;}
.center_bottom{background-position: bottom center;}
.right_bottom{background-position: bottom right;}
#lbbutton{display: none;}
.lbbuttonh{display: block;}
#contactBox{
  display: none;
  font-size: 1em;
  line-height: 3rem;
  position: absolute;
  top: 25px;
  right: 53%;
  color: #FFF;
}

#mobileContactBox{
  font-size:1.2rem;
  display: block;
  color: #FFF;
  padding-top: 5px;
  padding-bottom: 5px;
}

#mobileContactBox a{
  color: #FFF;
}

@media screen and (min-width: 1300px) and (max-width: 1529px){
  #contactBox{
    display: inline;
    font-size: 1.4rem;
    line-height: 3rem;
    position: absolute;
    top: 25px;
    right: 53%;
  }
  #mobileContactBox{
    display: none;
  }
}

@media screen and (min-width: 1530px){
  #contactBox{
        display: inline;
        font-size: 2.2rem;
        line-height: 3rem;
        position: absolute;
        top: 30px;
        right: 46%;
      }
    #mobileContactBox{
      display: none;
    }
}


@media screen and (min-width: 1300px)
{
    #header{background-color: transparent;background-clip: border-box}
    #navigationBox{background-color: #005596;}
    #searchContainer{width: 590px;margin-right: 1%;}
    #background
    {
        background-image: url(../images/blue_shade.png),url(../images/back/iStock_000000830593Medium.jpg);
    }
    #mainNav{background-image: url(../images/nav_fade.png);}
    #background,#mainNav{background-size: cover;}
    #mainButtons text{font-size: 1.8em;}
    #mainButtons span{font-size: 1.8em;}
    #searchContainer{float: right;}
    #news, #caseStudy, #social{text-align: left;}
    #lbbutton{display: block;}
    .lbbuttonh{display: none;}
}

@media screen and (min-width: 631px) and (max-width: 900px)
{
  #contactBox{
    display: none;
  }
  #mobileContactBox{
    display: block;
  }
    h2{font-size: 1.1em;font-weight: bold;}
    #iconNavigation span
    {
        font-size: .8em;
        padding-left: .8em;
    }
    #lbbutton{display: none;}
}

@media screen and (max-width: 630px)
{
  #contactBox{
    display:none;
    font-size: 1rem;
    line-height: 1rem;
  }
  #mobileContactBox{
    display: block;
  }
    #searchContainer{width: 92%;}
    #news, #caseStudy, #fbcom, #socia,  {text-align: center;}
    #awa, #wqa{display: none;}
    #members{display: block; text-align: center;}
    .sideMenu li{text-align: center;}
    #iconNavigation a{background-size: cover; height: 10em; position: relative; border: 0px solid #1BA3DD; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px;}

    #mContact,#mLinkedin{display:block;}
    #contact,#linkedin{display: none;}
    #lbbutton{display: none;}
}