/*-----------------------------------------------------------------------------
  layout
-----------------------------------------------------------------------------*/
#isWin, #headerwin { display:none; }
#container {
	margin-top: 11px;
	_margin-top:0;
	padding-top:2px;
}
#main #content .contentfooter {
	clear:both;
	padding-top:15px;
	margin:0 -15px -18px;
	height:18px;
	background-image: url(../images/contentfooter.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #content {
	width:700px;
	padding:18px 15px 18px;
	margin-bottom:15px;
	float:right;
	border:1px solid #797c81;
	border-top:0;
	border-bottom:0;
	background:#fff url(images/main_shadow.gif) repeat-x top left;
}
#main .grid2cola .column.first { width:530px; }
#main .grid2cola .column.last { width:200px; }
#main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:46%; }
#main #sidenav { width:185px; float:left; }
#main a { outline:none; }

/*-----------------------------------------------------------------------------
  header
-----------------------------------------------------------------------------*/
#main #header {
	float:left;
	width:780px;
	margin-bottom:-6px;
	background-repeat: no-repeat;
	background-position: left top;
}
#main #header.hero { width:778px; border-left:1px solid #787c7f; border-top:1px solid #787c7f;  border-right:1px solid #787c7f; }
#main #header img {  }
#main #header img.headertitle { float:left; margin-left:45px; margin-top:75px; }
#main #header img.headericon { float:right; margin-right:45px; }
#main #headernav {
	float:center;
	border:0px none #1D2434;
	padding-bottom:0px;
	margin-bottom:0px;
	width: 780px;
}
#main #headernav li { display:inline; }
#main #headernav a {
	display: block;
	height:3.5em;
	line-height:3.5em;
	float:left;
	width:155px;
	text-align:center;
	color: white;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
	background-color: #1E2126;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
#main #headernav a.last { width:158px; }
.guide #main #headernav a {
	width:111px;
}
.guide #main #headernav a.last {
	width:114px;
}
#main #headernav a:hover {
	background-color: #000066;
	background-position: top left;
	border-bottom-color: #384563;
}
 #headernav a.contact {
	border-bottom-color: #000000;
	background-color: #000000;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*-----------------------------------------------------------------------------
  sidenav
-----------------------------------------------------------------------------*/



#main img.space {margin-bottom: 20px; }

#main .sidebox#quicktimenav ul { margin-bottom:5px; padding-top:5px;}
#main .sidebox#quicktimenav ul li a { display:block; font-size:12px; line-height:2em; height:2em; color:#333; text-decoration:none; margin:0 -12px; padding:0 12px; }
#main .sidebox#quicktimenav ul li a:hover { background-color:#ddd; }

.download #main #quicktimenav #download a,
.player #main #quicktimenav #player a,
.guide #main #quicktimenav #guide a,
.whyqt #main #quicktimenav #whyqt a,
.pro #main #quicktimenav #pro a,
.mpeg2 #main #quicktimenav #mpeg2 a,
.broadcaster #main #quicktimenav #broadcaster a,
.streamingserver #main #quicktimenav #streamingserver a { background-color:#a7a7a7; color:#ffffff; }





body#index.mpeg4 #main .sidebar .box.technologies p.mpeg4 a,
body#index.aac #main .sidebar .box.technologies p.aac a,
body#index.h264 #main .sidebar .box.technologies p.h264 a,
body#index.streaming #main .sidebar .box.technologies p.streaming a,
body#index.mobile #main .sidebar .box.technologies p.mobile a,
body#index.interactivity #main .sidebar .box.technologies p.interactivity a,
body#smil.interactivity #main .sidebar .box.technologies p.interactivity a,
body#index.qtvr #main .sidebar .box.technologies p.qtvr a,
body#index.mediaskins #main .sidebar .box.technologies p.mediaskins a,
body#index.automation #main .sidebar .box.technologies p.automation a { background-color: #c9c9c9; }

/*-----------------------------------------------------------------------------
  content
-----------------------------------------------------------------------------*/
#main h2 { border-bottom:1px solid #a1a5a9; padding-bottom:5px; margin-bottom: 5px; }
#main a.pdf { background-position:2px 1px; _zoom:1; }
#main a.html { background-position:3px 1px; _zoom:1; }
#main span.note { color: #ff0000; }
#main img.icon { margin-bottom:10px; }
#main img.left.icon { margin-right:10px; }
#main img.right.icon { margin-left:10px; }
#main div.clearer.sectionseparator {
	border-top: 1px solid #a1a5a9;
	margin: 10px 0;
}

.showwin { display:inline !important; }
.showmac { display:none !important; }

/*-----------------------------------------------------------------------------
  page specific
-----------------------------------------------------------------------------*/
.gallery.cubicvr #main #content { text-align:center; font-size:11px; padding-bottom:38px; }
.gallery.cubicvr #main #content .contentfooter { margin-bottom:-38px; }
.gallery.cubicvr #main #movie { margin:30px 0; }
.resources.tools #main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:48%; }
.resources.tools #main .image { float: left; width: 85px; margin-bottom:20px; } 
.resources.tools #main .description {  margin-left:98px; font-size: 11px; line-height:1.2em; }
.resources.tools #main .description h3 { font-size: 12px; line-height:1.2em; }

.guide #main a:hover { text-decoration:underline; }	
.guide #main .leftcol .guidecontent { width:200px; }
.guide #main .leftcol #qtbutton { margin-bottom:25px; margin-left:-14px; }
.guide #main .leftcol .feature { width:200px; }
.guide #main .leftcol .feature img{ padding-bottom:5px; margin-left:0px; }
.guide #main .leftcol .feature strong, .guide #main .leftcol .feature p { width:200px; padding-left:0px; }
.guide #main .leftcol div.separator { margin-bottom:20px; margin-left:-14px; }
.guide #main .rightcol { float:left; padding-top:15px; width:520px; padding-left:7px; }
.guide #main .rightcol .grid2col .column.first, .guide #main .rightcol .grid2col .column.last { width:48%; }
.guide #main .rightcol img.ad { margin:10px 0 28px 49px; }
.guide #main .guidecontent p { margin-left:78px; }
.guide #main .guidecontent { margin-bottom:0; }
.guide #main .guidecontent li { clear:both; min-height:90px; _height:90px; }
.guide #main .guidecontent li img { border: 1px solid #76797c; float:left; margin-right:8px; margin-bottom:17px; }
.guide #main .guidecontent li img:hover { border: 1px solid black; }
#guide #main .grid2cola a, #entertainment #main .grid2cola a, .appleevents #main .grid2cola a { text-decoration:none; color:#333; }
#guide #main .grid2cola a:hover, #entertainment #main .grid2cola a:hover, .appleevents #main .grid2cola a:hover { text-decoration:underline; }

.guide #main #content {
	margin-bottom:0;
	border-bottom:1px solid #4b5056;
	background-color: #F5EED7;
}
.guide.hd #main #content {
	width:749px;
	font-size:12px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #EEFFFF;
	background-image: url(../images/main_hd_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.guide.hd #main .grid2col .column.first {
	width:344px;
	height: 530px;
}
.guide.hd #main .grid2col .column.last {
	width:380px;
	font-size:12px;
}
.guide.hd #main h2 { border:0; }
.guide.hd #main .featureimg {
	padding:8px;
	margin-bottom:8px;
	background-image: url(../images/posterframe_bg.gif);
	background-repeat: no-repeat;
}
.guide.hd #main img.badge {
	float: right;
}
.guide.hd #main #infobox {
	line-height:1.3em;
	margin-top:7px;
	background-color: #ADB0B5;
	background-image: url(../images/infobox_btm051305.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.guide.hd #main #innerinfobox {
	padding: 13px 10px;
	background-image: url(../images/infobox_top051305.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.guide.hd #main #innerinfobox ul { line-height:1.4em; font-size: 10px; margin-bottom: 0; padding-bottom: 0; }
.guide.hd #main #innerinfobox #generalinfo {
	float: right;
	width: 105px;
}
.guide.hd #main #qtbutton480, .guide.hd #main #qtbutton720, .guide.hd #main #qtbutton1080 {
	float: left;
	margin-top: 1px;
}
.guide.hd #main #innerinfobox .movieinfo { margin-left: 76px; margin-bottom:10px; width: 118px; }
.guide.hd #main #innerinfobox .movieinfo.end { margin-bottom:0; }
.guide.hd #main #findlist {
	width: 300px;
	float: right;
	text-align: left;
	margin-bottom:10px;
	_margin-bottom:-5px;
}
.guide.hd #main #findlist li {
	padding-right:20px;
	margin-bottom:6px;
}
.guide.hd #main #findlist a { font-weight: bold; color:#333; text-decoration: none;}
.guide.hd #main #findlist a:hover {text-decoration: underline;}