/*Corners and Shadows*/

/*.box-container { position: absolute; }*/
.box-container { position: relative; display: none; padding: 10px 10px 10px 10px; margin: -10px -10px 0 -10px;}
.link-container { position: relative; padding: 5px 5px 17px 5px; margin: -5px -5px 0 -5px;}
.video-container { position: relative; padding: 5px 5px 30px 5px; margin: -5px -5px 0 -5px;}


.box-top { width: 50%; height: 50%; background: url(images/shadow.png) no-repeat left top; position: absolute; top: 0px; left: 0px; padding: 1px 0 0 4px; margin: -1px 0 0 -4px; }

.box-right { width: 50%; height: 50%; background: url(images/shadow.png) no-repeat right top; position: absolute; top: 0px; left: 50%; padding: 1px 0 0 4px; margin: -1px -4px 0 0; }

.box-bottom { width: 50%; height: 50%; background: url(images/shadow.png) no-repeat right bottom; position: absolute; top: 50%; left: 50%; padding: 0 4px 8px 0; margin: 0 4px 8px 0; }

.box-left { width: 50%; height: 50%; background: url(images/shadow.png) no-repeat left bottom; position: absolute; top: 50%; left: 0px; padding: 0 0 8px 4px; margin: 0 0 -8px -4px; }


.box-content { /*width: 700px;*/ position: relative; }