/*------ image index CSS ---------*/

			@media only screen and (max-width: 40.0625em) {
				.pic-index img {
					width: 100%;
				}
				.pic-index {
					height: 100%;
					margin: 0;
					padding: 0;
					padding-top: 3px;
					
				}
				.pic-index h4{
					font-size: 1.1em;
					padding-top: 1px;
				}
				
				RE.no-tough .pic-index img:hover, pic-index img:focus{
					background-color:#eee;			
					-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px; 
				}
			}

			.pic-index{
				float:left;
				text-align:center;
				padding-top:4px;
				margin-top: 4px;	
			}
			.pic-index img{
				width: 100%;
				padding: 3px;
				max-width: 200px;
				max-height:200px;
			}

			.pic-index img:hover, pic-index img:focus{
					background-color:#eee;			
					-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					box-shadow: 0 0 6px rgba(132, 132, 132, .75);
					
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px; 
				}
			
			
			
			.index-icon {
				border:1px solid #ccc;
			}
			
.imageRow {
  margin-left: auto;
  margin-right: auto; 
  padding-top:15px;
  }
  .imageRow::before, .imageRow::after {
    content: ' ';
    display: table; }
  .imageRow::after {
    clear: both; }
  .imageRow.collapse > .imageColumn, .imageRow.collapse > .imageColumns {
    padding-left: 0;
    padding-right: 0; }
  .imageRow .imageRow {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 40em) {
      .imageRow .imageRow {
        margin-left: -0.6375rem;
        margin-right: -0.6375rem; } }
    .imageRow .imageRow.collapse {
      margin-left: 0;
      margin-right: 0; }
  .imageRow.expanded {
    max-width: none; }

.imageColumn, .imageColumns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
  @media screen and (min-width: 40em) {
    .imageColumn, .imageColumns {
      padding-left: 0.6375rem;
      padding-right: 0.6375rem; } }
  .imageColumn:last-child:not(:first-child), .imageColumns:last-child:not(:first-child) {
    float: right; }
  .imageColumn.end:last-child:last-child, .end.imageColumns:last-child:last-child {
    float: left; }

.imageColumn.imageRow.imageRow, .imageRow.imageRow.imageColumns {
  float: none; }
  .imageRow .imageColumn.imageRow.row, .imageRow .imageRow.imageRow.imageColumns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }


.small-up-1 > .imageColumn, .small-up-1 > .imageColumns {
  width: 100%;
  float: left; }
  .small-up-1 > .imageColumn:nth-of-type(1n), .small-up-1 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .imageColumn:nth-of-type(1n+1), .small-up-1 > .imageColumns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .imageColumn:last-child, .small-up-1 > .imageColumns:last-child {
    float: left; }

.small-up-2 > .imageColumn, .small-up-2 > .imageColumns {
  width: 50%;
  float: left; }
  .small-up-2 > .imageColumn:nth-of-type(1n), .small-up-2 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .imageColumn:nth-of-type(2n+1), .small-up-2 > .imageColumns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .imageColumn:last-child, .small-up-2 > .imageColumns:last-child {
    float: left; }

.small-up-3 > .imageColumn, .small-up-3 > .imageColumns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .imageColumn:nth-of-type(1n), .small-up-3 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .imageColumn:nth-of-type(3n+1), .small-up-3 > .imageColumns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .imageColumn:last-child, .small-up-3 > .imageColumns:last-child {
    float: left; }

.small-up-4 > .imageColumn, .small-up-4 > .imageColumns {
  width: 25%;
  float: left; }
  .small-up-4 > .imageColumn:nth-of-type(1n), .small-up-4 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .imageColumn:nth-of-type(4n+1), .small-up-4 > .imageColumns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .imageColumn:last-child, .small-up-4 > .imageColumns:last-child {
    float: left; }

.small-up-5 > .imageColumn, .small-up-5 > .imageColumns {
  width: 20%;
  float: left; }
  .small-up-5 > .imageColumn:nth-of-type(1n), .small-up-5 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .imageColumn:nth-of-type(5n+1), .small-up-5 > .imageColumns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .imageColumn:last-child, .small-up-5 > .imageColumns:last-child {
    float: left; }

.small-up-6 > .imageColumn, .small-up-6 > .imageColumns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .imageColumn:nth-of-type(1n), .small-up-6 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .imageColumn:nth-of-type(6n+1), .small-up-6 > .imageColumns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .imageColumn:last-child, .small-up-6 > .imageColumns:last-child {
    float: left; }

.small-up-7 > .imageColumn, .small-up-7 > .imageColumns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .imageColumn:nth-of-type(1n), .small-up-7 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .imageColumn:nth-of-type(7n+1), .small-up-7 > .imageColumns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .imageColumn:last-child, .small-up-7 > .imageColumns:last-child {
    float: left; }

.small-up-8 > .imageColumn, .small-up-8 > .imageColumns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .imageColumn:nth-of-type(1n), .small-up-8 > .imageColumns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .imageColumn:nth-of-type(8n+1), .small-up-8 > .imageColumns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .imageColumn:last-child, .small-up-8 > .imageColumns:last-child {
    float: left; }


@media screen and (min-width: 40em) {
 
  .medium-up-1 > .imageColumn, .medium-up-1 > .imageColumns {
    width: 100%;
    float: left; }
    .medium-up-1 > .imageColumn:nth-of-type(1n), .medium-up-1 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .imageColumn:nth-of-type(1n+1), .medium-up-1 > .imageColumns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .imageColumn:last-child, .medium-up-1 > .imageColumns:last-child {
      float: left; }
  .medium-up-2 > .imageColumn, .medium-up-2 > .imageColumns {
    width: 50%;
    float: left; }
    .medium-up-2 > .imageColumn:nth-of-type(1n), .medium-up-2 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .imageColumn:nth-of-type(2n+1), .medium-up-2 > .imageColumns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .imageColumn:last-child, .medium-up-2 > .imageColumns:last-child {
      float: left; }
  .medium-up-3 > .imageColumn, .medium-up-3 > .imageColumns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .imageColumn:nth-of-type(1n), .medium-up-3 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .imageColumn:nth-of-type(3n+1), .medium-up-3 > .imageColumns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .imageColumn:last-child, .medium-up-3 > .imageColumns:last-child {
      float: left; }
  .medium-up-4 > .imageColumn, .medium-up-4 > .imageColumns {
    width: 25%;
    float: left; }
    .medium-up-4 > .imageColumn:nth-of-type(1n), .medium-up-4 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .imageColumn:nth-of-type(4n+1), .medium-up-4 > .imageColumns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .imageColumn:last-child, .medium-up-4 > .imageColumns:last-child {
      float: left; }
  .medium-up-5 > .imageColumn, .medium-up-5 > .imageColumns {
    width: 20%;
    float: left; }
    .medium-up-5 > .imageColumn:nth-of-type(1n), .medium-up-5 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .imageColumn:nth-of-type(5n+1), .medium-up-5 > .imageColumns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .imageColumn:last-child, .medium-up-5 > .imageColumns:last-child {
      float: left; }
  .medium-up-6 > .imageColumn, .medium-up-6 > .imageColumns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .imageColumn:nth-of-type(1n), .medium-up-6 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .imageColumn:nth-of-type(6n+1), .medium-up-6 > .imageColumns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .imageColumn:last-child, .medium-up-6 > .imageColumns:last-child {
      float: left; }
  .medium-up-7 > .imageColumn, .medium-up-7 > .imageColumns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .imageColumn:nth-of-type(1n), .medium-up-7 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .imageColumn:nth-of-type(7n+1), .medium-up-7 > .imageColumns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .imageColumn:last-child, .medium-up-7 > .imageColumns:last-child {
      float: left; }
  .medium-up-8 > .imageColumn, .medium-up-8 > .imageColumns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .imageColumn:nth-of-type(1n), .medium-up-8 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .imageColumn:nth-of-type(8n+1), .medium-up-8 > .imageColumns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .imageColumn:last-child, .medium-up-8 > .imageColumns:last-child {
      float: left; }
 }

@media screen and (min-width: 64em) {
  .large-up-1 > .imageColumn, .large-up-1 > .imageColumns {
    width: 100%;
    float: left; }
    .large-up-1 > .imageColumn:nth-of-type(1n), .large-up-1 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .imageColumn:nth-of-type(1n+1), .large-up-1 > .imageColumns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .imageColumn:last-child, .large-up-1 > .imageColumns:last-child {
      float: left; }
  .large-up-2 > .imageColumn, .large-up-2 > .imageColumns {
    width: 50%;
    float: left; }
    .large-up-2 > .imageColumn:nth-of-type(1n), .large-up-2 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .imageColumn:nth-of-type(2n+1), .large-up-2 > .imageColumns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .imageColumn:last-child, .large-up-2 > .imageColumns:last-child {
      float: left; }
  .large-up-3 > .imageColumn, .large-up-3 > .imageColumns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .imageColumn:nth-of-type(1n), .large-up-3 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .imageColumn:nth-of-type(3n+1), .large-up-3 > .imageColumns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .imageColumn:last-child, .large-up-3 > .imageColumns:last-child {
      float: left; }
  .large-up-4 > .imageColumn, .large-up-4 > .imageColumns {
    width: 25%;
    float: left; }
    .large-up-4 > .imageColumn:nth-of-type(1n), .large-up-4 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .imageColumn:nth-of-type(4n+1), .large-up-4 > .imageColumns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .imageColumn:last-child, .large-up-4 > .imageColumns:last-child {
      float: left; }
  .large-up-5 > .imageColumn, .large-up-5 > .imageColumns {
    width: 20%;
    float: left; }
    .large-up-5 > .imageColumn:nth-of-type(1n), .large-up-5 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .imageColumn:nth-of-type(5n+1), .large-up-5 > .imageColumns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .imageColumn:last-child, .large-up-5 > .imageColumns:last-child {
      float: left; }
  .large-up-6 > .imageColumn, .large-up-6 > .imageColumns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .imageColumn:nth-of-type(1n), .large-up-6 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .imageColumn:nth-of-type(6n+1), .large-up-6 > .imageColumns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .imageColumn:last-child, .large-up-6 > .imageColumns:last-child {
      float: left; }
  .large-up-7 > .imageColumn, .large-up-7 > .imageColumns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .imageColumn:nth-of-type(1n), .large-up-7 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .imageColumn:nth-of-type(7n+1), .large-up-7 > .imageColumns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .imageColumn:last-child, .large-up-7 > .imageColumns:last-child {
      float: left; }
  .large-up-8 > .imageColumn, .large-up-8 > .imageColumns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .imageColumn:nth-of-type(1n), .large-up-8 > .imageColumns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .imageColumn:nth-of-type(8n+1), .large-up-8 > .imageColumns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .imageColumn:last-child, .large-up-8 > .imageColumns:last-child {
      float: left; }
   }
   
   /* ------ Roll Over Image Effect ------*/
   
   .img-zoom {
		width: 310px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
	}
 
	.transition {
		-webkit-transform: scale(1.05); 
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);

	
	}