img,div,a,input,li,span{*behavior:url(iefix/iepngfix.php)}
html,body{height:100%;font-family:"Lucida Grande","Tahoma","Verdana",sans-serif;}
a{text-decoration:none;}
.hidden{visibility:collapse;height:0;width:0;}
h1,h2,h3,h4,dt{font-weight:bold;}
#top{position:relative;float:left;width:100%;height:30px;background-color:#333;}
.itemDes,#logos a,#header h1{background:url(../images/css/asset_mix.gif) no-repeat;}
#topHolder{width:950px;margin:0 auto;}
#topHolder li{font-size:.8em;height:30px;float:left;color:#999;background:url(../images/css/arrow.gif) no-repeat;}
#topHolder li a{display:block;color:#999;padding:6px 3px 0 20px;}
#topHolder li a:hover{color:#B3B3B3;}
#topHolder li#home{background:none;}
#topHolder li#home a{padding-left:0;}
#floater{height:50%;margin-bottom:-270px;position:relative;clear:both;float:left;}
#blkBlock{height:10px;width:100%;display:block;background:url(../images/css/topgrey.png) repeat-x;z-index:2;position:absolute;bottom:0;}
#content{clear:both;position:relative;margin:0 auto;padding:0;height:500px;width:950px;}
.maskEdge,#box .itemHolder,.mask{/*this determines where the handle box goes*/
height:330px;}
.mask{position:relative;overflow:hidden;}
.itemHolder{width:710px;}
#logos a,#handles li,#handles li span,#header h1{display:block;height:0;overflow:hidden;}
#contentInner{margin:0 auto;}
.itemContent{/*this works with the nav li widths to align the edges*/
width:710px;margin:10px 0;}
#header h1{margin:5px 0;padding-top:33px;background-position:0 -400px;float:left;width:300px;}
#logos{height:32px;width:197px;float:right;margin:5px 0px 0px 0px;}
#logos li{float:left;height:32px;margin-right:5px;}
#logos a{padding-top:32px;background-position:0 -350px;}
#logos li#royal,#royal a{width:30px;}
#logos li#c4,#c4 a{width:22px;}
#logos li#tmw,#tmw a{width:64px;}
#logos li#clarity,#clarity a{width:66px;margin-right:0;}
#royal a{width:30px;}
#tmw a{background-position:-100px -350px;}
#clarity a{background-position:-200px -350px;}
#c4 a{background-position:-300px -350px;}
.maskEdge{width:116px;position:absolute;margin:0;}
#whiteMask{z-index:1;position:relative;clear:both;}
#rightEdge{left:835px;}
#whiteMask span{float:left;display:block;height:330px;width:29px;background-color:#FFF;}
.op20{opacity:.2;*filter:alpha(opacity=20);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.op40{opacity:.4;*filter:alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.op70{opacity:.7;*filter:alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.op90{opacity:.9;*filter:alpha(opacity=90);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#displayArea{background:url(../images/css/lines.gif) repeat-x;}
#box{position:absolute;margin-left:125px;}
#box .itemHolder{float:left;}
#box p{font-size:.7em;}
.itemContent div{float:left;}
.videoHolder{width:480px;}
.itemDes{width:220px;height:300px;/* oddness*/
background-position:-1px 0;}
.itemDes h3{margin-top:150px;}
.itemDes h3,.itemDes p,.itemDes dl{padding:2px 10px 0 10px;}
.itemDes dl{margin-top:5px;font-size:.7em;}
.itemDes dt{float:left;}
.itemDes dd{margin:0px 0 1px 65px;}
#handles{margin:0 auto;width:500px;/* this is to align with the content*/
padding-left:10px;}
#handles li{float:left;height:75px;width:125px;background:url(../images/css/nav_images.jpg) no-repeat;cursor:pointer;}
#handles li#navKen{background-position:0 0;}
#handles li#navKen.active{background-position:0 -75px;}
#handles li#navAlice{background-position:-125px 0;}
#handles li#navAlice.active{background-position:-125px -75px;}
#handles li#navSusan{background-position:-250px 0;}
#handles li#navSusan.active{background-position:-250px -75px;}
#handles li#navAndrew{background-position:-375px 0;}
#handles li#navAndrew.active{background-position:-375px -75px;}
.player,.holder{display:block;width:480px;height:300px;text-align:center;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;}
.player img{margin-top:100px;}
.holder h4{padding:5px;width:300px;margin:150px auto 0;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.6;*filter:alpha(opacity=60);}
.qtLink{margin-top: 5px}
.qtLink a{color: #fff;background-color:#B3B3B3;-moz-border-radius:5px;-webkit-border-radius:5px;padding: 4px 6px;}
#itemIdken{background: url(../images/video_stills/ken.jpg);}
#itemIdalice{background: url(../images/video_stills/alice.jpg);}
#itemIdsusan{background: url(../images/video_stills/susan.jpg);}
#itemIdandrew{background: url(../images/video_stills/andrew.jpg);}
