CSS Absolute Position Not Positioning a Button

Good morning!

I have a background image that I am trying to place some text and some buttons. I can place the text (only using padding it seems) but cannot get my button to place correctly. I've tried dozens of different workarounds but can't get anything to work. Any help is much appreciated!

The page: http://tradecaptain.com/nlp
My css/html. Its not pretty. I'm just learning. The broken css id is .video at the end of the code.

.outer {
position: relative;
background: url(/images/LandingPageTopBlend.png);
width: 960px;
height: 300px;
}
.Line1 {
line-height: 10px;
padding-top: 50px;
text-align: center;
font-size:26px;
font-family:Verdana;
font-weight: bold;
color: #fff;
}
.Line2 {
text-align: right;
padding-right: 45px;
padding-top: 15px;
font-size:10px;
font-family:Verdana;
font-weight: bold;
color: #fff;
}
.Line3 {
line-height: 10px;
text-align: left;
padding-left: 45px;
padding-top: 30px;
font-size:26px;
font-family:Verdana;
font-weight: bold;
color: #fff;
}
.video {
display: block;
position: absolute;
top: 260px;
left: 100px;
}

The Simple Way to Trading Profit

trading forex stocks commodities futures

The TradeMap. Trade like a pro.