@charset "UTF-8";

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     General rules (you may include any resets and global rules here)
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

html
{
     /* killing 300ms touch delay in IE */
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     }
a{
     color: #777777;
     text-decoration: none;
     }

/*
a:hover{
     text-decoration: underline;
     }
*/
h1{
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     font: Verdana, Arial, Helvetica, sans-serif;
     }
h2{
     text-align: center;
     font-size: 13px;
     font-weight: bold;
     font: Verdana, Arial, Helvetica, sans-serif;
     }
h3{
     text-align: center;
     font-size: 18px;
     color: #551A8B;
     margin: 10px 0px 2px 0px;
     font-weight: bold;
     }
h4{
     font-size: 110%;
     padding: 0 2px 0px 10px;
     height: 23px;
     background-color: #ECEFF4;
     color: #006699;
     border: 1px solid #7088B0;
     }
h5{
      text-align: left;
      font: normal 20px Arial, Verdana, Helvetica, sans-serif;
}
large{
     font-size: 140%;
     height: 23px;
     background-color: #ECEFF4;
     color: #00;
     }


javaoff{
     text-align: center;
     font-size: 32px;
     color: #FF0000;
     font-weight: bold;
     }
p{
     margin: 0px;
     }

p1{
     font-size: 18px;
     }

ul, ol{
     margin-bottom: 0px;
     padding-left: 30px;
     }

.img-border{
     box-shadow: 0 0 5px #ccc;
     border: 5px solid #fff;
     }

.clearBoth{
     clear: both;
     }

.nowrap{
     white-space: nowrap;
     }

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     Standard layout (screen resolutions above 1200px wide)
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

body{
     background-color: #ffffff;
     color: #666666;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-right: 100px;
     margin-left: 100px;
     padding: 0px;
     padding-top: 45px;                           /* Gap from top to banner */

     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     font: normal 100%/1.4 sans-serif;
     text-size-adjust: 100%;

     }

#pageheight{
     min-height: 400px;
     }

#wrapper{
     background-color: #fff;
     width: 1200px;
     margin: 0px auto;
     }

#header{
     padding-top: 0px;
     clear: both;
     position: relative;
     }

#banner{
    margin-left: auto;
    margin-right: auto;
    width: 800px;                                                 /* Set this to the width of the menu - allows it to be centered correctly */
     }

#content{
     margin-top: 10px;
     }

#footer{
     background-color: #030459;
     padding-bottom: 20px;
     text-align: center;
     font-size: 18px;
     color: #FFFFFF;
     clear: both;
     position: relative;
     z-index: 2;
     height: 55px;
     padding-top:10px;
     font: normal 18px Helvetica, Arial, Verdana, sans-serif;
     color: #E6D1A2;
     }

.wrapper1{
     width: 1100px;
     margin-left:auto;
     margin-right:auto;
     background-color: #FFFFFF;
     overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
     }

.wrapper2{
     width: 800px;
     margin-left:auto;
     margin-right:auto;
     background-color: #ECEFF4;
     overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
     }

.wrapper3{
     width: 800px;
     margin-left:auto;
     margin-right:auto;
     background-color: #B7FDE7;
     overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
     }

.wrapper4{
     width: 800px;
     margin-left:auto;
     margin-right:auto;
     background-color: #F1F3F8;
     overflow: hidden;
     }

.content1{
     margin: 0% 9% 2% 9%;
/*     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
     font-size: 14px;
     margin-top: 0px;
     clear: both;
     color: #000;
     }

.textbox {
    margin: 6px 9px 10px 0px;
    border: 1px solid #c4c4c4;
    font-size: 16px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.textbox:focus {
    outline: none;
    border: 3px solid #7bc1f7;
    box-shadow: 0px 5px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/* Required is used by PHPLIST when users are updating their information */

.required {
    margin: 6px 9px 10px 0px;
    width: 45%;
    color: #FF0000;
    font-weight: bold;
}

.required2 {
    margin: 6px 9px 10px 0px;
    width: 45%;
    border: 1px solid #c4c4c4;
    font-size: 16px;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 2px 8px #d9d9d9;
    -moz-box-shadow: 0px 2px 8px #d9d9d9;
    -webkit-box-shadow: 0px 2px 8px #d9d9d9;
}

.required2:focus {
    outline: none;
    border: 3px solid #7bc1f7;
    box-shadow: 0px 5px 8px 0px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/* *************************************************************************************** */

                                              /* seo friendly tables */

.table {
     display:block;                           /* Defines a Table */
     font-family:Arial, Helvetica, sans-serif;
     font-size:14px;
     border-top:2px solid #000;
     border-bottom:2px solid #000;
     color:#000;                              /* Font color */
     text-align: center;
}
.table3 {
     display:block;                           /* Defines a Table */
     font-family:Arial, Helvetica, sans-serif;
     border-top:2px solid #000;
     border-bottom:2px solid #000;
     font-size:large;
     color:#000;                              /* Font color */
     background-color: #ECEFF4;
     text-align: center;
}
.row{
     display:table-row;                       /* Defines a table row */
}
.row .column2:nth-child(1){                    /* First column in a row */
     border-left:1px solid #000;
}
.row .column3:nth-child(1){                    /* First column in a row */
     border-left:1px solid #000;
}
.row:last-child .column2{                      /* column in a last row */
     border-bottom:none;
}
.row:last-child .column3{                      /* column in a last row */
     border-bottom:none;
}
.column2{
     display:table-cell;                      /* Defines a table cell */
     padding:10px 20px;
     width:50%;
     border-bottom:1px solid #000;
     border-right:1px solid #000;
     text-align: left;
}
.column3{
     display:table-cell;                      /* Defines a table cell */
     padding:10px 30px;
     width:33%;
     border-bottom:1px solid #000;
     border-right:1px solid #000;
     text-align: center;
}
.column2:hover{
     background:#f9f9f9;
}
.column3:hover{
     background:#f9f9f9;
}
.column2 img{
     width:40%;
}
.column3 img{
     width:70%;
}

/*
    --------------------------------------------------------------------
     buttons
    --------------------------------------------------------------------
*/

.css_button1 {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #84bbf3;
    padding: 7px 18px;
    text-shadow: 1px 1px 0px #528ecc;
    -webkit-box-shadow: inset 1px 1px 0px 0px #dcecfb;
    -moz-box-shadow: inset 1px 1px 0px 0px #dcecfb;
    box-shadow: inset 1px 1px 0px 0px #dcecfb;
    cursor: pointer;
    color: #212610;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #80b5ea 5%, #bddbfa 100%);
    background: -moz-linear-gradient(90deg, #80b5ea 5%, #bddbfa 100%);
    background: -ms-linear-gradient(90deg, #80b5ea 5%, #bddbfa 100%);
    background: linear-gradient(180deg, #bddbfa 5%, #80b5ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bddbfa",endColorstr="#80b5ea");
}

.css_button1:hover {
    background: -webkit-linear-gradient(90deg, #bddbfa 5%, #80b5ea 100%);
    background: -moz-linear-gradient(90deg, #bddbfa 5%, #80b5ea 100%);
    background: -ms-linear-gradient(90deg, #bddbfa 5%, #80b5ea 100%);
    background: linear-gradient(180deg, #80b5ea 5%, #bddbfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80b5ea",endColorstr="#bddbfa");
}

.css_button1:active {
    position:relative;
    top: 1px;
}

.css_button2 {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #d02718;
    padding: 7px 18px;
    text-shadow: 1px 1px 0px #810E05;
    -webkit-box-shadow: inset 1px 1px 0px 0px #f5978e;
    -moz-box-shadow: inset 1px 1px 0px 0px #f5978e;
    box-shadow: inset 1px 1px 0px 0px #f5978e;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #c62d1f 5%, #f24537 100%);
    background: -moz-linear-gradient(90deg, #c62d1f 5%, #f24537 100%);
    background: -ms-linear-gradient(90deg, #c62d1f 5%, #f24537 100%);
    background: linear-gradient(180deg, #f24537 5%, #c62d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f24537",endColorstr="#c62d1f");
}

.css_button2:hover {
    background: -webkit-linear-gradient(90deg, #f24537 5%, #c62d1f 100%);
    background: -moz-linear-gradient(90deg, #f24537 5%, #c62d1f 100%);
    background: -ms-linear-gradient(90deg, #f24537 5%, #c62d1f 100%);
    background: linear-gradient(180deg, #c62d1f 5%, #f24537 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c62d1f",endColorstr="#f24537");
}

.css_button2:active {
    position:relative;
    top: 1px;
}

.css_button3 {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #83c41a;
    padding: 7px 18px;
    text-shadow: 1px 1px 0px #689324;
    -webkit-box-shadow: inset 1px 1px 0px 0px #c1ed9c;
    -moz-box-shadow: inset 1px 1px 0px 0px #c1ed9c;
    box-shadow: inset 1px 1px 0px 0px #c1ed9c;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #8cb82b 5%, #9dce2c 100%);
    background: -moz-linear-gradient(90deg, #8cb82b 5%, #9dce2c 100%);
    background: -ms-linear-gradient(90deg, #8cb82b 5%, #9dce2c 100%);
    background: linear-gradient(180deg, #9dce2c 5%, #8cb82b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dce2c",endColorstr="#8cb82b");
}

.css_button3:hover {
    background: -webkit-linear-gradient(90deg, #9dce2c 5%, #8cb82b 100%);
    background: -moz-linear-gradient(90deg, #9dce2c 5%, #8cb82b 100%);
    background: -ms-linear-gradient(90deg, #9dce2c 5%, #8cb82b 100%);
    background: linear-gradient(180deg, #8cb82b 5%, #9dce2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8cb82b",endColorstr="#9dce2c");
}

.css_button3:active {
    position:relative;
    top: 1px;
}

.css_button4 {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #ffaa22;
    padding: 7px 18px;
    text-shadow: 1px 1px 0px #ffee66;
    -webkit-box-shadow: inset 1px 1px 0px 0px #fff6af;
    -moz-box-shadow: inset 1px 1px 0px 0px #fff6af;
    box-shadow: inset 1px 1px 0px 0px #fff6af;
    cursor: pointer;
    color: #333333;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #ffab23 5%, #ffec64 100%);
    background: -moz-linear-gradient(90deg, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(90deg, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(180deg, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffec64",endColorstr="#ffab23");
}

.css_button4:hover {
    background: -webkit-linear-gradient(90deg, #ffec64 5%, #ffab23 100%);
    background: -moz-linear-gradient(90deg, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(90deg, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(180deg, #ffab23 5%, #ffec64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffab23",endColorstr="#ffec64");
}

.css_button4:active {
    position:relative;
    top: 1px;
}

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     banner
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#banner img{
          width: 100%;
     }

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     Content
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.content1Column{
     width: 100%;
     margin-top: 2px;
     float: left;
     }

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

.content2Column{
     width: 47%;
     margin-top: 2px;
     float: left;
     }

.content2Column.gap{
     padding-right: 6%;
     }

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

.content3Column{
     width: 30%;
     margin-top: 0px;
     float: left;
     }

.content3Column.gap{
     padding-right: 5%;
     }

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

.contentMedium{
     width: 920px;
     float: left;
     }

.contentSmall{
     width: 700px;
     float: left;
     }

.sidebarLeft{
     width: 200px;
     float: left;
     margin-right: 20px;
     background: #f1f1f1;
     }

.sidebarRight{
     width: 260px;
     float: right;
     background: #f1f1f1;
     }

.sidebarItem{
     padding: 20px;
     border-bottom: solid 1px #fafafa;
     }

.sidebarLeft .sidebarItem img{
     border: solid 1px #e1e1e1;
     }

.sidebarLeft .sidebarItem .gap{
     margin-bottom: 20px;
     }

.sidebarLeft a, .sidebarRight a{
     color: #666;
     }

.blogEntry{
     padding-bottom: 15px;
     border-bottom: dotted 1px #e1e1e1;
     margin-bottom: 15px;
     }

.blogEntry.last{
     border-bottom: none;
     margin-bottom: 0px;
     }

.blogEntry .meta{
     font-size: 10px;
     margin-top: -10px;
     margin-bottom: 10px;
     color: #666666;
     }

.blogEntry .videoIframe{
     width: 920px;
     height: 540px;
     }

.galleryImage{
     float: left;
     width: 246px;
     text-align: left;
     padding-bottom: 30px;
     }

.galleryImage.last{
     width: 216px;
     }

.galleryImage img{
     border: solid 1px #e1e1e1;
     width: 216px;
     }

.portfolioItem{
     float: left;
     width: 255px;
     padding-right: 60px;
     text-align: left;
     padding-bottom: 40px;
     }

.portfolioItem.last{
     padding-right: 0px;
     }

.portfolioItem img{
     border: solid 1px #e1e1e1;
     width: 255px;
     margin-bottom: 15px;
     }

.contentHalfRight{
     width: 40%;
     border-left: solid 1px #e1e1e1;
     float: right;
     text-align: right;
     }

.contentHalfRightContent{
     margin-left: 80px;
     }

.contentHalfLeft{
     width: 50%;
     float: left;
     }

.contactForm input,
.contactForm select,
.contactForm textarea{
     width: 350px;
     border: solid 1px #cecece;
     padding: 8px 5px;
     margin-top: 5px;
     background: #f1f1f1
     }

.contactForm select{
     width: 360px;
     }

.contactForm textarea{
     width: 90%;
     }

#mapIframe{
     width: 100%;
     height: 400px;
     }

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     Screen resolutions below 1200px wide
     Suitable for tablets in landscape mode (i.e. iPad 1 & 2, Blackberry Playbook) and netbooks (i.e. HP Mini, Acer Aspire One)
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 1250px){

body{
     background-color: #ffffff;
     color: #666666;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-right: 0px;
     margin-left: 0px;
     padding: 0px;
     padding-top: 45px;                           /* Gap from top to banner */

     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     font: normal 100%/1.4 sans-serif;
     text-size-adjust: 100%;

     }

     #wrapper{
          width: 960px;
          }

     .contentMedium{
          width: 680px;
          }

     .contentSmall{
          width: 740px;
          }

     .columns2 .sidebarRight{
          width: 260px;
          }

     .columns3 .sidebarRight{
          width: 740px;
          float: right;
          margin-top: 20px;
          padding-top: 20px;
          border-top: solid 1px #e1e1e1;
          background: none;
          }

     .columns3 .sidebarRight .sidebarItem{
          width: 30%;
          float: left;
          padding: 0px;
          border-bottom: none;
          }

     .columns3 .sidebarRight .sidebarItem.gap{
          padding-right: 5%;
          }

     .blogEntry .videoIframe{
          width: 680px;
          height: 400px;
          }

     .galleryImage{
          width: 196px;
          padding-bottom: 20px;
          }

     .galleryImage.last{
          width: 176px;
          }

     .galleryImage img{
          width: 176px;
          }

     .portfolioItem{
          float: left;
          width: 210px;
          padding-right: 40px;
          text-align: left;
          padding-bottom: 30px;
          }

     .portfolioItem.last{
          padding-right: 0px;
          }

     .portfolioItem img{
          border: solid 1px #e1e1e1;
          width: 210px;
          margin-bottom: 15px;
          }

     .wrapper1{
          width: 100%;
          background-color: #FFFFFF;
          overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
          }

     .wrapper2{
          width: 100%;
          margin-left:auto;
          margin-right:auto;
          background-color: #ECEFF4;
          overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
          }

     .wrapper3{
          width: 100%;
          margin-left:auto;
          margin-right:auto;
          background-color: #B7FDE7;
          overflow: hidden;                           /* Ignores the floating objects and gets the correct height to color the full background of the section */
          }

     .wrapper4{
          width: 100%;
          margin-left:auto;
          margin-right:auto;
          background-color: #F1F3F8;
          overflow: hidden;
          }

     }


/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     Screen resolutions below 960px wide
     Suitable for tablets in portrait mode (i.e. iPad 1 & 2, Blackberry Playbook, Motorola Xoom) and large res smartphones (i.e. Motorola Atrix in landscape mode)
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 960px){

     #wrapper{
          width: 728px;
          }

     .contentMedium,
     .contentSmall{
          width: 100%;
          float: none;
          clear: both;
          margin-bottom: 20px;
          }

     .columns2 .sidebarRight,
     .columns3 .sidebarRight{
          width: 100%;
          float: none;
          clear: both;
          padding-top: 20px;
          border-top: solid 1px #e1e1e1;
          background: none;
          }

     .columns2 .sidebarRight .sidebarItem,
     .columns3 .sidebarRight .sidebarItem{
          width: 30%;
          float: left;
          padding: 0px;
          border-bottom: none;
          }

     .columns2 .sidebarRight .sidebarItem.gap,
     .columns3 .sidebarRight .sidebarItem.gap{
          padding-right: 5%;
          }

     .columns3 .sidebarLeft{
          width: 100%;
          float: none;
          clear: both;
          padding-top: 20px;
          padding-bottom: 20px;
          border-top: solid 1px #e1e1e1;
          background: none;
          }

     .columns3 .sidebarLeft .sidebarItem{
          width: 100%;
          float: none;
          clear: both;
          padding: 0px;
          border-bottom: none;
          }

     .columns3 .sidebarLeft .sidebarItem .gap{
          margin-right: 22px;
          margin-bottom: 0px;
          }

     .columns3 .sidebarLeft .sidebarItem.gap{
          padding-right: 4%;
          }

     .blogEntry .videoIframe{
          width: 728px;
          height: 427px;
          }

     .galleryImage{
          width: 148px;
          padding-bottom: 12px;
          }

     .galleryImage.last{
          width: 136px;
          }

     .galleryImage img{
          width: 136px;
          }

     .portfolioItem{
          float: left;
          width: 167px;
          padding-right: 20px;
          text-align: left;
          padding-bottom: 20px;
          }

     .portfolioItem.last{
          padding-right: 0px;
          }

     .portfolioItem img{
          border: solid 1px #e1e1e1;
          width: 167px;
          margin-bottom: 15px;
          }

     .contactForm textarea{
          width: 350px;
          }

     #mapIframe{
          height: 450px;
          }

     #banner{
          margin-left: auto;
          margin-right: auto;
          width: 85%;
          }

     }

/*
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
     Screen resolutions below 728px wide
     Suitable for mobile devices (i.e. iPhone, Motorola Atrix, Blackberry)
    ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 728px){

     h1{
          text-align: left;
          font-size: 20px;
          font-weight: bold;
          font: Verdana, Arial, Helvetica, sans-serif;
       }

     h2{
          text-align: left;
          font-size: 13px;
          font-weight: bold;
          font: Verdana, Arial, Helvetica, sans-serif;
       }

     h3{
          text-align: left;
          font-size: 18px;
          color: #551A8B;
          margin: 10px 0px 2px 0px;
          font-weight: bold;
       }

     #wrapper{
          width: 100%;
          }

     #logo{
          width: 100%;
          text-align: center;
          float: none;
          }

     #nav{
          float: none;
          padding-top: 0px;
          }

     #nav .navItem{
          display: block;
          float: none;
          padding: 15px 0px;
          text-align: center;
          border-right: none;
          border-bottom: solid 1px #e1e1e1;
          }

     #nav .lastChild{
          border-right: none;
          padding-right: 0px;
          border-bottom: none;
          }

     #nav.collapsible{
          display: none;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          background: #f1f1f1;
          }

     #navCollapser{
          display: none;
          cursor: pointer;
          width: 100%;
          padding: 15px 0px;
          text-align: center;
          background: #f1f1f1;
          border-bottom: solid 1px #e1e1e1;
          }

     .navTip{
          display: block;
          padding: 10px;
          border: solid 1px #e1e1e1;
          margin: -20px auto 20px auto;
          text-align: center;
          font-size: 10px;
          }

     #content{
          width: 95%;
          margin: 20px auto 0px auto;
          }

     #banner{
          margin-left: auto;
          margin-right: auto;
          width: 95%;
          }

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

     .content1Column{
          width: 100%;
          padding-top: 15px;
          float: none;
          }

     .content1Column.gap{
          padding-right: 0px;
          }


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

     .content2Column{
          width: 100%;
          padding-top: 15px;
          float: none;
          }

     .content2Column.gap{
          padding-right: 0px;
          }

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

     .content3Column{
          width: 100%;
          padding-top: 15px;
          float: none;
          }

     .content3Column.gap{
          padding-right: 0px;
          }

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

     .columns2 .sidebarRight,
     .columns3 .sidebarRight{

          padding-top: 0px;
          }

     .columns3 .sidebarLeft{
          border-top: none;
          padding-top: 0px;
          margin-top: 0px;
          }

     .columns2 .sidebarRight .sidebarItem,
     .columns3 .sidebarRight .sidebarItem,
     .columns3 .sidebarLeft .sidebarItem{
          width: 100%;
          padding-top: 20px;
          float: none;
          }

     .columns3 .sidebarLeft .sidebarItem{
          text-align: center;
          padding-top: 0px
          }

     .columns2 .sidebarRight .sidebarItem.gap,
     .columns3 .sidebarRight .sidebarItem.gap,
     .columns3 .sidebarLeft .sidebarItem.gap{
          padding-right: 0px;
          }

     .columns3 .sidebarLeft .sidebarItem img{
          width: 140px;
          }

     .columns3 .sidebarLeft .sidebarItem .gap{
          margin-right: 0px;
          }

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

     .blogEntry {
          width: 100%;
          }

     .blogEntry .videoIframe{
          width: 100%;
          height: 190px;
          }

     .galleryImage{
          width: 50%;
          text-align: center;
          padding-bottom: 16px;
          }

     .galleryImage.last{
          width: 50%;
          }

     .galleryImage.remove{
          display: none;
          }

     .galleryImage img{
          width: 90%;
          }

     .portfolioItem{
          float: none;
          width: 100%;
          padding-right: 0px;
          text-align: center;
          padding-bottom: 25px;
          }

     .portfolioItem.last{
          padding-right: 0px;
          }

     .portfolioItem img{
          border: solid 1px #e1e1e1;
          width: 100%;
          max-width: 255px;
          margin-bottom: 15px;
          }

     .contentHalfRight{
          width: 100%;
          border-left: none;
          float: none;
          clear: both;
          text-align: left;
          }

     .contentHalfRightContent{
          margin-left: 0px;
          }

     .contentHalfLeft{
          width: 100%;
          float: none;
          clear: both;
          margin-top: 20px;
          }

     .contactForm input,
     .contactForm select,
     .contactForm textarea{
          width: 95%;
          border: solid 1px #666666;
          padding: 8px 5px;
          margin-top: 5px;
          background: #D9D9D9
          }

     .contactForm select{
          width: 100%;
          }

     .contactForm textarea{
          width: 95%;
          }

     #mapIframe{
          height: 300px;
          }

/* ************************************************************************************************************************************ */

                                              /* Responsive table */
     .table{
          text-align: center;
          border-top:2px solid #000;           /* Top             */
          border-bottom:0px solid #000;        /* Bottom of block */
     }
     .column2:before{
          text-align: left;
          border-top:2px solid #000;           /* Top             */
     }
     .table3{
          text-align: center;
          border-top:2px solid #000;           /* Top             */
          border-bottom:0px solid #000;        /* Bottom of block */
     }
     .column3:before{
          text-align: center;
          border-top:2px solid #000;           /* Top             */
          background-color: #ECEFF4;
          font-size:large;
     }
     .row{
          display:table-row;                       /* Defines a table row */
          text-align: center;
     }
     .row .column2:nth-child(1){               /* first column of the row */
          border-left:none;
          border-right:none;
     }
     .row .column3:nth-child(1){               /* first column of the row */
          border-left:none;
          border-right:none;
     }
     .row .column2:last-child{                 /* last column of the row */
          border-right:none;
          border-right:none;
     }
     .row .column3:last-child{                 /* last column of the row */
          border-right:none;
          border-right:none;
     }
     .row:last-child .column2,
     .row:last-child .column3,
     .column2,
     .column3 {                                /* Column in the last row and column */
          display:inline-table;
          border-left:none;
          border-right:none;
          border-bottom:2px solid #000;           /* Top             */
          width:90%;
     }
     .column2 img{
          width:15%;
     }
     .column3 img{
          width:65%;
     }

}