/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	}

#epperson {
	position:absolute;
	top:0px;
	left:0px;
	width: 900px; /* was 1024 */
	height: 72px;
	background:#ffffff;
	background-image:url(../imagesTemp/Logo-w-reflect-4-web.gif);
	background-repeat:no-repeat;
	}

#info {
	z-index:1;	
	position:absolute;
	top:7px;
	left:550px;
	width: 900px;
	height: 25px;	
	line-height:15px;
	font-style: italic;
	color:#FFFFFF;
}

.online-absolute {     /*   order prints online  */
	position:absolute;
	left:0px;
	top:75px;
	width:150;
	height:60;
	border:0;
}

#facebook {
   position:absolute;
   margin: 0;  /* removes padding and margins */
   padding: 0;
   left:475px;
   top:77px;
   width:24px;
   height:24px;
   border:0;
   z-index:0;
   }

.banner1-absolute {
	position:absolute;
	left:150px;
	top:72px;
	width:299;
	height:60;
	border:1px white solid;
}

.banner2-absolute {
	position:absolute;
	left:550px;
	top:72px;
	width:438;
	height:60;
	border:1px white solid;
}

.banner3-absolute {
	position:absolute;
	left:750px;
	top:75px;
	width:150;
	height:60;
	border:1px white solid;
}

.banner4-absolute {
	position:absolute;
	left:0px;
	top:685px;
	width: 150px;
	height: 55px;
	border:0;
}

#topnav01 {   /*   home  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 150px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;   
}

#topnav01 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #FFFFFF;
	height: 25px;
    width: 150px;
    background: #003399
}

#topnav01 a:link{color: #FFFFFF; background: #003399}
#topnav01 a:visited{color: #FFFFFF;background: #003399}
#topnav01 a:hover{color:#003399;background: #FFFFFF;}

#topnav02 {   /*   contact  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 300px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav02 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #FFFFFF;
	height: 25px;
    width: 150px;
    background: #003399
}

#topnav02 a:link{color: #FFFFFF; background: #003399}
#topnav02 a:visited{color: #FFFFFF;background: #003399}
#topnav02 a:hover{color:#003399;background: #FFFFFF;}

#topnav03 {   /*   location  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 450px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav03 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #FFFFFF;
	height: 25px;
    width: 150px;
    background: #003399
}

#topnav03 a:link{color: #FFFFFF; background: #003399}
#topnav03 a:visited{color: #FFFFFF;background: #003399}
#topnav03 a:hover{color:#003399;background: #FFFFFF;}

#topnav04 {   /*   faq  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 600px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav04 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #FFFFFF;
	height: 25px;
    width: 150px;
    background: #003399
}

#topnav04 a:link{color: #FFFFFF; background: #003399}
#topnav04 a:visited{color: #FFFFFF;background: #003399}
#topnav04 a:hover{color:#003399;background: #FFFFFF;}

#topnav05 {   /*   about  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 750px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav05 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #FFFFFF;
	height: 25px;
    width: 150px;
    background: #003399
}

#topnav05 a:link{color: #FFFFFF; background: #003399}
#topnav05 a:visited{color: #FFFFFF;background: #003399}
#topnav05 a:hover{color:#003399;background: #FFFFFF;}

#sidenav00 {   /*   equipment  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 135px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   text-align:center;
}

#sidenav01 {   /*   digital slr cams  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 160px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav01 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav01 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav01 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav01 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav02 {   /*   digital cams  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 185px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav02 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav02 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav02 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav02 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav03 {   /*   video cams  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 210px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav03 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav03 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav03 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav03 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav04 {   /*   tripods  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 235px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav04 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav04 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav04 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav04 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav05 {   /*   lighting  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 260px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav05 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav05 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav05 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav05 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav06 {   /*   lenses  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 285px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav06 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav06 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav06 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav06 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav07 {   /*   used  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 310px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav07 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav07 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav07 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav07 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav08 {   /*   printers  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 335px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav08 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav08 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav08 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav08 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav09 {   /*   scanners  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 360px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav09 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav09 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav09 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav09 a:hover{color: #FF0000;background: #FFFFFF;}

   
#sidenav10 {   /*   camera bags  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 385px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav10 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav10 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav10 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav10 a:hover{color: #FF0000;background: #FFFFFF;}

#sidenav11 {   /*   backdrops  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 410px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav11 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav11 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav11 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav11 a:hover{color: #FF0000;background: #FFFFFF;} 

#sidenav12 {   /*   services  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 435px;
   height: 25px;
   width: 150px;
   color: #FFFFFF;
   background-color:#003399;
   line-height: 25px;
   text-align:center;
}

#sidenav12 a{    /*  this section is needed to reverse for button */	display:block;
	} 
   
#sidenav13 {   /*   printing  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 460px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }
   
#sidenav13 a{    /*  this section is needed to reverse for button */	display:block;
	}   

#sidenav13 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav13 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav13 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav14 {   /*   video trans  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 485px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav14 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav14 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav14 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav14 a:hover{color: #FF0000;background: #FFFFFF;}

   
#sidenav15 {   /*   photos to dvd  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 510px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav15 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav15 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav15 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav15 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav16 {   /*   scans  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 535px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav16 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav16 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav16 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav16 a:hover{color: #FF0000;background: #FFFFFF;}
 
   
#sidenav17 {   /*   restoration  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 560px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav17 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav17 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav17 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav17 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav18 {   /*   t shirts  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 585px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav18 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav18 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav18 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav18 a:hover{color: #FF0000;background: #FFFFFF;}

   
#sidenav19 {   /*   collectables  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 610px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav19 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav19 a:link{color: #FFFFFF; background: #FF0000;}
#sidenav19 a:visited{color: #FFFFFF;background: #FF0000;}
#sidenav19 a:hover{color: #FF0000;background: #FFFFFF;}

   
#sidenav20 {   /*   misc  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 635px;
   height: 25px;
   width: 150px;
   line-height: 24px;
   }

#sidenav20 a{    /*  this section is needed to reverse for button */	display:block;
	}

#sidenav20 a:link{color: #FFFFFF; background: #003399;}
#sidenav20 a:visited{color: #FFFFFF;background: #003399;}
#sidenav20 a:hover{color: #003399;background: #FFFFFF;}
  
#content {   /* main content of page */
	position:absolute;
	top:160px; /* create 1px margin by having odd no    border: 5px solid gray;*/
	left:151px;
	width: 873px;
}  
	
#content a:link{color:  #FF0000;}  /* these 3 keeps links from changing colors if visited */
#content a:visited{color: #FF0000;}
#content a:hover{color: #000000; font-weight:bold;}

.spacer{ margin-left:15px; /* for space between cam brand n model images */
}

#camcontent { /* for camera pages only instead of content*/ 
    position:absolute;
	top:186px; /* create 1px margin by having odd no */
	left:151px;
	border: 5px solid gray;
	padding:10px;
}
	 
.call {
	text-align:center;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}         
 
.h4{  /* navcontainer titles */
	text-align: center;
	color: #FFFFFF;
	background-color:#003399;
	width: 10em;  /* sets list width */
    padding: .2em .8em;  /* adds padding to list */			
}


/*  this section if for camera pages only */

div#main {
   height: 430px;     
   width: 630px;   
   border: 5px ridge #FF0000;
}

div#title {
   height: 30px;
   text-align:left;
   color: #FF0000;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   background-color:#CCFFFF;
   line-height: 30px;
} 

div#text {
   height: 135px;
   font-family: Arial, Helvetica, sans-serif;
   margin: 10px 0 0 0;
   background-color:#CCFFFF;
   padding: 5px 0 0 5px;
}      

div#camPic {
   width: 280px;
   height: 250px;
   display: block;
   margin-left: auto;
   margin-right: auto;         
}

/* end cam page only section */


   
.bordertable{border: 2px solid red;} /* not in use  html is class="bordertable" */  


/* used in sony tx7 page only */
p.p4 {margin: 0px 0px 4px 0px; padding:5px;line-height: 33px; text-align:center; color: #FFFFFF; background-color: #FF0000; }   
    p.p3 {margin: 0px 0px 4px 0px; padding:5px;line-height: 33px; font: 18px; font-weight:bold; color: #333333; background-color: #cccccc}
    p.p1 {margin: 0px 0px 4px 0px; padding:5px;line-height: 20px; font: 15px; color: #333333; background-color: #cccccc} /* lineheight was 33 px */
    p.p2 {margin: 0px 0px 8px 18px; color: #666666; padding-right:15px; }
    span.s1 {font: 9px Arial}
    span.s2 {font: 9px Arial; color: #999999}
    span.s3 {font: 12px Arial}
    span.s4 {font: 12px Arial; color: #999999}