body
{
	color: #666666;
	font: normal 8pt/13pt Tahoma, Arial, sans-serif;
	background: #000000;
	margin-top: 30px;
}

A:link, A:visited {color: #999999; text-decoration: none; font-weight: normal;}
A:hover {color: #999999; text-decoration: underline; font-weight: normal;}

#demolayout {padding: 0em 0em 0em 2em; font-size: 0.6em;}
/*#demolayout {padding: 0 19px 0 19px; font-size: 0.6em;}*/
#demolayout TD {font-size: 0.6em; vertical-align: top;}
#demolayout H1 {border-bottom: solid 1px #333333; padding: 0.3em 0.3em 0.3em 1em; margin: 3.5em 0em 0.5em 0em; color: #AAAAAA; background: #111111; font-size: 1.6em; width: 90%;}
#demolayout H2 {border-bottom: solid 1px #333333; padding: 0em 0em 0.2em 0em; margin: 0em; font-size: 1.4em;}
#demolayout TABLE {width: 90%; border-collapse: collapse;}
#demolayout TABLE.layout {margin-top: 1.2em; border-collapse: collapse;}
#demolayout TD.TopMenu {text-align: center; padding: 0.5em; color: #444444; background: #222222; border: solid 1px #666666; font-weight:normal;}

#demolayout .TopMenu A {font-size: 1.6em; padding: 1.4em 2.2em; color: #999999;}
#demolayout .TopMenu A:hover {color:#FFFFFF; text-decoration: none;}

#demolayout .TEJ .TopMenu A {font-size: 12px; padding: 3px 10px; margin: 0 5px;color: #999999; background: #333333;}
#demolayout .TEJ .TopMenu A:hover {color:#FFFFFF; text-decoration: none;}

#demolayout .TEJ .TopMenu A {font-size: 15px; padding: 3px 10px; margin: 0 20px;color: #999999; background: none;}
#demolayout .TEJ .TopMenu A.Active {font-size: 15px; padding: 3px 10px; margin: 0 20px;color: #999999; background: #333333;}
#demolayout .TEJ .TopMenu A:hover {color:#FFFFFF; text-decoration: none;}

#demolayout .TEG .Inactive {display: none;}
#demolayout .TEG .Active {display: '';}

#demolayout H1.CustomClips {font-size: 1.2em; margin: 0em; padding: 0em;}
#demolayout H1.CustomClips .SpecTitle {color: #CCCCCC; padding-left: 0.4em;}

#demolayout H1.CustomClips_EJ {font-size: 1.2em; margin: 0em; margin-right: 0px; padding: 0em; width: 100%;}
#demolayout H1.CustomClips_EJ .SpecTitle {color: #CCCCCC; padding-left: 0.4em;}

#demolayout DIV.CustomClips {background: #111111; border: solid 1px #222222; padding: 0.8em; margin:2em 0em 0em 0em;}
#demolayout TD.CustomClips {padding: 1em 2em 0em 2em;}
#demoLayout TABLE.CustomClips {width: auto;}
#demolayout TABLE.CustomClips TD {padding: 0.7em 2.5em;}

#demolayout DIV.CustomClips_EJ {background: #111111; border: solid 1px #222222; padding: 0.8em; margin:2em 0em 0em 0em;}
#demolayout TD.CustomClips_EJ {padding: 5px 0px 5px 0px; width: 40px;}
#demoLayout TABLE.CustomClips_EJ {width: 700px;}
#demolayout TABLE.CustomClips_EJ TD {padding: 5px 0px 5px 10px; width: 160px;}

#demolayout .CustomClips_EJ H3 {border-bottom: solid 1px #222222; padding-bottom: 2px; margin-top: 5px; font-size: 12px; margin-bottom: 5px;}
#demolayout .CustomClips_EJ IMG {margin-right: 5px; width: 11px; height: 10px;}



#demolayout .Advertising {width: 90%; margin: 0.5em 0.5em 1em 0em;}
#demolayout .Advertising TD {font-weight: bold; text-align: center;}
#demolayout TABLE.FeatureFilm {margin: 1em 0em;}
#demolayout TR.MusicProduction {display: none;}
#demolayout DIV.ShortFilmTitle {margin-top: 1.1em; font-weight: bold;}

#demolayout TABLE.SpecVideo {margin-top: 1em;}
#demolayout .SpecVideo TD {text-align: center; font-size: 0.7em; font-weight: bold; line-height: 2em;}


#demolayout IMG {border: none;}

#demolayout .Advertising .Heading {font-weight: bold; text-align: center;}
#demolayout .Advertising A {font-weight: bold; color: #999999; font-size: 1.1em;}
#demolayout .Advertising A:hover {font-weight: bold; color: #FFFFFF; font-size: 1.1em; text-decoration: none;}

#demolayout .linklist A {display: block; margin: 1.2em 0em 1.2em 0.5em; color: #999999;}
#demolayout .linklist A:hover {display: block; margin: 1.2em 0em 1.2em 0.5em; color: #FFFFFF; text-decoration: none;}

#demolayout .CustomClips_EJ .linklist A {display: block; margin: 5px 0px 5px 0px; color: #999999; white-space: nowrap;}
#demolayout .CustomClips_EJ .linklist A:hover {display: block; margin: 5px 0px 5px 0px; color: #FFFFFF; text-decoration: none;}

#demolayout .linkrow A:visited {}
#demolayout .linkrow A:hover {color: #FFFFFF; text-decoration: none;}
#demolayout .linkrow A {padding: 1em 2em 1em 0em; color: #CCCCCC;}
#demolayout .linkrow {text-align: left; font-size: 1.1em; line-height: 2.5em; color: #FFFFFF; font-weight: bold; padding-left: 1em;}
/*#demolayout .linkrow IMG {vertical-align: -33%;}*/

#demolayout #JustBusiness .linkrow A {padding: 1em 1em 1em 0em; white-space: nowrap;}
#demolayout #FinalDraft .linkrow A {padding: 1em 1em 1em 0em; white-space: nowrap;}


.ClipListItemOver A:hover{text-decoration: none; color: #FFFFFF;}

    #AdminTable
    {
    	margin-top: 0px;
    	border: 1px solid #474747;
    	border-collapse: collapse;
    }
    
    #Status
    {
    	margin: 20px 0px 20px 0px;
    	font: normal 9pt/12pt Helvetica, sans-serif;
    	/*border: 1px solid red;*/
    	text-align: center;
    	width: 349px;
    }
    
    #AdminTable TH
    {
    	font : bold 9pt/13pt Helvetica, sans-serif;
    	color: #666666;
    	text-align: left;
    	background: #2b2b2b;
    	border: 1px solid #474747;
    	padding: 1px;
    }
    
    	#AdminTable TD
    	{
    		font: normal 9pt/13pt Helvetica, sans-serif;
    		padding: 2px 2px 2px 6px;
    		
    	}

#Footer
{
	font-size: 8pt;
	color: #666666;
	border-top: 1px solid #666666;
	padding: 3px;
	margin-top: 25px;
}

#NormalBackground
{
	background: url(../images/PianoPhoto2.jpg);
	background-attachment: scroll;
	background-position: top right;
	background-repeat: no-repeat;
}

h1
{
	color: #666666;
	font: bold 14pt/14pt Tahoma;
	margin: 35px 0px 6px 0px;
}


.BoldLink
{
	font-weight: bold;
	color: #999999;

}

/* START BIO SECTION 
----------------------------------------*/
#BioBackgroundGama
{
	background: url(../images/LondonPhotoGama.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#BioBackground
{
	background: url(../images/LondonPhoto.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.DropCase
{
	margin: 0px;
	padding: 0px;
	top: 5px;
	color: #333333;
	float: left;
	position: relative;
	left: -15px;
}

#BioText
{
	position: relative;
	width: 350px;
	color: #808080;
	letter-spacing: 0.8pt;
	font-size: 8pt;
	line-height: 12pt;
	font-weight: normal;
	padding: 10px 0px 0px 20px;
	z-index: 100;
}



/* START CREDIT SECTION 
-----------------------------------------------*/
#CreditColumns
{
	position: relative;
	width: 700px;
	left: 0px;
	text-align: center;
	margin-top: 0px;
}

#CreditBackground
{
	background: url(../images/PianoPhoto3.jpg);
	background-attachment: scroll;
	background-position: top right;
	background-repeat: no-repeat;
}

#CreditColumns TD
{
	color: #999999;
	font-size: 8pt;
	line-height: 12pt;
	width: 50%;
}

#CreditColumns .Title
{
	font-weight: bold;
	font-size: 9pt;
	line-height: 14pt;
}

#CreditColumns .Type
{
	font-weight: normal;
	font-size: 8pt;
	display: block;
	margin: 0px;
	padding: 0px;
}

#CreditColumns .Producer
{
	font-weight: normal;
	display: block;
}

#CreditColumns .Credit
{
	margin: 12px;
	
}

#CreditColumns .Notes
{
	font-style: italic;
	display: block;
}



/* START LISTENING ROOM
--------------------------------------------------*/
#ListeningRoomLayout
{
	margin-top: 25px;
}

.StyleListItem
{
	font: normal 9pt/14pt Verdana, sans-serif;
	margin: 6px 0px 6px 0px;
	padding: 2px 2px 2px 2px;
	/*border: 1px solid #000000;*/
	color: #999999;
	cursor: pointer;
}

.StyleListItemOver
{
	font: normal 9pt/14pt Verdana, sans-serif;
	margin: 6px 0px 6px 0px;
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	cursor: pointer;
}

.ClipListItem
{
	font: normal 8pt/10pt helvetica, sans-serif;
	color: #808080;
	padding: 1px 1px 1px 3px;
	cursor: pointer;
}


.ClipListItemOver
{
	font: normal 8pt/10pt helvetica, sans-serif;
	color: #FFFFFF;
	padding: 1px 1px 1px 3px;
	cursor: pointer;
}

.StyleListItemActive
{
	font: normal 9pt/14pt Verdana, sans-serif;
	margin: 6px 0px 6px 0px;
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	background: #2b2b2b;
	border: 1px solid #474747;
}

.ClipTitle {font: bold 8pt/12pt Verdana, Arial, sans-serif;}
.FilmTitle {font: normal 8pt/12pt Verdana, Arial, sans-serif;}
.ClipLength {font: normal 8pt/12pt Verdana, Arial, sans-serif;}

#NoQtMsgContainer
{
	width: 320px;
	height: 240px;
}

#NoQtMsg
{
	font-size: 8pt;
	padding: 6px;
	text-align: center;
	border: 1px solid #333333;
	background: #101010;
	vertical-align: middle;
}



/* CONTACT SECTION
-------------------------------------------------*/
#ContactText
{
	margin: 0px 0px 0px 25px;
	padding-left: 10px;
	font-size: 10pt;
	font-weight: normal;
	border-left: 1px solid #CCCCCC;;
	vertical-align: absmiddle;
	position: relative;
	top: 65px;
	line-height: 12pt;
}

#ContactText .Bold1
{
	color: #999999;
	font-weight: bold;
}

#ContactText .Bold2
{
	color: #999999;
}

.DarkLink
{
color: #666666; font-weight: normal; text-decoration: none;
}

.DarkLinkOver
{
	color: #666666; font-weight: normal; text-decoration: underline;
}


/* CLIENT LOGIN SECTION
-------------------------------------------------*/
#LoginFailed
{
	font: normal 8pt/12pt Arial, sans-serif;
	padding: 8px;
	vertical-align: middle;
	text-align: center;
	color: #CCCCCC;
	background: #2b2b2b;
	border: 1px solid #474747;
}

#ClientLoginTable
{
	margin: 40px 0px 0px 20px;
}

#ClientLoginTable INPUT
{
	border: 1px solid #000000;
	background: #CCCCCC;
}

#ClientLoginTable td
{	
	font-size: 9pt;
}

.ClientProjectHead{font: bold 9pt/12pt Verdana, sans-serif; margin-left: 15px; color: #e0e0e0; text-align: left;}



p
{

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}