/* CSS Document */

body {
    padding: 0;
    margin: 0;
    background: url(../images/pattern.gif) 0 0 repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
    margin: 0;
    padding: 0;
}

h2 {
    line-height: 25px;
}

.spacer {
    clear: both;
    font-size: 0;
    line-height: 0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top--------------------*/
#topMain {
    width: 100%;
    height: 40px;
}


#top {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

    #top img.logo {
        display: block;
        position: absolute;
        left: 0;
        top: 10px;
    }

    #top a.member2 {
        display: block;
        background: url(../images/member_login2.gif) 0 0 no-repeat;
        width: 189px;
        height: 110px;
        position: absolute;
        left: 300px;
        top: 0;
        border: none;
        font-size: 0;
        line-height: 0;
    }

    #top p.memberLogin {
        background: url(../images/member_login_bg.gif) no-repeat 0 0;
        width: 197px;
        height: 110px;
        position: absolute;
        display: block;
        left: 279px;
        top: 0;
        padding: 0 0 0 35px;
        font-size: 0;
        line-height: 0;
    }

        #top p.memberLogin a {
            background: url(../images/member_login2.gif) no-repeat 0 0;
            width: 150px;
            height: 109px;
            display: block;
            border: none;
        }

            #top p.memberLogin a:hover {
                background: url(../images/member_login2_hover.gif) no-repeat 0 0;
            }

    #top ul {
        width: 188px;
        height: 17px;
        position: absolute;
        left: 746px;
        top: 0;
    }

        #top ul li {
            float: left;
        }

            #top ul li a.subscribe {
                display: block;
                background: url(../images/subscribe_bg.gif) 0 0 no-repeat;
                width: 94px;
                height: 17px;
                font: bold 10px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
                color: #337676;
                background-color: inherit;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                float: left;
            }

                #top ul li a.subscribe:hover {
                    color: #000;
                    background-color: inherit;
                }

            #top ul li a.sitemap {
                display: block;
                background: url(../images/sitemap_bg.gif) 0 0 no-repeat;
                width: 93px;
                height: 17px;
                font: bold 10px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
                color: #337676;
                background-color: inherit;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                float: left;
            }

                #top ul li a.sitemap:hover {
                    color: #000;
                    background-color: inherit;
                }

    #top form {
        position: absolute;
        left: 546px;
        top: 49px;
        background: url(../images/serch_bg.gif) 0 0 no-repeat;
        width: 331px;
        height: 39px;
        padding: 14px 8px 0 50px;
    }

        #top form input.txtBox1 {
            width: 184px;
            height: 23px;
            border-bottom: #D4D0C8 solid 1px;
            border-right: #D4D0C8 solid 1px;
            border-top: #808080 solid 1px;
            border-left: #808080 solid 1px;
            background-color: #fff;
            color: #000;
            font: normal 10px/23px Arial, Helvetica, sans-serif;
            padding: 0 0 0 21px;
            float: left;
        }

        #top form label {
            font: bold 12px/25px Arial, Helvetica, sans-serif;
            color: #000;
            background-color: inherit;
            float: left;
            width: 60px;
        }

        #top form input.go {
            width: 57px;
            height: 25px;
            background: url(../images/btn_go.gif) 0 0 no-repeat #fffffe;
            font: bold 12px/25px Arial, Helvetica, sans-serif;
            color: #000;
            cursor: pointer;
            border: none;
            float: right;
            text-transform: uppercase;
            display: block;
        }

/*------------------------------------------------top--------------------*/

/*------------------------------------------------nav--------------------*/
#navMain {
    width: 100%;
    height: 31px;
}

#nav {
    width: 890px;
    height: 31px;
    margin: 0 auto;
    float: right;
}

    #nav ul {
        width: 736px;
        height: 31px;
    }

        #nav ul li {
            float: left;
            height: 31px;
            padding: 0 2px 0 0;
        }

            #nav ul li a {
                display: block;
                color: #7f7f7f;
                background-color: inherit;
                text-decoration: none;
                padding: 0 13px;
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
            }

                #nav ul li a:hover {
                    color: #00a1e3;
                    background-color: #fff;
                    font-weight: bold;
                }

                #nav ul li a.hover {
                    display: block;
                    ffont-size: 14px;
                    font-family: Arial, Helvetica, sans-serif;
                    color: #00a1e3;
                    background-color: #fff;
                    font-weight: bold;
                    text-decoration: none;
                    padding: 0 13px;
                    cursor: text;
                }


            #nav ul li.noImg {
                background-image: none;
            }
/*------------------------------------------------nav--------------------*/

/*------------------------------------------------black--------------------*/
#blackMain {
    width: 100%;
    height: 267px;
    background: url(../images/black_1px.gif) 0 0 repeat-x #333333;
    padding: 0 0 6px 0;
    margin: 0;
    color: #9C9C9C;
    margin-top: 35px;
}

#blackMain3 {
    width: 100%;
    height: 70px;
    background: #eeeeee;
    padding: 0 0 6px 0;
    margin-bottom: 20px;
    margin: 0;
    color: #9C9C9C;
}


#blackMain1 {
    margin-right: 15px;
    height: 130px;
    background: url(../images/black_1px.gif) 0 0 repeat-x #333333;
    padding: 0 0 6px 0;
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 35px;
}

#sub-heading {
    margin-right: 15px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 6px;
}

#black {
    width: 1111px;
    height: 274px;
    margin-right: 20px;
    background: url(../images/art_banners.jpg);
    margin: 0 auto;
    position: relative;
    margin-left: auto;
}


    #black h1 {
        display: block;
        width: 646px;
        font: bold 32px/33px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #61A3A3;
        background-color: inherit;
        /*margin:32px 0 16px 0;*/
        padding: 32px 0 16px 0;
    }

        #black h1 span.charge {
            width: 169px;
            height: 33px;
            background: url(../images/charge_icon.gif) 0 0 no-repeat;
            padding: 0 0 0 31px;
            color: #fff;
            background-color: inherit;
        }

    #black p {
        display: block;
        width: 697px;
        font-size: 14px;
        line-height: 22px;
    }

        #black p span.yellow {
            font-weight: bold;
            color: #FCC73E;
            background-color: inherit;
        }

    #black a.more {
        font-weight: bold;
        color: #BCBC84;
        background-color: inherit;
        text-decoration: underline;
        margin: 0 0 0 15px;
    }

        #black a.more:hover {
            color: #fff;
            background-color: inherit;
        }

    #black img.date {
        position: absolute;
        left: 737px;
        top: 0;
    }

    #black a.whatNew {
        display: block;
        background: url(../images/member_login.gif) 0 0 no-repeat;
        width: 122px;
        height: 124px;
        position: absolute;
        left: 771px;
        top: 30px;
        border: none;
    }

        #black a.whatNew:hover {
            background: url(../images/member_login_hover.gif) 0 0 no-repeat;
        }

/*------------------------------------------------black--------------------*/

/*------------------------------------------------grey--------------------*/
#greyMain {
    width: 100%;
    background: url(../images/grey_1px.gif) 0 0 repeat-x;
    height: 7px;
}

#grey {
    width: 935px;
    margin: 0 auto;
}

    #grey p.sp {
        width: 293px;
        height: 74px;
        padding: 0 0 0 95px;
        font: bold 36px/74px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #85854E;
        background: url(../images/special_report_icon.gif) 0 0 no-repeat;
        background-color: inherit;
        display: block;
        float: left;
    }

    #grey p.nor {
        padding: 14px 0 0 0;
        font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
        color: #333333;
        background-color: inherit;
        display: block;
        width: 546px;
        float: left;
    }

    #grey p span.orange {
        font-size: 12px;
        line-height: 19px;
        font-weight: bold;
        color: #C57005;
        background-color: inherit;
    }
/*------------------------------------------------grey--------------------*/

/*------------------------------------------------bottom--------------------*/
#botMain {
    width: 100%;
    background: url(../images/body_bg.gif) 0 0 repeat-x #fff;
    padding: 11px 0 33px 0;
    color: #000;
    margin-top: 20px;
}

#botMain1 {
    width: 100%;
    background: url(../images/body_bg.gif) 0 0 repeat-x #fff;
    padding: 11px 0 3px 0;
    color: #000;
}

#bot {
    width: 935px;
    margin: 0 auto;
    margin-top: -110px;
}

#top-menu {
    width: 925px;
    margin: 0 auto;
}

#bot1 {
    width: 905px;
    margin: 0 auto;
    margin-top: -105px;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #CCCCCC;
}

#bot2 {
    width: 905px;
    margin: 0 auto;
    margin-top: -105px;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border: 3px solid #CCCCCC;
    border-radius: 3px;
}

#bot4 {
    width: 905px;
    margin: 0 auto;
    margin-top: -105px;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    _-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    _-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    _box-shadow: 0 1px 9px 3px #CCCCCC;
    #-moz-box-shadow:0 1px 9px 3px #CCCCCC;
    #-webkit-box-shadow:0 1px 9px 3px #CCCCCC;
    #box-shadow:0 1px 9px 3px #CCCCCC;
    *-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    *-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    *box-shadow: 0 1px 9px 3px #CCCCCC;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    border: 3px solid #cccccc;
    *border: 3px solid #cccccc;
    _border: 3px solid #cccccc;
}

#bot44 {
    width: 945px;
    margin: 0 auto;
    margin-top: -105px;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    _-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    _-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    _box-shadow: 0 1px 9px 3px #CCCCCC;
    #-moz-box-shadow:0 1px 9px 3px #CCCCCC;
    #-webkit-box-shadow:0 1px 9px 3px #CCCCCC;
    #box-shadow:0 1px 9px 3px #CCCCCC;
    *-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    *-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    *box-shadow: 0 1px 9px 3px #CCCCCC;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    border: 3px solid #cccccc;
    *border: 3px solid #cccccc;
    _border: 3px solid #cccccc;
}

#bot5 {
    width: 905px;
    margin: 0 auto;
    margin-top: -105px;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 24px;
    padding-left: 10px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    _-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    _-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    _box-shadow: 0 1px 9px 3px #CCCCCC;
    #-moz-box-shadow:0 1px 9px 3px #CCCCCC;
    #-webkit-box-shadow:0 1px 9px 3px #CCCCCC;
    #box-shadow:0 1px 9px 3px #CCCCCC;
    *-moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    *-webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    *box-shadow: 0 1px 9px 3px #CCCCCC;
    -moz-box-shadow: 0 1px 9px 3px #CCCCCC;
    -webkit-box-shadow: 0 1px 9px 3px #CCCCCC;
    box-shadow: 0 1px 9px 3px #CCCCCC;
    border: 3px solid #cccccc;
    *border: 3px solid #cccccc;
    _border: 3px solid #cccccc;
}

#bot3 {
    width: 905px;
    margin: 0 auto;
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border: 3px solid #CCCCCC;
    border-radius: 3px;
}


/*------------------------------------------------left--------------------*/
#left {
    width: 290px;
    margin: 0 22px 0 0;
    float: left;
}

    #left h2 {
        display: block;
        font: normal 28px/50px "Trebuchet MS",Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
    }

    #left h3 {
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 10px;
        color: #768C05;
        background-color: inherit;
        margin: 0 0 14px 0;
    }



    #left h4 {
        display: block;
        width: 269px;
        height: 16px;
        padding: 0 0 0 21px;
        background: url(../images/star.gif) 0 3px no-repeat;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin: 0 0 24px 0;
    }

    #left img {
        width: 285px;
        height: 86px;
    }

/*------------------------------------------------left--------------------*/

/*------------------------------------------------mid--------------------*/
#mid {
    width: 141px;
    float: left;
    background-color: #FFF9E5;
    color: #5A5A5A;
    border: #D6CEB3 solid 1px;
    padding: 10px 5px 0 6px;
}

    #mid h2 {
        display: block;
        width: 130px;
        height: 36px;
        font: bold 29px/36px "Trebuchet MS",Arial, Helvetica, sans-serif;
        color: #3E8181;
        background-color: #FFFDF6;
        padding: 0 0 0 11px;
        margin: 0 0 20px 0;
        text-transform: uppercase;
    }

    #mid p.orange {
        display: block;
        width: 130px;
        font-size: 14px;
        font-weight: bold;
        line-height: 19px;
        color: #C57005;
        background-color: #FFF9E5;
        margin: 0 0 24px 0;
        padding: 0 0 0 11px;
    }

    #mid p.black {
        display: block;
        width: 130px;
        font-size: 11px;
        font-weight: normal;
        line-height: 17px;
        color: #5A5A5A;
        background-color: #FFF9E5;
        margin: 0;
        padding: 0 0 42px 11px;
    }

/*------------------------------------------------mid--------------------*/

/*------------------------------------------------right--------------------*/
#right {
    width: 434px;
    float: right;
}

    #right h2 {
        display: block;
        font: normal 28px/50px "Trebuchet MS",Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        color: #464646;
        background-color: inherit;
    }

        #right h2 span.main {
            color: #D27004;
            background-color: inherit;
        }

    #right p.rightTxt {
        display: block;
        width: 434px;
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        margin: 0 0 15px 0;
        color: #646464;
        background-color: inherit;
    }

    #right a {
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        margin: 0 0 15px 0;
        color: #4A9494;
        background-color: inherit;
        text-decoration: underline;
    }

        #right a:hover {
            text-decoration: none;
        }

    #right p.round {
        display: block;
        padding: 18px 27px 0 21px;
        width: 386px;
        height: 50px;
        font-size: 13px;
        line-height: 19px;
        font-weight: bold;
        color: #7B9105;
        background: url(../images/round_box.gif) 0 0 no-repeat;
        background-color: inherit;
        margin: 0 0 20px 0;
    }

        #right p.round span {
            color: #494949;
            background-color: #FFFFF0;
        }

    #right p.readMoreDiv {
        width: 83px;
        height: 19px!important;
        background: url(../images/read_more_div.gif) 0 0 repeat-x;
        padding: 0 0 0 351px;
        margin: 0 0 16px 0;
        display: block;
        font-size: 0;
        line-height: 0;
    }

        #right p.readMoreDiv a {
            display: block;
            width: 83px;
            height: 19px;
            background: url(../images/read_more_bg.gif) 0 0 no-repeat;
            font: normal 11px/19px Arial, Helvetica, sans-serif;
            color: #333333;
            text-decoration: none;
            text-align: center;
            background-color: #fff;
            margin: 0;
        }

            #right p.readMoreDiv a:hover {
                color: #000;
                background-color: #fffffe;
            }

    #right p.blog {
        display: block;
        width: 143px;
        height: 68px;
        background: url(../images/blog_icon.gif) 0 0 no-repeat;
        margin: 0 8px 0 0;
        float: left;
    }

    #right p.rightText2 {
        display: block;
        width: 265px;
        background: url(../images/coma.gif) 0 0 no-repeat;
        padding: 0 0 0 17px;
        font: italic 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #D27004;
        background-color: inherit;
        float: left;
    }

        #right p.rightText2 img.coma {
            width: 14px;
            height: 11px;
            display: block;
        }
/*------------------------------------------------right--------------------*/

/*------------------------------------------------bottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain {
    width: 100%;
    height: 120px;
    background: url(../images/footer_bg.gif) 0 0 repeat-x #7f7f7f;
    color: #000;
    vertical-align: bottom;
    margin-bottom: -30px;
}

#footer {
    width: 934px;
    height: 123px;
    margin: 0 auto;
    position: relative;
    background: url(../images/footer_logo.gif) 722px 18px no-repeat;
}




    #footer p.copyright {
        font: normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
        position: absolute;
        left: 25px;
        top: 47px;
        color: #875D03;
        background-color: inherit;
    }

    #footer a.xhtml {
        display: block;
        width: 55px;
        height: 17px;
        border: #AFAF79 solid 1px;
        font: bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
        color: #000;
        background-color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        left: 226px;
        top: 63px;
    }

        #footer a.xhtml:hover {
            color: #596A01;
            background-color: #fff;
        }

    #footer a.css {
        display: block;
        width: 55px;
        height: 17px;
        border: #AFAF79 solid 1px;
        font: bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
        color: #000;
        background-color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        left: 289px;
        top: 63px;
    }

        #footer a.css:hover {
            color: #596A01;
            background-color: #fff;
        }

    #footer p.design {
        display: block;
        width: 202px;
        height: 19px;
        padding: 0;
        position: absolute;
        left: 0px;
        top: 63px;
        font: bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #596A01;
        text-align: center;
    }

        #footer p.design a.link {
            font: bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #596A01;
            text-decoration: none;
        }

            #footer p.design a.link:hover {
                color: #000;
            }
/*------------------------------------------------footer--------------------*/
.footer-link {
    color: #e3e3e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px 0px 13px;
    text-decoration: none;
    font-weight: bold;
}

    .footer-link a:hover {
        color: #e3e3e3;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        padding: 15px 15px 0px 13px;
        text-decoration: underline;
        font-weight: bold;
    }

.footer-link-small {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 22px;
    text-decoration: none;
    line-height: 20px;
}

.footer-link-smal2 {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 26px;
    text-decoration: none;
    line-height: 20px;
    padding-top: 10px;
}

    .footer-link-smal2 a:hover {
        color: #ffffff;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        margin-left: 26px;
        text-decoration: underline;
        line-height: 20px;
        padding-top: 10px;
    }

.footer-link-small a:hover {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 22px;
    text-decoration: underline;
    line-height: 20px;
}

.footer-link1 {
    color: #e3e3e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px 0px 2px;
    text-decoration: none;
    font-weight: bold;
}

.footer-link2 {
    color: #2e2e2e;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 0px 15px 10px 0px;
    text-decoration: none;
    font-weight: bold;
}

.footer-link3 {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 15px 15px 20px 0px;
    text-decoration: none;
    font-weight: bold;
}

.footer-link4 {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 15px 15px 20px 0px;
    text-decoration: none;
}

.footer-link5 {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px 20px 0px;
    text-decoration: none;
}


.copy {
    color: #e3e3e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 15px 15px 20px 0px;
    text-decoration: none;
}

.footer-link1 a:hover {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px 0px 2px;
    text-decoration: underline;
    font-weight: bold;
}

.footer-link-small1 {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 20px;
}

    .footer-link-small1 a:hover {
        color: #ffffff;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        text-decoration: underline;
        line-height: 20px;
    }

.footer-link-small2 {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding-top: 10px;
    line-height: 20px;
    padding-left: 2px;
}

    .footer-link-small2 a:hover {
        color: #ffffff;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        text-decoration: underline;
        padding-top: 10px;
        line-height: 20px;
        padding-left: 2px;
    }


.text {
    color: #3b3b3b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 10px 15px 0px 0px;
    text-decoration: none;
    line-height: 19px;
}

.text1 {
    color: #3b3b3b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 10px 15px 0px 0px;
    text-decoration: none;
    line-height: 25px;
}

.text-art {
    color: #00a1e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 15px 15px 0px 0px;
    text-decoration: none;
    line-height: 21px;
}

.text-art1 {
    color: #00a1e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 15px 0px 0px 0px;
    text-decoration: none;
}

.seemore {
    color: #e19e00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-left: 160px;
    line-height: 30px;
    text-decoration: none;
    margin-top: -18px;
}

.seemore1 {
    color: #e19e00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-left: 150px;
    text-decoration: none;
}

.text-art1 {
    color: #00a1e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.ft {
    margin-left: 20px;
    margin-top: 20px;
}

.memu {
    display: block;
    color: #7f7f7f;
    background-color: inherit;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.memu-active {
    display: block;
    color: #00a1e3;
    background-color: inherit;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}

.memu a:hover {
    display: block;
    color: #00a1e3;
    background-color: inherit;
    text-decoration: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}

.fo {
    border: 1px solid #C5C5C5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
    font-size: 13px;
    margin: 8px 0;
    padding: 8px 5px;
    width: 60%;
}

.fo1 {
    border: 1px solid #C5C5C5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
    font-size: 13px;
    margin: 8px 0;
    padding: 8px 5px;
    width: 100%;
}


#mycrawler {
    width: 910px;
    height: 100px;
}

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

    ul li a {
        color: #FFFFFF;
        float: right;
        margin: 0;
        padding: 7px 10px;
        text-align: center;
        text-decoration: none;
        margin-right: 1px;
    }

        ul li a:hover {
            color: #00a1e3;
        }


#banner-text {
    font-weight: bold;
    font-size: 13px;
    color: #544e4e;
    float: left;
}

#banner-text-s {
    font-size: 11px;
    font-weight: 600;
    color: #544e4e;
}

#banner-text1 {
    font-weight: bold;
    font-size: 13px;
    color: #454343;
    float: right;
    margin-right: 92px;
}

#banner-text-s1 {
    font-size: 11px;
    font-weight: 600;
    color: #544e4e;
}

#banner-text-middle {
    font-weight: bold;
    font-size: 13px;
    color: #454343;
    float: right;
    margin-right: 310px;
    text-shadow: 0.1em 0.1em 0.3em #a1a1a1;
    margin-top: 13px;
    text-align: center;
}


#bot5 .footer-below-slider {
    background: #bbbbbb;
    color: white;
    font-family: Helvetica,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    margin-top: 50px;
    padding-top: 4px;
    text-align: center;
    width: 939px;
    margin-left: -10px;
}




#banner-text2 {
    font-weight: bold;
    font-size: 13px;
    color: #544e4e;
    float: left;
    margin-top: 100px;
    margin-left: 0px;
}

#banner-text-s2 {
    font-size: 11px;
    font-weight: 600;
    color: #544e4e;
}

#banner-text3 {
    font-weight: bold;
    font-size: 13px;
    color: #454343;
    float: right;
    margin-right: 92px;
    margin-top: 57px;
}

#banner-text-s3 {
    font-size: 11px;
    font-weight: 600;
    color: #544e4e;
    margin-top: 92px;
}

.new {
    font-weight: bold;
    padding-top: 10px;
    color: #60a701;
    font-size: 18px;
}

.live {
    font-weight: bold;
    padding-top: 10px;
    color: #60a701;
    font-size: 18px;
    margin-left: 17px;
}

.demo {
    color: #333333;
    text-decoration: none;
    margin-left: 17px;
    font-size: 12px;
}

.news {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
}

.text-sky1 {
    color: #00a2e3;
}

.text-sky {
    color: #00a2e3;
}

.register, #logo_art, .list_orange_1, .list_orange_2, .list_orange_3, #twitter_share, .list_blue_call, .list_blue_wifi, .list_blue_phone, #container_shadow, #container .banner, #art_layer .logo .pic1 {
    background-image: url(../images/spr_icons_front.png);
}





.close_btn, #art_form_submit, #art_layer .logo .pic2, #art_form .field input {
}

.spr_restaurant {
    background-image: url(../images/products_big.jpg);
    background-position: -45px 25px;
}

.spr_gamefly {
    background-image: url(../images/products_big.jpg);
    background-position: -45px -200px;
}

.spr_bigfish {
    background-image: url(../images/products_big.jpg);
    background-position: -45px -429px;
}

.spr_lancome {
    background-image: url(../images/products_big.jpg);
    background-position: -45px -645px;
}

.spr_discover {
    background-image: url(../images/products_big.jpg);
    background-position: -45px -887px;
}

.spr_restaurant_clr {
    background: url(../images/products_small.png) -10px -71px no-repeat;
}

.spr_restaurant_bw {
    background: url(../images/products_small.png) -10px -0px no-repeat;
}

.spr_gamefly_clr {
    background: url(../images/products_small.png) -197px -71px no-repeat;
}

.spr_gamefly_bw {
    background: url(../images/products_small.png) -197px -0px no-repeat;
}

.spr_bigfish_clr {
    background: url(../images/products_small.png) -387px -71px no-repeat;
}

.spr_bigfish_bw {
    background: url(../images/products_small.png) -387px -0px no-repeat;
}

.spr_lancome_clr {
    background: url(../images/products_small.png) -568px -71px no-repeat;
}

.spr_lancome_bw {
    background: url(../images/products_small.png) -568px -0px no-repeat;
}

.spr_discover_clr {
    background: url(../images/products_small.png) -753px -71px no-repeat;
}

.spr_discover_bw {
    background: url(../images/products_small.png) -753px -0px no-repeat;
}

.spr_add_clr {
    background: url(../images/products_small.png) -928px -71px no-repeat;
}

.spr_add_bw {
    background: url(../images/products_small.png) -928px -0px no-repeat;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 833px;
    padding: 0 40px;
    /*margin-left:100px;*/
    /*	margin: 0px -40px 0px 0px;*/
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 833px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 833px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 205px;
    right: 0px;
    width: 31px;
    height: 62px;
    cursor: pointer;
    /*margin-right:50px;*/
    background: url(../images/spr_icons_front.png) -708px -15px no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 205px;
    left: 0px;
    width: 31px;
    height: 62px;
    cursor: pointer;
    /*margin-left: -80px;*/
    background: url(../images/spr_icons_front.png) -740px -15px no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}

.msg_list {
    margin: 0px;
    padding: 0px;
}

.msg_head {
    padding: 5px 10px;
    cursor: pointer;
    text-align: right;
    margin: 1px;
}

.msg_body {
    padding: 5px 10px 15px;
    color: #666666;
    font-size: 12px;
}

#arte {
    color: #FFFFFF;
    font-size: 25px;
    margin-left: 88px;
    padding-top: 30px;
    font-family: Myriad Pro;
    text-shadow: 0 1px 0 rgba(0, 0, 33, 0.6);
}

.text-slider {
    color: #00a1e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    line-height: 21px;
}

/*Button css*/

.button {
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528ecc;
}

    .button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
        background-color: #378de5;
    }

    .button:active {
        position: relative;
        top: 1px;
    }
/*Marque*/
.marquee {
    white-space: nowrap;
    overflow: hidden;
    visibility: hidden;
}

#marq_kill_marg_bord {
    border: none !important;
    margin: 0 !important;
}


/*****************************************************************************************************/
#loginboxblackMain {
    width: 100%;
    height: 268px;
    background: url(../images/black_1px.gif) 0 0 repeat-x #333333;
    padding: 0 0 6px 0;
    margin: 0;
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #544E4E;
    font-size: 13px;
    font-weight: bold;
}

.loginbox {
    width: 1111px;
    height: 274px;
    background: url(../images/loginbox.jpg) 0 0 repeat-y #333333;
    margin-right: 20px;
    margin: 0 auto;
    position: relative;
    margin-left: auto;
}

.loginboxinner {
    float: right;
    margin: 10px 100px;
    border: 1px solid #c3c3c3;
    width: 462px;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #cccccc;
    /*-moz-box-shadow: 0 1px 9px 3px #cccccc;-webkit-box-shadow: 0 1px 9px 3px #cccccc; 
                -webkit-border-radius: 5px 5px 5px 5px;*/
}

input[type="text"], input[type="password"] {
    width: 250px;
    border-radius: 0 0 0 0;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    /*height: 26px;*/
    line-height: 20px;
    margin-bottom: 3px;
    padding: 2px 6px;
    vertical-align: middle;
}

.loginboxinner table tr {
    font-size: 13px;
    font-weight: bold;
    color: #544E4E;
}











/*Added by JG */

.loginPanel {
    width: 600px;
    margin: 10% auto;
    position: relative;
}

.boxPanel {
    width: 100%;
    margin-top: 20px;
    float: left;
    position: relative;
    z-index: 99;
}

    .boxPanel td span.text {
        width: 250px;
        margin-top: 3px;
        text-align: right;
        color: #044365;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .boxPanel td input[type="text"], .boxPanel td input[type="password"] {
        border: 1px solid #c3c3c3;
        color: #1f1f1f;
        background: #fff;
    }

        .boxPanel td input[type="text"]:hover, .boxPanel td input[type="password"]:hover {
            background: #FAFFBD;
        }

.loginPanel {
    width: 600px;
    margin: 10% auto;
    position: relative;
}

.logo-icon {
    width: 267px;
    height: 264px;
    position: absolute;
    left: 263px;
    top: -110px;
}

.logo {
    width: 100%;
    float: left;
}

    .logo span {
        width: auto;
        float: left;
        background: url(../images/divider.png) right top no-repeat;
        padding: 0 50px;
    }

        .logo span a {
            width: auto;
            float: left;
        }

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.main {
    width: 100%;
    height: 100%;
    position: fixed;
}


.important {
    padding: 8px 10px 7px 20px;
    border: #005EAC 2px solid;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    font-size: small;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
}

.importantSpecification {
    padding: 8px 10px 7px 20px;
    border: #00A1E3 1px solid;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    /*background: url(../images/black_1px.gif) 0 0 repeat-x #333333;
    background: url(../images/loginbox.jpg) 0 0 repeat-y #333333;*/
    font-size: small;
    font-weight:500;
    color:grey;
}

.loginboxinner td input[type="text"], .loginboxinner td input[type="password"] {
    border: 1px solid #c3c3c3;
    color: #1f1f1f;
    background: #fff;
}

    .loginboxinner td input[type="text"]:hover, .loginboxinner td input[type="password"]:hover {
        background: #FAFFBD;
    }

.loginboxblackMainForgot {
    color: #fff;
    float: left;
    padding-left: 8%;
    font-size: x-large;
    font-family: Myriad Pro;
    text-shadow: 0 1px 0 rgba(0, 0, 33, 0.6);
    font-weight:normal;
}