body {

    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;

    margin: 0 auto;
    background-image: url('../img/bg.png');
}

.container {
    width: 950px;
    margin: 0 auto;
}

.head {
    height: 80px;
    width: 950px;
}

.logo {
    margin-top: 42px;
    margin-left: 28px;
    float: left;
}

.contact {
    float: right;
    width: 350px;
    height: 45px;
    margin-right: 28px;
    margin-top: 35px;
    text-align: right;
}

.contact p, .contact h3 {

    margin: 0;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;

}

.contact h3 {
    text-transform: uppercase;
    font-weight: normal;
}

.contact img {
    margin-top: -15px;
    float: right;
}

.menu {
    float: left;
    margin-top: 28px;
    width: 950px;
    height: 43px;
    display: inline;
    background-image: url("../img/menubg.png");

}

.menu ul {
    height: 43px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 950px;
    float: left;

}

.menu ul, .menu ul ul {
    list-style: none;
    position: relative;
}

.menu ul ul {
    z-index: 6;
    margin-left: -2px;
    margin-top: 43px;
    display: none;
    position: absolute;
    width: 188px;

    height: 132px;
    height: auto;
    background-image: url("../img/submenu.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.menu ul ul li {

    height: 32px;
    text-transform: uppercase;

}

.menu ul ul li > a,
.menu ul ul li:last-child > a,
.menu ul ul li:first-child > a {

    background: none;
    color: #333;
    font-weight: normal;
    width: 148px;
    padding: 0 20px;
    height: 35px;
}

.menu ul ul li > a:hover,
.menu ul ul li:last-child > a:hover,
.menu ul ul li:first-child > a:hover {
    background-image: url("../img/sublist.png");
    background-repeat:no-repeat;
    color: #333;
    text-shadow: none;
}

.menu ul ul li+li {
    background: none;
    padding: 0;
}

.menu ul li:hover > ul {
    display: block;
}

.menu li {
    float: left;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    display: inline;


}

.menu  a {

}

.menu li a {
    height: 43px;
    width: 100%;
    line-height: 43px;
    float: left;
    text-decoration: none;
    color: #000;

}


.menu li:first-child a {

}

.menu li:last-child a {

}

.menu li a:hover, .menu li .active {
    color: #fff;
    background-image: url("../img/menu-hover.png");
    text-shadow: 1px 1px 1px #666666;

}

.menu li:first-child a:hover,.menu li:first-child  .active {
    background-image: url("../img/menu-hover-left.png");

}

.menu li:last-child a:hover,.menu li:last-child  .active {
    background-image: url("../img/menu-hover-right.png");
    background-position: right;

}

.menu li .last {

}

.menu li:hover .last {
    background-image: url("../img/menu-hover-right.png");
    background-position: right;

}

.menu img {
    height: 43px;
    width: 2px;
}

.menu li+li {
    background: url('../img/separator.png') no-repeat top left;
    padding-left: 2px;
}


/* INFO */

.main-info {
    text-align: center;
    margin-top: 10px;
    float: left;

}

.main-info .info {
    text-align: justify;
    float: left;
    width: 380px;
    padding: 0 47px;
    padding-bottom: 40px;

}

.main-info .info h1 {
    font-size: 27px;
    color: #545454;
    font-weight: normal;
}

.main-info .info p {
    font-size: 14px;

}

.main-info .info a {
    color: #f4a03b;
    font-size: 14px;
}

.main-info .info a:hover {
    color: #ccc;

}

/*SERVICES*/

.services, .serv-left, .serv, .serv-right {
    float: left;
}

.services {
    margin-left: 78px;
    margin-top: 30px;
}

.serv-left {
    background-image: url("../img/services-left.png");
    width: 8px;
    height: 184px;
}

.serv {
    background-image: url("../img/services.png");
    /*width: 914px;*/
    width: 758px;
    height: 164px;
    padding: 10px;

}

.serv-right {
    background-image: url("../img/services-right.png");
    width: 8px;
    height: 184px;
}

.services h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 30px;
    font-weight: normal;
    color: #545454;
}

.services ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.services  ul a > span{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin-top: -8px;

}

.services a img {
    border: none;
}

.services a {
    text-decoration: none;
    text-align: center;
    color: #333;
}

.services li a:hover {
    color: #ff9900;
}

.services li {
    float: left;
    width: 141px;
    height: 125px;
    padding: 0 5px 0 8px;
}


.services li:first-child {
    padding-left: 0;
}

.services li:last-child {
    padding-right: 0;
}

.services li img {
    width: 121px;
    height: 81px;
    padding: 10px 10px;
    background-image: url("../img/servibg.png");
    background-repeat: no-repeat;
}

.services li a:hover img {
    background-image: url("../img/servibgh.png");



}

.services li+li {
    background: url('../img/service-separator.png') no-repeat top left;

}

/*-------FOOTER--------*/

.footer {
    margin-top: 30px;
    float: left;
    margin-left: -23px;
    height: 50px;
    width: 996px;

    background-image: url("../img/footerbg.png");
}

.footer ul {
    padding: 0 50px;
    margin: 0 auto;

    text-align: center;
    list-style: none;
}

.footer li {

    float: left;
    text-transform: uppercase;
    margin-top: 10px;
}

.footer li+li {
    border-left: solid 2px #fff;
}

.footer li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    height: 14px;
    padding: 8px 40px;
}

.footer li a:hover {
    color: #666666;
}

.footer p {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding: 20px;
}

/*--------ABOUT US-------*/

.about-us {
    width: 554px;
    height: 737px;
    padding: 10px;
    border: solid 1px #cccccc;
    float: left;
    margin-top: 30px;
    background-color: #fff;

}

.about-us .continut {
    float: left;
    width: 514px;
    height: 715px;
    background-color: #f5f5f5;
    padding: 20px;
    padding-bottom: 0;
}

.about-us .continut h1 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    padding: 0;
    margin: 0;
    color: #545454;
    font-weight: normal;
    font-size: 30px;
}

.about-us .continut p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 22px;
    padding: 0;
    margin-top: 5px;
    text-align: justify;
    color: #121111;
    font-size: 14px;
}

.about-us .continut a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
    float: right;
    color: #f4a03b;
    font-size: 14px;
}

.about-us .continut a:hover {
    color: #ccc;
}

.about-us .continut span {
    margin-top: 20px;
    margin-bottom: 5px;
    float: left;
    width: 514px;
    height: 1px;
    border-bottom: 1px solid #ccc;
}

/*---------FORM--------*/
.form {
    margin-top: 27px;
    float: right;
    width: 302px;
    height: 631px;
    padding: 25px;
    padding-top: 140px;
    text-align: center;
    background: url("../img/formbg.png") no-repeat;

}

.form h5 {
    font-family: Verdana, Geneva, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.form input {
    border: none;
    background: url("../img/inputbg.png") no-repeat;
    margin-top: 10px;
    width: 271px;
    height: 21px;
    padding: 5px 15px;

}

.form select {
    margin-top: 10px;
    width: 301px;
    height: 31px;

}

.form textarea {
    border: none;
    margin-top: 10px;
    max-width: 271px;
    min-width: 271px;
    max-height: 57px;
    min-height: 57px;
    height: 21px;
    padding: 5px 15px;
    text-align: left;
    background: url("../img/textarea.png") no-repeat;
}

.form button {
    margin-top: 20px;
    width: 199px;
    height: 48px;
    border: none;
    background: url("../img/submitnow.png") no-repeat;
}

/*--------CONTACT------*/

.contactpg, .ourserv {
    width: 554px;
    height: 737px;
    padding: 10px;
    border: solid 1px #cccccc;
    float: left;
    margin-top: 30px;
    background-color: #fff;
}

.contactpg .continut, .ourserv .continut {
    float: left;
    width: 514px;
    height: 715px;
    background-color: #f5f5f5;
    padding: 20px;
    padding-bottom: 0;
}

.contactpg iframe {
    border: 1px solid #b5b5b5;
    border-radius: 3px;
}

.contactpg h1, .ourserv h1 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    padding: 0;
    margin: 20px 0;
    color: #545454;
    font-weight: normal;
    font-size: 30px;
}

.ourserv h1 {

    font-size: 22px;
    margin-top: 10px;
}

.contactpg p, .ourserv p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 22px;
    padding: 0;
    text-align: justify;
    color: #121111;
    font-size: 14px;
}

.ourserv .img {
    float: right;
    width: 230px;
    height: 130px;
    text-align: center;
}

/*----------DRIVERS--------*/

.drivers {
    width: 928px;
    height: 737px;
    padding: 10px;
    border: solid 1px #cccccc;
    float: left;
    margin-top: 30px;
    background-color: #fff;
}

.drivers .continut {
    float: left;
    width: 888px;
    height: 717px;
    background-color: #f5f5f5;
    padding: 20px;
    padding-bottom: 0;
}

.drivers .continut h1 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    padding: 0;
    margin: 20px 0;
    color: #545454;
    font-weight: normal;
    font-size: 30px;

}

.drivers .parag {
    width: 500px;
    float: left;
}

.drivers .continut p {

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 22px;
    padding: 0;
    text-align: justify;
    color: #121111;
    font-size: 14px;
}

.drivers .continut img {
    border: solid 1px #ccc;
    margin-left: 20px;


}

.drivers .continut span {

    float: left;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

/*------FORMS------*/

.forms {
    width: 928px;
    height: 737px;
    padding: 10px;
    border: solid 1px #cccccc;
    float: left;
    margin-top: 30px;
    background-color: #fff;
}

.forms .continut {
    float: left;
    width: 878px;
    background-color: #f5f5f5;

    height: 675px;
    padding-bottom: 0;
    padding: 30px 25px;

}

.forms .left {
    float: left;
    width: 424px;
    height: 697px;

}

.forms .right {
    border-left: 1px solid #ccc;
    float: left;
    width: 398px;
    height: 675px;
    padding-left: 25px;

}

.forms .left h1, .forms .right h1 {

    width: 360px;

    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    padding: 0;
    margin-top: 0;
    color: #545454;
    font-weight: normal;
    font-size: 30px;

}

.forms .left p {
    margin: 20px 0;
    width: 360px;
    text-align: justify;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 22px;
    color: #121111;
    font-size: 14px;
}

.forms .left table {

    margin-top: 30px;
    width: 360px;

}

.forms .right thead {
    font-weight: bold;
}
.forms .right a{
    text-decoration: none;
    color: inherit;
}


.forms .right tbody {
    vertical-align: middle;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

.forms .right td {
    padding: 0 2px;
}

.forms h4 {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    margin: 20px 0;
}

.forms .left img {
    padding-right: 7px;
    margin-bottom: -1px;
}
.forms a img{
    border: none;
}


/* BLOCS */

.blocs {
    margin-left: -5px;
    width: 960px;
    float: left;
    margin-top: 20px;
}

.blocs .bloc {
    float: left;
}
.blocs .bloc span{
    float: left;
}

.ourserv .bloc {
    margin-top: 10px;
}

.bloc {
    margin: auto;
    width: 480px;
    height: 129px;
    background-image: url("../img/bloc.png");
}

.clik {
    position: relative;
    width: 140px;
    height: 21px;
    left: 20px;

    background-image: url("../img/clikbutt.png");
}

.clik:hover {
    background-image: url("../img/clikbutt-hover.png");
}

.bloc .d {
    float: left;
}

.bloc .log, .ourser .bloc .log {
    text-align: center;
    width: 200px;
    height: 90px;
}

.bloc .descr, .ourser .bloc .descr {
    text-align: center;
    float: left;
    width: 230px;
    padding: 0 5px;

}

.bloc .descr h2, .ourser .bloc .descr h2 {

    text-transform: uppercase;
    color: #545454;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font-size: 18px;
}

.bloc .descr p, .ourser .bloc .descr p {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #f4a141;
    font-size: 14px;
    margin-top: 5px;

}

/*placeholder*/

-webkit-input-placeholder {
    color: #999;
    font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

:-moz-placeholder {
    color: #999;
    font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

.placeholder {
    color: #999;
    font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

div.ui-datepicker {
    font-size: 10px !important;
}

#emailError, #nameError {
    text-align: left;
    width: 260px;
    margin: 0;
    font-size: 10px;
    color: red;
    position: absolute;
    margin-top: -2px;
    margin-left: 20px;
}

#home{
     width: 132px;
 }
#about{
   width: 160px;
}
#serv{
    width:184px;
}
#form{
    width: 138px;
}
#drivers{
    width: 147px;
}
#contact{
    width:178px ;
}

#shadow{
    width: 100%;
    height: 30px;
    float: left;
    margin-top: 13px;

}

.addserv{
    height: 2052px;
    text-align: justify;
    width: 928px;
    padding: 10px;
    border: solid 1px #cccccc;
    float: left;
    margin-top: 30px;
    background-color: #fff;
}

.addserv .continut{
    /*height: 2366px;*/
    padding: 20px;
    background-color: #f5f5f5;

}

.addserv h1{
    width: 360px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    padding: 0;
    margin-top: 0;
    color: #545454;
    font-weight: normal;
    font-size: 30px;

}
.addserv h3{
    font-size: 16px;
    margin-top: 40px;
}

.addserv ul{
    margin-left: 50px;
}
.addserv span{
    float: left;
    width: 100%;
    border-bottom: solid 1px #ccc;
}
.addserv p{
    margin: 20px 0;
}

.addserv img{
    width: 300px;
    float: right;
    border: 1px solid #ccc;
    margin-left: 10px;
}