* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
    width: 800px;
    margin: 0 auto;
    font-size: 85%;
}

h1, h1 span {
    position: relative;
    z-index: 20;
    width: 800px;
    height: 207px;
}
    h1 span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }

h2, h3 {
    font-size: 120%;
    text-align: center;
}

p {
    line-height: 1.6em;
    padding: .5em 0;
}

a img { border: 0; }

textarea {
    clear: both;
    margin: 1.5em 0 .5em;
    display: block;
    width: 700px;
}

form {
    padding: 1em 0;
}

    form li {
        list-style: none;
        overflow: hidden;
        padding-bottom: .5em;
    }

label {
    display: block;
    float: left;
    width: 4em;
}

dl {
    overflow: hidden;
    font-weight: bold;
}

    dt {
        float: left;
        width: 14em;
        clear: left;
        text-align: right;
        padding-right: .5em;
    }
    dd {
        float: left;
    }

ul {
    list-style-type: circle;
    margin-left: 20px;
}

.moto {
    position: absolute;
    top: 3em;
    left: 50%;
    margin-left: -250px;
    width: 500px;
}

.time {
    font-family: monospace;
    font-size: 100%;
}

#portfolio {
    overflow: hidden;
    width: 680px;
    margin: 10px 0 0 25px;
}

    #portfolio li {
        width: 340px;
        list-style: none;
        margin-top: 10px;
        float: left;
        text-align: center;
    }
        #portfolio img {
            display: block;
            margin: auto;
        }
        #portfolio a {
            text-decoration: none;
        }

#value_packages li {
    list-style: none;
    border-bottom: 1px dashed #4a4d3e;
    width: 700px;
    padding: 1em 15px;
    overflow: hidden;
}
#value_packages { margin-left: 0!important; }

#value_packages li.last_child {
    border: 0;
}
    #value_packages li p {
        float: left;
        width: 400px;
        padding-right: 20px;
    }

#main {
    padding-bottom: 136px;
}

#footer {
    font-size: 60%;
    padding: 20px 0 0 480px;
    width: 320px;
    height: 106px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    bottom: 0;
}

.page_title {
    text-align: right;
    font-weight: normal;
    font-size: 160%;
    padding-right: 24px;
}

.page_home .entry {
    width: 760px;
    margin: 20px auto;
}

.page_home .entry {
    width: 492px;
    margin: 20px 0 20px 20px;
    border: 0;
    overflow: hidden;
    background: url(/pics/main_box_middle.jpg);
}
    .page_home .entry_start {
        background: url(/pics/main_box_top.jpg) no-repeat top;
    }
    .page_home .entry_end {
        padding: 38px 15px 35px;
        background: url(/pics/main_box_bottom.jpg) no-repeat bottom;
    }

.page_home #design {
    width: 273px;
    height: 437px;
    position: absolute;
    background: url(/pics/lion.jpg);
    top: 240px;
    right: 2px;
}

.entry {
    width: 768px;
    margin: auto;
    background: url(/pics/sub_box_middle.gif) repeat-y;
}

    .entry_start {
        background: url(/pics/sub_box_top.jpg) no-repeat;
    }
    .entry_end {
        padding: 38px 15px 45px;
        background: url(/pics/sub_box_bottom.jpg) no-repeat bottom;
    }

#zofcms_plugin_login {
    padding: 15px;
}

label {
    text-align: right;
    padding-right: .5em;
}

#zofcms_plugin_login label { width: 5em; }
#form_account_request label { width: 8em; }
#form_add_user label { width: 10em; }
#form_create_project label { width: 11em; }
#form_create_project textarea { margin-top: 5px;float: left;}
#form_project_files label { width: 7em; }

/* NAVIGATION */

#nav {
    margin-top: -44px;
    margin-left: 0;
    position: relative;
    z-index: 30;
    overflow: hidden;
}

    #nav li,
    #nav a {
        float: left;
        display: inline;
        height: 44px;
    }
    #nav a {
        text-indent: -3000px;
        overflow: hidden;
    }

    #nav a,
    #nav a:hover {
        background: url(/pics/nav_hover.gif) no-repeat;
        background-position: -66px 0;
    }
    #nav a {
        background-position: 0 -1000px;
    }

    #nav_home { margin-left: 70px; }
    
    #nav_home,
    #nav_home a {
        width: 75px;
    }
    
    #nav_about_us a { width: 95px; }
    #nav_about_us a:hover { background-position: -141px 0; }
    
    #nav_portfolio a { width: 95px; }
    #nav_portfolio a:hover { background-position: -236px 0; }
    
    #nav_value_packages a { width: 145px; }
    #nav_value_packages a:hover { background-position: -331px 0; }
    
    #nav_contact_us a { width: 110px; }
    #nav_contact_us a:hover { background-position: -476px 0; }
    
    #nav_customer_login a { width: 150px; }
    #nav_customer_login a:hover { background-position: -586px 0; }

/* COLORS */

html {
    color: #4a4d3e;
    background: #f6f6f0 url(/pics/body.png) repeat-y center;
}

#footer {
    color: #4a4d3e;
    background: #f6f6f0 url(/pics/footer.jpg);
}

h1 span {
    color: #4a4d3e;
    background: url(/pics/top.gif);
}

.error {
    font-weight: bold;
    color: #f00;
}