/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
a { color: #403d00; outline: none; }

body { background: #000 url(../images/bg.jpg) top center repeat-y; font: 11px Arial, Helvetica, sans-serif; color: #403d00; }

#container { position: relative; width: 980px; margin: 0 auto; background: #fff; padding: 0 0 50px 0; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg-container.gif) top left repeat-y; }
#container h1 { position: relative; width: 980px; height: 505px; background: #fff url(../images/header.jpg) top left no-repeat; }
#container h1 a { display: block; width: 100%; height: 100%; }
#container h1 span { position: absolute; left: -9000px; }

#container .video { position: relative; display: inline; float: left; width: 421px; height: 384px; margin: 20px 0 0 45px; background-position: top left; background-repeat: no-repeat; }
#container .video img { position: absolute; width: 361px; height: 262px; top: 30px; left: 30px; }
#container .video .play { position: absolute; display: block; width: 210px; height: 90px; left: 0; bottom: 0; }
#container .video .download { position: absolute; display: block; width: 210px; height: 90px; right: 0; bottom: 0; }
#container .video a strong { position: absolute; left: -9000px; }

#container #video1 { background-image: url(../images/bg-video-1.jpg); }
#container #video2 { background-image: url(../images/bg-video-2.jpg); }
#container #video3 { background-image: url(../images/bg-video-3.jpg); }
#container #video4 { background-image: url(../images/bg-video-4.jpg); }

#container #ad1 { position: relative; display: block; width: 964px; height: 88px; margin: 20px auto 0 auto; background: url(../images/ad1.gif) top left no-repeat; }
#container #ad2 { position: relative; display: block; width: 951px; height: 253px; margin: 20px auto; background: url(../images/ad2.jpg) top left no-repeat; }
#container #ad1 strong,
#container #ad2 strong { position: absolute; left: -9000px; }

#container .reciprocal { text-align: center; }