#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; /* Higher than anything else in the document */

 }

body{
	background: url('images/bgpier.jpg') no-repeat center center fixed; 
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	background-color: #000;
}

@media screen and (max-width: 1920px){
	body {
    	background: url('images/bgpier1920.jpg') no-repeat center center fixed;
    	-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  		background-color: #000;
		}
	}

@media screen and (max-width: 1366px){
	body {
    	background: url('images/bgpier1366.jpg') no-repeat center center fixed;
    	-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  		background-color: #000;
		}
	}


@media screen and (max-width: 1024px) {
	body {
    	background: url('images/bgpier1024.jpg') no-repeat center center fixed;
    	-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;
  		background-color: #000;
		}
	}

#main h1{
	display: block;
	width: 400px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 23%;
	background-image: url('images/calltoinquire.png');
	text-indent: -99999px;
}

#demo #main h1{
	display: block;
	width: 87px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	background-image: url('images/mywork.png');
	text-indent: -99999px;
}

#main a img{
	width: 137px;
	
}

#home #main a{
	border-style: none;
	outline: none;
	display: block;
	height: 54px;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-image: url('images/logo.png');
	text-indent: -99999px;
}





#demo #main h2{
	margin-top: 120px;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
}

#demo #main h2#threed{
	display: block;
	width: 250px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image:  url('images/3d.png');
	text-indent: -99999px;
}

#demo #main h2#graphicdesign{
	display: block;
	width: 250px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image:  url('images/graphicdesign.png');
	text-indent: -99999px;
}

#demo #main h2#web{
	display: block;
	width: 250px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image:  url('images/web.png');
	text-indent: -99999px;
}

#demo #main h2#video{
	display: block;
	width: 250px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image:  url('images/video.png');
	text-indent: -99999px;
}

#demo #threedimages, #demo #graphicdesignimages{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
}

#demo #webimages{
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
}

#demo #videoimages{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 200px;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
}

#demo #webimages, #demo #threedimages, #demo #graphicdesignimages, #demo #videoimages{
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
}

#demo #videoimages{
	padding-top: 0px;
	height: 610px;
}

#demo .thumb{
	width: 60px;
	height: 60px;
	margin-left: 5px;
	margin-right: 5px
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
}

#demo iframe{
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#demo #webimages img{
	margin-left: 25px;
}

@media screen and (max-device-width: 760px){
	#home #main h1{
	display: block;
	width: 700px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55%;
	background-image: url('images/calltoinquiremobile.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
	}

	#home #main a{
	border-style: none;
	outline: none;
	display: block;
	height: 137px;
	width: 430px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-image: url('images/inquiremobile.png');
	text-indent: -99999px;

	}



}

#webbanner{
	display: block;
	margin-top: 500px;
	margin-left: auto;
	margin-right: auto;
}

#fancybox-overlay[style] {
    background-color: blue;
}