@charset "UTF-8";
/* CSS Document */
h1 {font-size:19px; padding:5px 0px 1px 5px; margin:0px; color:#666; font-weight:normal; }
h2 {font-size:16px; padding:1px 0px 1px 5px; margin:0px; color:#666; font-weight:normal; }
h3 {font-size:14px; padding:0px; margin:5px 0px 1px 0px; color:#333; font-weight:bold; }
h4 {font-size:12px; padding:15px 0px 1px 5px; margin:0px; color:#666; }
h5 {font-size:11px; margin:0px; padding:0px; color:#333; font-weight:normal; font-style:italic;  }
#scrollInfoBox h6 {font-size:9px; margin:1px 0px 0px 0px; padding:0px; color:#333; font-weight:normal; }

#canvas {margin:0px auto; width:870px; }
#leftContent {float:left; width:510px;}
#rightContent {margin:0px 0px 0px 510px; }

#videoBox {width:480px; margin:10px 15px 10px 15px; float:left; }

#cmrBox {width:320px; height:87px; margin:10px 0px 0px 15px; text-align:center;}

#sideScrollBox {width:322px; height:520px; overflow:scroll; overflow-x:hidden; margin:10px 25px 15px 15px; background-color:#FFFFFF; border:1px solid #999; }
#portfolioSelection {border-bottom:solid 1px #666; cursor:pointer; }
#scrollBoxImage {width:60px; float:left; }
#scrollInfoBox {margin-left:5px; float:left; width:237px; line-height:11px; }

.clipInfo {clear:left; width:485px; margin:10px 10px 10px 15px;}
.details {font-size:10px; font-style:italic; color:#666; margin-top:20px;}
.related {font-size:10px; margin-top:20px;}

#portfolioNav {display: block; height: 60px; clear:both;}
#portfolioNav a {display: block;height: 61px;text-decoration: none; }
* html a:hover {visibility:visible; }

.subnav { width: 320px; }
.subnav a:hover {width: 320px; background-color:#9d76b9;}


/* Styles for large content pages */
#largeVideo {width:720px; margin:15px auto 0px auto;}
#RedDemo {width:850px; margin:15px auto 0px auto;}
.RedInfo {clear:left; width:750px; margin:10px auto 15px auto;}