/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


#behind-site { position : absolute; top : 0; right : 0; }


/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }
ul { list-style : square; }
input.text, { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
textarea { font-family : monospace; font-size : 12px; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1, h2, h3, h4 { font-family : Georgia, serif; color : #a4b84f; }

/*-------
// custom styles
//-----*/

a:link, a:visited {
    color: #a4b84f;
}
a:visited {
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; background: #4c463c; }
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #4c463c url(/assets/img/body-bg.jpg) repeat-x 0 0;
    padding: 0 0 10px;
}

#page {
    font-size: 1.2em;
    width: 960px;
    margin: 0 auto;
    color: #666666;
}

#top {
    height: 140px;
    position: relative;
    background: url(/assets/img/top-b.gif) repeat-x 0 100%;
}
    #logo {
        float: left;
        padding: 24px 0 0 18px;
        width: 236px;
        height: 89px;
        background: url(/assets/img/logo-1.png) no-repeat 18px 24px;
    }
    #links1 {
        float: right;
        width: 430px;
        padding: 48px 1px 0 0;
        color : #ccc3b5;
        font-family : Georgia, serif;
        font-size : 0.95em;
    }
        #links1 div {
            float: left;
            margin: 0 20px 0 0;
        }

        #links1 a {
            color: #ccc3b5;
            display : block;
            text-decoration: none;
        }

        #links1 a:hover {
            text-decoration : underline;
        }

        #email1 a {
            background: url(/assets/img/header-mail.png) no-repeat 0 center;
            padding-left : 15px;
        }

        #phone1 span {
            display : block;
            background: url(/assets/img/header-phone.png) no-repeat 0 center;
            padding-left : 15px;
        }

        #blog1 a {
            background: url(/assets/img/header-blog.png) no-repeat right center;
            padding-right : 13px;
        }

        #links1 a span {
            color : #fff;
        }
    #menu {
        position: absolute;
        right: 25px;
        top: 90px;
        width: 660px;
    }
        #menu ul {
            position: relative;
            list-style : none;
            margin : 0;
            padding : 0;
        }
            #menu li {
                float: left;
                padding: 0 12px;
                font-family : Georgia, serif;
                font-size : 1.1em;
                margin : 0;
            }
                #menu li a:link, #menu li a:visited {
                    float: left;
                    display: block;
                    height: 40px;
                    position: relative;
                    color: #fff;
                    text-decoration: none;
                }

                #menu li.active a:link, #menu li.active a:visited {
                    color: #a4b84f;
                    border-bottom: solid 10px #a4b84f;
                }

                #menu li a:hover {
                    color: #a4b84f;
                }

#header {
    background: #FFFFFF;
    padding: 4px 4px;
    border-bottom: solid 1px #dcdcdc;
    color : #999;
    font-size : 2.1em;
    line-height : 1.5em;
    font-family : Georgia, serif;
}
    #header .in {
        background: url(/assets/img/header-bg.png) repeat-x 0 0;
        min-height: 125px;
        padding: 21px 22px 0;
        width: 908px;
        overflow: hidden;
    }
        .home #header { font-size : 1.4em; line-height : 1.9em; }

        .home #header table { width : 100%; }
        .home #header img { margin-right : 25px; }
        .home #header td { vertical-align : top; }
        .home #header h1 { font-size : 1.9em; color : #666; font-weight : normal; }
        .home #header span { font-weight : bold; color : #a4b84f; }


#wrap {
    background: #FFFFFF url(/assets/img/line-v1.gif) repeat-y 680px 0;
    width: 100%;
    overflow: hidden;
}
    #content {
        float: left;
        width: 640px;
        padding: 20px;
    }
    #side {
        float: right;
        width: 239px;
        padding: 20px;
    }


#content h1 {
    font-size: 180%;
    font-weight: bold;
    color: #a4b84f;
    margin: 0 0 .75em;
}
#content h2 {
    font-size: 150%;
    font-weight: bold;
    color: #a4b84f;
}
#content h3 {
    font-size: 125%;
    font-weight: bold;
    color: #a4b84f;
    margin: 0 0 .5em;
}


#wrap p, #wrap li {
    line-height: 1.5;
}

    #content li {
        line-height : 1.5em;
    }

.hr hr { display : none; }

#content .hr {
    margin: 20px -20px;
    height: 1px;
    overflow: hidden;
    background: #dcdcdc;
    clear : both;
}


.imgL {
    float: left;
    margin: 0 25px 15px 0;
}
.imgR {
    float: right;
    margin: 0 0 10px 15px;
}



#side .hr {
    margin: 20px -20px;
    height: 1px;
    overflow: hidden;
    background: #dcdcdc;
}

#side h2 { font-size : 1.2em; margin-bottom : 10px; }
#side h2 a { text-decoration : none; }

#newsletter {
    margin: 0 0 20px;
}
    #newsletter p {
        margin-right: 40px;
    }
    #newsletter form {
        background: #FFFFFF;
        border: solid 1px #c7c7c7;
        padding: 2px 2px;
        height: 22px;
    }



        #newsletter form input.text, #newsletter .profile-string {
            float: left;
            border: none;
            width: 155px;
            padding: 3px 3px;
            height: 16px;
}
#contact-form .profile-string, #contact-form .profile-text  {
        background: #FFFFFF;
        border: solid 1px #c7c7c7;
        padding: 2px 2px;
}
#contact-form .profile-string {height: 22px;width: 220px;}
#contact-form .profile-text {height: 50px;width: 220px;}

        #newsletter form input.img {
            float: right;
        }

#contact p {
    margin: 0 0 20px;
}




#footer {
    border-top: solid 9px #a4b84f;
    background: #FFFFFF;
    color: #999999;
    padding: 0 2px 2px;
    font-size: 1em;
}
    #footer div {
        background: url(/assets/img/footer-bg.png) repeat-x 0 0;
        padding: 20px;
        position: relative;
    }

/*-------
// homepage
//-----*/

.cols {
    width: 100%;
    overflow: hidden;
}
    .cols .col {
        float: left;
        width: 47%;
    }
    .cols .last {
        float: right;
    }

#know {
    float: left;
    width: 310px;
    padding-right: 20px;
}
.home #newsletter {
    float: left;
    width: 295px;
}
    .home #newsletter input.text {
        width: 220px;
    }

#clients {
}
    #clients p {
        vertical-align: middle;
        margin: 0 0 20px;
    }
        #clients p img {
            vertical-align: middle;
            padding: 0 10px 0 0;
        }


/*-------
// text replacements
//-----*/

#butLearnMore:link, #butLearnMore:visited {
    display: block;
    width: 208px;
    height: 28px;
}
    #butLearnMore:link span, #butLearnMore:visited span {
        background: url(/assets/img/text/learn-more.png) no-repeat 0 0;
    }

#email2 a:link, #email2 a:visited {
    display: block;
    width: 162px;
    height: 12px;
}
    #email2 a:link span, #email2 a:visited span {
        background: url(/assets/img/text/email-2.png) no-repeat 0 0;
    }
#phone2 {
    width: 123px;
    height: 14px;
}
    #phone2 span {
        background: url(/assets/img/text/phone-2.png) no-repeat 0 0;
    }


.error { color: maroon;}

.continue-link { margin : 5px 0; }
.continue-link a { line-height : 16px; background : url(/assets/img/continue-link-bg.png) no-repeat left center !important; padding-left : 20px; font-family : Georgia, serif; font-size : 1.1em; color : #a4b84f; text-decoration : none; font-weight : bold; display : block; }
.continue-link a:hover { text-decoration : underline; }

.meta-box .continue-link a { font-size : 0.9em; line-height : 16px; }
.meta-box li { padding : 0; margin : 0.5em 0; }
.meta-box ul { margin : 0 0 0 15px; padding : 0; }

#side .client-list { margin : 5px auto; }
#side .client-list td { vertical-align : middle; text-align : center; padding : 5px; }


.form { margin : 10px 0 !important; clear : both; }
#side form { margin : 0; }

.form .row { margin : 0; clear : both; float : left; padding : 5px 0; }

.form .row label {
    width       : 190px;
    float       : left;
    display     : block;
    font-weight : bold;
}

.form .row div { float : left; clear : right; }
.form div.help { clear : both; font-size : 10px; color : #598000; }
.form .captcha { margin-left : 190px; clear : both; }

.error { background : #ffdcdc; color : #be0000; }
div.error { padding : 5px; margin : 10px 0 10px 0; border : 1px solid #be0000; clear : both; }

div.submit input { font-weight : bold; }

.form .required { color : #a00; font-size : 0.9em; }

.form .hr { margin : 5px 0 !important; }

.profile-text { width : 250px; height : 60px; border : 1px solid #c7c7c7; font-size : 12px; }
.profile-string { width : 250px; border : 1px solid #c7c7c7; height : 18px; font-size : 12px; line-height : 18px; padding : 2px; vertical-align : baseline; }
#side-search .profile-string { width : 150px; }
#side-search { text-align : center; }

.page-date { margin : 10px 0; }

#breadcrumbs { margin : 0 0 15px 0; font-size : 10px; }

.meta-box { margin-bottom : 10px; }
.meta-nav li { margin : 2px 0; }
.meta-nav a { text-decoration : none; }
.meta-nav a:hover { text-decoration : underline; }
.meta-nav .active { font-weight : bold; }


.meta-box { margin-bottom : 10px; }

.pager-summary { margin : 5px 0; text-align : right; font-style : italic; }

.pager { text-align : center; }
.pager ul { margin : 0; list-style-type : none; }
.pager li a { width : 20px; text-decoration : none; border : 1px solid #645f55; background : none; line-height : 12px; padding : 4px 6px 4px 6px; color : #645f55; }
.pager li a:hover { background : #9da868; color : #fff; }
.pager li.active a { background : #645f55; color : #fff; }
.pager li.active a:hover { background : #645f55; color : #fff; }
.pager li { display : inline; margin : 0 2px 0 2px; }

.status-msg { margin : 5px 0; clear : both; }
.status-msg div { background : #ffef8c; color : #000; }
.status-msg .msg { padding : 5px 10px; font-family : Arial, Helvetica, sans-serif; font-size : 12px; line-height : 12px; }
.status-msg .msg h3 { margin : 0 0 10px 0; }
.status-msg .s3 { margin : 0 1px; height : 2px; line-height : 2px; }
.status-msg .s2 { margin : 0 2px; height : 1px; line-height : 1px; }
.status-msg .s1 { margin : 0 4px; height : 1px; line-height : 1px; }
.status-msg a { color : #000; }
.status-msg a:hover { background : inherit; color : inherit; text-decoration : underline; }
.status-msg ul { margin : 0; }
.status-msg li { margin : 3px 0; }

.status-msg.yes div   { background : #080; color : #fff; }
.status-msg.no div    { background : #a00; color : #fff; }
.status-msg.maybe div { background : #f60; color : #fff; }
.status-msg.yes a, .status-msg.no a, .status-msg.maybe a { color : #fff; }
.status-msg.submit div   { background : #ddd; color : #000; }
.status-msg.renderer div   { background : #eee; color : #000; }
.status-msg.renderer .msg { text-align : center; }

.status-msg .hr { margin : 5px 0 !important; color : #999 !important; background : #999 !important; }

.license-key textarea { width : 100%; height : 100px; font-family : monospace; font-size : 12px; }

code { font-weight : bold; color : #0a0; font-size : 12px; }
code a { color : #0a0 !important; }
code a:hover { background : #0a0; text-decoration : none; color : #fff !important; }

.full { width : 100%; }
.data { margin : 5px auto; border-bottom : 1px solid #a4b84f; }
.data th { color : #000; border-bottom : 1px solid #a4b84f !important; padding : 4px 5px 4px 5px; }
.data .header th { border-bottom : none; }
.data td { border-top : 1px solid #dcdcdc; padding : 5px; }
.data th.title { text-align : left; }
.data .options td, .data td.options { text-align : center; font-style : italic; }
.value { text-align : center; }
.data .total { background : #eee; font-weight : bold; }
.currency { text-align : right; }

.data .package-description td { border-top : none; }
.data .app td { font-weight : bold; background : #f7f7f7; }

.profile-int { width : 4em; text-align : center; }

.aff-code { width : 100%; }
.aff-code td { text-align : center; border-top : 1px solid #f7f7f7; padding : 5px; }
.aff-code textarea { width : 350px; height : 65px; }

#sandbox { background : #ffff00; color : #f00; font-weight : bold; text-align : center; padding : 5px; font-size : 14px; border-bottom : 2px solid #f00; }

.install-instructions { font-family : monospace; font-size : 12px; border : 1px solid #eee; background : #f7f7f7; padding : 5px; }

#subp { margin : auto; background : #fafafa; border : 1px solid #eee; }
#subp th { padding : 5px 15px; font-weight : bold; background : #f7f7f7; width : 50%; border-bottom : 1px solid #eee; }
#subp td { padding : 5px; width : 50%; }
.subpsubmit { margin : 10px 0 0 0; text-align : center; }