@font-face { font-family: Roboto; src: url('/sites/default/themes/framework/css/Roboto-Regular.ttf') }

body {
  color: rgb( 110, 108, 108 );
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
/* big little link */
.blue-little-link{
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  font-size: 1em;
  line-height: 1;
  margin-top: 1em;
  color: rgb( 39, 91, 106 );	
}

a { color: rgb( 39, 91, 106 ); text-decoration: none; }
a: link { 
/*color: #6E6C6C; */ 
color: rgb( 39, 91, 106 );
text-decoration: none; }

a:visited { color: rgb( 39, 91, 106 ); }

a:hover, a:active, li a.active  { color: rgb( 39, 91, 106 );}

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

.column {
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
   }
   
   
   
   
   
.grid-title-grey-300 {
background: url('/sites/default/themes/framework/images/grey-opacity.png') repeat scroll 0px 0px transparent;
position: relative;
margin-top: -45px;
text-align: center;
line-height: 35px;
width: 300px;
height: 45px;
color:#ffffff;
letter-spacing: 0.5px;
}	
/*css declaration only for Chrome/Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .grid-title-grey-300 {
        margin-top: -51px;
      }
}
.grid-title-grey-300-span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}


.grid-title-grey-210 {
background: url('/sites/default/themes/framework/images/grey-opacity.png') repeat scroll 0px 0px transparent;
position: relative;
margin-top: -45px;
text-align: center;
line-height: 35px;
width: 210px;
height: 45px;
color:#ffffff;
letter-spacing: 0.5px;
}
/*css declaration only for Chrome/Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .grid-title-grey-210 {
        margin-top: -51px;
      }
}	
.grid-title-grey-210-span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.bold {
	font-weight:bold;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 285px;
}

.ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 205px;
}


   
 .price-position {
 	position: absolute;
background-color: #289ac0;
color: #FFF;
font-size: 14pt;
line-height: 18px;
text-align: center;
padding: 12px 30px;
margin-left: -10px;
margin-top: 10px;
opacity:0.8;
box-shadow: 3px 3px 7px #555;
 }
   
.price-position-notabsolute {
background-color: #289ac0;
color: #FFF;
font-size: 14pt;
line-height: 18px;
text-align: center;
padding: 12px 30px;
margin-top: -200px;
margin-bottom: 200px;
opacity:0.8;
box-shadow: 3px 3px 7px #555;
width:130px;
}

.display-inline {
	display:inline;
	line-height:1.5;
	}
	
h2 {
	font-size:15pt;
}