/***** Screen 960px *****/


.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	

.spacer											{ margin:0 auto; height:40px; }

.hamburger {background:url("../images/hamburger.gif") no-repeat top left;}

#top-bar {width:100% margin:auto 0; background-color:#5F5F5F; height:10px; }

#line-divider-static-sliders {margin-top:15px;
	color:#000;
	border-top:dotted #000 1px;
	padding-top:15px; }

/***** RR Homepage Slider *****/
#video-gallery {
  width: 100%;
  color: #FFF;
}
.videoGallery .rsCloseVideoBtn {
  display: none;
} 
.videoGallery h5 {
  margin: 0;
}
.videoGallery p {
  color: #ddd;
  font-size: 13px;
}
.videoGallery .rsTmb {
  padding: 20px;
}

.videoGallery .rsThumbs .rsThumb {
  width: 220px;
  height: auto;
  border-bottom: 1px solid #2E2E2E;
}
.videoGallery .rsThumbs.rsThumbsVer {
  width: 220px;
  padding: 0;
}
.videoGallery .rsThumb:hover {
  background: #151515;
}
.videoGallery .rsThumb.rsNavSelected {
  background-color: #000;
  border-bottom: 1px solid #666666;
}

.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {

  right: auto;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;

}

.infoBlockLeftWht-rcc {
  color: #FFF;
  background: #FFF;
  background: rgba(255,255,255,0.75);
  position: absolute;
  top: 30px;
  left:60px;
  width:400px;
  height:auto;
  
}


#left-col {width:auto; float:left; margin-right:25px; }
#right-col {width:75%; float:left }

.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}

.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}


#subcompany-footer								{
	margin:15px auto 15px auto;
	border-top:dotted #000 1px;
	padding:15px 0 0 0;
}

#copyright-footer								{ margin-top:15px; margin-top:30px;  border-top:dotted #000 1px; padding:15px 0 0 0; }

#static {display:none; }

#project-img {margin-top:70px; }

#project-img-short {margin-top:45px; }


/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

#static {display:none; }



}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#slider {display:none; }

#static {display:block; }

#static-logos {margin:0; }

h2										{
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
	font-size:24px;
	line-height:22px;
	color:#00aeef;
}

h3.slider-title 										{
	font-size:20px;
	font-weight:normal;
	border-bottom:none;
	margin:15px 0 0 0;
}

.wrapper-block label 	{  text-align:left;}

.small-label {  text-align:left;}

.wrapper-block [type="text"] { margin: 2px 0 15px 0;}

.wrapper-block textarea { margin: 2px 0 15px 0;}

a.btn-form, input.btn-form { margin: 5px 0 5px 0;}

ul.nav 	{list-style:none outside; float: right; margin-left:-16px;}


}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

#navi { position:absolute; top:5%; right:0; background:url("../images/hamburger.gif") no-repeat top center; width:99px; text-align:center;}	
a.navbtn, .navbtn	{ text-align: left; width:100%; margin:0; padding:10px 15px; display:inline-block; color:#fff; background:#1c4075 url("../images/btn-arrow.png") no-repeat right; cursor:pointer; font-size:11px; border-radius:0; }
a:hover.navbtn	{ text-decoration:none;  color:#fff; background:#00aeef url("../images/btn-arrow.png") no-repeat right; }

  .videoGallery .rsTmb {
    padding: 6px 8px;
  }
  .videoGallery h5 {
    font-size: 13px;
    line-height: 17px;
  }
  .videoGallery .rsThumbs.rsThumbsVer {
    width: 100px;
    padding: 0;
  }
  .videoGallery .rsThumbs .rsThumb {
    width: 100px;
    height: 47px;
  }
  .videoGallery .rsTmb p {
    display: none;
  }
  .videoGallery .rsOverflow,
  .royalSlider.videoGallery {
    height: 300px !important;
  }

#phone-header {
	text-align:left;
	font-size:16px;
}

h2										{
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
	font-size:24px;
	line-height:22px;
	color:#00aeef;
}

h3.slider-title 										{
	font-size:20px;
	font-weight:normal;
	border-bottom:none;
	margin:15px 0 0 0;
	color:#003d77; 
}

#slider {display:none; }

#static {display:block; }

#static-logos {margin:0 0 10px 0; }

#copyright {text-align:left; }

#top-nav { display:none;}

h5 										{
	margin-bottom:15px; }

.wrapper-block label 	{  text-align:left;}

.small-label {  text-align:left;}

.wrapper-block [type="text"] { margin: 2px 0 15px 0;}

.wrapper-block textarea { margin: 2px 0 15px 0;}

a.btn-form, input.btn-form { margin: 5px 0 5px 0;}

.nav { margin-bottom:0px;}

ul.nav 	{list-style:none outside; float: left; margin-left:-16px;}

ul.nav 	li	{ display:block; }

#project-img {margin-top:40px; }

#project-img-short {margin-top:40px; }

}
	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

#navi { position:absolute; top:5%; right:0; background:url("../images/hamburger.gif") no-repeat top center; width:99px; text-align:center;}	
a.navbtn, .navbtn	{ text-align: left; width:100%; margin:0; padding:10px 15px; display:inline-block; color:#fff; background:#1c4075 url("../images/btn-arrow.png") no-repeat right; cursor:pointer; font-size:11px; border-radius:0; }
a:hover.navbtn	{ text-decoration:none;  color:#fff; background:#00aeef url("../images/btn-arrow.png") no-repeat right; }

#slider {display:none; }

#static {display:block; }

#static-logos {margin:0 0 10px 0; }

#top-nav { display:none;}

#phone-header {
	text-align:left;
	font-size:16px;
}

#copyright {text-align:left; }

h2										{
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
	font-size:24px;
	line-height:20px;
	color:#00aeef;
}

h3.slider-title 										{
	font-size:20px;
	font-weight:normal;
	margin:15px 0 0 0;
	border-bottom:none; 
	color:#003d77; 
}

h5 										{
	margin-bottom:15px; }

.wrapper-block label 	{  text-align:right;}

.small-label {  text-align:right;}

.wrapper-block [type="text"] { margin: 2px 0 15px 10px;}

.wrapper-block textarea { margin: 2px 0 15px 10px;}

a.btn-form, input.btn-form { margin: 5px 0 5px 150px;}

.nav { margin-bottom:0px;}

ul.nav 	{list-style:none outside; float: left; margin-left:-16px;}

ul.nav 	li	{ display:block; }

#project-img {margin-top:40px; }

#project-img-short {margin-top:40px; }

}

/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {


}