body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	background-color:#666666;
	margin:0px; 
	padding:0px;
	font-size:.8em;
}


p {
margin-top:.5em;
line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
 color: #003366;
 margin: 0px;
 padding: 0px;
}


h1{font-size:1.1em;}

h2{font-size:1em;}

h3, h4, h5, h6 {font-size:.9em;}


ul{
 list-style-type: none;
 font-size:9px;
}

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{
}
	
/***********************************************/
/***********************************************/
/* everything above 3 column content       */
/***********************************************/
/***********************************************/


#masthead{

}

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

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

#globalNav img{
 display: block;
}


#globalNav a{
	color: #006699;
	padding: 1px 1px 5px 1px;
	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{display:none;}

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

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

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

.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:#fcb514;
	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{
text-align:left;
}


#content{
text-align:left;

}



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

.feature{
	margin:0px;
	padding:15px;
}

.cases{
float:left;
width:68%;
}


.feature ul{
margin-top:0;
padding-top:0;
margin-left:7px;
}

.feature img{
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
		border:1px solid #666666;

}

.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;
}

blockquote{
width:150px;
color:#666666;
margin:0 0 15px 20px;
padding:0 0 15px 20px;
border-left:1px solid #999999;
line-height:18px;
font-style:italic;
float:right;
}




/***********************************************/
/***********************************************/
/* fancy table layouts                         */
/***********************************************/
/***********************************************/



.box-table-a
{
	text-align: left;
	border-collapse: collapse;
}
.box-table-a th
{
	font-size: 1em;
	font-weight: bold;
	padding: 2px 6px;
background: url(../images/gradient.jpg) repeat-x top #7ac6d4;
	border-top: 1px solid #CCCCCC;
	color: #fff;
}
.box-table-a td
{
	padding: 6px 0 6px 6px;
	border-bottom: 1px solid #CCCCCC;
	color: #006679;
	border-top: 1px solid transparent;
}

.box-table-a .footer{
	color: #666666;
	font-size:.9em;
	border:0;
	}





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



#thirdcol{
display:none;
	float:right;	
	width: 220px;
	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;
	font-size:9px;
	background-color:#005da0;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}




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

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


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


#shadowcontainer{
display:none;
}

.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,

/*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,

/*Case Studies Sub Navigation*/
body.sub-case1 a#menu-sub-case1,
body.sub-case2 a#menu-sub-case2,
body.sub-case3 a#menu-sub-case3,
body.sub-case4 a#menu-sub-case4,


/*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;
}

body.sub-casestudies a#menu-sub-casestudies
{
	color:#fcb514;
	font-weight:bold;
}

/*   To make active state for globalNav   */
body#home a#menu-home,
body#hddvd a#menu-hddvd,
body#bluray a#menu-bluray,
body#why a#menu-why,
body#creating a#menu-creating,
body#distribution a#menu-distribution,
body#casestudies a#menu-casestudies,
body#tools a#menu-tools,
body#cubist a#menu-cubist,
body#contact a#menu-contact
{
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;
}