
/**

    Master elements

*/
html,body
{
	
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%;
	border:none;
	font-family:Verdana, Arial; 
	font-size:10px; 
	color:#464646;
	text-align:center;
	margin:0 auto;
	background:#dadada;

}

h1 
{
 font-size : 11px;   
}

li 
{
    margin-bottom : 10px;
    color:#ff4141;
}
li * 
{
    color:#464646; 
}

img 
{
    border : 0px;
}

a 
{
	text-decoration:none;
	color:#cc171e;
}
p
{
    padding : 0px;
    margin :0px 0px 16px 0px;
}

a:hover 
{
	color:#000000;
}

#shim 
{
    visibility: hidden;
    width: 100%;
    height: 50%;
    margin-top: -300px;
    float :left;
}

#container 
{
	background:url('/Content/Media/Images/bg.jpg') no-repeat;
	width : 1040px;
	margin: 0px auto -1px auto;
	text-align:left;
	height:572px;
	top: -280px; 
	position: relative;
	clear:both;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}

#content
{
	margin : 0px 0px 0px 40px;
	line-height : 17px;
}

#publisherContent 
{
   /* background-image : url('/Content/Media/Images/pub_back_repeat.png'); */
    margin : 20px;
    width : 930px;
    height : 350px;
    overflow : auto;
   
}
#publisherInternal 
{
   /* background : url('/Content/media/images/pub_back_foot.png') no-repeat; */
     width : 900px;
     overflow : hidden;
     
}


#content div 
{
	float:left;
}

 #eqLeft
{
    margin : 60px 50px 0px 55px;
    width : 400px;
    
}
 #eqRight
{
    margin : 60px 0px 0px 0px;
    width : 400px;
    
}

#nav
{
	width:954px;
    margin : 110px 0px 0px 0px;
    text-align : right;	
}

#foot
{
    clear : both;
    text-align : center;
    font-weight : bold;
    position : relative;
    top : -10px;
    width : 1000px;
    margin: 0px auto -1px auto;
  
}

/* utility classes */
#hidden 
{
    display : none;
}
.clearDiv {
	clear:both;
	height:1px;
	float :none;
}

/*
    Index
*/
#player 
{
    margin : 35px 0px;
}
#contentRight 
{
    margin : 60px 0px;
    
    width : 340px;
}
#contentLeft 
{
    width : 560px;
}

#clients 
{
    position : relative;
    top : 65px;
    left : 55px;
    
}
#servicesLeft 
{
    margin : 65px 65px 0px 65px;
    width : 600px;
}
#servicesLeft  img
{
    float : right;
    margin-left : 30px;
}
#servicesCenter 
{
    margin : 65px 28px 0px 60px;
    width : 390px;
}
#servicesRight 
{
    width : 192px;
    margin-top : 65px;
}
#servicesRight a 
{
    font-weight : bold;
}
#servicesRight div 
{
    margin-bottom : 20px;
}
#casestudiesNav 
{
    margin : 60px 0px 0px 15px;
    width : 210px;
}
#casestudiesNav li 
{
    list-style-type : none;
    color:#6e6e6e;
    font-size : 10px;
    font-weight : bold;
}
#casestudiesNav li a:hover
{ 
    color:#6e6e6e; 
}
.caseStudyResults 
{
    font-weight : bold;
    line-height : 16px;
    color : #333333;
    margin-top : 20px;
    line-height : 24px;
}
.viralclip 
{
    width : 300px;
    font-weight : bold;
}
#servicesLeft div.viralclip a 
{
    color : #333;
}
#servicesLeft div.viralclip img 
{
    float :left;
    margin : 5px 15px 15px 5px;   
}
#clipInfo 
{
    margin-left : 40px;
}

.award
{
    
    width : 400px;
}

#eqRight div.award img
{
   float : left;
   margin : 0px 35px 20px 10px; 
   
}
 /* from old publisher system */
    .textbox
    {      
        padding-left:4px; 
        height:18px; 
        background-color:#ffffff; 
        border-style:solid; 
        color: #696565; 
        vertical-align:middle; 
        font-size:11px; 
        padding-top:4px; 
        border-width:1px; 
        border-color:#c5c5c5;
        display:inline;
        background-image: url('/media/inp_back.gif');
    }     
    .buttondefault
    {  
	    border:solid #ebebde 1px; 
	    background-color:#5d5b54;
	    color:#cccccc;
        font-weight:bold;
        text-align:center;	       
        width:72px;	
        text-decoration:none; 
        font-size:11px;
        height:22px;
        display:inline;
        padding:0px;		    
    }
    
    #movieclose 
    {
        background: #c0c0c0; color:#cc1217; cursor : pointer; font-size: 10px; text-align: right; padding-top : 4px; height: 20px; vertical-align: middle; width: 300px;
    }
    
    #movieholder 
    {
        display : none;
        width : 300px;
        height : 250px;
        background : black;
    }
    #expander 
    {
        cursor : pointer;
    }
    #servicesList li
    {
        margin : 5px;
        color:#464646;
    }
    #servicesList 
    {
        padding : 0px 6px;
        margin : 0px;
    }
    
