#hero{
	background: #2a7bad;  /*Old Color #3670a4*/
	width:100%; 
	min-width:960px;
	min-height:350px;
}
#hero ul li {
	font-size: 14px;
	margin: 5px 0 10px 30px;
}

#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);
}
.tech_bar {
    position:relative;
	top:0px;
	left:0px;
	width: 600px;  /*Different than home.css*/
    background-color: rgba(0,0,50,0); /*Different than home.css*/
	margin-left:-30px;
}

#tech_container {
    width: 600px; /*Different than home.css*/
    margin: 0 auto;

}

#performance .container{ width: 980px; }

.banner { background: url(../../../ui/img/home/home-slider-connect.jpg) no-repeat center center; background-size: cover; height: 360px; position: relative;; overflow: hidden; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0px 2px 4px rgba(0,0,0,.2);}

.banner h1.white
{	

    font-size: 48px;
    line-height: 54px;
    margin: 0px;
    margin-top: 20px;
	-webkit-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	-moz-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	text-shadow: 0px 2px 2px rgba(25,25,112,.4);
}

.banner h3.white
 {   
    font-size: 28px;
    line-height: 32px;
    margin-top: 2px;
     -webkit-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     -moz-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     font-size: 28px;
 }

.intro {
    background: rgba(23, 128, 202, .63) ;
    width: 500px; 
    padding: 20px 20px 10px 30px; 
    margin-left: -20px; 
    margin-top: 30px;
} 
 .intro p {margin-bottom: 20px;
    webkit-text-shadow: 0px 2px 2px rgba(0,0,0,.4);
    -moz-text-shadow: 0px 2px 2px rgba(0,0,0,.4);
    text-shadow: 0px 2px 2px rgba(0,0,0,.4);

		 }