/*
Tiny Grid v.3

Changelog: 
	- It's LESS now.

*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/

/* ==========================================================================
   Wrapper Classes & Grid
   ========================================================================== */
#wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
.container {
  width: 100%;
 
}


button::-moz-focus-inner {
  border: 0;
}



/* ==========================================================================
   Misc Helper Classes
   ========================================================================== */
.trans {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.branding h1 {
  margin: 0;
  padding: 10px;
  font-size: 1.6em;
}
#content {
  min-height: 500px;
}
.bg_slider {
  position: relative;
  max-width: 1980px;
  margin: 0 auto;
  text-align: center;
  min-width: 1100px;
}
.bg_slider .item {
  display: none;
  height: 500px;
}
.bg_slider .item .caption {
  margin-top: 350px;
  margin-right: 100px;
  float: right;
}
.bg_slider .item_1 {
  background: url("../img/banner_4.jpg") center top no-repeat;
}
.bg_slider .item_2 {
  background: url("../img/banner_5.jpg") center top no-repeat;
}
.bg_slider .item_3 {
  background: url("../img/banner_6.jpg") center top no-repeat;
}
.bg_slider .active {
  display: block;
}
.bg_slider .cells {
  width: 100%;
  margin: -50px 0 0 0;
}
.bg_slider .cells .cell {
  position: relative;
  display: block;
  float: left;
  width: 305px;
  margin: -2px 1px 1px 1px;
  background: rgba(0, 0, 0, 0.4);
  height: 50px;
  text-decoration: none;
  color: #FFF;
  font-family: 'Open sans', sans-serif;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333;
}
.bg_slider .cells .cell h1 {
  font-size: 18px;
  text-transform: uppercase;
}
.bg_slider .cells .cell:hover {
  -webkit-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.8);
}
.bg_slider .cells .cell .arrow {
  display: none;
  position: absolute;
  top: -18px;
  left: 50%;
  margin: 0 0 0 -20px;
}
.bg_slider .cells .active {
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 0px 10px #000000;
  -moz-box-shadow: inset 0 0px 10px #000000;
  box-shadow: inset 0 0px 10px #000000;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
.bg_slider .cells .active .arrow {
  display: block;
}
.intro_cells {
  padding: 40px 0 20px 0;
  color: #FFF;
}
.intro_cells .block3 {
  position: relative;
  background: #e74c3c;
  padding: 22px 0 0 0;
}
.intro_cells .block3 p {
  padding: 0 8px;
  font-size: 13px;
}

.gridheader
{
     background:#bbbbbb;
     height:40px;
     font-size:larger;
     
}
    
.intro_cells .sub_title {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
  background: #333;
  padding: 5px 0;
}

.pstyle
{
    
}

table{ margin-top: 0px !important;
    margin-right: 0px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
/*@media only screen and (max-width: 480px) {
.container{ width: 98%; }

[class*="block"]{
	width: 100%;
}

.block25, .block5{ width: 49%; float: left;}
.center-mobile{text-align: center !important;}

}

@media only screen and (min-width: 481px) and (max-width: 640px) {
.container{ width: 98%; }

[class*="block"]{
	width: 100%;
	float: none;
}
.block25, .block5{ width: 49%; float: left;}
.center-mobile{text-align: center !important;}

}

@media only screen and (min-width: 641px) and (max-width: 768px) {
.container{ width: 98%; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
.container{ width: 98%; }
}

@media only screen and (min-width: 1140px) {


}*/
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  
}