/* TAGS */
body {
	padding:0px; 
	margin:0px auto;
	height:100%;
	background-color:#f8f4f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#272727;
	font-weight:bold;}
	
p {
	margin:0px 0px 16px 0px;
	padding:0px;}
	
a {
	color:#f8901f;}
	
a:hover {
	color:#f8901f;
	text-decoration:none;}

/* HEADERS */
h1 {
	font-size:18px;
	font-weight:bold;
	color:#f8901f;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 0px 16px 0px;
	margin:0px;}
	
h2 {
	font-size:18px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 0px 16px 0px;
	margin:0px;}
	
h3 {
	font-size:18px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 0px 16px 0px;
	margin:0px;}
	
h4 {
	font-size:18px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 0px 16px 0px;
	margin:0px;}
	
h5 {
	font-size:18px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 0px 16px 0px;
	margin:0px;}
	
	
/* IDs */

#wrapper {
	width:906px;
	margin:0px auto;}
	
#banner {
	width:906px;
	height:206px;
	position:relative;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;}
	
#banner_button {
	position:absolute;
	top:38px;
	left:326px;}
	
#rotator {
	width:906px;
	height:384px;}
	
#rotator3 {
	width:463px;
	height:600px;}	
	
#content_graphic {
	width:906px;
	height:276px;}

#rotator ul li {float:left; position:absolute; list-style:none; padding:0px; margin:0px;}

#rotator ul {padding:0px; margin:0px;}

#rotator ul li.show {z-index:500;}

#rotator3 ul li {
	float:left;
	position:absolute;
	list-style:none;
	padding:0px;
	margin:0px;
	left: 308px;
	top: 25px;
}

#rotator3 ul {padding:0px; margin:0px;}

#rotator3 ul li.show {z-index:500;}
	
#content_wrapper {
	width:906px;
	background-color:#f8f4f4;
	background-repeat:repeat-y;
	position:relative;
}
	
#content {
	width:866px;
	padding:20px;}
	
#footer {
	width:906px;
	height:139px;
	background-color:#f8f4f4;
	background-repeat:no-repeat;}

#footlinks {
	width:700px;
	padding-top:35px;
	padding-left:20px;
	float:left;
}
	
#footlinks ul {
	padding:0px;
	margin:0px;}

#footlinks li {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;}
	
#footlinks a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#605f5c;
	font-weight:normal;
	padding:0px 5px 0px 5px;
	border-right:1px solid #605f5c;
	text-decoration:none;}
	
#footlinks a.no_border {
	border:none;}

#footlinks a:hover {
	color:#605f5c;
	text-decoration:none;}
	
#register {
	padding-top:20px;
	text-align:right;
	float:right;
}
	
/* SERVICES */

#scanning-individual {
	width:500px;
	position:absolute;
	top:240px;
	right:40px;}

#scanning-photo {
	width:500px;
	position:absolute;
	top:520px;
	right:40px;}

#scanning-frame {
	width:500px;
	position:absolute;
	top:790px;
	right:40px;}

#scanning-negative {
	width:500px;
	position:absolute;
	bottom:970px;
	right:40px;}

#scanning-kids {
	width:500px;
	position:absolute;
	bottom:740px;
	right:40px; }
	
	
#documents {
	width:460px;
	position:absolute;
	bottom:450px;
	right:50px; }	
	
/* CARDS */

#cards_table {
	float:left;}
	
#cards_info {
	width:300px;
	float:left;}
	
/* Photo Videos */
	
#photo_video_graphic {
	width:710px;
	height:597px;
	background-image:url(../images/photo-video.jpg?updated=2024-11-24);
	background-repeat:no-repeat;}
	
#rotator2 {
	width:287px;
	height:181px;
	position:relative;}
	
#rotator2 ul li {float:left; position:absolute; list-style:none; padding:0px; margin:0px;}

#rotator2 ul {padding:0px; margin:0px; position:absolute; top:32px; right:177px;}

#rotator2 ul li.show {z-index:500;}

#photo_video_info1 {
	color:#fff;
	font-size:12px;
	position:absolute;
	top:630px;
	left:130px;}
	
#photo_video1 {
	width:190px;
	text-align:justify;
	position:absolute;
	top:675px;
	left:115px;}

#photo_video_info2 {
	color:#fff;
	font-size:12px;
	position:absolute;
	top:630px;
	left:385px;}
	
#photo_video2 {
	width:220px;
	text-align:justify;
	position:absolute;
	top:675px;
	left:330px;}

#photo_video_info3 {
	color:#fff;
	font-size:12px;
	position:absolute;
	top:630px;
	right:160px;}
	
#photo_video3 {
	width:210px;
	text-align:justify;
	position:absolute;
	top:675px;
	right:118px;}
	
/* NAVIGATION */

#nav {
	width:906px;
	height:29px;}
	
#nav ul {
	padding:0px;
	margin:0px;}

#nav li {
	list-style:none;
	margin:0px;
	padding:0px;}
	
#nav li a {
	display:block;}
	
#nav a.home {
	display:block;
	background-image:url(../images/nav/home_off.jpg);
	background-repeat:no-repeat;}
#nav a.home:hover {
	background-image:url(../images/nav/home_on.jpg);
	background-repeat:no-repeat;}
#nav a.home-active {
	background-image:url(../images/nav/home_on.jpg);
	background-repeat:no-repeat;}

#nav a.about {
	display:block;
	background-image:url(../images/nav/about_off.jpg);
	background-repeat:no-repeat;}
#nav a.about:hover {
	background-image:url(../images/nav/about_on.jpg);
	background-repeat:no-repeat;}
#nav a.about-active {
	background-image:url(../images/nav/about_on.jpg);
	background-repeat:no-repeat;}

#nav a.services {
	display:block;
	background-image:url(../images/nav/services_off.jpg);
	background-repeat:no-repeat;}
#nav a.services:hover {
	background-image:url(../images/nav/services_on.jpg);
	background-repeat:no-repeat;}
#nav a.services-active {
	background-image:url(../images/nav/services_on.jpg);
	background-repeat:no-repeat;}

#nav a.works {
	display:block;
	background-image:url(../images/nav/how_it_works_off.jpg);
	background-repeat:no-repeat;}
#nav a.works:hover {
	background-image:url(../images/nav/how_it_works_on.jpg);
	background-repeat:no-repeat;}
#nav a.works-active {
	background-image:url(../images/nav/how_it_works_on.jpg);
	background-repeat:no-repeat;}

#nav a.prices {
	display:block;
	background-image:url(../images/nav/prices_off.jpg);
	background-repeat:no-repeat;}
#nav a.prices:hover {
	background-image:url(../images/nav/prices_on.jpg);
	background-repeat:no-repeat;}
#nav a.prices-active {
	background-image:url(../images/nav/prices_on.jpg);
	background-repeat:no-repeat;}

#nav a.specials {
	display:block;
	background-image:url(../images/nav/specials_off.jpg);
	background-repeat:no-repeat;}
#nav a.specials:hover {
	background-image:url(../images/nav/specials_on.jpg);
	background-repeat:no-repeat;}
#nav a.specials-active {
	background-image:url(../images/nav/specials_on.jpg);
	background-repeat:no-repeat;}

#nav a.blog {
	display:block;
	background-image:url(../images/nav/blog_off.jpg);
	background-repeat:no-repeat;}
#nav a.blog:hover {
	background-image:url(../images/nav/blog_on.jpg);
	background-repeat:no-repeat;}
#nav a.blog-active {
	background-image:url(../images/nav/blog_on.jpg);
	background-repeat:no-repeat;}

#nav a.login {
	display:block;
	background-image:url(../images/nav/8mm_off.jpg);
	background-repeat:no-repeat;}
#nav a.login:hover {
	background-image:url(../images/nav/8mm_on.jpg);
	background-repeat:no-repeat;}
#nav a.login-active {
	background-image:url(../images/nav/8mm_on.jpg);
	background-repeat:no-repeat;}

#nav a.contact {
	display:block;
	background-image:url(../images/nav/contact_us_off.jpg);
	background-repeat:no-repeat;}
#nav a.contact:hover {
	background-image:url(../images/nav/contact_us_on.jpg);
	background-repeat:no-repeat;}
#nav a.contact-active {
	background-image:url(../images/nav/contact_us_on.jpg);
	background-repeat:no-repeat;}

/* CLASSES */
.clear {clear:both;}
.fleft {float:left;}
.align {text-align:center;}
.fright {
	float:right;}
.img {
	border:1px solid #f8901f;}
.pad {
	padding-top:5px;}


/* FONTS */
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.r {
	color:#ff0000;
	font-weight:bold;
	font-style:italic;}
.r2 {
	color:#ff0000;}
.o {
	color:#f8901f;
	font-size:24px;}
.o2 {
	color:#f8901f;
	font-size:18px;}
.key1 {
	font-size:10px;}
.small {
	font-size:12px;}
.medium {
	font-size:14px;}
.large {
	font-size:16px;
	font-weight:bold;}
.title {
	color:#f8901f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;}
.company {
	color:#c00000;
	font-size:18px;
	font-style:italic;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}.new {
	font-size: 26px;
	font-weight: bold;
	color: #FF0000;
}

@media only screen and (max-width: 768px) {
  body {
	  background-color: #fdfcfc;
  }
  
  #content_wrapper {
	  background-color: #fdfcfc;
  }
  
  #footer { 
	background-color: #fdfcfc;
  }
}