body{margin:0;font-family:'gillsans', Helvetica;background:#EFF0E9;}
@font-face {
    font-family: 'gillsans';
    src: url('fonts/gillsans.eot');
    src: url('fonts/gillsans.eot') format('embedded-opentype'),
         url('fonts/gillsans.woff2') format('woff2'),
         url('fonts/gillsans.woff') format('woff'),
         url('fonts/gillsans.ttf') format('truetype'),
         url('fonts/gillsans.svg#gillsans') format('svg');
}
@font-face {
    font-family: 'gillsanslight';
    src: url('fonts/gillsanslight.eot');
    src: url('fonts/gillsanslight.eot') format('embedded-opentype'),
         url('fonts/gillsanslight.woff2') format('woff2'),
         url('fonts/gillsanslight.woff') format('woff'),
         url('fonts/gillsanslight.ttf') format('truetype'),
         url('fonts/gillsanslight.svg#gillsanslight') format('svg');
}

nav ul{letter-spacing:3px;margin:0;padding:0;position:absolute;z-index: 1000;top:40px;left:0px;opacity: 0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
nav ul li{margin:0;padding:0;display:none;list-style: none;text-align: left;text-transform: uppercase;background:#4C525C;font-size: 12px;color:#FFF;}
#nav3{visibility:hidden;height:0;}
nav ul li a{padding:10px;margin:0;vertical-align: middle;display:block;text-decoration:none;color:#FFF;}
nav ul li a:hover{background:#CCC;color:#4C525C}
#footer{background:#4C525C;width:100%;}
#footer-inner{padding:10px;font-size:10px;color:#fff;text-align:center;}
.left{float:left;}
.clear{clear:both;}
.right{float:right;}
.menu-wrapper {
    position: relative;
    z-index: 103;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 39px;
    vertical-align: bottom;
    background-color: #FFF; 
    border-bottom: 5px solid #EFF0E9;
}
.header-menu,.header-basket{background:#4C525C;border-bottom: 1px solid #999;}
.menu-wrapper div, .menu-wrapper dd {
    position: relative;
    display: block;
}
.menu-wrapper div {
    position: relative;
    float: left;
    height: 40px;
    text-indent: -100%;
    width: 42px;
    border-right: 1px solid #999;
}
.menu-wrapper div.menu a {
    background: url(../images/mobile-sprite.png) no-repeat -242px -111px;
    display: block;
    height: 38px;
    position: relative;
}

.header-logo {
    display: block;
    background: url(../images/logo200.png) no-repeat 0 8px #FFF;
    width: 280px;
    height: 0px;
    position: absolute;
    left: 46%;
    margin-left: -88px;
    color: #FFF;
    font-size: 18px;
    padding-top: 39px;
    overflow: hidden;   
}
.header-basket {
    width: 39px;
    height: 40px;
    position: absolute;
    top: 0;
    border-left: 1px solid #999;
}
.header-basket {
    right: 0;
}
#content{padding:5px;font-size:12px;background:#fff;}
.home-image{width:100%}

.homebox,.homebox2{width:100%; text-align: center;padding-bottom:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 56%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 56%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 56%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 56%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 56%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}
.homebox,.homebox2{color:#666;margin-top:20px;height:295px;}
.homebox a,.homebox2 a{color:#666;}
.homebox a:hover,.homebox2 a:hover{color:#000;}
.confirmationmsg{color:red;}
.services-box{width:100%;}
#services-wrapper,#about-wrapper{width:96%;background:#FFF;padding:2%;min-height: 300px;}
#services-wrapper img{width:96%;margin-top:15px;}
    .homebox img,.homebox2 img{width:100%;}
    #about-wrapper img{width:100%;}
    input[type='text'],textarea{width:100%;}
    input[type='submit']{border:0;background:#ccc;padding:5px;cursor:pointer;}
    input[type='submit']:hover{background:#fff;}
 .homebox h3,.homebox2 h3{letter-spacing:3px;font-weight:normal;font-size:12px;}   
 .homebox p, .homebox2 p{font-family:'gillsanslight',Helvetica;font-size:14px;}
 
@media  screen and (min-width: 768px) {
    
    nav{width:700px;}
    #footer-inner{text-align:left;}
    #container{width:700px;margin:0 auto;background:#FFF;}
  #nav_button{display:none;}
  nav ul{position:relative;top:0;width:100%;display:table;}
  nav ul li{display:table-cell;width:20%;text-align:center;background:#FFF;}
   .nav1 a{;display:inline;padding:0;margin:0;color:#333;}
   .nav1 a:hover{background:#FFF;color:#000;border-bottom:2px solid #000;}
   .selected a{color:#000;border-bottom:2px solid #000;}
   
   #nav3{height:auto;visibility: visible;}
   #nav3 a:hover{background:#FFF;}
    .menu-wrapper{display:none}
    #content{padding:20px;}
    #homemain{background:#4C525C;padding:10px 20px;color:#fff;}
    .home-image{}
    .homebox{width:26%;display:inline-table;margin-right:5%;padding:2%;}
    .homebox2{margin-right:0;width:25%;display:inline-table;padding:2%;}
.services-box{width:24%;display:inline-table;color:#FFF;}
#services-wrapper{background:#4C525C;width:96%;padding:0 0 2% 4%;}
   #nav3 img{margin-top:10px;}
   #about-wrapper{background: #4C525C;color:#fff;}
   #about-wrapper .left{width:40%;}
   #about-wrapper .right{width:55%;}
   #contact-inner{width:50%;margin:0 auto;}
}


@media  screen and (min-width: 1024px) {
    nav{width:1000px;}
    #container{width:1000px;margin:0 auto;}
    #homemain{padding:20px 50px;}
    
}