﻿/*MEDIA MASTERPAGE SPECIFIC CSS*/
#mediaPageContainer
{
    position:relative;   
    margin: 0px auto;
    width: 900px;    
    background-color:#101010;
    overflow:auto;
    
}
#mediaNav
{
    position:relative;
    margin:0px 0px;
    width:900px;
    height:27px;
    font-size:12px;
    color:#ffffff;
    background-image:url(images/mediaNavBG.jpg);
    background-repeat:repeat-x;
    font-family:helvetica, Myriad Pro;
}
#mediaNav a
{
    color:#ffffff;
    text-decoration:none;
}
#mediaNav a:hover
{
    color:#d3fb4a;
}
#mediaNav ul
{
    padding-left:158px;
    padding-top:5px;
    margin:0px; 
    list-style-type:none;
}
#mediaNav li
{
    float:left;
    padding: 0px 0px 0px 20px;    
}
#mediaNavIndicator
{
    position:absolute;
    top:0px;
    left:15px;
    width:141px;
    height:27px;
    background-image:url(images/Media_NavIndicator.jpg);
    
}  
#MediaContentWrapper
{
    position:relative;
    margin:0px auto 0px auto;
    width:900px;
    text-align:left;
    
   
    
    
    
} 
#mediaContent
{   
    
    margin:0px 0px 0px 0px;
    width:678px;
    height:auto;
    background-color:#101010;
    text-align:left;
    float:left;
   
   
   
    
    
}
#rightPanelContainer
{
    position:relative;
    margin:6px 0px 0px 678px;
      
    width:215px;
    min-height:933px;
    background-color:black;
   
}
#mediaContentMediaCenterContainer
{   
    
    position:relative;
    margin:0px auto;    
    width:678px;   
    text-align:left;
    background-color:#0D0D0D;
    float:left;
   
    
}

#rightPanel_HDContainer
{
    position:absolute;
    top:6px;
    left:10px;
    width:203px;
    height:417px;
    background-image:url(images/HDReadyBG.jpg);
}
#rightPanelText
{
    position:absolute;
    top:435px;
    left:10px;
    width:203px;
    height:30px;
    text-align:left;
    font-family:Arial Black;
    font-size:18px;
    line-height:17px;
    
}
#rightPanelText .span1
{
    color:#ffffff;
    text-decoration:none;
}
#rightPanelText .span1:hover{color:#949495;}
#rightPanelText .span2
{
    color:#949495;
    text-decoration:none;  
}
#rightPanelText .span2:hover{color:#ffffff;}

#mediaphotoholdercontainer
{
    position:absolute;
    top:480px;
    left:13px;
    width:203px;
    float:left;
} 
#mediaphotoholder1
{
   position:absolute;
   top:0px;
   left:0px;
    
}
#mediaphotoholder2
{
    position:absolute;
    top:0px;
    left:104px
}
#mediaphotoholder3
{
    position:absolute;
    top:104px;
    left:0px
}
#mediaphotoholder4
{
    position:absolute;
    top:104px;
    left:104px
}
#MC_ServiceList
{
    position:absolute;
    top:688px;
    left:10px;
    width:203px;
    text-align:left;
}
#MC_ServiceList ul
{
    padding:0px;
    margin:0px;
}
#MC_ServiceList li
{ 
    padding-top:5px;
    list-style-type:none;
}
#MC_ServiceList a
{
    color:#bfbfbf;
    text-decoration:none;
}
#MC_ServiceList a:hover
{
    color:White;
}
/*END OF MEDIA MASTERPAGE SPECIFIC CSS*/

/*Media Center Main CSS*/
#MCMain_TopContainer
{
    
    margin:6px 0px 0px 5px;  
    width:673px;
    height:287px;
    background-color:Black;
}
#MCMain_TopHeader
{
    position:absolute;
    top:5px;
    left:7px;
    font-family:Arial Black;
    font-size:24px;
    color:#ffffff;
}
#MCMain_TopHeader .smallhead
{
    font-size:14px;
    font-family:gillSans light, Gill Sans MT;
    color:#bfbebe;
}
#MCMain_project1
{
    position:absolute;
    top:43px;
    left:7px;
    width:210px;
    height:244px;
    
}
#MCMain_project2
{
    position:absolute;
    top:43px;
    left:229px;
    width:210px;
    height:244px;
  
}
#MCMain_project3
{   
    position:absolute;
    top:43px;
    left:450px;
    width:210px;
    height:244px;
    
}
.MCMain_projectPhotoHolder
{
    position:absolute;
    top:0px;
    left:0px;
    width:210px;
    height:163px;
    background-color:White;
}
.MCMain_projectheadertext
{
    position:absolute;
    top:171px;
    left:0px; 
    font-family:Geneva, Myriad Pro;
    font-size:14px;
    color:#447688;  
}
.clickheretoplay
{
    color:White;
    text-decoration:none;
    font-size:12px;
}
.clickheretoplay:hover
{
    color:#bfbebe;
}
#MCMainGradient
{
    position:absolute;
    top:290px;
    left:5px;
    width:673px;
    height:34px;
    background-image:url(images/grey-bar.jpg);
}
#MCMainBorderBarleft
{
    position:absolute;
    top:0px;
    left:0px;
    width:5px;
    min-height:939px;
    background-color:#101010;
    z-index:10;
}
#MCMainBorderBarright
{
    position:absolute;
    top:0px;
    left:895px;
    width:5px;
    min-height:939px;
    background-color:#101010;
    z-index:1;
}
#MCMainDividerBar
{
    position:absolute;
    top:293px;
    left:5px;
    width:673px;
    height:9px;
    background-color:Black;
    z-index:3;
}
#MCMainBottomContainer
{
  
    position:relative;
    margin:0px 0px 0px 16px;
    width:648px;
    color:White;
    text-align:left;
    font-size:12px;
    font-family:Myriad Pro;
    
  
}
#MCMainCommercialListContainer1
{
    position:relative;
    margin:30px 0px 24px 0px;
    min-height:78px;
    
      
     
}
#MCMainCommercialListContainer2
{
   position:relative;
    margin:24px 0px;
    min-height:78px; 
}
#MCMainCommercialListContainer3
{
    position:relative;
    margin:24px 0px;
    min-height:78px;  
}
#MCMainCommercialListContainer4
{
    position:relative;
    margin:24px 0px;
    min-height:78px;  
}
#MCMainCommercialListContainer5
{
    position:relative;
    margin:24px 0px;
    min-height:78px;  
}
#MCMainCommercialListContainer6
{
    position:relative;
    margin:24px 0px 30px 0px;
    min-height:78px;  
}
.MCMainCommercialPhotoHolder
{
    margin:0px 0px 0px 0px;
    width:147px;
    height:78px;
    background-color:White;
    float:left;
    
}
.MCMainCommcercialTextContainer
{
    margin:0px 0px 0px 157px;
    text-align:justify;
    left:157px;
    width:450px;
}
.MCMainCommercialHeaderText
{
    font-size:18px;
    font-family:Helvetica Bold, Myriad Pro;
    color:#4e889d;
}
.MCMainCommercialPlayVideo
{
    font-family:Arial Black;
    color:White;
    font-size:12px;
    text-decoration:none;
    
}
.MCMainCommercialPlayVideo a
{
   text-decoration:none;
}
.MCMainCommercialPlayVideo:hover
{
    color:#bfbebe;
}

/*END OF Media Center Main CSS*/

/*Begining of Video Production CSS*/
#videoProductionsPageWrapper
{
    margin:0px 0px 0px 0px;
    width:900px;
    background-color:Black;
}
#selectVideoColumn
{
    position:relative;
    margin:10px 0px;
    text-align:right;
    width:235px;
    float:left;
    color:White;
    font-size:12px;
    font-family:Helvetica
    
}
#selectVideoColumn a
{
    color:white;
    text-decoration:none;
}
#selectVideoColumn a:hover
{
    color:#959595;
}
#selectVideoColumn ul{margin:0px; padding:0px;}
#selectVideoColumn li{ list-style-type:none; margin:0px; padding:0px;}
.selectVideohead
{
    color:#959595;
    font-size:14px;
    font-family:Helvetica, Myriad Pro;
}
#selectedVideoContent
{
    margin:0px 0px 0px 5px;
    width:425px;
    float:right;
    text-align:left;
    color:White;    
}
#selectedVideoInfoContainer
{
    margin:0px;
    padding:0px;
    width:425px;
    text-align:left;
    color:White;    
}
.selectedVideoInfo
{
    margin:0px 50px 0px 0px;
    float:left;
    
}
.selectedVideoInfoHeader
{
    color:#959595;
    font-size:14px;
}
#selectedVideoDetails
{
    margin:15px 0px 0px 0px;
    width:425px;
}

/*ending of Video Production CSS*/