
* {

 margin: 0;
 padding: 0;
 outline: none;
}


#Top {
	padding-bottom: 10px;
	background: -webkit-linear-gradient(left, #ffffff, #336699 15%, #336699 85% , #ffffff); /* Safari */	
	background: -o-linear-gradient(left, #ffffff, #336699 15%, #336699 85% , #ffffff); /* For Opera 11.1-12.0 */
	background: -moz-linear-gradient(left, #ffffff, #336699 15%, #336699 85% , #ffffff); /* For Firefox 3.6-15 */
	background: linear-gradient(left, #ffffff, #336699 15%, #336699 85% , #ffffff); /* Standard syntax */

	width: 1200px \9; 
	margin: 0px auto \9;  
	background-image:  url('http://www.telegrid.com/images/TopGradiant.jpg')\9; /* IE8 and below */  
	}


.Content {	
	width: 758px; 
	margin: 0px auto;  
	padding: 0px;


    font-size:14px; 
	text-decoration: none;
	text-align:justify;	
	
}


/* gallery and Product refer to the slideshow on the Products Pages */
#gallery {	
	width: 1000px; 
	margin: 0px auto;  
	padding: 0px;
	padding-bottom:20px;
	
}




.Product {
	font-family:arial;
	border-width:2px;
	border-color:  	#E0E0E0 ;
	border-style:dashed;
	height:40px;
	overflow:hidden;
	}
	
.Product:hover{
	height:auto
	}

/* This section defines style for the Capabilities Pages */

.expander{
/*	width: 758px; */
	margin-bottom:10px;
	padding:5px 0px 5px 5px;

	background-image: url(../images/CapabilityBar.jpg);
	background-size: 100%;

    font-size:16px; 
    font-weight:bold;
    color: #ffffff;
}

.expander:hover{

/*	text-shadow: 5px 5px 5px #000000; */
	box-shadow: 5px 5px 2px #787878; /* for Firefox 3.5+ */
	-webkit-box-shadow: 5px 5px 2px #787878;  /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#787878', Direction=145, Strength=10);
}

.hiddensection{
	margin-bottom: 10px;
	background-color: #e7e7e7;
	text-align:justify;
   font:  14px/1.1 arial,sans-serif;
}

/* Focus Areas refer to the sections on the bottom of the homepage */

.FocusAreas{
/*	text-align:justify; */
	padding: 5px;
}

.FocusAreas:hover{

/*	text-shadow: 5px 5px 5px #000000; */
	background-color: rgb(51,102,153);
	box-shadow: 5px 5px 2px #787878; /* for Firefox 3.5+ */
	-webkit-box-shadow: 5px 5px 2px #787878;  /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#787878', Direction=145, Strength=10);
}