/* 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; }

/* Design CSS */
body { background: #000 url(../images/bg-general.jpg) top center repeat-y; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; }
#container { background-color: #fff; display: block; margin: 0 auto; padding: 0 0 20px 0; position: relative; width: 980px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a span { left: -9000px; position: absolute; }
h1 { background: url(../images/header.jpg) top left no-repeat; height: 391px; }
h1 span { left: -9000px; position: absolute; }

.boxholder1 { position: relative; width: 980px; height: 358px; padding: 42px 0 0 92px; background: url(../images/box-holder1.jpg) top left no-repeat; }
.boxholder2 { position: relative; width: 980px; height: 533px; padding: 27px 0 0 92px; background: url(../images/box-holder2.jpg) top left no-repeat; }

.box1 { display: inline; float: left; height: 336px; margin: 0; width: 383px; }
.box1 img { background: #ccc; height: 262px; width: 360px; margin: 15px 0 0 12px}	
.box1 a.download { color: #fff; display: block; float: left; height: 50px; line-height: 55px; padding: 0 0 0 50px; width: 130px; }
.box1 a.watch { color: #fff; display: block; float: left; height: 50px; line-height: 55px; padding: 0 0 0 50px; width: 150px; }

.box2 { display: inline; float: left; height: 336px; margin: 0 0 0 29px; width: 383px; }
.box2 img { background: #ccc; height: 262px; width: 360px; margin: 15px 0 0 12px}	
.box2 a.download { color: #fff; display: block; float: left; height: 50px; line-height: 55px; padding: 0 0 0 50px; width: 130px; }
.box2 a.watch { color: #fff; display: block; float: left; height: 50px; line-height: 55px; padding: 0 0 0 50px; width: 150px; }
		
a.adlink1 { background: url(../images/adblock.jpg) top left no-repeat; display: block; height: 66px; width: 980px; }
a.adlink2 { background: url(../images/adblock2.jpg) top left no-repeat; display: block; height: 80px; width: 980px; }
a.adlink3 { position: absolute; display: block; width: 980px; height: 145px; bottom: 40px; left: 0; }

.reciprocal { text-align: center; margin: 20px 0;color: #000; }