/* CSS Document */

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

#epperson {
	position:absolute;
	top:0px;
	left:0px;
	width: 800px; /* was 1024 */
	height: 50px;
	background:#FF0000;
	background-image:url(../images/epperson.gif);
	background-repeat:none;
	padding-left: 220px;
}

#info {
	position:absolute;
	top:50px;
	left:0px;
	width: 1024px;
	height: 25px;	
	line-height:25px;
	text-align:center;
	font-style: italic;
	color: #FF0000;	
	background:#FFFFFF;
}

#best {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 1024px;
	height: 25px;	
	line-height: 25px;
	text-align: center;
	font-style: italic;
	color: #FFFFFF;
	background: #0066CC;
}

.online-absolute {     /*   order prints online  */
	position:absolute;
	left:0px;
	top:100px;
}

.banner1-absolute {
	position:absolute;
	left:200px;
	top:100px;
}

.banner2-absolute {
	position:absolute;
	left:540px;
	top:100px;
}

.banner3-absolute {
	position:absolute;
	left:880px;
	top:100px;
}

#topnav01 {   /*   home  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 200px;
   top: 160px;
   height: 25px;
   width: 164px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;   
}

#topnav01 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 164px;
    background: #0066CC;
}

#topnav01 a:link{color: #fff; background: #0066CC;}
#topnav01 a:visited{color: #fff;background: #0066CC;}
#topnav01 a:hover{color: #0066CC;background: #FFFFFF;}

#topnav02 {   /*   contact  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 364px;
   top: 160px;
   height: 25px;
   width: 164px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav02 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 164px;
    background: #0066CC;
}

#topnav02 a:link{color: #fff; background: #0066CC;}
#topnav02 a:visited{color: #fff;background: #0066CC;}
#topnav02 a:hover{color: #0066CC;background: #FFFFFF;}

#topnav03 {   /*   location  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 528px;
   top: 160px;
   height: 25px;
   width: 165px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav03 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 165px;
    background: #0066CC;
}

#topnav03 a:link{color: #fff; background: #0066CC;}
#topnav03 a:visited{color: #fff;background: #0066CC;}
#topnav03 a:hover{color: #0066CC;background: #FFFFFF;}

#topnav04 {   /*   faq  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 693px;
   top: 160px;
   height: 25px;
   width: 165px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav04 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 165px;
    background: #0066CC;
}

#topnav04 a:link{color: #fff; background: #0066CC;}
#topnav04 a:visited{color: #fff;background: #0066CC;}
#topnav04 a:hover{color: #0066CC;background: #FFFFFF;}

#topnav05 {   /*   about  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 858px;
   top: 160px;
   height: 25px;
   width: 166px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-left: 1px solid #FFFFFF;
   text-align:center;
}

#topnav05 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 166px;
    background: #0066CC;
}

#topnav05 a:link{color: #fff; background: #0066CC;}
#topnav05 a:visited{color: #fff;background: #0066CC;}
#topnav05 a:hover{color: #0066CC;background: #FFFFFF;}

#sidenav00 {   /*   equipment  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 160px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #0066CC;
   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: 185px;
   height: 25px;
   width: 200px;
   line-height: 25px;
   color: #fff;
   background-color: #FF0000;
   border-top: 1px solid #FFFFFF;   
}

#sidenav01 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav01 a:link{color: #fff; background: #FF0000;}
#sidenav01 a:visited{color: #fff;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: 210px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav02 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav02 a:link{color: #fff; background: #FF0000;}
#sidenav02 a:visited{color: #fff;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: 235px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav03 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav03 a:link{color: #fff; background: #FF0000;}
#sidenav03 a:visited{color: #fff;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: 260px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav04 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav04 a:link{color: #fff; background: #FF0000;}
#sidenav04 a:visited{color: #fff;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: 285px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav05 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav05 a:link{color: #fff; background: #FF0000;}
#sidenav05 a:visited{color: #fff;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: 310px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav06 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

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

#sidenav07 {   /*   hdtv  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 335px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav07 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav07 a:link{color: #fff; background: #FF0000;}
#sidenav07 a:visited{color: #fff;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: 360px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav08 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav08 a:link{color: #fff; background: #FF0000;}
#sidenav08 a:visited{color: #fff;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: 385px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav09 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav09 a:link{color: #fff; background: #FF0000;}
#sidenav09 a:visited{color: #fff;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: 410px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav10 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

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

#sidenav11 {   /*   services  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 435px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #0066CC;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
   text-align:center;
}

#sidenav11 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
} 
   
#sidenav12 {   /*   printing  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 460px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
   }
   
#sidenav12 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}   

#sidenav12 a:link{color: #fff; background: #FF0000;}
#sidenav12 a:visited{color: #fff;background: #FF0000;}
#sidenav12 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav13 {   /*   video trans  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 485px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav13 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

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

   
#sidenav14 {   /*   photos to dvd  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 510px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav14 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav14 a:link{color: #fff; background: #FF0000;}
#sidenav14 a:visited{color: #fff;background: #FF0000;}
#sidenav14 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav15 {   /*   scans  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 535px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav15 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav15 a:link{color: #fff; background: #FF0000;}
#sidenav15 a:visited{color: #fff;background: #FF0000;}
#sidenav15 a:hover{color: #FF0000;background: #FFFFFF;}
 
   
#sidenav16 {   /*   restoration  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 560px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav16 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav16 a:link{color: #fff; background: #FF0000;}
#sidenav16 a:visited{color: #fff;background: #FF0000;}
#sidenav16 a:hover{color: #FF0000;background: #FFFFFF;}
   
#sidenav17 {   /*   t shirts  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 585px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav17 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

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

   
#sidenav18 {   /*   collectables  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 610px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav18 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

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

   
#sidenav19 {   /*   misc  */
   margin: 0;  /* removes padding and margins */
   padding: 0; /* removes padding and margins */
   position: absolute;
   left: 0px;
   top: 635px;
   height: 25px;
   width: 200px;
   color: #fff;
   background-color: #FF0000;
   line-height: 25px;
   border-top: 1px solid #FFFFFF;
}

#sidenav19 a{    /*  this section is needed to reverse for button */
	display:block;
	color: #fff;
	height: 25px;
    width: 200px;
    background: #FF0000;
}

#sidenav19 a:link{color: #fff; background: #FF0000;}
#sidenav19 a:visited{color: #fff;background: #FF0000;}
#sidenav19 a:hover{color: #FF0000;background: #FFFFFF;}
  
#content {   /* main content of page */
	position:absolute;
	top:195px;
	left:205px;
	width:640px;
	height:734px;
}
	
#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;}

.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: #0066CC;
	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;
   
   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;         
}
#boxMain {
    width: 555px;
	margin: 0 auto 0 auto;	
}
#canonLogo {
    background:#e21a22;
	height:150px;
}

#box2 {
    height:300px;
}	
.imgcntr {
    text-align:center;
	padding-top:50px;	
}
#eos {
    height:70px;
    color:#000000;
	font-size:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: right;			
}
#discovery {
    height:70px;
    color:#000000;
	font-size:70px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: right;
}
#pic1 {
    width:200px;
	float:right;
	padding-top:10px;
}
#day {
    height:70px;
    color:#000000;
	font-size:70px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: right;
}
.create {    
	color:#e21a22;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;	
}
#team {    
	color:#000000;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:30px;
	padding-top:10px;	
}

/* end cam page only section */