/* CSS Document */



@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.video-container {     position: relative;     padding-bottom: 56.25%;     padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%; } 

.intouch{ width:200px; height:20px; line-height:20px; position:absolute; right:0; bottom:0; font-size:11px; z-index:0; color:#666;}
.intouch span{font-size:9px}
.intouch strong{ color:#F90}
a.intouchBox{width:105px; height:75px; position:fixed; bottom:-75px; right:-105px; z-index:1; outline:none}

.box_title{position:absolute; z-index:1;background:#333;width:100%;height:100%; opacity: 0.8; filter: alpha(opacity=80);   }

.logo {
	max-width:100%;
	min-width:250px;
	padding-top:5px;	

}

.navtab {

padding:40px; position:fixed; z-index:9999; height:100%; width:250px; background:#FFF; background-image:url(../graphics/subtle_grunge.png);	
	
}

.blog_post {
	padding:20px;
	color:#FFF;	
	background:#333;

	
}

.content-over {
	
  position: absolute;
  opacity: 0.90;
  filter: alpha(opacity=90); 
  top:50px;;
  z-index: 10;
  padding:50px;
  color: #fff;
  text-align: left;
  background:#000;
}

.content-over-project {
  position: absolute;

  right: 50%;
  top: 20px;
  left: 2%;
  z-index: 10;
  padding:50px;
  color: #999;
  text-align: left;
  opacity: 0.92;
  filter: alpha(opacity=95); 
  background:#000;
  overflow:hidden;
  height:auto;
}

.footer_fixed {

  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  border-radius: 0;
    height:100px;	
  bottom: 0;
  margin-bottom: 0;	
  z-index:8989;
}

.content-over-blog {
  position: absolute;

  right: 40%;
  top: 20px;
  left: 2%;
  z-index: 10;
  padding:50px;
  color: #999;
  text-align: left;
  opacity: 0.92;
  filter: alpha(opacity=95); 
  background:#000;
  overflow:hidden;
  height:auto;
}

.content-over-home {
  position: absolute;
  right: 30%;
  top: 20px;
  left: 30%;
  z-index: 10;
  padding:50px;
  color: #999;
  text-align: center;
  opacity: 0.92;
  filter: alpha(opacity=95); 
  background:#000;
}





@media only screen and (max-width: 840px) {
	
.logo {
	
	margin-left:0px;
	
}
	
.navtab { width:150px; }		

}
                        
@media only screen and (max-width: 650px) {

.logo {
	
	margin-left:0px;
	
}
}
                                  
@media only screen and (max-width: 570px) {
.logo {
	
	margin-left:0px;
	
}

@media screen and (min-width: 32px) and (max-width: 480px) {

}

