/* 
    Document   : styles
    Created on : Sep 11, 2012, 11:28:35 PM
    Author     : Dilan
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

a{
    text-decoration: none;
    color: #000;
}
*{
    padding:0px;
    margin:0px;
    outline:none;
    border:0px;
    font-family: Arial;
    font-size: 12px;
}

.header{
    height: 140px;
    width: 100%;
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
    z-index: 5000;


}
.header_main_logo{
    position: absolute;

    z-index: 5000;

}

.header_main_text{

    margin-top: 10px;
    margin-left: 200px;
}
.header_nav{
    width: 100%;
    height: 40px;
    bottom: 0px;
    left: 0px;
    background-color: #f15d18;
    z-index: 99999;
}

.upper_header{
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 5000;
    margin-top: opx;
    margin-left: 0px;
    background-color: #fff;

}
.content{
    margin-top: 140px;
}

.content_1{
    width: 100%;
    display: block;
    float: left;
    background: url('../img/bg_content1.png') repeat-x center top;

}
.content_2{
    width: 100%;
    display: block;
    float: left;
    background: url('../img/bg_content2.png') repeat-x center top;
    margin-top: 70px;
}
.content_1_inner{
    width: 960px;
    margin: 0 auto;
}
.content_2_inner{
    width: 960px;
    margin: 0 auto;
    margin-top: 30px;
}

.content_panel{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f0f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */
    border: 1px solid #fcc9b1;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 00, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 00, 0.2);

    -webkit-border-radius: 4px;
    border-radius: 4px; 
}

.home_description{
    margin-top: 0px;
    width: 950px;
    padding: 5px;
    position: relative;
}
.home_description:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.home_description_text{
    float: left;
}
.home_description_image{
    float: left;
}

.home_graphic{
    position: absolute;
    top: -137px;
    left: 0px;
    z-index: 4500;
}
.home_heading_text{
    color: #f15d18;
    font-size: 24px;

}
.home_categories_area{
    width: 960px;
    margin: 0 auto;
    margin-top: 27px;
}
.home_categoriey_panel{
    width: 290px;
    height: 210px;
    display: block;
    float: left;
    margin-right: 27px;
    position: relative;
    padding: 5px;

}
.no_margine{
    margin: 0px;
}
.home_categories_hedding{
    color: #f15d18;
    font-size: 18px;

}

.home_categories_image{
    position: absolute;
    top: 78px;
    left: -28px;
}
.home_categories_link_tv{
    width: 137px;
    height: 69px;
    display: block;
    background: url('../img/btn-watch-now.png');
    text-indent: -999999px;
    z-index: 3000;
    position: absolute;
    top: 116px;
    left: 139px;
}
.home_categories_link_tv:hover{
    background: url('../img/btn-watch-now-h.png');
}
.home_categories_link_radio{
    width: 137px;
    height: 69px;
    display: block;
    background: url('../img/btn-listn-now.png');
    text-indent: -999999px;
    z-index: 3000;
    position: absolute;
    top: 116px;
    left: 139px;
}
.home_categories_link_radio:hover{
    background: url('../img/btn-listn-now-h.png');
}
.home_categories_link_magazine{
    width: 137px;
    height: 69px;
    display: block;
    background: url('../img/btn-read-now.png');
    text-indent: -999999px;
    z-index: 3000;
    position: absolute;
    top: 116px;
    left: 22px;
}
.home_categories_link_magazine:hover{
    background: url('../img/btn-read-now-h.png');
}

.home_magazine{
    top: 113px;
    left:136px;
}

.content2_left{
    width: 618px;
    float: left;
}
.content2_right{
    width: 326px;
    float: left;
    margin-left: 15px;
}

.content2_left_panel{
    width: 608px;
    padding: 5px;
    margin-top: 15px;
}
.content2_left_panel:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.content2_right_panel{
    width: 320px;
    padding: 5px;
}
.content2_right_panel:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.content2_left_title{
    width: 608px;
    float: left;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #fff;
    border: 1px solid #fcc9b1;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 00, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 00, 0.2);
    padding: 5px;
    font-size: 12px;
    color: #f15d18;
    font-weight: bold;

}
.content2_right_panel_title{
   width: 330px;
   text-align: center;
   font-size: 13px;
   font-weight: bold;
   color: #f15d18;
}

.home_right_view_activity{
    width: 137px;
    height: 42px;
    display: block;
    background: url('../img/view-activities.png');
    text-indent: -999999px;
    z-index: 3000;
    float: right;
}
.home_right_view_activity:hover{
    background: url('../img/view-activities-h.png');
}
.content2_right_panel.content_panel a:hover{
    color: #f15d18;
}