html {                         
    background:#ffffff url(#) repeat-x scroll;
    background-position:0px 0px;
    margin:0;
    margin-top: 0;
    top:0px;   
    white-space: normal;              

}
body {    
    background:#ffffff url('../images/display/banner/background_image_00.gif') repeat-x scroll;                 
    font-family:ArialRoundedMTBold,Arial,Helvetica,Verdana,Sans-serif;
    font-size:9pt;
    font-size-adjust:none; 
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    top: 0px;          
    margin:10px 0 90px;
    margin-top: 0;
    text-align:center;   
    white-space: normal; 
}


DIV{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
}

b1{
   font-weight: bold;
   font-size: 10pt; 
}    
#container{
    position: relative;
    top:0px;              
    /* width: 800px;      */
    min-height : 600px; 
    background-color: transparent; 
    border: inset 0px black;  
    margin-top: 0;
    border-collapse: collapse;                      
    margin: 0px auto;  
    text-align: center; /* IE centering */
}

                



    
    
    /*
    ################################################################################
    HEADER
    ################################################################################
    */
    
    
#header{   
    top:0px;         
    /*width: 800px; */
    border: inset 0px black; 
    display: block;  
}
#fadeline{   
    top:0px;         
    /* width: 800px;     */
    border: inset 0px black; 
    display: block;    
}







    
    
    /*
    ################################################################################
    NAV BAR
    ################################################################################
    */

#navbar{   
    display: block;                       
    background:#000000 url(../images/display/navbar/nav_bar_bkg.gif) ;
    /* 
    background-color: #000000;
    */  
    top: 0px;
    text-align: center;
    /* width: 800px;            */
    border: inset 0px black; 
    margin: 0 auto; 
    border-collapse: collapse; 
    color: #ffffff;                                                   
    font-size:11pt;        
    font-style:bold; 
    font-weight:normal;   
    padding-bottom:1px;
    letter-spacing: 3px;
}
              

.nav_link a,.nav_link a:visited{    
    padding-top:0px;
    padding-bottom:1px;
    padding-left:4px;
    padding-right:4px;         
    background: transparent;
    font-size:10pt;
    color: #F2EA3F;
    font-weight: bold;
    text-transform: none;
    text-decoration:none; 
    border: 0px outset #F2EA3F;  
    }

    
    
.nav_link a:hover{     
    padding-top:0px;
    padding-bottom:1px;
    padding-left:4px;
    padding-right:4px;
    background: url(../images/display/navbar/rollover.png) repeat-x ;  
    font-size:10pt;
    color: #ffffff;
    font-weight: bold;
    text-transform: none;
    text-decoration:none;
    border: 0px outset #F2EA3F;
    }
              /*
.nav_link a:hover{     
    padding-top:0px;
    padding-bottom:1px;
    padding-left:4px;
    padding-right:4px;
    background-color: #F2EA3F;
    font-size:11pt;
    color: #007796;
    font-weight: bold;
    text-transform: none;
    text-decoration:none;
    border: 0px outset #F2EA3F;
    }
     */
    
    
    /*
    ################################################################################
    CONTENT
    ################################################################################
    */
    
    
        
#content{   
    display: block;                       
    background:#ffffff url(../images/display/navbar/nav_bar_bkg.gif) ;
    /* 
    background-color: #000000;
    */  
    top:0px;
    text-align: center;
    /* width: 800px; */
    min-height: 600px;            
    border: inset 0px black; 
    margin: 0 auto; 
    border-collapse: collapse; 
    color: #000000;                                 
    font-size:9pt;        
    font-style:bold; 
    font-weight:normal;
    }  
     /*
#home_bkg_pic{
    position: relative;
    top:0;
    left:0;
    display: block;
    height: 480px; 
    background:#ffffff url(../images/display/content/home/home_content_background_01.gif) no-repeat;
    background-position: 50px 25px;
    z-index: 1;  
    }   
     */
    
.index_title{ 
    display: block;   
    width: 800px;
    text-align: center;
    font-size:10pt;
    color: #007796;
    font-weight: bold;
    text-transform: none;
    text-decoration:none; 
    }
    
    
  
    
.indent{   
    text-align: justify; 
    }
    
      
    
    /*
    ################################################################################
    login form
    ################################################################################
    */
    
    
#login_form{
    position: relative;
    top:15px;
    /*
    left:500px;    
    */
    
    left:0px;
    float:right;  
    
    height: 96px; 
    min-height:96px;
    width: 256px; 
    background: url(../images/display/forms/login_form.gif) no-repeat;
    z-index: 2;  
    }   
    
    
#form_text_user{ 
    position: relative;
    top:16px;
    left:12px;  
    display: block; 
    text-align: left;
    font-size: 8pt;
    color: #ffffff;
    font-weight: bold;
    text-transform: none;
    text-decoration:none; 
    }
    
    
#form_text_pass{ 
    position: relative;
    top:4px;
    left:12px;  
    display: block; 
    text-align: left;
    font-size: 8pt;
    color: #ffffff;
    font-weight: bold;
    text-transform: none;
    text-decoration:none; 
    }
            
    
          
     
.form_submit{     
    height: 20px;
    width: 36px;
    text-align: left;
    padding-top:0px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;     
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-transform: none;
    text-decoration:none; 
    }
    
.forgot_password, .forgot_password a, .forgot_password a:visited {   
    position: relative;  
    top:-2px;      
    left:0px;    
    text-align: left;
    font-size: 7pt;
    color: #000000;
    font-weight: none;
    text-transform: none;
    text-decoration: underline;     
    }

.forgot_password a:hover {
    position: relative; 
    top:-2px;      
    left:0px;      
    text-align: left;
    font-size: 7pt;
    color: #007796;
    font-weight: none;
    text-transform: none;
    text-decoration: underline; 
    }

.remember_me {
    position: relative; 
    top:-3px;      
    left:0px;      
    text-align: left;
    font-size: 7pt;
    color: #000000;
    font-weight: none;
    text-transform: none;
    text-decoration: none; 
    }    
    /*
    ################################################################################
    login form
    ################################################################################
    */
     /*
    ################################################################################
    other forms
    ################################################################################
    */

#admin_form {
    text-align:left; 
    font-size:9pt; 
    padding:12px;
      }    
         
#admin_form_title {    
    text-align: left;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
} 
.form_sub_title{ 
    display: block;  
    background-color: #EDF1F2;
    padding:3px;
    text-align: left;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}
#admin_form_inputs{     
    background-color: #cacaca;  
    text-align: left;
    font-size: 8pt;
    color: #555555;
    font-weight: normal;
    text-transform: none;
    text-decoration:none;  
    padding: 8px;
    }
#admin_form_selects{ 
    background-color: #cacaca;  
    text-align: left;
    font-size: 8pt;
    color: #555555;
    font-weight: normal;
    text-transform: none;
    text-decoration:none;  
    padding: 8px;
    }
     
.form_selects_small{ 
    background-color: #cacaca;  
    text-align: left;
    font-size: 7pt;
    color: #555555;
    font-weight: normal;
    text-transform: none;
    text-decoration:none;  
    padding: 0px;
    height: 17px;
    vertical-align: baseline;
    }
                                   
    /*
    ################################################################################
    other forms 
    ################################################################################
    */
      
#content_text{  
    top:0px;   
    margin: 0 auto; 
    margin-top: 0;
    width: 600px;
    text-align: left;
    font-size: 10pt;
    color: #007796;
    font-weight: normal;
    text-transform: none;
    text-decoration:none;      
    border: 0px #000000 solid;  
    white-space: normal;
} 
        
    

    
#content_textSB{
    position: relative;
    top: 0px;
    left: 0px; 
    width: 650px; 
    display: block; 
    text-align: left;
    font-size: 10pt;
    color: #007796;
    font-weight: normal;
    text-transform: none;
    text-decoration:none; 
    background: transparent;
    z-index: 2;  
    } 
        
#more_samples{
    position: relative;
    top: -300px;
    left: 100px; 
    width: 600px; 
    display: block; 
    text-align: left; 
    font-size: 10pt;  
    color: #007796;
    font-weight: normal;
    text-transform: none;
    text-decoration:none; 
    background: transparent;
    z-index: 2;  
    } 
    
 .more_samples, .more_samples a, .more_samples a:visited, .more_samples a:hover {   
    display: block; 
    text-align: left; 
    font-size: 10pt;  
    color: #007796;
    font-weight: normal;
    text-transform: none;
    text-decoration:none; 
    background: transparent;
 }   
    
    
#contact_text{
    position: relative;
    top: -15px;
    left: 100px; 
    width: 600px; 
    display: block; 
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    text-transform: none;
    text-decoration:none; 
    background: transparent;
    z-index: 2;  
    } 
    
    
#contact_content{
    position: relative;
    top:0;
    left:0;
    display: block;
    height: 600px; 
    background:#ffffff url(../images/display/content/contact/background_01.gif) no-repeat;
    background-position: 50px 175px;
    z-index: 1;  
    }
    
    
      
    /*
    ################################################################################
    error
    ################################################################################
    */
    
#error{   
    display: block;                      
    background: url(../images/display/errors/errors_background.png) repeat-y;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;            
    border: inset 0px black; 
    border-collapse: collapse; 
    color: #cc4444;                                                   
    font-size:12pt;        
    font-style:normal; 
    font-weight:bold;   
    padding-bottom:1px;
}
          
          
  
#browser_error{   
    display: block;                      
    background-color: transparent;
    top: 0px;
    left: 0px;
    text-align: left;
    width: 100%;            
    border: inset 0px black; 
    border-collapse: collapse; 
    color: #cc4444;                                                   
    font-size:8pt;        
    font-style:normal; 
    font-weight:normal;   
    padding-bottom:1px;
}
                  
          
          
          
    
    
      
    /*
    ################################################################################
    STORYBOARDS
    ################################################################################
    */                
 
    p{ 
     text-indent: 1cm;  
    }   
   #page_title{
    display: block;                       
    background-color:transparent; 
    text-align: center;       
   }
   
   #storyboards_portfolio{                
    background-color:transparent; 
    text-align: left;
   }
       
   
   .sboxtext1{
    display: block;
    position: relative; 
    width: 96%;
    background-color:transparent;  
    text-align: left;
    padding-top: 60px;   
   }
   
   
   .sboxtext2{
    display: block;
    position: relative; 
    width: 96%;
    background-color:transparent;  
    text-align: left;
    padding-top: 67px;   
   }
     .sboxtext3{
    display: block;
    position: relative; 
    width: 96%;
    background-color:transparent;  
    text-align: left;
    padding-top: 65px;   
   }   
   .sboxtext4{
    display: block;
    position: relative; 
    width: 96%;
    background-color:transparent;  
    text-align: left;
    padding-top: 75px;   
   }   
   .sboxtext5{
    display: block;
    position: relative; 
    width: 96%;
    background-color:transparent;  
    text-align: left;
    padding-top: 79px;   
   }
        
   #sbox01{
    display: block;                       
    background: url(../images/display/boxes/box_01.gif) no-repeat;
    background-position: 0px 66px; 
    width: 702px;
    height: 221px;         
    background-color:transparent;  
    text-align: left; 
    padding: 20px;
   }
      
   #sbox02{
    position:relative;
    top: -50px;
    display: block;                       
    background: url(../images/display/boxes/box_02.gif) no-repeat;
    background-position: 0px 74px; 
    width: 702px;
    height: 238px;         
    background-color:transparent;  
    text-align: left;
    padding: 20px;
   }
    
   #sbox03{
    position:relative;
    top: -100px;
    display: block;                       
    background: url(../images/display/boxes/box_03.gif) no-repeat;
    background-position: 0px 73px; 
    width: 705px;
    height: 255px;         
    background-color:transparent;  
    text-align: left; 
    padding-top: 20px;    
    padding-bottom: 20px;
    padding-right: 20px;    
    padding-left: 5px;
   }
      
   #sbox04{
    position:relative;
    top: -150px;
    display: block;                       
    background: url(../images/display/boxes/box_04.gif) no-repeat;
    background-position: 0px 81px; 
    width: 705px;
    height: 280px;         
    background-color:transparent;  
    text-align: left;  
    padding-top: 20px;    
    padding-bottom: 20px;
    padding-right: 7px;    
    padding-left: 20px;
   }
    
   #sbox05{
    position:relative;
    top: -200px;
    display: block;                       
    background: url(../images/display/boxes/box_05.gif) no-repeat;
    background-position: 0px 88px; 
    width: 705px;
    height: 282px;                
    background-color:transparent;  
    text-align: left;
    padding-top: 20px;    
    padding-bottom: 20px;
    padding-right: 20px;    
    padding-left: 4px;
   }
          
 
 
 /* toolbar styles*/
 #toolbar_container{
    background-color:transparent;  
    position:relative; 
    /*
    top: 10px;
    left: 0px; 
    padding-right: 60px;  
    */
    top:0px;
    padding: 0px;
    height: 50px;           
    text-align: right; 
 }         
#tools{
    background-color:transparent;  
    text-align: right;
}     
    
#toolbox{
    background-color:transparent;  
    text-align: right;
}    
#welcome{
    background-color:transparent;  
    text-align: right;
}       
.tool, .tool a, .tool a:visited, .tool a:hover {
    background-color:transparent;      
    padding-right: 5px;
    color: #007796;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none; 
    text-transform: capitalize;       
    text-align: center; 
 }         
 .name_title {
    font-size: 12pt;
    font-weight: bold; 
 }    
 .logout,  .logout a,  .logout a:visited{  
    position: relative;
    top: -2px;    
    color: #007796;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none; 
    text-transform: none;       
    text-align: right;
    letter-spacing: 1px;
 }         
       
.logout a:hover{     
    position: relative;
    top: -2px;        
    color: #AEBDC3;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none; 
    text-transform: none;       
    text-align: right;
    letter-spacing: 1px;
 }      
 
.close,  .close a,  .close a:visited{  
    position: relative;
    top: 0px;
    padding-left: 25px;    
    color: #007796;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: underline; 
    text-transform: none;       
    text-align: right;
    letter-spacing: 1px;
 }         
       
.close a:hover{     
    position: relative;
    top: 0px;
    padding-left: 25px;          
    color: #AEBDC3;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: underline; 
    text-transform: none;       
    text-align: right;
    letter-spacing: 1px;
 }         
   
   
   
    /*
    ################################################################################
    STORYBOARDS
    ################################################################################
    */                
#reel_display{  
    position: relative;
    top: 0px;                   
    color: #AEBDC3;
    text-align: center;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none; 
    text-transform: none;       
    text-align: right;
    letter-spacing: 1px;
}




    /*
    ################################################################################
    DropDown Menus
    ################################################################################
    */                
#menu_ul{
    margin: 0;
    padding: 0;
    z-index: 30
}

#menu_ul li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial
}

#menu_ul li a{
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
/*    width: 60px;*/
    background: #5970B2;
    color: #FFF;
    text-align: center;
    text-decoration: none
}

#menu_ul li a:hover{
    background: #49A3FF
}

#menu_ul div{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2
}

#menu_ul div a{
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #EAEBD8;
    color: #2875DE;
    font: 11px arial
}

#menu_ul div a:hover{
    background: #49A3FF;
    color: #FFF
}

 
.active, .active a, .active a:visited {   
    text-align: left;
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    text-transform: none;
    text-decoration: none; 
    border-bottom: 3px solid #000000;    
    }

.active a:hover {      
    text-align: left;
    font-size: 12pt;
    color: red;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;    
    border-bottom: 3px solid red; 
    }
       
.deactive {      
    text-align: left;
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;    
    border-bottom: 4px solid #888888; 
    }