body{
	text-align:center;
	font-family: Verdana,Arial,sans-serif;
/*	font-size:10px;*/
	font-size:70%;
	background-color:#666666;
	color: #333333;
	text-align: center;
	margin:0px; 
	padding:0px;
	height:100%;
	top:0px;
}



table {
border-collapse:collapse;
border-color:#CCCCCC;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.body01 {
	line-height: 18px;
	padding-right: 22px;
	padding-left: 22px;
	padding-top: 3px;
}

.body01 p{
	padding-left: 4px;
}

.subhead_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #006699;
	font-weight: bold;
	padding-left: 22px;
}

.subhead_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fcb514;
	font-weight: bold;
	padding-left: 2px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
#spacer {
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	position: relative;
}

#body_container {
	padding-bottom: 100%;
	padding-top: 20px;
	padding-right: 30px;
}
.Work {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	line-height: 14px;
	padding-left: 5px;
}
.WorkTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding-left: 5px;
}
.mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
}

p {
margin-top:.5em;
/*padding-top:.5em;*/
}

h1{
 font-family: Verdana,Arial,sans-serif bold;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
/* font-size:14px;*/
font-size:110%;
color: #003366;
 margin: 0px;
padding:0;
}

h3{
 font-family: Verdana,Arial,sans-serif bold;
 /*font-size:12px;*/
 font-size:80%;
 color: #003366;
 margin: 0px;
/* padding-bottom: 15px;*/
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 /*font-size:10px;*/
 font-size:80%;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size:80%;
 color: #003366;
 margin: 0px;
 padding-left:10px;
 padding-top:10px;
 padding-bottom:6px;
}

h6{
 font-family: Verdana,Arial,sans-serif bold;
 /*font-size:12px;*/
 font-size:80%;
 font-weight:bold;
 color: #003366;
 margin: 0;
 padding-top:.25em;
 padding-bottom:0;
 
}

ul{
 list-style-type: none;
 font-size:80%;

}

ul ul{
	list-style-type: none;
	 font-size:100%;

}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/*Link Styles*/
/***********************************************/

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #fcb514;
	text-decoration:none;
	}


/***********************************************/
/* Layout container */
/***********************************************/

#container{
	margin:auto;
	text-align:left;
	width:770px;
	background:url(../images/shadowtests_right.jpg) right repeat-y;
	padding-right:9px;
	background-color:#FFFFFF;
	border-left:1px solid black;	
}
	
/***********************************************/
/***********************************************/
/* everything above 3 column content       */
/***********************************************/
/***********************************************/
#pretopper {
	background-color:#663333;
	text-align:right;
	padding-right:10px;
	padding-top:7px;
	height:10px;
	font-size:80%;
	color: #CCCCCC;
}

#topper{
	background-color:#663333;
	padding-top:0px;
	height:0px;
}
	
	#topper img{
		clear:both;
		float:left;
		position:absolute;
		padding: 17px 0px 0px 15px;
		border:none;
	}



#masthead{
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 100%;
	height:195px;
	background-color:#fcb515;
}

/***********************************************/
/* Global navigation                            */
/***********************************************/

#globalNav{
	font-size:9px;
	padding: 17px 15px 17px 10px;
	background-color:#fcb515;
	color: #006699;
}

#globalNav img{
 display: block;
}


#globalNav a{
	color: #006699;
	padding: 1px 0px 5px 0px;
	text-decoration: none;
}

#globalNav a:link{
	color: #006699;
	text-decoration: none;
}

#globalNav a:visited{
	color: #006699;
	text-decoration: none;
}

#globalNav a:hover{
	color: #FFFFFF;
	text-decoration:none;
	}


/***********************************************/
/***********************************************/
/* Left (first) column submenu                  */
/***********************************************/
/***********************************************/

#submenu{
	float: left;
	height:100%;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#submenu ul a:link, #submenu ul a:visited {display: block;}
#submenu ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#submenu li {border-bottom: 1px solid #fff;}

/* fix for browsers that don't need the hack 
html>body #submenu li {border-bottom: none;}*/

/***********************************************/
/* Submenulinks classes     */
/***********************************************/

.submenulinks{
	height:150px;
	padding:15px 4px 25px 8px;	
	margin: 0px;
}

.submenulinks a{
	display: block;
	padding: 0px 0px 3px 10px;
	font-size: 9px;
}

.submenulinks a:hover{
	background:url(../images/bullet_gold.gif) left no-repeat;
	color:#fcb514;;
}

.submenulinks ul ul{
text-indent:15px;
}

/***********************************************/
/* Client login classes*/
/***********************************************/

.logincontainer{
	padding:2px 0px 10px 15px;
/*	border-bottom:1px solid #333333;
*/}

.login p{
	padding:1px 0px 0px 0px;
	margin:0px;
}

.login h3{
	padding:3px 0px 3px 15px;
	color:#FFFFFF;
	background-color:#fcb515;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}

input.fields{
	background-color:#F2F2F2;
	border:1px solid #666666;
	height:11px;
	font-size:9px;
	width:100px;
}

input.enterbutton{
	background:url(../images/enterbutton.jpg) bottom no-repeat;
	width:50px;
	height:14px;
	border:0px;
}


/***********************************************/	
/***********************************************/
/* Center (second) column                      */
/***********************************************/
/***********************************************/
#secondcol{
	float:left;
	height:100%;
	/*line-height:14px;*/
	line-height:1.5em;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:400px;
	width:75%;
	border-left:1px solid #000;
}


#content{
	float:left;
	height:100%;
	width:80%;
	line-height:14px;
	padding-bottom:400px;
	background-color:#FFFFFF;
	/* border-right:1px solid #000; */
	border-left:1px solid #000;
}

.dvdMain {
	padding: 15px;
}

.dvdMain p{
	padding-left: 3px;
}

.dvdMain img{
	padding: 0px;
	margin: 0px;
}


/***********************************************/
/*  text/image content     */
/***********************************************/

.feature{
	margin:0px;
	padding:15px;
	line-height:1.5em;
}


.feature ul{
margin-top:0;
padding-top:0;
margin-left:7px;
font-size:100%;
list-style-type:inherit;
}

.feature img{
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
}

.feature table img{
	margin:0px;
	padding:0px 3px 2em 5px;
}

.floatright{
	float:right;
	clear:both;
	margin-right:0px;
	margin-left:20px;
	border:1px solid #666666;
}

.floatleft{
	float:left;
	clear:both;
	margin-left:0px;
	margin-right:20px;
	border:1px solid #666666;
}

.floatrightplain{
	float:right;
	clear:both;
	margin-right:0px;
	margin-left:20px;
}

.floatleftplain{
	float:left;
	clear:both;
	margin-left:0px;
	margin-right:20px;
}

.floatleftstatic{
	float:left;
	margin-left:0px;
	margin-right:20px;
	border:1px solid #666666;
}

.flashMovie{
padding:15px;
border:1px solid #666666;
}


/***********************************************/
/***********************************************/
/* Right (third) column                    */
/***********************************************/
/***********************************************/



#thirdcol{
	float:right;	
	width: 140px;
	text-align:left;

}

	#thirdcol img{
		padding: 0px;
		border:1px solid #fff;
	}
	
.news{
	color:#FF0000;
	padding:15px;
}

.highlights p{
clear:both;
padding-top:0px;
margin-top:0px;
}

.highlightscontainer{
	padding:5px;
	text-align:center;
	border-bottom:1px solid #666666;
}
.highlights h3{
	padding:3px 0px 3px 15px;
	color:#FFFFFF;
	background-color:#005da0;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	font-size:9px;
}




/***********************************************/
/* Footer */
/***********************************************/

#footer{
	clear:both;
	position:relative;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#999999;
	text-align:center;
	color:#ffffff;
	padding:5px;
	line-height: 20px;
	font-size: 10px;
}


h4 + p {
margin-top:2px;
}


#shadowcontainer{
clear:both;
margin:auto;
text-align:center;
background:url(../images/shadowtests_bottom.jpg) bottom repeat-x;
width:780px;
height:9px;
background-color:#666666;
}

.lcorner {
float:left;
}

.rcorner {
float:right;
}

.clearer {
clear:both;
}


/*   To make active state for subnav   */

/*Home Sub Navigation*/
body.sub-home a#menu-sub-home,
body.sub-history a#menu-sub-history,

/*HD DVD Sub Navigation*/
body.sub-hddvd a#menu-sub-hddvd,

/*Blu-ray Sub Navigation*/
body.sub-bluray a#menu-sub-bluray,

/*Why? Sub Navigation*/
body.sub-why a#menu-sub-why,
body.sub-what a#menu-sub-what,
body.sub-how a#menu-sub-how,

body.sub-toolbox a#menu-sub-toolbox,
body.sub-resources a#menu-sub-resources,
body.sub-work a#menu-sub-work,

/*Creating Sub Navigation*/
body.sub-creating a#menu-sub-creating,
body.sub-authoring a#menu-sub-authoring,
body.sub-encoding a#menu-sub-encoding,
body.sub-mastering a#menu-sub-mastering,
body.sub-planning a#menu-sub-planning,
body.sub-process a#menu-sub-process,
body.sub-premastering a#menu-sub-premastering,

/*Distribution Sub Navigation*/
body.sub-distribution a#menu-sub-distribution,
body.sub-playback a#menu-sub-playback,
body.sub-packaging a#menu-sub-packaging,

/*Our Tools Sub Navigation*/
body.sub-tools a#menu-sub-tools,


/*About Cubist Sub Navigation*/
body.sub-cubist a#menu-sub-cubist,


/*Contact Sub Navigation*/
body.sub-contact a#menu-sub-contact,
body.sub-directions a#menu-sub-directions
{
	background:url(../images/bullet_gold.gif) left no-repeat;
	color:#fcb514;
}



/*   To make active state for globalNav   */
body#home a#menu-home,
body#hddvd a#menu-toolbox,
body#resources a#menu-resources,
body#bluray a#menu-bluray,
body#work a#menu-work,
body#why a#menu-why,
body#creating a#menu-creating,
body#distribution a#menu-distribution,
body#tools a#menu-tools,
body#toolbox a#menu-toolbox,
body#cubist a#menu-cubist,
body#contact a#menu-contact
{
color:#FFFFFF;
background-repeat:no-repeat;
background-position:bottom center;color:#FFFFFF;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:bottom center;
}


/*this tells the browser to change the pointer to a hand when it's over a click-able thumbnail image */
.rollover {
cursor:pointer;
}