/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote { 
    margin:0;
    padding:0;
}
img { 
    border:0;
}
address,caption,cite,code,dfn,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;}


/* ************************
    DEFAULT 
************************ */

body
{
    margin:0;
    padding: 0;
    color:#252331;
    background: #252331;
    font-size:12px;
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}
#body
{
    float: left;
    font-style:normal;
    width: 100%;
    background: url('../images/bg.jpg') repeat-x top center #FFFFFF;
    border-top: 1px solid #FFFFFF;
    margin: 8px 0px 0px 0px;
}

#CONTENT
{
    float: left;
    width: 100%;
}
#CONTENTWrapper
{
    width: 940px;
    margin: 0 auto;
}

    /**
    * header part
    */
    .contentHEAD
    {
        width: 100%;
        float: left;
        display: inline;
    }
    
        .logo
        {
            float: left;
            display: inline;
        }
        
        .menu
        {
            float: right;
            display: inline;
            margin: 0px 1px 0px 0px;
        }
        .menu ul
        {
            float: left;
            display: inline;
        }
        .menu ul li
        {
            float: left;
            display: inline;
        }
        .menu ul li a
        {
            float: left;
            display: inline;
            width: 128px;
            height: 112px;
            line-height: 112px;
            text-align: center;
            color: #626f7c;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
            background: url('../images/menu_border.png') no-repeat top right;
            outline: none;
        }
        .menu ul li a:hover
        {
            color: #009bd4;
        }
        
        .active
        {
            color: #009bd4 !important;
        }


/**
* HOME PAGE
*/
#contentHOME
{
    float: left;
    display: inline;
    width: 100%;
    height: 325px;
    background: #FFFFFF;
    margin: 1px 0px 0px 0px;
}
        
        #slider
        {
            position: relative;
            float: left;
            width: 940px;
            height: 325px;
            overflow: hidden;
        }
            #slide1, #slide2, #slide3, #slide4
            {
                position: absolute;
                width: 750px;
                height: 325px;
                top: 0px;
            } 
            
            #slide1
            {
                z-index: 1;
                left: 0px;
            }
            #slide2
            {
                z-index: 2;
                left: 750px;
            }
            #slide3
            {
                z-index: 3;
                left: 815px;
            }
            #slide4
            {
                z-index: 4;
                left: 880px;
            }
             
            .slideButton1, .slideButton2, .slideButton3, .slideButton4
            {
                position: relative;
                float: left;
                width: 60px;
                height: 325px;
            }
            .slideButton1 a, .slideButton2 a, .slideButton3 a, .slideButton4 a
            {
                float: left;
                width: 60px;
                height: 325px;
                outline: none;
            }  
            .slideContent1, .slideContent2, .slideContent3, .slideContent4
            {
                position: relative;
                float: left;
                width: 690px;
                height: 325px;
            } 
            
            /**
            * identify
            */
            .slideButton1 a
            {
                background: url('../images/navslider.png') no-repeat -15px -13px;
            } 
            .slideButton1 a:hover
            {
                background: url('../images/navslider.png') no-repeat -76px -13px;
            } 
            .slideButton1 a.active
            {
                background: url('../images/navslider.png') no-repeat -138px -13px;
            }
             
             
            /**
            * develop
            */
            .slideButton2 a
            {
                background: url('../images/navslider.png') no-repeat -15px -361px;
            } 
            .slideButton2 a:hover
            {
                background: url('../images/navslider.png') no-repeat -76px -361px;
            } 
            .slideButton2 a.active
            {
                background: url('../images/navslider.png') no-repeat -138px -361px;
            }
            
            
            /**
            * deploy
            */
            .slideButton3 a
            {
                background: url('../images/navslider.png') no-repeat -358px -13px;
            }
            .slideButton3 a:hover
            {
                background: url('../images/navslider.png') no-repeat -419px -13px;
            }  
            .slideButton3 a.active
            {
                background: url('../images/navslider.png') no-repeat -480px -13px;
            }
            
            
            /**
            * assist
            */
            .slideButton4 a
            {
                background: url('../images/navslider.png') no-repeat -358px -361px;
            } 
            .slideButton4 a:hover
            {
                background: url('../images/navslider.png') no-repeat -419px -361px;
            }
            .slideButton4 a.active
            {
                background: url('../images/navslider.png') no-repeat -480px -361px;
            } 
            
            
            
            
            .slideContent1
            {
                background: url('../images/home_img_indentify.jpg') no-repeat bottom right #FFFFFF;
            }
            .slideContent2
            {
                background: url('../images/home_img_develop.jpg') no-repeat bottom right #FFFFFF;
            }
            .slideContent3
            {
                background: url('../images/home_img_deploy.jpg') no-repeat bottom right #FFFFFF;
            } 
            .slideContent4
            {
                background: url('../images/home_img_assist.jpg') no-repeat bottom right #FFFFFF;
            }     
            
            
            #slider h1 
            {
                float: left;
                width: 90%;
                display: inline;
                color: #009bd4;
                font-size: 24px;
                font-weight: bold;
                margin: 30px 0px 0px 20px;
            }
            #slider p 
            {
                width: 50%;
                float: left;
                display: inline;
                margin: 20px 0px 0px 20px;
                line-height: 16px;
                font-size: 13px;
                text-align: justify;
            }
            #slider p a
            {
                color: #009bd4;
                text-decoration: none;
            }
            
            #slider p a:hover
            {
                text-decoration: underline;
            }

            
/**
* OTHER PAGES
*/
#contentOTHERS
{
    float: left;
    display: inline;
    width: 680px;
    background: #FFFFFF;
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
    border-left: 1px solid #e9edf0;
    border-right: 1px solid #e9edf0;
}

    #contentOTHERS h1
    {
        float: left;
        width: 90%;
        display: inline;
        color: #009bd4;
        font-size: 24px;
        font-weight: bold;
        margin: 30px 0px 10px 40px;
        
    }
    #contentOTHERS h1 a
    {
        color: #009bd4;
    }
    #contentOTHERS h2 
    {
        float: left;
        width: 90%;
        display: inline;
        color: #45415B;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0px 0px 40px;
        
    }
    #contentOTHERS p 
    {
        width: 88%;
        float: left;
        display: inline;
        margin: 0px 0px 10px 40px;
        line-height: 1.8;
        text-align: justify;
        font-size: 13px;
    }
    #contentOTHERS p a
    {
        color: #009bd4;
        text-decoration: none;
    }

    #contentOTHERS p a:hover
    {
        text-decoration: underline;
    }
    
#contentOTHERSright
{
    float: left;
    display: inline;
    width: 250px;
    margin: 1px 0px 0px 0px;
}

    #contentOTHERSright h3
    {
        float: left;
        width: 220px;
        display: inline;
        color: #433F59;
        font-weight: bold;
        font-size: 18px;
        font-family: "Trebuchet MS", Arial, Tahoma;
        margin: 20px 0px 30px 0px;
        padding: 0px 0px 0px 20px;
    }
    #contentOTHERSright a
    {
        outline: none;
    }

       
       
            
/**
* COLOR BELT            
*/
#colorBELT
{
    float: left;
    width: 100%;
    height: 97px;
    background: url('../images/sitebelt.png') repeat-x top center;
}


/**
* FOOTER STYLES
*/
#FOOTER
{
    float: left;
    width: 100%;
    background: #252331;
    color: #FFFFFF;
}
#FOOTERWrapper
{
    width: 940px;
    margin: 0 auto;
}

    .footerContact
    {
        width: 678px;
        min-height: 240px;
        float: left;
        display: inline;
        margin: 0px 0px 0px 0px;
        border-right: 1px solid #1c1a25;
    }
    
        .footerContactTEXT
        {
            width: 190px;
            float: left;
            display: inline;
        }
        
        .footerContactFORM
        {
            width: 450px;
            float: left;
            display: inline;
            margin: 0px 0px 0px 0px;
        }
            .footerContactFORMcolumnONE
            {
                width: 150px;  
                float: left;
                display: inline;  
                margin: 0px 0px 8px 0px;
            }
                .footerContactFORMcolumnONE input
                {
                    width: 145px;  
                    float: left;
                    display: inline;  
                    padding: 5px 0px 5px 5px;
                    margin: 0px 0px 8px 0px;
                    font-size: 12px;
                    color: #57516e;
                    background: #1b1923;
                    border: 1px solid #4c495d;
                    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
                }
            
            .footerContactFORMcolumnTWO
            {
                width: 290px;
                float: right;
                display: inline; 
            }
                .footerContactFORMcolumnTWO textarea
                {
                    width: 290px;
                    height: 86px;
                    float: left;
                    display: inline; 
                    padding: 5px 0px 5px 5px;
                    margin: 0px 0px 8px 0px;
                    font-size: 12px;
                    color: #57516e;
                    background: #1b1923;
                    border: 1px solid #4c495d;
                    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
                }
                
                .footerContactFORMcolumnTWO button
                {
                    width: 98px;
                    height: 28px;
                    float: right;
                    display: inline; 
                    margin: 0px 0px 8px 0px;
                    background: url('../images/bt_submit.png') no-repeat top right;
                    border: none;
                    cursor: pointer;
                }
                .footerContactFORMcolumnTWO button span
                {
                    display: none;
                }
        
    
    .footerTwitter
    {
        width: 250px;
        min-height: 240px;
        float: right;
        display: inline;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        border-left: 1px solid #3b3946;
    }
        
        .twiterItem
        {
            width: 250px;
            float: left;
            display: inline;
            margin: 0px 0px 0px -16px;
        }
        .twitterItemDATE
        {
            width: 52px;
            height: 22px;
            padding: 4px 0px 0px 0px;
            float: left;
            display: inline;
            background: url('../images/footer_twitter_date.png') no-repeat top left;
            text-align: center;
        }
        .twitterItemTEXT
        {
            width: 190px;
            float: left;
            display: inline;
            font-size: 11px;
            padding: 0px 0px 5px 5px;
            line-height: 15px;
        }
    
    
    .footerTitle
    {
        float: left;
        width: 100%;
        display: inline;
        margin: 20px 0px 20px -4px;
    }
    
    
#FOOTERcopyright
{
    float: left;
    width: 100%;
    height: 55px;
    background: url('../images/footer_copyright_bg.png') repeat-x top #252331;
    color: #FFFFFF;
}  
#FOOTERcopyrightWrapper
{
    width: 940px;
    margin: 0 auto;
    text-align: right;
    padding: 20px 0px 0px 0px;
    font-size: 11px;
}


.uList
{
    float: left;
    display: inline;
    width: 86%;
    margin: 10px 0px 0px 48px;
    text-align: justify;
    font-size: 13px;
}
.uList li
{
    float: left;
    display: inline;
    width: 96%;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 12px;
    background: url('/public/images/bullet-yellow.png') no-repeat left 8px;
}