/*SHOWCASE STYLES*/

/*First: Hero Stories*/

.showcase{height: 296px; overflow: hidden;position:relative; background: url(../images/sec-gradient.jpg) repeat-y; 
background: -moz-linear-gradient(left,  rgba(215,233,243,1) 0%, rgba(212,231,245,1) 17%, rgba(212,230,242,1) 17%, rgba(234,244,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,233,243,1)), color-stop(17%,rgba(212,231,245,1)), color-stop(17%,rgba(212,230,242,1)), color-stop(100%,rgba(234,244,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* W3C */ margin-bottom: 20px;}

*+html .showcase{height: 296px; padding: 0;}
.showcase img {float: right;}
.showcase img.learn{float: left;}
.showcase-caption { position: absolute;  width: 197px; height: 254px; text-align: left; color: #999; background: url(../images/sec-gradient.jpg) repeat-y; 
background: -moz-linear-gradient(left,  rgba(215,233,243,1) 0%, rgba(212,231,245,1) 17%, rgba(212,230,242,1) 17%, rgba(234,244,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,233,243,1)), color-stop(17%,rgba(212,231,245,1)), color-stop(17%,rgba(212,230,242,1)), color-stop(100%,rgba(234,244,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(215,233,243,1) 0%,rgba(212,231,245,1) 17%,rgba(212,230,242,1) 17%,rgba(234,244,249,1) 100%); /* W3C */
border: 1px solid #ebebeb; overflow: hidden; padding: 20px; left: 0px; top: 0; text-shadow: 1px 1px 1px #fff;}

.showcase-caption p { color:#333; line-height: 140%;}
.showcase-caption h1, .video-caption h1 { font: 28px/27px Georgia, "Times New Roman", Times, serif; padding: 0; color:#0072bc; margin-bottom: 10px;}

.showcase-load {height: 296px; overflow: hidden;}

.showcase iframe{float: right;}

.video-caption {float: left; margin-left: 10px; width: 250px;}


/* Button Wrapper */
.showcase-button-wrapper{position: absolute; bottom: 15px; left: 20px;clear: both;margin-top: 10px;text-align: center; padding: 3px 0;}   
.showcase-button-wrapper span {margin-right: 3px;padding: 2px 5px 1px 5px;cursor: pointer;font-size: 16px; color: #cccccc;} 
.showcase-button-wrapper span.active{color: #0072bc;  }
img.learn{ margin-top: 10px;}

.showcase-content .flex-feature {height: 252px; width: 663px; padding: 20px;}
.showcase-content .flex-feature img.learn {margin-left: 0;}

.showcase-content .flex-feature h1 {margin-bottom: 2%;}
.showcase-content .flex-feature h2 {color: #0072BC; text-shadow: 1px 1px 1px #fff; margin-bottom: 2%;}
.showcase-content .flex-feature p {line-height: 140%; margin-bottom: 1em;}