﻿div, img, ul, p, ol, li, table, tr, th, td, form, h1, h2, body {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
}


table, div, img {
	width: 100%;
}
table {
	border-collapse: collapse;
}
@font-face
{
	font-family:Sinkin_Sans_200_Light;
	src: url(sinkinsans-200light-webfont.woff);   
}
/* styles  */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #eeeeee;
	background-image: url('../images/bkimg.jpg');
	padding-bottom: 20px;
	color : #000000;
}
h1 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	text-align: center;
	background-color: #e0e0e0;
	width: 116%;
	margin-left: -8%;
	box-shadow: 0 5px 10px #888888;
	margin-bottom: 20px;
	margin-bottom: 0.5em;
	padding: 0.5em 0;	
	background-color: #e0e0e0;
	border:1px #bbbbbb solid;
	  box-shadow: 1px 1px 10px -1px #cccccc; 
	  border-radius:3px;
	  
}
#vw_element {
	width: 1px;
	width: 50vw;
}
#outer {
	font-size: 16px;
	font-size: 1.05vw;
	
}
#outer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	box-shadow: 0 15px 30px #888888;
	width: 65%;
	z-index:200;
	min-width:350px;
}
#container {
	background-color: #ffffff;
}
/* header */
#header {
/*	background-color: #f7af5d;  */
	background-color: #ffffff; 

}
#header table td:first-child {
	width: 100%;
}
#header table td:first-child img:last-child {
	display: none;
}
#header table td:last-child {
	display: none;
}
#logo {
	width: 80%;
	margin-left:10%;
}
.menu-icon-cnt img {
	width: 80%;
	margin-left: 10%;
}
.menu-icon-cnt div {
	border-top: 1px #ffffff solid;
	border-radius: 5px;
	border-radius: 1vw;
	width: 60%;
	margin-left: 3%;
	min-width:40px;
}
#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;
}

#menu {
	z-index: 100;
	font-size: 130%;
	font-weight: 600;
	z-index: 600;
	margin-top:2px;
	display:block;
}
#menu a {
	text-decoration: none;
	color: #dddddd;
}
#menu a:hover {
	text-decoration: none;
}
#menu li {
	float: left;
	width: 16.66%;
	padding: 0.5em 0;
	list-style: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #686868;
	background-color: #756865;
	border-bottom: 2px rgba(225,225,225,0.2) solid;
	border-top:2px rgba(225,225,225,0.2) solid;
	color: #dddddd;
	line-height:1.2em;

}
#menu li:hover {
	cursor: pointer;
	background-color:#938d8b;
}
#menu ul ul {
	display: none;
	position: absolute;
	width: 120%;
	width: 10em;
	z-index: 600;
	top:2.2em;
	left:0;
}
#menu ul li:hover ul {
	display: block;
}
#menu ul ul li {
	position: relative;
	width: 100%;
}
#menu .current-href {
	color:#333333;
}

/* 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; 
 	box-shadow: 0 3px 10px #aaaaaa;
	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 ul img {
  width:1em;
  left:0.5em;
  top:0.25em;
}
#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;
}


/* enquire container */
.enquire-cnt {
	position: fixed;
	left: 0;
	top: 20em;
	top: 30%;
	z-index: 500;
	height: 0;
	display:none;
}
.enquire-cnt div {
	width: 3em;
	float: right;
}
.enquire-cnt p img {
	width: 100%;
}
.enquire-tab {
	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: 500;
	width: 1.5em;
	border: 5px #ffffff solid;
	border-bottom: none;
	margin-top: 0.5em;
}
.enquire-tab: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);		
}
/* content  */
#content {
	position: relative;
	padding: 30px 4% 30px 3%;
	background-color: #ffffff;
	width: 93%;
	margin: auto;
	min-height:20em;
	min-height: 50vh;
}
a {
	text-decoration: underline;
	color: black;
}
a:hover {
	text-decoration: underline;
}
p {
	padding: 10px 0;
	padding: 0.5em 0;
}

/* headings  */

.type_h2 {
	font-size: 130%;
	padding: 15px 0 5px 0;
	font-weight: bold;
}
.type_h3 {
	padding-bottom: 8px;
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-top: 12px;
	color:#555555;
}
/* home  */

.srvcs {
	width:47%;
	margin-bottom:20px;
	border:1px solid #dddddd;

}
.home-other-services  {
		border:1px solid #dddddd;

}
.home-spacer-srvcs {
   width:6%;
}
.srvcs div {
	padding: 10px 2%;
	width: 95%;
}
.srvcs p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, rgba(0,0,0,.1) 0 5px 5px;
	font-size: 200%;
	text-align: center;
	background-color: #e0e0e0;
	padding: 5px 0;
	width: 110%;
	margin-left: -5%;
	box-shadow: 0 5px 10px #888888;
	border: 1px #bbbbbb solid;
}
.srvcs table {
	font-size: 140%;
	margin-top: 20px;
}
.srvcs table tr td:first-child {
	width: 6%;
	min-width: 20px;
	vertical-align: top;
	padding-top: 0.5em;	
}
.srvcs table tr td:first-child img {
	width: 90%;
	margin: auto;
}
.srvcs table tr td:last-child {
	padding-left: 2%;
	padding-right:0;
}
.srvcs table tr:nth-child(odd) td:last-child { 
		border:1px #dddddd solid;
		box-shadow: 0px 0px 0.5em rgba(150,150,150,0.3) inset; 

}
.srvcs table tr:nth-child(even)  img {
	display:none;
}
.home-other-services table tr:nth-child(odd) td:last-child {
	   
}
.srvcs table tr:nth-child(even) {
  color:#777777;
}
.srvcs table tr td, .home-other-services table tr td {
     padding-top:0.75em;
	 padding-bottom:0.75em;
}


/* home page intro  */
.home-page-intro {
	font-size: 120%;
	margin:2em 0;
}
#home_services_exp {
	padding: 1.5em 2%;
	margin: 1em auto;
	border: 10px #d0d0d0 ridge;
	width: 90%;
	border-radius: 15px;
	background-color: rgb(83, 86, 99);
	background: -webkit-linear-gradient(bottom right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -moz-linear-gradient(bottom right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -o-linear-gradient(bottom right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: linear-gradient(to top left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	color: #ffffff;
}
#home_services_exp ul {
	font-family:"Sinkin_Sans_200_Light", Geneva, Verdana, sans-serif; 
	font-size:120%;
	width: 90%;
	margin: auto;
	list-style: none;
}
#home_services_exp li {
    padding:0.5em 0;
}
/* about page */
.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;
}
.about_cnt .type_h2 {
	margin-top:2em;
}


/* Prices and Serivces   */
#services_prices_cnt .type_h2, .about_cnt .type_h2 {
	font-size: 130%;
	padding-top: 0;
	border-bottom:1px #333333 solid;
	color:#333333;
	padding-bottom:0.5em;
	margin-bottom:1em;
}
.smrytble {
	width: 80%;
	margin: 20px auto;
	background-color: #F8F8F8;
}
.smrytble td {
	padding: 8px 2%;
	border: 1px #dddddd solid;
	text-align: center;
}
.smrytble ul {
	margin: 6px 0 6px 10%;
}
.smrytble .fntyp1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 115%;
	font-weight: bold;
}
.smrytble .td_type1 {
	text-align: left;
}
.smrytble-expand ul li {
    margin:10px 0;
}

/* payment  */
#payment_cnt td {
	padding: 10px 5%;
}
/*  How to Order */
.ordering-methods {
   margin-bottom:20px;
}
.ordering-methods p:nth-child(even)
{
   text-align:center;
   font-size:150%;
   font-weight:bold;
}
.ordering-methods p:nth-child(odd)
{
   font-size:110%;
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-weight:bold;
   text-align:center;
}
#odrpcs ul {
	margin-left: 8%;
	padding: 0 0 6px 0;
}
#odrpcs ul li {
	list-style: none;
	padding: 2px 0;
}
#odrpcs ul ul {
	padding: 3px 0 8px 0;
	margin-left: 5%;
}
#odrpcs ul ul li {
	list-style: disc;
}
#odrpcs ul ul ul {
	padding: 6px 0 12px 0;
	margin-left: 5%;
}
/* Scanning guide */
.smrypref p {
	padding: 1em 0 1em 0;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	font-family: Georgia, 'Times New Roman', Times, serif;
	
}
.smrypref table {
	margin-bottom: 30px;
	background-color: #F8F8F8;
}
.smrypref td {
	border: 1px #ffffff solid;
	padding: 5px 2%;
	border:1px #dddddd solid;
}
#dtlpref ul {
	width: 100%;
}
#dtlpref ul li {
	padding: 9px 0 0 0;
}
/* service terms */
#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;
}
/* 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);
}
/* photo gallery */

.photo-gallery-cnt  table table {
	width:50%;
}
/* footer */
#footer {
	padding: 2em 2%;
	overflow: auto;
	color: #888888;
	font-size: 95%;
	width: 96%;
	margin: auto;
	background-color:#716a69;
	color: #ffffff;
}
#footer a {
	color: #888888;
	text-decoration: none;
	color: #ffffff;
}	

#footer a:hover {
	cursor: pointer;
	text-decoration: underline;
}
#footer td {
	vertical-align: top;
}
#footer ul {
	list-style: none;
}
#footer ul li {
	padding: 0.25em 0;
}
.footer-menu{
	width: 50%;
}
 .footer-contact  {
	width:47%;
	margin-left:3%;
 }

.footer-menu div {	
	padding: 10px 2%;
	width: 90%;
	margin: auto;
	border-radius: 5px;
	background-color: #938c8b;
}
.footer-contact tr td:first-child {
	width: 10%;
}
.footer-contact tr td:first-child img {
	width: 80%;
	max-width: 2.5em;
}
.footer-email {
	font-size: 110%;
	font-weight: bold;
}
.footer-copyright {
	margin-top: 15px;
	padding-bottom: 5px;
	border-top: 2px #b5b3b3 solid;
	border-top: 1px rgba(181,179,179,0.3) solid;
	width: 90%;
	margin: 2em auto 0 auto;
	text-align: center;
}
@media only screen and (max-width: 1400px) {
#outer {
	font-size: 16px;
	width: 80%;
}
.enquire-tab {
	width: 1.2em;
}
}
@media only screen and (max-width: 1000px) {
#outer {
	width: 100%;
}
}
@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) {
#outer {
	width: 100%;
	box-shadow: 0 1.5vw 3vw #888888;
	font-size: 16px;

}
#header {
	padding-top: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;
}
#header table td:last-child {
	display: block;
	min-width: 10px;
}
#menu  {
    display:none;
}
#sideMenu {
  display: block;
}
h1 {
	font-size: 150%;
}
.srvcs {
	width:100%;
	margin-bottom:20px;	
}
.home-spacer-srvcs {
   display:none;
}
.srvcs p {
	font-size: 180%;
}
#menu {
	font-size: 110%;
}
.enquire-tab {
	padding: 15px 0.3em;
	border-radius: 8px 8px 0 8px;
	border-radius: 5vw 5vw 0 5vw;
	box-shadow: 0px 0px 1vw 2px #cccccc;
	box-shadow: 0px 0px 15px rgba(150,150,150,0.3) inset;
	width: 1.2em;
	border-width: 5px;
	font-size:150%;
}
#content {
	padding: 15px 4% 15px 3%;
	padding: 3vw 4% 3vw 3%;
}
.smrytble {
    width:100%;
}
.footer-menu, .footer-contact {
	width: 90%;
	margin-left: 5%;
	font-size:120%;
}
.footer-contact {
	margin-left: 10%;
}
.footer-menu div {
	margin-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) {
#outer {
	font-size: 16px;
}
#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;
}
#header table td:last-child {
	display: block;
	min-width: 10px;
}

#menu  {
    display:none;
}
#sideMenu {
  display: block;
}
.footer-menu {
	width: 100%;
	margin-left: 0;
}
.footer-contact {
	margin-left: 5%;
	width:95%;
}
#footer ul li {
	padding: 0.75em 0;
}

}
