#hero {
	background: #2a7bad;  /*Old Color #3670a4*/
	width:100%;
	min-width:960px;
	height:380px;
	position:relative;
	background: #364F65 url('img/3.png') no-repeat center 0px;
     /*fixed keeps image in place when scrolling*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(../ui/js/backgroundsize.min.htc);
	  behavior: url(../ui/js/backgroundsize.min.htc);
}

#hero a.btn {
	border: 1px solid rgba(255,255,255,1);
	background: transparent;
}

#hero a.btn:hover {
	background: rgba(0,0,0,.1);
}

.hero_container {
	margin-left:auto; margin-right:auto;position:relative; z-index:850;
}

#hero .white {
	-webkit-text-shadow: 0 2px 2px rgba(0,0,0,.4);
	-moz-text-shadow: 0 2px 2px rgba(0,0,0,.4);
	text-shadow: 0px 2px 2px rgba(0,0,0,.4);
}
#hero ul {
	margin-top:1.5em;
}
#hero ul li {
	color:white;
	margin-bottom:.5em;
	margin-left:1.5em;
}
#hero ul li a {
	color:white;
	text-decoration:underline;
}

.animation-icons {
	position: absolute; top:2px;
	height: 346px;
    width: 394px;
	top:22px;
	right:40px;
}

#light, #cube, #logoc, .lines1, .lines2, .sources1, .sources2 {display: none;}
#light { background: url(img/light.png) no-repeat 0px 0px; height: 346px; width: 394px; position: absolute; top:2px; margin-left: 30px; z-index:799;}
#bi_tools_product { background: url(img/computers_logo.png) no-repeat 0px 0px; height: 126px; width: 256px; position: absolute; top:215px;  margin-left: 115px; z-index:802; }
#bi_tools { background: url(img/computers.png) no-repeat 0px 0px; height: 126px; width: 256px; position: absolute; top:215px;  margin-left: 115px; z-index:802; }
#cube { background: url(img/cube.png) no-repeat 0px 0px; height: 32px; width: 27px; position: absolute; top:245px;   margin-left: 225px; z-index:802;}
#logoc{ background: url(img/logoc.png) no-repeat 0px 0px; height: 40px; width: 35px; position: absolute; top:245px;  margin-left: 223px; z-index:802;}

#logo_ssis{ background: url(img/sub-ssis.png) no-repeat 0px 0px; height: 40px; width: 35px; position: absolute; top:245px;  margin-left: 223px; z-index:802;}

.lines1, .lines2 {height: 298px; width: 354px; top:0px;   position: absolute; margin-left: 58px; z-index:800;}
.lines1 {background: url(img/lines1.png) no-repeat 0px 0px;  position: absolute;}
.lines2 {background: url(img/lines2.png) no-repeat 0px 0px;  position: absolute;}

.sources1, .sources2 {height: 298px; width: 354px; top:11px; position: absolute; margin-left: 58px; z-index:802;}
.sources1 {background: url(img/sources1.png) no-repeat 0px 0px;}
.sources2 {background: url(img/sources2.png) no-repeat 0px 0px;}


/* Blue gradient for Home Hero*/
.colorize {
	position:relative;
	background: #F4F6F6;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.colorize:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.colorize:after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f89ef+0,029fd8+100&0.5+1,1+46 */
	background: -moz-linear-gradient(-45deg, rgba(47,137,239,0.7) 1%, rgba(27,147,229,.95) 46%, rgba(2,159,216,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(47,137,239,0.7) 1%,rgba(27,147,229,.95) 46%,rgba(2,159,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(47,137,239,0.7) 1%,rgba(27,147,229,.95) 46%,rgba(2,159,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802f89ef', endColorstr='#029fd8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}