div, img, ul, p, ol, li, table, tr, th, td, form, body {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
}
div, table, img {
	width: 100%;
	border: none;
}
table {
	border-collapse: collapse;
}
a {
	color: #000000;
	text-decoration: none;
	border: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.05vw;
	color: #000000;
/*	background-color: #F8F8F8;  */
	min-width: 350px;

}
h1{  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	color: #555555;
	font-weight: bold;
	width: 96%;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, rgba(0,0,0,.1) 0 5px 5px;
	margin: 0;
	margin-bottom: 20px;
	margin-bottom: 0.5em;
	padding: 3px 0;  
}
h2{
	font-size: 140%;
	margin: 20px 0;
	padding-bottom: 10px;
	font-weight:normal;
	font-weight:bold;
	color:#555555;
}
#outer {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	min-width: 350px;
}
#header {
	text-align: center;
	background-color: #ffffff;
	padding: 10px 0;
}
#header table td:first-child {
	width: 100%;
	text-align:center;
}
#header table td:first-child img:last-child {
	display: none;
}
#header table td:last-child {
	display: none;
}
.logo {
	width: 75%;
}

.menu-icon-cnt img {
	width: 80%;
}
.menu-icon-cnt div {
	border-top: 1px #ffffff solid;
	border-radius: 5px;
	border-radius: 1vw;
	width: 60%;
	min-width:40px;
	max-width:4em;
	margin-left:25%;
	
}
#settings_btn:hover {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 0px 1px 2px rgb(200,200,200);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2) inset;
}

#tpmenu {
	line-height: 1.2em;
	width: 99.75%;
	padding-left: 0.25%;
}
#tpmenu ul li {
	display: inline;
}
#tpmenu_cnt li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 120%;
	padding: 0.3em 2%;
	border-radius: 15px;
}
#tpmenu ul li a:hover {
	color: #000000;
	cursor: pointer;
	background-color: #ffffff;
}
#tpmenu_cnt {
	background-color: #8592a3;
	padding-top: 15px;
	padding-bottom: 15px;
}
#tpmenu ul li div {
	display: none;
	position: absolute;
	width: 20em;
	left: 0;
	top: 1.5em;
	background-color: #566170;
	padding: 10px 0 10px 3px;
	z-index: 20;
}
#tpmenu ul li:hover div {
	display: block;
}
#tpmenu ul li div a {
	border-radius: 0;
	line-height: 1.5em;
	padding: 0;
	padding-left: 1em;
}
#tpmenu ul li div a:hover {
	color: #ffffff;
	background-color: #566170;
	text-decoration:underline;
	text-decoration-thickness:3px;
}
#tpmenu_cnt .current-href a {
	background-color: #566170;
}


/* side menu  */

#sideMenu div, img, ul, a, ol, li, table, tr, th, td, form, span{
 box-sizing: border-box;  
}
#sideMenu {	 
	z-index:500;
    width:0;
	display:none;
	font-size:150%;
	background-color:#ececec; 
	height:100%;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease; 
	overflow:hidden;	
}
#sideMenu div {
   padding:10px 5%;
}
#sideMenu div div {
  width:100%;
  text-align:right;
  padding:0;
}
#sideMenu div div img {
    width:1em;
}
#sideMenu div div img:hover {
   	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}
#sideMenu a {
  text-decoration:none;
  color:#000000;
}
#sideMenu ul li {
   list-style:none;
   margin:0.5em 0;
   	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;    
}
#sideMenu ul li p{
	width:100%;
	padding:0.5em 1em;
}
#sideMenu ul li:hover {
  background-color:#dddddd;
}
#sideMenu ul li:hover ul a{
  text-decoration:none;
}
#sideMenu ul ul p {
   width:95%;
   margin-left:4%;
    -webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;  
}
#sideMenu ul ul {
   padding-bottom:5px;
}
#sideMenu ul ul p:hover {
	background-color:#ececec;
}
#sideMenu ul ul {
	display:none; 
}
#sideMenu table td{
	padding:0.5em 1em;
}
#sideMenu table td img {
   min-width:1.2em;
}
#sideMenu table td img:hover {
   cursor:pointer;
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* side menu wallpaper  */

.side-menu-back {
     width: 100%;
	 height: 100%;
	 z-index: 400;
	 position: fixed;
	 background-color: rgba(0,0,0,0.5);
	 display: none;
}

/* content  */

#content_cnt {
	min-height:20em;
	min-height: 50vh;
	background-color: #ffffff;
	padding: 10px 4% 20px 4%;
	width: 92%;
}
#content_cnt p {
	margin: 8px 0;
}
#content_cnt .list-type-1 {
	width: 95%;
	margin-left: 5%;
}
.service-images-type1 {
	width: 60%;
	margin-left: 18%;
}
.service-images-type2 {
	width: 50%;
	float: right;
}
.service-images-type3 {
	width: 50%;
}
.service-images-type4 {
	width: 52%;
}
.service-images-type5 {
	width: 60%;
}
/*  enquire banner  */

.contact-tab {
	position: fixed;
	left: 0;
	top: 20em;
	top: 30%;
	z-index: 200;
	height: 0;
	display:none; 
}
.contact-tab div {
	width: 3em;
	float: right;
}
.contact-tab p img {
	width: 100%;	
}
.contact-tab p {
	background-color: #b7b505;
	background: -webkit-radial-gradient(#d6d404 10%, #b7b505);
	background: -o-radial-gradient(#d6d404 10%, #b7b505);
	background: -moz-radial-gradient(#d6d404 10%, #b7b505);
	background: radial-gradient(#d6d404 10%, #b7b505);	
	float: right;
	padding: 15px 0.5em;
	border-radius: 25px 25px 0 25px;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 140%;
	box-shadow: 0px 0px 10px 2px #cccccc;
	box-shadow: 0px 0px 15px rgba(150,150,150,0.3) inset;
	z-index: 200;
	width: 1.2em;
	border: 5px #ffffff solid;
	border-bottom-width: 2px;
	margin-top: 0.5em;
	box-shadow:-2px 0 5px #888888;
}
.contact-tab p:hover {
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	background-color: #d6d404;
	background: -webkit-radial-gradient(#d6d404 10%, #d6d404);
	background: -o-radial-gradient(#d6d404 10%, #d6d404);
	background: -moz-radial-gradient(#d6d404 10%, #d6d404);
	background: radial-gradient(#d6d404 10%, #d6d404);		
}

/* home */

.home-intro-cnt p:nth-child(2) {
  font-style:italic;
}
.home-intro-cnt table:first-child {
	width: 60%;
}
.home-intro-cnt table:last-child {
	width: 35%;
	margin-left: 5%;
}
.home-intro-cnt table:last-child div {
	background-color: #e0e0e0;
	width: 90%;
	padding: 10px 5%;
}
.home-intro-cnt table:last-child div table {
	width: 100%;
	margin-left: 0;
}
.home-intro-cnt table:last-child div table tr td {
	padding: 10px 0;
	vertical-align: top;
}
.home-intro-cnt table:last-child div table tr td:first-child {
	width: 10%;
	min-width: 15px;
}
.home-intro-cnt table:last-child div table tr td:first-child img {
	width: 80%;
	min-width: 15px;
}
#content_cnt .home-minor-header2 {
	font-size: 110%;
	margin-left: 5%;
}
.home-services-segment {
	width: 30%;
	margin: 10px 0.5em;
	border: 1px #cccccc solid;
}
.home-services-segment div {
	height: 30em;
	overflow: hidden;
	padding: 3px 1%;
	width: 98%;
}
.home-services-segment a {
	cursor: pointer;
}
.home-service-title {
	text-align: center;
	font-size: 120%;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color: #eeeeee;
	padding: 10px 0;
	font-weight:bold;
}
.home-services table table div img {
	width: 90%;
	margin-left: 5%;
}
.home-services-segment li {
	margin-left: 10%;
	width: 90%;
}
.home-services-prices {
	background-color:#566170;
	padding:0.5em 0;
	text-align:center;
	color:#ffffff;
	position:absolute;
	bottom:0.5em;
	width:98%;
	font-size:100%;
}
.home-fineprint {
	font-size: 90%;
}
.home-fineprint .super-script {
	font-size: 70%;
}
/* services home */

.area-coverage-table {
    margin:2em 0;
}
.area-coverage-table h1 {
	border-bottom: 1px #cccccc solid;
}
.area-coverage-table table table {
   width:40%;
   margin-left:2em;
}
.area-coverage-table ul li {
   padding:0.25em 0;
}

/* video conversion  */
.video-trait-list, .photo-trait-list {
	background-color:#eeeeee; 
	padding:15px 1%; 
	margin:20px 0; 
	color:#000000;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.video-trait-list p:first-child, .photo-trait-list p:first-child {
  font-style:italic;
}
.video-trait-list ul li , .photo-trait-list ul li {
  margin:5px 0;
}
.video-tape-types {
	margin-top: 20px;
}
.video-tape-types-intro {
	font-size: 110%;
	padding: 15px 0;
	font-style:italic;
}
.video-tape-types table {
	width: 50%;
}
.video-tape-types tr td {
	width: 30%;
}
.video-tape-types tr td p:first-child {
	text-align: center;
	font-size: 120%;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.video-tape-types tr td img {
	width: 80%;
	margin-left: 5%;
}
.video-tape-types .vhs-tape-cnt img {
	width: 90%;
}
#content_cnt .video-header-2 {
	border-bottom: 1px #cccccc solid;
}
.video-header-2 img {
	width: 2.0em;
}
.video-usb-device-list {
	width: 70%;
	margin: 0 0 20px 5%;
}
.video-usb-device-list table {
	width: 33%;
}
.video-usb-device-list table ul li {
    padding:5px 0;
}
.video-file-types table, .photo-file-types table {
	width: 24.5%;
	border:2px #ffffff solid;
	height:22em;
	margin:1em 0;
	background-color: #eeeeee;
}
.photo-file-types table {
    height:25em;
}
.video-file-types table p:first-child, .photo-file-types table p:first-child  {
	font-size: 110%;
	text-align: center;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.video-file-types table td, .photo-file-types table td {
	padding: 0 1.5em;
	vertical-align:top;
}
.video-file-types table img, .photo-file-types table img {
	width: 40%;
	float: left;
	padding-right:10px;	
}
/*  photo scanning  */
#content_cnt .photo-header-2 {
	border-bottom: 1px #cccccc solid;
}
/*  slideshow  */
.slideshow-header-2 {
	border-bottom: 1px #cccccc solid;
}
.slideshow-types table p:first-child {
	font-size: 110%;
	text-align: center;
}
.slideshow-types table td {
	padding: 0 1%;
}
.slideshow-types table img {
	width: 30%;
	float: right;
}
/* 8mm film */
.super8-format-type p {
	font-size: 110%;
	margin-left: 5%;
	padding-top:0.5em;
	font-weight:bold;
}
.super8-format-type ul {
	width:95%;
	margin-left:2.5%;	
}
.super8-film-size {
	margin-top: 20px;
}
.super8-film-size-intro {
	padding: 15px 0;
}
.super8-film-size table {
/*	width: 20%; */
}
.super8-film-size tr td {
/*	width: 30%; */
}
.super8-film-size tr td p:first-child {
	text-align: center;
	font-size: 120%;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.super8-film-size tr td img {
	width: 80%;
	margin-left: 5%;
}
.super8-film-size  img {
	width: 90%;
}

/*  other services  */
#content_cnt .other-services-header-2 {
	border-bottom: 1px #cccccc solid;
}
.service-photo-editing table:first-child {
	width: 30%;
}
.service-photo-editing table:last-child {
	width: 60%;
	margin-left: 10%;
}
/* prices */
.price-video table table, .price-slideshow table table, .price-other table table {
	width: 30%;
	border: 1px solid #bbbbbb;
	margin: 10px 0.5em;
}
.price-video table table div, .price-slideshow table table div, .price-other table table div {
	padding: 5px 2%;
	width: 96%;
	overflow-y: scroll;
}
.price-video table table div {
	height: 18em;
}
.price-slideshow table table div {
	height: 20em;
}
.price-other table table div {
	height: 15em;
}
.super-script {
	vertical-align: super;
	font-size: 60%;
	font-weight: bold;
}
.price-fineprint {
	font-size: 90%;
}
.price-fineprint .super-script {
	font-size: 70%;
}
.price-video table table div p, .price-slideshow table table div p, .price-other table table div p {
	border-bottom: 1px #eeeeee solid;
	padding-bottom: 10px;
}
#content_cnt .price-category-title {
	border-bottom: 1px #cccccc solid;
}
.price-service-title {
	text-align: center;
	padding: 10px 5px;
	background-color: #686868;
	color: #ffffff;
	font-size: 110%;
}
.price-cost {
	padding: 10px 5px;
	background-color: #e0e0e0;
	color: #000000;
	font-size: 110%;
}
.price-other-services p:nth-child(2), .price-other-services p:nth-child(3){
	border:none;
	padding:0;  
}
.price-pickup-table {

}
.price-pickup-table table  {
	margin:1em 0;	
}
.price-pickup-table table  tr td {
    vertical-align:top;
	padding:20px 0.5em;
	border:1px #000 solid;
}
.price-pickup-table table  tr td:first-child {
   width:25%;
   font-size:120%;
   font-weight:bold;
   text-align:centre;
   padding-left:3em;
}
/* terms */

.type_h2 {
	font-size: 130%;
	padding: 15px 0 5px 0;
	font-weight: bold;
}
#srvtrms {
	margin-top: 0;
}
#srvtrms ul li {
	padding: 3px 0;
}
#srvtrms input {
	padding: 6px 2%;
	position: relative;
	font-size: 120%;
	float: right;
	cursor: pointer;
}
#srvtrms input {
	background-color: #B8B8B8;
	background: -moz-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#B8B8B8 ), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -o-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -ms-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#B8B8B8',GradientType=0 );
	border: 1px #bbbbbb solid;
}
#srvtrms input:hover {
	background-color: #E0E0E0;
	background: -moz-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#E0E0E0 ), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -o-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -ms-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E0E0E0',GradientType=0 );
}
/*  sitemap   */
#sitemap {
	margin-left: 10%;
	margin-top: 30px;
	margin-top: 1em;
}
#sitemap ul {
	padding: 6px;
}
#sitemap ul li {
	margin: 6px;
	padding: 5px 0;
}
#sitemap ul ul {
	margin-left: 5%;
}
#sitemap ul ul li {
	padding: 1px 0 0 0;
}
#sitemap a:hover {
	text-decoration:underline;
}
/* error page */
.error-page-cnt p:first-child {
	font-size:200%;
	font-weight:bold;
	margin:10px 0;
}
.error-page-cnt p:nth-child(2) {
	font-size:120%;
	margin:10px 0;
}
.error-page-cnt span {
   color:#bbbbbb;
}
.error-page-cnt a input {
	padding: 5px 0.75em;
	text-align: center;
	border: none;
	color: #ffffff;
	background-color: #b7b505;
	background: -webkit-radial-gradient(#d6d404 10%, #b7b505);
	background: -o-radial-gradient(#d6d404 10%, #b7b505);
	background: -moz-radial-gradient(#d6d404 10%, #b7b505);
	background: radial-gradient(#d6d404 10%, #b7b505);
	border-radius: 25px;
	box-shadow: 0px 0px 15px rgba(210,131,8,0.5) inset;
	border: 1px solid #b7b505;
	cursor: pointer;
	font-size: 120%;
}
.error-page-cnt a {
	color: #ffffff;
}
.error-page-cnt a input:hover {
	background-color: #dcd904;
	background: -webkit-linear-gradient(#dcd904,#dcd904,#dcd904);
	background: -o-linear-gradient(#dcd904,#dcd904,#dcd904);
	background: -moz-linear-gradient(#dcd904,#dcd904,#dcd904);
	background: linear-gradient(#dcd904,#dcd904,#dcd904);
}

/* footer */
#footer {
	position: relative;
	background-color: #626e7e;
	padding: 20px 0;
	color: #ffffff;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footer-menu {
	width: 60%;
	margin-bottom:10px;

}
.footer-contact {
	width: 40%;
}
.footer-menu div {
	background-color: #566170;
	padding: 10px 2%;
	width: 90%;
	margin: auto;
}
.footer-menu div table {
	width: 80%;
	margin: auto;
}
.footer-menu div td {
	width: 50%;
	vertical-align: top;
}
.footer-menu ul {
	list-style: none;
}
.footer-menu li {
  padding:0.25em 0;
}
#footer_cpyrt {
	text-align: center;
	margin: 20px 0 10px 0;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
#footer_cpyrt p {
	border-top: 1px #9ea3aa solid;
	padding-top: 10px;
	width: 80%;
	margin: auto;
}
#footer_email {
	font-size: 130%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	padding-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#outer {
	width: 85%;
}
}
@media only screen and (max-width: 1000px) {
#outer {
	width: 100%;
}
#header {
	padding: 5px 0;
}
.video-file-types table, .photo-file-types table {
  height:26em;
}

}
@media only screen and (max-width: 800px), (max-width: 900px) and (min-resolution: 115dpi), (max-width: 1025px) and (min-resolution: 128dpi), (max-width: 1150px) and (min-resolution: 146dpi), (max-width: 1300px) and (min-resolution: 165dpi), (max-width: 1500px) and (min-resolution: 185dpi), (min-resolution: 215dpi) {
body {
	font-size: 16px;
}
#outer {
	width: 100%;
}
h1 {
	margin-bottom: 3vw;
	font-size: 180%;
}
#header {
	padding: 0;
	padding-top:1em;
	border-bottom:1px #eeeeee solid;
     box-shadow: 0 1px 10px #aaaaaa;
	margin-bottom:1em;
}
#header table td:first-child {
	width: 82%;
}
#header table td:first-child img:first-child {
	display: none;
}
#header table td:first-child img:last-child {
	display: block;
	margin:auto;
	padding-bottom:1em;
}
#header table td:last-child {
	display: block;
	min-width: 10px;
}
#tpmenu_cnt {
	display: none;
}
#sideMenu {
  display: block;
}

.home-intro-cnt table:first-child, .home-intro-cnt table:last-child {
	width: 100%;
	margin-left: 0;
}
.home-intro-cnt table:last-child div table tr td:first-child {
	width: 8%;
}
.home-intro-cnt table:last-child div table tr td:first-child img {
	width: 80%;
	max-width: 25px;
}
.home-services-segment li {
	margin-left: 15%;
	width: 80%;
}
.home-services-segment {
	width: 45%;
}
.home-services-segment div {
	height: 32em;
}
.home-services table table div img {
	max-width: 18em;
	margin-left: 5%;
}
.video-usb-device-list {
	width: 95%;
}
.service-images-type1, .service-images-type3, .service-images-type4, .service-images-type5 {
	width: 90%;
	margin-left: 5%;
}
.service-images-type2 {
	width: 90%;
	float: none;
}
.video-file-types table, .photo-file-types table {
	width: 100%;
}
.video-file-types table td, .photo-file-types table td {
	padding: 0 0.5em;
}
.video-file-types table img, .photo-file-types table img {
	width: 10%;
}
.price-video table table, .price-slideshow table table, .price-other table table {
	width: 30%;
	border: 1px solid #000000;
	margin: 5px 0.25em;
}
.price-video table table div {
	height: 22em;
}
.price-slideshow table table div {
	height: 25em;
}
.price-other table table div {
	height: 20em;
}
.footer-menu, .footer-contact {
	width: 90%;
   margin-left:5%;
}
.footer-contact {
 text-align: center;
}
.video-file-types table, .photo-file-types table {
  height:auto;
}
.video-file-types table td, .photo-file-types table td {
   padding-bottom:10px;
}

}
@media (max-width: 500px), (max-width: 600px) and (min-resolution: 100dpi), (max-width: 700px) and (min-resolution: 120dpi), (max-width: 850px) and (min-resolution: 140dpi),(max-width: 1000px) and (min-resolution: 170dpi), (max-width: 1200px) and (min-resolution: 200dpi) {
body {
	font-size: 16px;
}
#outer {
	width: 100%;
}
h1 {
	font-size: 140%;
}
.logo {
	width: 95%;
}

#tpmenu_cnt {
	display: none;
}
.footer-menu li {
  padding:0.5em 0;
}
.video-tape-types table {
	width: 95%;
}
.video-usb-device-list {
	width: 95%;
}
.price-video table table, .price-slideshow table table, .price-other table table {
	width: 90%;
	border: 1px solid #000000;
	margin: 5px 0.25em;
}
.price-video table table div {
	height: auto;
}
.price-slideshow table table div {
	height: auto;
}
.price-other table table div {
	height: auto;
}
}