html
{
    background: #FFF;
}
body
{
    background: #FFF;
}
.slice
{
    clear: both;
}
.content
{
    width: 960px;
    margin: 0px auto;
    /*background: #EEE;*/
}
.header .content
{
    margin-top: 0px;
}
.clear
{
    clear: both;
}
h2, h3, h4, h5, h6
{
    margin: 0.6em 0px 0.6em 0px;
}



/* header */
.header
{
    height: 100px;
    overflow: hidden;
}
.header h1
{
    float: left;
    margin: 15px 0px 0px 0px;
    width: 240px;
    height: 100px;
    background: url('../img/logo.png') 0px 20px no-repeat;
}
.header h1 a
{
    display: block;
    width: 160px;
    height: 60px;
    padding: 20px 20px 20px 0px;
}
.header h1 span
{
    display: none;
}




/* header havigation */
#lang 
{
    float: left;
    margin: 0px 0px 0px 200px;
    width: 205px;
}
#lang ul
{
    margin: 15px 0px 0px 10px;
    padding: 0px 0px 0px 6px;
}
#lang li
{
    list-style: none;
}
#search
{
    float: left;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 300px;
}
#mainnav
{
    float: left;
    margin: -65px 0px 0px 440px;
    padding: 0px 0px 0px 6px;
    width: 530px;
    height: 50px;
    overflow: hidden;
    background: url('../img/guide-dark.png') bottom left no-repeat;
}
nav>#mainnav
{
    width: auto;
    min-width: 530px;
}
#mainnav ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mainnav li
{
    float: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
}
#mainnav a
{
    display: block;
    text-decoration: none;
    padding: 15px 10px 10px 10px;
}

/* slogan slice */
.slogan
{
    background: #eefdc7 url('../img/header-1.jpg') center 0px no-repeat;
    height: 395px;
    border-bottom: #FFF 5px solid;
    overflow: hidden;
}
.slogan h2
{
    position: absolute;
    margin: 240px 10px 0px 10px;
    width: 800px;
    border-left: #191d15 5px solid;
}
.slogan h2 span, .slogan h2 a, .simple h2 span
{
    /*outline: #191d15 6px solid;*/
    /*border-top: #191d15 6px solid;
    border-bottom: #191d15 6px solid;*/
    border-top: #191d15 2px solid;
    border-bottom: #191d15 2px solid;
    /*border-left: #191d15 1px solid;
    border-right: #191d15 1px solid;*/
    outline: #191d15 5px solid;
    color: #FFC;
    background-color: #191d15;
    line-height: 130%;
}
@-moz-document url-prefix()
{
    .slogan h2 span, .slogan h2 a, .simple h2 span
    {
        border-left: #191d15 3px solid;
        border-right: #191d15 3px solid;
        line-height: 150%;
    }
    .slogan h2 span strong
    {
        border-left: #191d15 3px solid;
        border-right: #191d15 3px solid;
    }
}
.slogan h2 span strong
{
    font-weight: normal;
}
.slogan.small
{
    height: 145px !important;
}
.slogan.small h2
{
    display: none;
}

.col
{
    float: left;
    width: 305px;
    padding: 10px 6px 10px 6px;
    background: url('../img/guide-dark.png') top left no-repeat;
}
.col.double
{
    width: 525px;
    margin-right: 100px;
}


/* latest slice */
.latest, .project
{
    background: #191d15;
    height: 400px;
    overflow: hidden;
}
.latest .col
{
    background: url('../img/guide-light.png') top left no-repeat;
}
.latest .nbox .thumb
{
    width: 300px;
    height: 170px;
    margin-bottom: 20px;
}
.latest .nbox img
{
    max-width: 300px;
    max-height: 170px;
}
.latest .dte, .simple .dte
{
    margin: -0.5em 0px 0.2em 0px;
}
.project .col
{
    width: 320px;
    padding: 10px 0px 0px 0px;
}
.project .col.double
{
    width: 622px;
    margin-right: 0px;
}
.project .pbox
{
    background: #252921;
    padding: 10px 10px 10px 10px;
}
.project-img
{
    width: 620px;
    height: 350px;
    outline: 1px #8c8e71 solid;
}
.project-img img
{
    max-width: 620px;
    max-height: 350px;
}
.project dl
{
    margin: 0px 0px 0px 0px;
    display: table;
}
.project dt
{
    clear: both;
    float: left;
    width: 80px;
    margin: 0px 0px 0px 0px;
}
.project dd
{
    float: left;
    width: 200px;
    margin: 0px 0px 0px 0px;
}


/* slider */
#slider
{
    width: 496px;
}
#slider .promo-img
{
    width: 496px;
    height: 280px;
    outline: 1px #8c8e71 solid;
}
#slider .promo-img img
{
    max-width: 496px;
    max-height: 280px;
}
#slider .promo-title
{
    margin: -105px 0px 0px 17px;
    width: 460px;
    height: 60px;
}
#slider .promo-title p
{
    margin-top: -10px;
}
#slider .promo-title h4
{
    border-left: #191d15 1px solid;
    /*border-right: #191d15 1px solid;*/
    line-height: 130% !important;
}
#slider .promo-title h4 span, #slider .promo-title h4 a
{
    /*outline: #191d15 6px solid;*/
    /*border-top: #191d15 6px solid;
    border-bottom: #191d15 6px solid;*/
    border-top: #191d15 2px solid;
    border-bottom: #191d15 2px solid;
    border-right: #191d15 3px solid;
    outline: #191d15 5px solid;
    color: #FFC;
    background-color: #191d15;
}
#slider:hover .promo-title a
{
    color: #FF6;
}
#slider .promo-title 
{
    display: none;
}
#slider:hover .promo-title 
{
    display: block;
}

.dots
{
    margin: 13px 0px 0px 0px;
    padding: 0px;
}
.dots li
{
    list-style: none;
    float: left;
}
.dots li a
{
    display: block;
    width: 12px;
    height: 5px;
    padding-top: 10px;
    margin-right: 8px;
    overflow: hidden;
    background: url('../img/dot.png') no-repeat;
}
.dots li.g0 a, .dots li.g0-off a
{
    background: url('../img/dot.png') no-repeat;
}
.dots li.g2 a, .dots li.g2-off a
{
    background: url('../img/dot-2.png') no-repeat;
}
.dots li.g3 a, .dots li.g3-off a
{
    background: url('../img/dot-3.png') no-repeat;
}
.dots li a:hover
{
    background: url('../img/dot-over.png') no-repeat;
}
.dots li.g0-on a
{
    background: url('../img/dot-on.png') no-repeat;
}
.dots li.g2-on a
{
    background: url('../img/dot-2-on.png') no-repeat;
}
.dots li.g3-on a
{
    background: url('../img/dot-3-on.png') no-repeat;
}



/* process */
.process .triple
{
    padding: 10px 6px 10px 6px;
    background: url('../img/guide-dark.png') top left no-repeat;
}
.process .triple h2 a, .about .col h2 a
{
    padding: 0px 6px 0px 6px;
}
.process .triple p
{
    margin-top: -10px;
}

.steps-wrapper
{
    background: url('../img/header-bgnd.png') top repeat-x;
}
/* the steps */
#steps
{
    padding-top: 80px;
    height: 320px;
}
#steps div
{
    float: left;
    background: url('../img/arr-next.png') 0px 50px no-repeat;
    padding-left: 20px;
}
#steps #s1
{
    background: none;
    padding-left: 0px;
}
#steps div a
{
    display: block;
    width: 130px;
    height: 142px;
}
#steps div#s1 a
{
    background: url('../img/step-1.png') 33px 40px no-repeat;
}
#steps div#s2 a
{
    background: url('../img/step-2.png') 33px 40px no-repeat;
}
#steps div#s3 a
{
    background: url('../img/step-3.png') 33px 40px no-repeat;
}
#steps div#s4 a
{
    background: url('../img/step-4.png') 33px 40px no-repeat;
}
#steps div#s5 a
{
    background: url('../img/step-5.png') 33px 40px no-repeat;
}
#steps div#s6 a
{
    background: url('../img/step-final.png') 19px 50px no-repeat;
}
#steps div a:hover
{
    width: 180px;
}
#steps div#s1 a:hover
{
    background: url('../img/step-1-on.png') 13px 0px no-repeat;
}
#steps div#s2 a:hover
{
    background: url('../img/step-2-on.png') 13px 0px no-repeat;
}
#steps div#s3 a:hover
{
    background: url('../img/step-3-on.png') 13px 0px no-repeat;
}
#steps div#s4 a:hover
{
    background: url('../img/step-4-on.png') 13px 0px no-repeat;
}
#steps div#s5 a:hover
{
    background: url('../img/step-5-on.png') 13px 0px no-repeat;
}
#steps div#s6 a:hover
{
    background: url('../img/step-final-on.png') 13px 0px no-repeat;
}
#steps div.on h4
{
    display: block;
}
#steps div.off h4
{
    display: none;
}
#steps div h4
{
    position: absolute;
    margin: 0px 0px 0px 85px;
    /*padding: 58px 0px 0px 90px;*/
    padding: 71px 0px 0px 90px;
    background: url('../img/step-arr.png') top left no-repeat;
    max-width: 330px;
    height: 40px;
}
#steps div#s6 h4
{
    position: absolute;
    margin: 0px 0px 0px -335px;
    /*padding: 58px 90px 0px 0px;*/
    padding: 71px 90px 0px 0px;
    background: url('../img/step-arr-final.png') top right no-repeat;
    width: 330px;
    text-align: right;
    height: 40px;
}




/* simple */
.simple #path
{
    padding: 5px 10px 5px 10px;
    height: 120px;
}
.simple #menu
{
    float: left;
    width: 315px;
    margin-bottom: 150px;
}
.simple #menu h3
{
    background: #FFC;
    margin: 10px 0px 35px 0px;
    padding: 28px 10px 10px 10px;
    height: 10px;
}
.simple #menu ul
{
    margin: 0px 35px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.simple #menu li
{
    list-style: none;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
.simple #menu li a
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 3px 10px;
}
.simple #menu ul ul
{
    margin: 10px 35px 10px 0px;
    padding: 0px 0px 0px 0px;
}
.simple #menu li li
{
    list-style: none;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
.simple #menu li li a
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 0px 20px;
}
.simple .contact
{
    margin: 90px 0px 0px 10px;
}
.simple #main
{
    float: left;
    width: 630px;
    margin-bottom: 150px;
}
.simple #main img, .simple #main embed, .simple #main object, .simple #main iframe
{
    max-width: 630px;
}
.simple #main h2
{
    margin-bottom: 40px;
    border-left: 5px #191d15 solid;
}
.simple h2 span
{
    /*color: #FFC;
    background-color: #191d15;
    text-decoration: none;*/
}
/*@-moz-document url-prefix()
{
    .simple #main h2
    {
        margin-top: 10px;
        background: #191d15;
        padding: 5px 10px 5px 10px;
    }
}*/
.simple #main ul, .simple #main ol, .simple #main p, .simple #main table
{
    margin-bottom: 1em;
}

.box
{
    float: left;
    width: 300px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.plain-list, .box-list 
{
    clear: both;
    margin-bottom: 20px;
}
.box-list .thumb
{
    float: left;
    width: 220px;
    margin: 0px 20px 20px 0px;
}
.box-list .thumb img
{
    width: 220px;
}
.box-list .info
{
    float: left;
    width: 390px;
    margin-bottom: 20px;
}
.more
{
    clear: both;
    margin-top: 1em;
}
.back
{
    clear: both;
    margin-top: 60px;
}
.back a, .back a.prev
{
    background: url('../img/arr-prev.png') left no-repeat;
    padding: 25px 25px 0px 25px;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    width: 270px;
    height: 45px;
    vertical-align: middle;
    display: block;
}
.back a:hover, .back a.prev:hover
{
    background: url('../img/arr-prev-on.png') left no-repeat;
    color: #a0a064;
}
.back a.next
{
    background: url('../img/arr-next.png') right no-repeat;
    float: right;
    text-align: right;
}
.back a.next:hover
{
    background: url('../img/arr-next-on.png') right no-repeat;
}
.paging
{
    clear: both;
}
.gallery .off
{
    display: none;
}

/* about slice */
.about
{
    background: #FFF url('../img/rae-bgnd.png') top left repeat;
    margin: 10px 0px 10px 0px;
    min-height: 400px;
}
.about h5
{
    margin: 3em 0px 0.5em 0px;
}
.about img
{
    margin: 2em 0px 0.5em 0px;
}

/* attachments */
.rel-box
{
    clear: both;
    margin: 2em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.rel-box ul
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px;
}
.rel-box ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
.rel-box ul li.ico-pdf
{
    background: url('../img/ico-pdf.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-doc, .rel-box ul li.ico-dot, .rel-box ul li.ico-docx, .rel-box ul li.ico-doct
{
    background: url('../img/ico-doc.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-xls, .rel-box ul li.ico-xlt, .rel-box ul li.ico-xlsx, .rel-box ul li.ico-xlst
{
    background: url('../img/ico-xls.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-ppt, .rel-box ul li.ico-pptx, .rel-box ul li.ico-pps, .rel-box ul li.ico-ppsx
{
    background: url('../img/ico-ppt.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-jpg, .rel-box ul li.ico-png, .rel-box ul li.ico-gif
{
    background: url('../img/ico-img.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-avi, .rel-box ul li.ico-mov, .rel-box ul li.ico-wmf
{
    background: url('../img/ico-img.mov') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-txt, .rel-box ul li.ico-rtf
{
    background: url('../img/ico-txt.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-zip
{
    background: url('../img/ico-zip.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-rar
{
    background: url('../img/ico-rar.png') left no-repeat;
    padding: 5px 0px 5px 30px;
}


/* footer slice */
.footer
{
    clear: both;
    background: #191d15;
    height: 90px;
}
.footer p
{
    margin-bottom: 0px;
}
.footer .col
{
    padding-top: 60px;
    background: none;
}
.footer .col:first-child
{
    background: url('../img/guide-light.png') top left no-repeat;
}
.footer #tailnav ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.footer #tailnav li
{
    display: inline;
    list-style: none;
    background: url('../img/div.png') left no-repeat;
    padding: 0px 7px 0px 9px;
}
.footer #tailnav li:first-child
{
    display: inline;
    list-style: none;
    background: none;
    padding-left: 0px;
}
.footer #auth
{
    float: right;
    margin: -30px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* social icons */
.footer .col.double {
    width: 620px;
    margin-right: 0px;
}
.footer .social-nav
{
    float: left;
    margin-top: -40px;
    padding: 0;
    height: 40px;
}
.footer .social-nav li
{
    display: inline-block;
    width: 35px;
    height: 32px;
    opacity: 0.3;
    filter:alpha(opacity=30);
}
.footer .social-nav li:hover
{
    opacity: 0.6;
    filter:alpha(opacity=60);
}
.footer .social-nav li span
{
    display: block;
    width: 35px;
    height: 32px;
    overflow: hidden;
    visibility: hidden;
}
.footer .social-nav li.rss-feed
{
    background: url('../img/social/feed.png') top left no-repeat;
}
.footer .social-nav li.youtube
{
    background: url('../img/social/youtube.png') top left no-repeat;
}
.footer .social-nav li.facebook
{
    background: url('../img/social/facebook.png') top left no-repeat;
}
.footer .social-nav li.google-plus
{
    background: url('../img/social/google-plus.png') top left no-repeat;
}
.footer .social-nav li.google-map
{
    background: url('../img/social/location.png') top left no-repeat;
}