/* 
    Document   : style.css
    Created on : Oct 30, 2009, 1:06:34 AM
    Author     : deivith
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    background: #CDCDCD url(../img/background.jpg) no-repeat top center;
    margin: 0px;
    padding: 0px;

    font-family: Arial,Helvetica,Garuda,sans-serif;    
    color: #525253;
    font-size: 11px;
    
}

A{
    font-family: verdana,sans-serif;
    color: #65B3FB;
    font-size: 12px;
    text-decoration: underline;
    outline:none;
}
A:hover{ color: #134e77; }
h1{
    font-family: "trebuchet MS",sans-serif;
    color: #0E3357;
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    
}
#login{
    background: url(../img/login_background.png) repeat-x;
    height: 43px;
    width: 100%;
}

#footer{
    background: url(../img/footer_shadow.png) no-repeat scroll center top;
    width: 965px;
    text-align:center;
    padding: 30px;
    margin:auto;
}
    .roundedinput{ background: url(../img/login_box.jpg) no-repeat; width: 133px; height: 19px;}
    #members_title{ background: url(../img/members_title.jpg) no-repeat; width: 75px; height: 19px; margin-top: 11px !important;}
    .input-login{
        background: transparent;
        border: 0px;
        width: 110px;
        height: 15px;
        margin-left: 10px;
        color: #fff;
    }
    
#logo{
    background: url(../img/logo.jpg) no-repeat;
    float: left;
    width: 200px;
    height: 85px;    
}
#searcher{ float:right; }
#searcher DIV{ float: right; }
#search_container{    
    background: url(../img/search_box.png) no-repeat;
    width: 471px;
    height: 31px;
    clear:both;
    margin: 10px 0px;
}
.input-search{
        background: transparent;
        border: 0px;        
        height: 15px;
        margin-left: 115px;
        width: 300px;
        color: #fff;
    }

#menu{
    clear:both;
    overflow:hidden;
    text-align:center;    
    margin:auto;    
    background: url(../img/under_menu_bar.png) no-repeat bottom center;
    width: 965px;
    height: 35px;
}
#menu-inner{ width: 655px; margin:auto; }
    #menu A{ float: left; display:block; height: 20px; margin: 10px 22px;}

    #home_button{ background: url(../img/btn_home_normal.png) no-repeat; width: 50px; }
    #home_button:hover,.home_selected{ background: url(../img/btn_home_hover.png) no-repeat !important; width: 50px; }
    #company_button{ background: url(../img/btn_company_normal.png) no-repeat; width: 75px; }
    #company_button:hover, .company_selected{ background: url(../img/btn_company_hover.png) no-repeat !important; width: 75px; }
    #tv_button{ background: url(../img/btn_tv_normal.png) no-repeat; width: 85px; }
    #tv_button:hover,.tv_selected{ background: url(../img/btn_tv_hover.png) no-repeat !important; width: 85px; }
    #internet_button{ background: url(../img/btn_internet_normal.png) no-repeat; width: 67px; }
    #internet_button:hover{ background: url(../img/btn_internet_hover.png) no-repeat !important; width: 67px; }
    #photo_button{ background: url(../img/btn_photo_normal.png) no-repeat; width: 88px; }
    #photo_button:hover{ background: url(../img/btn_photo_hover.png) no-repeat !important; width: 88px; }
    #paiting_button{ background: url(../img/btn_paintings_normal.png) no-repeat; width: 148px; }
    #paiting_button:hover{ background: url(../img/btn_paintings_hover.png) no-repeat !important; width: 148px; }
    #literature_button{ background: url(../img/btn_literature_normal.png) no-repeat; width: 78px; }
    #literature_button:hover{ background: url(../img/btn_literature_hover.png) no-repeat !important; width: 78px; }
    #cine_button{ background: url(../img/btn_cine_normal.png) no-repeat; width: 33px; }
    #cine_button:hover,.cine_selected{ background: url(../img/btn_cine_hover.png) no-repeat !important; width: 33px; }
    #new_media_button{ background: url(../img/btn_new_media.png) no-repeat; width: 91px; }
    #new_media_button:hover,.new_media_selected{ background: url(../img/btn_new_media_hover.png) no-repeat !important; width: 91px; }
    #news_button{ background: url(../img/btn_news_normal.png) no-repeat; width: 45px; }
    #news_button:hover,.news_selected{ background: url(../img/btn_news_hover.png) no-repeat !important; width: 45px; }



#news{
    overflow: hidden;
    height: 170px;
}
#news_title_home{
    background: url(../img/news_header.png) no-repeat;
    width: 934px;
    height: 28px;
}

#news_body{ margin: 10px 0px;}
#news_body DIV { float:left; }
.news_img{ border-right: 1px solid #e0e0e0; width: 180px; }
.news_img IMG { border: 1px solid #9fa1ad; }
.news_content { width: 570px; margin-left: 5px; border-right: 1px solid #e0e0e0;width: 565px; padding-right: 5px;  }
.news_content H3{ float: left; }
.date{
    float: right !important;
    font-family: verdana,sans-serif;
    color: #0E3356;
    font-size: 11px;
    margin-right: 5px;
    display: none;
}
.clearfix{ clear: both; }

.sponsors{
    width: 190px;
}
.sponsors A IMG{ border: 0px; }
.sponsors IMG { margin: 0px 2px; border:0px;}

#home_slide{ clear: both; overflow:hidden;  height: 285px; }
#home_slide_text{
    float:left;
    width: 345px;
    margin: 0px 0px 0px 20px;
    position: relative;
    height: 280px;
}
#home_mask{
    float:left;
    position: relative;
    overflow:hidden;
    width: 600px;
    height:290px;
    margin-top:-2px;
}
#mask{

    background: url(../img/mask.png) no-repeat;
    position: absolute;
    width: 554px;
    height: 286px;
    z-index: 1000;
    margin-left: 41px;    
    overflow:none;
}
#mask_bk_image{
    position: absolute;
    z-index: 100;
    overflow:hidden;
    width: 530px; margin-left: 50px;
}
#mask_bk_image #image {
    -moz-transform: rotate(8deg);  /* FF3.5+ */
    -o-transform: rotate(8deg);  /* Opera 10.5 */
	-webkit-transform: rotate(8deg);  /* Saf3.1+, Chrome */
    -ms-transform: rotate(8deg);  /* IE9 */
    transform: rotate(8deg);  
    filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9  */
            M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
    zoom: 1;
}

#effect_buttons{     
    width: 100px;
    height: 20px;
    position: absolute;
    bottom:0px;
    left: 50%;
}
.effect_btn{
    background: url(../img/btn_effect_deactivate.png) no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin: 5px;
}
.effect_btn:hover{ background: url(../img/btn_effect_activate.png) no-repeat; }
.eb_selected{
    background: url(../img/btn_effect_activate.png) no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin: 5px;
}

#content{
    width:965px; margin:auto;
}

.blue_title{
    width: 920px;
    height: 28px;
    margin: 10px auto 20px auto;
}

#entertainment_title{
    background: url(../img/entertainment_title.png) no-repeat;
}

#fiction_title{
    background: url(../img/fiction_title.png) no-repeat;
}

#company_title{
    background: url(../img/company_title.png) no-repeat;
}
#news_title{
    background: url(../img/news_title.png) no-repeat;
}
#film_title{
    background: url(../img/film_title.png) no-repeat;
}
#new_media_title{
    background: url(../img/newmedia_title.png) no-repeat;
}

#content-inner{
    overflow: hidden;
    width: 920px;
    margin:auto;    
    padding-bottom: 40px;
}
.content-inner-column{
    float: left; 
}

.column-left{
    text-align: center;
    width: 207px;
}
.column-middle{
    width: 245px;
    margin: 25px 40px;
}
.column-right{
    float: left;
    width:340px;
    margin: 25px 0px;
    position:relative;    
}

/* types */

#back_button{
    background:url(../img/back_button.png) no-repeat;
    display: block;
    width: 74px;
    height:33px;
    margin: 20px;
}
A#back_button:hover{
    background:url(../img/back_button_on.png) no-repeat;
}

.rounded-title{
    margin-bottom: 0px;
}

.scroll-pane P, .company-column-right P{
    padding: 0px !important;
    margin-bottom: 5px !important;
}


#content-inner P {
    padding: 0px 0px 10px 10px;
    margin:0px;
}


.scroll-pane {
    width: 540px;
    /*height: 345px;*/
    height: 400px;
    overflow: auto;
    float: left;
    padding-left: 20px;
}

H4{
  color: #072047;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

H5{
  color: #072047;
  font-size: 12px;
  margin-top:10px;
}

.company-column-right{
    margin-left: 30px;
    width: 180px;
    margin-top: 10px;
}

.company-column-right .date{
    float: left !important;
    margin: 10px 0px;
    clear: both;
    width: 100%;
}
.company-page{
    width: 800px !important;
}

#aliances_logos{
    margin: 10px 0px;
    text-align: center;
}
#aliances_logos IMG{ border: 0px; }
.company-column-right p{
    line-height: 14px;
}


#entertainmentFlow{
    *top: 70px;
}
#entertainmentFlow_scrollbar{
    *margin-top: 0px !important;
}

#fictionFlow{
    *top: 70px;
}
#fictionFlow_scrollbar{
    *margin-top: 0px !important;
}

#under_construction{

    background: url(../img/under_construc.png) no-repeat;
    width: 508px;
    height: 400px;
    margin: 50px auto;
    
}
.news-text P{
    text-align:justify;
}

.fkcontents-media-image-title{
    background: url(../img/fk_content_image_label.png) no-repeat;
    width:310px;
    height: 25px;
    margin:auto;
    float:none !important;
}
#search_container{
    position:relative;
}