@charset "utf-8";
/* CSS Document */

@font-face {
font-family: WebSymbols;
src:url(../fonts/WebSymbols-Regular.otf) format("opentype");
src:url(../fonts/websymbols-regular-webfont.eot);
    src:url(../fonts/websymbols-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url('websymbols-regular-webfont.woff') format('woff'),
         url('websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols-regular-webfont.svg#web_symbolsregular') format('svg');

}

@font-face {
font-family: WebSymbols;
font-weight:normal;
src:url(../fonts/WebSymbols-Regular.otf) format("opentype");
}

body, h1, h2, h3, h4, h5 {
	font-family:Tahoma, Geneva, sans-serif;
	
}

a {
	color:#000;
}

a:hover {
	color:#00C;
	text-decoration:none;


}

.nav > li > a:hover {
	background-color:transparent;
}

.ex1 img {
	border:none;
}
.ex1 img:hover {
	outline:5px solid #666;
}



hr {
	border-top:1px solid #000;
	margin-top:0;
}

figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
  border:none;
  margin:15px;
}

figure:hover {
	outline:5px solid #666;
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px; 
  
  opacity: 0;
  bottom: 0; 
  left: -30%;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
  
}

.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

.container {
	/*width:995px;*/
	padding-top: 3%;
	background-color: rgba(255,255,255,0.6);
	filter: alpha(opacity=60); /* For IE8 and earlier */
	/*padding-bottom:20px;*/
	padding-right: 50px;
	padding-left: 50px;
}

.homewrap {
	background-image:url(../img/bg/home.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}

.aboutwrap {
	background-image:url(../img/bg/about.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}

.serviceswrap {
	background-image:url(../img/bg/services.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.workwrap {
	background-image:url(../img/bg/work.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.printwrap {
	background-image:url(../img/bg/print.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.interactivewrap {
	background-image:url(../img/bg/interactive.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}
.motionwrap {
	background-image:url(../img/bg/motion.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.contactwrap {
	background-image:url(../img/bg/contact.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.individualwrap {
	background-image:url(../img/bg/foliopage.jpg);
    background-repeat: no-repeat;
    background-size:cover;
	
}

.contactform {
	padding-left:20px;
	
}

.padding {
	padding:100px;
}


/*footer {
	height:150px;
}*/

.navbar {
position: relative;
min-height: 50px;
margin-bottom:0; 
border:none;
}

.navbar-nav.navbar-right:last-child {
	margin-top:2%;
	margin-right:0;
	
}


.navbar-toggle {
background-color:#000;
background-image: none;
border: 1px solid #000;

}


.navbar-toggle .icon-bar {
	background-color:#FFF;
}

[data-icon]:before {
  font-family: WebSymbols;/* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}

.contact {
	text-align:right;
}


@media (max-width: 480px) {
	.container {
	padding-right: 15px;
	padding-left: 15px;
}

.contactform {
	padding-left:0;
	
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px;
  display:none;
  
  opacity: 0;
  bottom: 0; 
  left: -30%;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}

	
}