.news-holder { width: 100%; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.news-holder * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { color: #000000; text-decoration: none; }

.news-headlines { padding-left: 13px; list-style: none; position: relative; }
.news-headlines li { padding: 0px 0px 5px 0px; margin-bottom: 5px; position: relative; z-index: 20; color: #000000; }
.nh-anim { -webkit-transition: all .75s ease-out; -moz-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.news-headlines li:before { content: ""; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-left: -12px; margin-right: 7px; }
.news-headlines li:hover, a:hover { cursor: pointer; text-decoration: underline; }

.news-headlines .highlight { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.news-headlines .highlight:before { display: none; }
.news-headlines .highlight img { border: 0; padding-top: 3px; height: 15px; }
.news-headlines { float: left; width: 49%; }

.news-preview { float: left; border: 0; width: 51%; position: relative; z-index: 5; margin: 0; min-height: 275px; position: relative; }
.news-preview img { display: block; border: 0; width: 100%; height: auto; max-width: 220px; max-height: 143px; margin: 0; margin-bottom: 5px; }
.news-content { position: absolute; z-index: 10; padding: 5px; padding-right: 0; top: 0; left: 0; display: none; }
.top-content { display: block; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }