/*This style sheet is for pages with photos of 650px wide in size to fit in IE at 800x600 displays*/
body 
{
background: url(http://johnbdigital.com/home-page-background1.png) no-repeat center center fixed; 
	 background-color: #000000;
	
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover !important;
		  background-repeat: no-repeat;
         /*  height: 100vh;
  width: 100vw; */
  z-index: -1000;
margin:0;
padding:0;
text-align:center;
}

#totalcontent {

margin-top:0px;
margin:0px auto;
text-align:left;
width:95%;
}

#left-menu{

float:left;
margin-top:0px;
width:95px;
height: 100%;
padding-left:3px;
margin: 0 0 0 0;

}

#maincontent{

margin-left:100px;
padding-left:2px;
margin-top:0px;
}


a:visited, a:link
{
	color:#ff8000;
	font-style:bolder;
	font-weight:bolder;
	text-decoration:none;
	background-color:none;
}
a:hover
{
	color:#009900;
	font-style:bolder;
	font-weight:bolder;
	text-decoration:none;
	background-color:none;
}



a:link img 
{ border: 4px  outset white; }
a:visited img 
{ border: 4px  outset white; }
a:hover img 
{ border: 4px solid #009900; }

img 
{ border: 10px outset white; }


a.plink span /* for link colors in about page */
{
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}
a.plink:hover span
{
	color:#009900;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	
}


a.tech span  /* for popup photo tech info */
{display:none;}

a.tech:hover span 
{display: block;
position:absolute;
top: 120px;
left: 41%; /* changed from 142px */
width: 385px;
z-index: 1;
color: #ffffff;
background-color: #000000;


/*background-image: url(http://johnbdigital.com/back.gif);*/
font-size: 16px;
font-weight: bold;
font-family: "Verdana", "Times New Roman", Arial, Helvetica; 
text-align: center;
opacity:0.7;
filter:alpha(opacity=70);
}


