body{
    margin:0;
    padding:0;
    background-color:#e8eae7;
    color:#000;
    font-family: "Arial";
    }
img {border: none;}
/* ------------------------  Start Top ------------------  */
#wrap-top{
    background-image: url(images/bg-top.gif);
    background-repeat: repeat-x;
}
#header{
    margin: 0 auto;
    width:961px;
    height: 163px;
}

#logo{
    float: left;
    width: 462px;
    margin: 23px 0 0 0;
}
#phone{
    float: right;
    width: 279px;
    margin: 30px 0 0 0;
}
#navigation {
    clear: both;
    height: 56px;
    padding: 5px 0 0 0;
    }

    
/* ------------------------  Start Mid ------------------  */
#wrap-mid{
    padding: 20px 0 0 0;
    background-color:#000;
    background-image: url(images/bg-mid.jpg);
    background-repeat: repeat-x;
    height: 312px;
}

/* ------------------------  Start Main Content ------------------  */
#header-mid{
    margin: 0 auto;
    height: 365px;
    width: 961px;
    background-color: #000;
    border: 2px solid #fff;
    box-shadow: 1px 2px 2px 2px #b6b6b6;
    /*background-image: url(images/head-mast.jpg);*/
    /*background-repeat: no-repeat;*/
}
#header-mid2{
    margin: 0 auto;
    height: 360px;
    width: 955px;
    background-color: #000;
    border: 2px solid #fff;
    box-shadow: 1px 2px 2px 2px #b6b6b6;
    background-image: url(mockupzero.jpg);
    background-repeat: no-repeat;
}
#button-head{
    position: relative;
    top: 180px;
    left: 10px;
}

#testi-head{
    position: relative;
    top: 210px;
    left: 325px;
    color: #fff;
    width: 620px;
    font-style: italic;
}

    
#wrap-main{
    clear: both;
    background:#fff;
    margin:10px auto;
    width:961px;

}

.main-content {
    font-size: 12px;
    background: #fff;
    margin: 10px 0 10px 12px;
    float: left;
    width:305px;
    line-height: 17px;
    }
.main-content a{
    font-style: italic;
    font-weight: bold;
    color:#ee8603;
    text-align:right;
    }
.main-content p{padding: 0 5px 0 5px;}

.main-content-pages {
    font-size: 12px;
    background: #fff;
    margin: 10px 0 10px 12px;
    float: left;
    width:610px;
    line-height: 17px;
    }
.main-content-pages a{
    font-weight: bold;
    color:#ee8603;
    text-align:right;
    }
.main-content-pages p{padding: 0 5px 0 5px; margin-left: 5px;}
.main-content-pages-title{
    background-image: url(images/content-pages-title-bg.gif);
    background-repeat: repeat;
    height: 31px;
    width: 610px;
}

.main-content-pages hr {color: #fff; background-color: #fff; border: 1px dotted #7e7e7e; border-style: none none dotted; clear: both; }
.main-content-pages h3{ margin-left: 10px;}
/* ------------------------- middle section ---------------------*/
#wrap {
    background:transparent;
    margin:10px auto;
    padding: 0 0 0 5px;
    width:961px;
    }
.content{
    margin: 1px 0 0 0;
    background-image: url(images/bg-mid.gif);
    background-repeat: repeat-x;
    width: 189px;
    height: 162px;
    clear: both;
}

.mid{
    float: left;
    width: 189px;
    background: #e8eae7;
    margin-right: 3px;
    font-style: italic;
}
.mid h3{padding: 7px 0 0 0; margin:0; }
#log{float: left; margin: 5px 3px 0 5px;}
.mid p{font-size: 12px; padding: 0 5px 0 3px; margin: 5px 0 0 5px;}
#button-mid{float: right;}


/*-------------------------------- form ----------------------------*/
#mid3-form{
    margin: 0 0 10px 10px;
    background-image: url(images/bg-form.jpg);
    background-repeat: no-repeat;
    width: 305px;
    height: 230px;
}

#form1 input{width: 130px;}
#form1{width:287px; margin: 0 0 0 10px;}
#form3{width:600px; margin: 0 0 0 10px;}

#form2{
    width: 283px;
    margin: 0 0px 20px 0px;
    padding: 55px 0 0 0;
    color: #fff;
}
.submit-button{
    margin-right: 23px;
    background-image: url(images/button-form.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    border:0;
    width: 83px;
    height: 29px;
}

    
#testi {
    font-style: italic;
    margin: 0;
    padding:0 5px 0 10px;
    list-style-type: none;
    color:#626262;
    }
    
#testi li{
    border-bottom: 1px dashed #bcbcbc;
    background-color: #ececec;
    padding: 10px 5px 15px 5px;
    }
.client{text-align: right; margin:0;font-weight: bold;}
/*-------------------------------- footer ----------------------------*/

#wrap-foot{
    margin: 0 auto;
    border-top: 3px solid #003359;
    background-image: url(images/bg-foot.gif);
    background-repeat: repeat;
    height: 168px;
}

#footer {
    margin: 0 auto;
    width: 961px;
}

#footer a{color: #fff; text-decoration: none;}
#footer a:hover{color: #ee941a; text-decoration: underline;}
#footer p{font-size: 12px; color: #fff;}
#foot-left{
    margin: 0 0 0 20px;
    float: left;
}
#foot-title{
    color: #ee941a;
    font-size: 16px;
    font-weight: bold;
}

#foot-right{
    border-bottom: 1px solid #426ea6;
    padding-bottom: 10px;
    margin: 0 20px 0 0;
    float: right;
}
#foot-right ul{
    font-size: 12px;
    color:#fff;
    text-transform: uppercase;
    float: left;
    margin:20px 20px 0 0;
}
#foot-right li{list-style-type: none}
.yellow{color: #ee941a; font-weight: bold;}
#foot-rigth hr{clear: both; float: right; width: 500px;}
#copy{
    font-style: italic;
    margin: 5px 20px 0 0;
    color: #fff;
    float: right;
    font-size: 11px;
    }
#copy a{color: #ee941a;}
.fleft{float: left}
.fright{float:right;}

.logo{border-top: 2px solid #115e96; padding: 10px; text-align: center;}
.logo img{vertical-align: middle; margin: 10px; padding: 0; }
/* ---------------------- Slide show ------------------------ */
#slideshow {
    position:relative;
    height:290px;
    width: 460px
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.oncontenttesti p{
    color: #666666;
    background-color: #efefef;
    padding: 10px 3px 10px 5px;
    border: 1px solid #e6e6e7;
    text-align: center;
    font-size: 15px;
}