#promo
{
    margin:0px 0px 10px 0px;
}

#playerbg
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:200;
}

#bgcolor
{
    background-color:#000000;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

#bgcontent
{
    top:44px;
    left:0px;
    position:absolute;
}

#bgbar
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:44px;
    background:#000000;
    border-bottom:1px solid #cccccc;
}


#closebtn
{
    position:absolute;
    bottom:0;
    right:0;
    cursor:pointer;
    
    }

/*
	21/05/2010
	----------
	based on the 12 column grid  which we'll soon be implementing
	960/12=80
	80 px each column
	column10 = 10 columns ... 800px

*/


.column10, .column2
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*padding-right:10px;
	padding-left:10px;*/
	margin:0;
	float:left;
}

.column10 p, .column2 p
{
	margin:1em 0;
	padding:0;
	line-height:1.5em;
	width:100%;
}
.column2 a
{
	text-decoration:none !important;
	color:#005986;
}

.column10
{
	width:800px;
	overflow:hidden;
	/* in this case we don't want or need padding*/
	padding:0px;
}

.column2
{
	width:160px;
	/* in this case we want it to expand to fill the void*/
	width:175px;
}



/* extra information */
.snippetbox
{
	margin:0px 0px 10px 0;
	border-bottom:1px dotted #ccc; 
}

a.cta
{
	padding-top:5px;
	display:block;
}