/* Specific styles for home page */

/* Blue bar with links */
.LinkBar { background:#FFFFFF; color:#FFFFFF; font-family:FuturaMd,sans-serif; font-size:14pt; margin-top:30px; overflow:auto; padding:5px 0 5px 20px }
.Link { float:left; padding-right:50px }
.Link a:hover { color:inherit }

/* Home page feature */
.Feature { height:360px }
.Feature { margin-top:40px; overflow:hidden; position:relative; width:100% }
.FeatureNew { height:320px }
.FeatureNew { margin-top:40px; overflow:hidden; position:relative; width:100% }

/* Feature helpers */
.Feature div { position:absolute }
.Feature p { position:absolute }
.FeatureNew div { position:absolute }
.FeatureNew p { position:absolute }
div.AbsCenter { left:0; margin-left:auto; margin-right:auto; right:0; text-align:center }

/* Feature Dta2175 */
.Dta2175 .Title { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:30pt; left:0; right:0; text-align:center; top:0px }
.Dta2175 .Background { top:85px; left:60px }
.Dta2175 .Background img { width:300px }
.Dta2175 .Bullets { color:#00A050; font-family:FuturaMd,sans-serif; font-size:17pt; left:410px; right:50px; text-align:left;  }
.Dta2175 .Bullet1 { top:115px }
.Dta2175 .Bullet2 { top:160px }
.Dta2175 .Bullet3 { top:198px }
.Dta2175 .Quote { bottom:0; color:#000000; font-size:14pt; font-family:FuturaBkIt,sans-serif; left:0; right:0; text-align:center; width:100% }

/* Feature Dta2195 */
.Dta2195 .Title { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:30pt; left:0; right:0; text-align:center; top:0px }
.Dta2195 .Background { top:-41px; left:5px }
.Dta2195 .Background img { width:900px }
.Dta2195 .Bullets { color:#00A050; font-family:FuturaMd,sans-serif; font-size:18pt; left:0; right:50px; text-align:center;  }
.Dta2195 .Bullet1 { top:100px }
.Dta2195 .Bullet2 { top:150px }
.Dta2195 .Bullet3 { top:200px }
.Dta2195 .Picture { top:52px; right:25px }
.Dta2195 .Picture img { width:190px }
.Dta2195 .Quote { bottom:0; color:#000000; font-size:14pt; font-family:FuturaBkIt,sans-serif; left:0; right:0; text-align:center; width:100% }

/* Feature SX2: StreamXpert 2.0 */
.SX2 .Bullets { color:#00A050; font-family:FuturaMd,sans-serif;font-size:15pt; left:700px; line-height:40px; top:130px }
.SX2 .Bullets li { }
.SX2 .CallToAction { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:32pt; left:0; right:0; text-align:center; top:0px }
.SX2 .HotFix { color:#FF0000; font-family:FuturaMd,sans-serif; font-size:15pt; left:740px; text-align:left; top:55px }
.SX2 .Quote { bottom:0; color:#000000; font-size:14pt; font-family:FuturaBkIt,sans-serif; left:0; right:0; text-align:center; width:100% }
.SX2 .Screenshot { top:95px; left:120px }
.SX2 .Screenshot img { width:530px }

/* Feature ATSC3: ATSC 3.0 Toolset */
.ATSC3 .CallToAction { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:32pt; left:0; right:0; text-align:center; top:0px }
.ATSC3 .Quote { bottom:0; color:#000000; font-size:14pt; font-family:FuturaBkIt,sans-serif; left:0; right:0; text-align:center; width:100% }
.ATSC3 .ScreenshotAtsc3Xpress { top:95px; left:30px }
.ATSC3 .ScreenshotAtsc3Xpress img { width:500px }

/* News box: twitter feed, DekTec news, trade shows */
#NewsBox { height:400px; margin-bottom:30px; margin-top:50px; overflow:hidden }
#NewsBox .Col { height:100%; overflow:hidden; position:relative; width:300px }
#NewsBox .Heading { margin-bottom:30px }
#NewsBox .MoreLink { bottom:0; color:#007CC3; font-family:FuturaMd,sans-serif; font-size:12pt; position:absolute }

/* Tweets */
.Tweets { float:left; padding-left:10px }
.Tweets .Follow { color:#007CC3; float:right; font-family:FuturaMd,sans-serif; margin:6px 10px 0 0 }
.Tweets .FollowImg { float:right; margin-top:3px}
.Tweets .TimeLine { margin-left:-6px }

/* About DekTec */
.About { float:left; padding-left:10px }
.About p.AboutPar { text-align:justify }
.About .MarginTop { margin-top:10px }
.About ul { list-style:decimal; margin-left:10px }
.About li { margin:3px 30px 0 20px }
.About .AboutLink { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:12pt; margin-left:20px; position:absolute }
.About .LinkHead { bottom:82px; margin-left:10px; position:absolute }
.About .Link1 { bottom:60px }
.About .Link2 { bottom:40px }
.About .Link3 { bottom:20px}
.About .Link4 { bottom:0px}

/* Common styles for news items and trade shows */
#NewsBox .BoxRight { float:right; height:100%; overflow:hidden; width:640px }
#NewsBox .Item { margin-top:35px; overflow:hidden }
#NewsBox .Item:first-of-type { margin-top:0; padding-top:0px }

/* News items */
.NewsItems { float:left; padding-left:15px }
.NewsItems .Date { color:#00A050; font-family:FuturaMd,sans-serif; font-size:9pt }
.NewsItems .Headline { margin-top:3px }

/* Trade shows */
.TradeShows { float:right }
.TradeShows .Logo { float:left; overflow:hidden; text-align:center; width:100px }
.TradeShows .Logo img { padding-top:6px }
.TradeShows .ShowInfo { float:right; overflow:hidden; width:190px }
.TradeShows .ShowInfo .Show { color:#007CC3; font-family:FuturaMd,sans-serif; font-size:12pt }
.TradeShows .ShowInfo .Date { color:#00A050; font-family:FuturaMd,sans-serif; font-size:9pt; margin-top:3px }
.TradeShows .ShowInfo .Data { margin-top:1px }