/* CSS RESET =============================================== */
body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
caption,th { text-align:left;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a:link, a:visited, a:focus{ color: #fff; text-decoration: none; }

@font-face
{
font-family: fabrica;
src: url('fonts/fabrica.otf');
}

@font-face
{
font-family: jurabolditalic;
src: url('fonts/jurabolditalic.ttf');
}
@font-face
{
font-family: juraitalic;
src: url('fonts/juraitalic.ttf');
}

body{
	
font-size: 20%;
background-image:url('img/whitebackground.jpg');



	min-width: 1024px;
	font-size: 12px;
	color: #369;
	font-family: Arial, Verdana, Geneva, sans-serif;
}

a {
	color: #609;
	text-decoration: none;
	outline: none;
}

#me{
position:absolute;
width:181px;
height:500px;
background:url('img/me.png');
background-size:cover;
margin-left:-160px;
margin-top:-40px;
display:block;
}

#portfolio{
margin-top:-49px;
}

#wrapper {
	width: 600px;
	margin: auto;
	height:700px;
	background-color:#0F0;
}

#homecontent{
position:absolute;
top:12.5%;
left:0%;
width:100%;
    height: 326px;
	text-align:center;
}

#menubar{
z-index:999;
width:100%;
background-color:#34b1b8;
height:50px;
position:fixed;
margin:top;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}

#footerbar{
z-index:-1;
width:100%;
background-color:#34b1b8;
height:150px;
position:fixed;
bottom:0px;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}


#menu{

width:650px;
margin:auto;
margin-top:17px;
text-align:center;
}

ul.menu
{
font-family:jurabolditalic;
list-style-type:none;
margin:0;
padding:0;
letter-spacing:3pt;
}

ul.menu li{
	padding:40px;
	display:inline;
}

a:visited{
color:#fff;
}


h50{
color:#334b59;
}
h50:visited{
color:#334b59;
}

a:hover{
color:#CCCCCC;
}

a:link{
color:fff;
}

a:active{
color:fff;
}

hr {
  border-top: 0px thick #334b59;
  background-color:#334b59;
  color:#334b59;
  width:100%;
  height:2px;
  margin-top:25px;
  margin-bottom:20px;
}


#gallerybackground{
position:absolute;
top:100%;
width:100%;
height:100%;
background-color:#34b1b8;
}
/*
#galleryitem{
width:280px;
height:280px;
float:left;
position:relative;
}

#galleryitem:hover{
background-color:#000000;
}
*/

galleryfont{
font-family:"jurabolditalic";
color:#fff;
font-size:14px;
}

#gallery_container {
  width: 20%;
  float:left;
}

#centered_text{
   float:left;
   width:100%;
   overflow:hidden;
   position:absolute;
   margin-top:460px;	
}







#abouttext_head{
	position:absolute;	
	width:100%;
	background-color:#C00;	
	color:#34b1b8;
	margin-top:28px;
	text-align:center;
}

ul.about
{
font-family:fabrica;
font-size:14px;
float:left;
list-style-type:none;
margin:0;
padding:0;
left:50%;
letter-spacing:2pt;
}

ul.about li{

margin-right:53px;
display:inline;
right:50%;
}

.hidden {
opacity:0;
  transition: opacity 0.5s;
-moz-transition: opacity 0.5s; /* Firefox 4 */
-webkit-transition: opacity 0.5s; /* Safari and Chrome */
-o-transition: opacity 0.5s; /* Opera */
}
.parent:hover .hidden { 
  transition: opacity 0.5s;
-moz-transition: opacity 0.5s; /* Firefox 4 */
-webkit-transition: opacity 0.5s; /* Safari and Chrome */
-o-transition: opacity 0.5s; /* Opera */
opacity:1;
}

#gallery_icon_energywerx {
	z-index:0;
  padding-bottom: 100%;
  background:url('img/energywerx.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}



#description{
z-index:1;
height:50px;
position:relative;
float:right;
width:100%;
background:#34b1b8;
padding-top:20px;
padding-bottom:10px;
text-align:center;
}


#gallery_icon_cgs {
  padding-bottom: 100%;
  background:url('img/cgs.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_teakman {
  padding-bottom: 100%;
  background:url('img/teakman.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_EDM1 {
  padding-bottom: 100%;
  background:url('img/EDM1.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_MDE2 {
  padding-bottom: 100%;
  background:url('img/MDE2.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_mailer3 {
  padding-bottom: 100%;
  background:url('img/tradingcards_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_canon {
  padding-bottom: 100%;
  background:url('img/canon.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_floorgraphic {
  padding-bottom: 100%;
  background:url('img/floorgraphic.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_ballet {
  padding-bottom: 100%;
  background:url('img/ballet.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_notquitecult {
  padding-bottom: 100%;
  background:url('img/notquitecult.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_roadshow {
  padding-bottom: 100%;
  background:url('img/roadshow.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_cgsflyer {
  padding-bottom: 100%;
  background:url('img/cgsflyer.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_gigflyer {
  padding-bottom: 100%;
  background:url('img/gigflyer.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_wilton {
  padding-bottom: 100%;
  background:url('img/wiltonsmall.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_epson {
  padding-bottom: 100%;
  background:url('img/epsonflyer_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_sop {
  padding-bottom: 100%;
  background:url('img/sop.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_hiaj {
  padding-bottom: 100%;
  background:url('img/hiajflyer_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_jacob1 {
  padding-bottom: 100%;
  background:url('img/jacob1_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_myblock {
  padding-bottom: 100%;
  background:url('img/myblock.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_energywerxad {
  padding-bottom: 100%;
  background:url('img/energywerxad_big.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}/
#gallery_icon_videoclip {
  padding-bottom: 100%;
  background:url('img/videoclip.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_birthdaycard {
  padding-bottom: 100%;
  background:url('img/birthdaycard.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_woodpusher {
  padding-bottom: 100%;
  background:url('img/woodpusher.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_composite {
  padding-bottom: 100%;
  background:url('img/composite.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_print1 {
  padding-bottom: 100%;
  background:url('img/print1.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_print2 {
  padding-bottom: 100%;
  background:url('img/print2.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#gallery_icon_print3 {
  padding-bottom: 100%;
  background:url('img/print3.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_jacobwebsite {
  padding-bottom: 100%;
  background:url('img/jacobwebsite_small.png');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_gcorpwebsite{
  padding-bottom: 100%;
  background:url('img/gcorp_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}

#gallery_icon_elilily {
  padding-bottom: 100%;
  background:url('img/elilily_small.jpg');
  background-color:#000;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}




/* h1 - Font for list beneath logo */
h1{
font-family:"fabrica";
color:#34b1b8;
font-size:18px;
}

/* h2 - Font for "About me" info beneath logo */
h2{
font-family:"juraitalic";
color:#000;
font-size:16px;
}


#centeredmenu {
   float:left;
   width:100%;
   background:none;
   overflow:hidden;
   position:absolute;
   margin-top:480px;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:53%;
   text-align:center;
}
#centeredmenu ul li {
	font-family:fabrica;
font-size:14px;
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   margin-right:63px;
   letter-spacing:2pt;

   }
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}


/**********************************************
************ Media Queries Start **************
***********************************************/


/**********************************************
************ Media Queries End **************
***********************************************/