/* Simple grid with 12 columns */

.main-container-home 
{
  padding-top:0px; /*currenly padding is included in the image for the banner */
  width: 980px;
  float: center;
  margin: 0 auto;

}
.main-container 
{
	padding-top:20px;
	width: 980px;
	margin: 0 auto;
}

.banner-container-home 
{
/*  border-top:1px solid #b7b7b7;
  background:#FFF2D9;*/
/*  border-bottom:1px solid #DCDCDC;*/
  padding-top:0px;
}

.banner-container 
{
  border-top:1px solid #b7b7b7;
  padding-top:18px;	
}

.inner-banner-container 
{
    width:660px;
    overflow:hidden;
    margin-bottom:20px;
}

.grid-container-wide { /*container for the main banner*/
  width: 1021px;
  margin: 0 auto;
}

.grid-container { /*sub containers for banners and success stories*/
	width: 980px;
	margin: 0 auto;
	margin-top: 5px;
}

/* Basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12 {
  float: left;
  margin-right: 20px; 

}

.span-3-td, .span-9-td { margin-right: 20px; }

/* The last column in a row needs no margin-right */
.last, div.last { margin-right: 0; }

/* The columns */
.span-1  { width: 60px; }
.span-2  { width: 140px; }
.span-3  { width: 220px; }
.span-4  { width: 300px; }
.span-5  { width: 380px; }
.span-6  { width: 460px; }
.span-7  { width: 540px; }
.span-8  { width: 620px; }
.span-9  { width: 700px; }
.span-10 { width: 780px; }
.span-11 { width: 860px; }
.span-12 { width: 940px; margin: 0; }

.span-3-narrow { width: 200px; }
.span-3-td { width: 220px; }
.span-9-td { width: 650px; }
.span-12-td { width: 900px; }
.span-6-td { width: 420px; }

/* Margins between content blocks */
.gap-20 { width: 20px; }
.top-gap-10 { padding-top: 10px; }
.ver-gap-10 { margin-bottom: 10px; }
.ver-gap-10pad { padding-bottom: 10px;  background-color: red; } /*margin between banners and success story*/
.ver-gap-20 { margin-bottom: 18px; }
/* Margins between content blocks */

.shadow-3px-margin {
	margin-right: -3px;
	position: relative;
}

.block-with-shadow {
	width: 980px;
	
}
