/*

       ************************************
      **************************************
     ****                                ****
    ****                                  ****
    ****           PAGE STYLES            ****
    ****                                  ****
     ****                                ****
      **************************************
       ************************************

*/


/* ------------------------------------------------------------------------------- */


/* PDF Links */
/* ========= */

DIV.PDFLinkContainer {
  padding-top:                          30px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       0px}

IMG.PDFLinkLogo {
  float:                                left;
  width:                                30px;
  height:                               32px;
  margin-top:                           0px;
  margin-left:                          0px;
  margin-right:                         20px;
  margin-bottom:                        10px}

P.PDFLink {
  color:                                #222222;
  text-align:                           left;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}


/* ------------------------------------------------------------------------------- */


/* Home page */
/* ========= */

DIV.HomeTeamPhoto {
  float:                              right;
  width:                              90%;
  max-width:                          400px;
  margin-top:                         20px;
  margin-right:                       4%;
  margin-left:                        6%;
  margin-bottom:                      20px}

IMG.HomeTeamPhoto {
  width:                              100%}


/* ------------------------------------------------------------------------------- */


/* About us page */
/* ============= */

DIV.AboutUsTeamPhoto {
  float:                              right;
  width:                              90%;
  max-width:                          400px;
  margin-top:                         20px;
  margin-right:                       4%;
  margin-left:                        6%;
  margin-bottom:                      20px}

IMG.AboutUsTeamPhoto {
  width:                              100%}


/* ------------------------------------------------------------------------------- */


/* Client history page */
/* =================== */

DIV.ClientHistoryPhoto {
  float:                              right;
  width:                              90%;
  max-width:                          400px;
  margin-top:                         20px;
  margin-right:                       4%;
  margin-left:                        6%;
  margin-bottom:                      20px}


/* ------------------------------------------------------------------------------- */



/* Areas covered map page */
/* ====================== */

DIV.AreasCoveredMap {
  float:                                right;
  width:                                50%;
  max-width:                            400px;
  padding-top:                          20px;
  padding-left:                         5%;
  padding-right:                        5%;
  padding-bottom:                       20px}

DIV.AreasCoveredMapLondon {
  float:                                right;
  width:                                50%;
  max-width:                            600px;
  padding-top:                          20px;
  padding-left:                         5%;
  padding-right:                        5%;
  padding-bottom:                       20px}
  
IMG.AreasCoveredMap {
  width:                                100%}

P.AreasCoveredMapLine1 {
  clear:                                none}

@media all and (min-width: 600px) {
  DIV.AreasCoveredMap {
    width:                  50%}
  P.AreasCoveredMapLine1 {
    clear:                  none}
}

@media all and (max-width: 599px) {
  DIV.AreasCoveredMap {
    width:                  90%}
  P.AreasCoveredMapLine1 {
    clear:                  both}
}


/* ------------------------------------------------------------------------------------------ */


/* Gallery page */
/* ============ */

DIV.GalleryChoiceControlsContainer {
  clear:                                both;
  width:                                96%;
  max-width:                            800px;
  padding-top:                          30px;
  padding-bottom:                       0px;
  margin-left:                          auto;
  margin-right:                         auto}

DIV.GalleryChoiceListLeft {
  float:                                left;
  width:                                30px;
  padding-right:                        15px}

DIV.GalleryChoiceListRight {
  float:                                right;
  width:                                30px}
  
P.GalleryChoiceList {
  color:                                #ffffff;
  background:                           #03689A;
  font-size:                            16pt;
  text-align:                           center;
  border-radius:                        5px;
  -webkit-border-radius:                5px;
  -moz-border-radius:                   5px;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}
  
A.GalleryChoiceList:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryChoiceList:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryChoiceList:active {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryChoiceList:hover {
  color:                                #ffffff;
  text-decoration:                      none}

DIV.GalleryChoiceList {
  float:                                left;
  width:                                calc(100% - 110px);     /* 30 + 15 + 10 + 10 + 15 + 30 */
  background-color:                     #03689A;
  font-size:                            16pt;
  border-radius:                        5px;
  -webkit-border-radius:                5px;
  -moz-border-radius:                   5px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}
  
SELECT.GalleryChoiceList {
  width:                                100%;
  background:                           transparent;
  color:                                #ffffff;
  font-size:                            16pt;
  border:                               0px}
  
OPTION.GalleryChoiceList {
  color:                                #222222;
  font-size:                            16pt}

DIV.CarouselContainer {
  clear:                                both;
  width:                                96%;
  max-width:                            800px;
  padding-top:                          30px;
  padding-bottom:                       20px;
  margin-left:                          auto;
  margin-right:                         auto}

DIV.GalleryTextContainer {
  clear:                                both;
  width:                                96%;
  max-width:                            800px;
  padding-top:                          0px;
  padding-bottom:                       30px;
  margin-left:                          auto;
  margin-right:                         auto}

DIV.GalleryLinksContainer {
  clear:                                both;
  width:                                96%;
  max-width:                            800px;
  padding-top:                          0px;
  padding-bottom:                       30px;
  margin-left:                          auto;
  margin-right:                         auto}
  
P.GalleryLink {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}
  
A.GalleryLink:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryLink:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryLink:active {
  color:                                #ffffff;
  text-decoration:                      none}
A.GalleryLink:hover {
  color:                                #ffffff;
  text-decoration:                      none}
  
  
/* ------------------------------------------------------------------------------------------ */


/* Testimonials page */
/* ================= */

DIV.TestimonialContainer4 {}

DIV.TestimonialContainer3 {}

DIV.TestimonialContainer2 {}

DIV.TestimonialContainer1 {}

DIV.TestimonialRow {
  clear:                              both;
  padding-top:                        20px;
  padding-bottom:                     20px}

DIV.TestimonialBlock4 {
  float:                              left;
  width:                              20%;
  margin-right:                       5%;
  background-image:                   url("testimonial-quotes.jpg");
  background-position:                top left;
  background-repeat:                  no-repeat}

DIV.TestimonialBlock3 {
  float:                              left;
  width:                              28%;
  margin-right:                       5%;
  background-image:                   url("testimonial-quotes.jpg");
  background-position:                top left;
  background-repeat:                  no-repeat}

DIV.TestimonialBlock2 {
  float:                              left;
  width:                              45%;
  margin-right:                       5%;
  background-image:                   url("testimonial-quotes.jpg");
  background-position:                top left;
  background-repeat:                  no-repeat}

DIV.TestimonialBlock1 {
  width:                              100%;
  background-image:                   url("testimonial-quotes.jpg");
  background-position:                top left;
  background-repeat:                  no-repeat}

H2.TestimonialTitle {
  text-align:                         center;
  color:                              #013F58;
  padding-top:                        10px;
  padding-left:                       70px}

P.TestimonialContent {
  padding-left:                       70px}

P.TestimonialName {
  text-align:                         left;
  font-style:                         italic;
  font-weight:                        bold;
  padding-left:                       70px}

@media all and (max-width: 600px) {
  DIV.TestimonialContainer4 {
    display:                none}
  DIV.TestimonialContainer3 {
    display:                none}
  DIV.TestimonialContainer2 {
    display:                none}
  DIV.TestimonialContainer1 {
    display:                block}
}

@media all and (min-width: 601px) and (max-width: 850px) {
  DIV.TestimonialContainer4 {
    display:                none}
  DIV.TestimonialContainer3 {
    display:                none}
  DIV.TestimonialContainer2 {
    display:                block}
  DIV.TestimonialContainer1 {
    display:                none}
}

@media all and (min-width: 851px) and (max-width: 1250px) {
  DIV.TestimonialContainer4 {
    display:                none}
  DIV.TestimonialContainer3 {
    display:                block}
  DIV.TestimonialContainer2 {
    display:                none}
  DIV.TestimonialContainer1 {
    display:                none}
}

@media all and (min-width: 1251px) {
  DIV.TestimonialContainer4 {
    display:                block}
  DIV.TestimonialContainer3 {
    display:                none}
  DIV.TestimonialContainer2 {
    display:                none}
  DIV.TestimonialContainer1 {
    display:                none}
}


/* Home page */
@media all and (min-width: 800px) {
  DIV.WowSliderContainer {
    display:                block}
}
@media all and (max-width: 799px) {
  DIV.WowSliderContainer {
    display:                none}
}




/* ==================== END ==================== */