div, img, ul, p, ol, li, table, tr, th, td, h1, form, body {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	position: relative;
}
div, table, img {
	width: 100%;
	border: none;

}
img {
	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: #ffffff;
	overflow-x:hidden; 
	

}
#vw_element {
	width: 1px;
	width: 50vw; 
	/* not required */
}
#outer {
	min-width:350px;
}
.content {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}
.header-background {
	height:0;
	opacity: 0.8;
	width: 200%;
	margin-left: 5%;
	background-color: #4a4340;	
}
.header-element{
	height:3em;
	padding:0 5%;
	box-shadow: 0px 20px 20px -20px #000000 inset;
	z-index:100;
	bottom:2px;
}
.footer-element{
	height:3em;
	margin-top:5em;
	padding:0 5%;
	box-shadow: 0px -20px 20px -20px #000000 inset;
	z-index:100;
	bottom:0px;
}	
.header-table td {
	text-align: center;
	background-color:#d9d7d7
}
.logo-container img {
	width: 40%;
	margin: 1em auto 1em auto;
}
.menu-button-container {
	display: none;
	width:10%;
	margin-left:7%;
}
.menu-button-container img {
     top:1.2em;
	 cursor:pointer;
    max-width:2.5em;	 
}
.menu-button-container img:hover {
   	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
} 
.settings-btn-inactive {
}
.settings-btn-hover {
}
.settings-btn-active {
}
#topmenu ul {
	list-style: none;
	width: 100%;
	padding: 10px 0;
}
#topmenu li {
	display: inline;
	margin: 0;
	text-align: center;
	padding: 10px 0.5%;
	border-right: 1px solid #ffffff;
	background-color: #6a6060;	
}
#topmenu {
	font-size: 150%;
}
#topmenu li a {
	text-decoration: none;
	color: #660066;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	cursor: pointer;
	color:#ffffff;
}
#topmenu li:hover {
	color: #ffffff;
	background-color: #aaaaaa;
}
#topmenu li:hover a {
	color: #ffffff;
}
#topmenu ul li:first-child {
	border-radius: 3vw 0 0 0;
	border-left: 2px #FBE9FB solid;
}
#topmenu ul li:first-child a span {
	padding-left: 2%;
}
#topmenu ul li:last-child {
	border-radius: 0 3vw 0 0;
	border-right: 2px #FBE9FB solid;
}
#topmenu ul li:last-child a span {
	padding-right: 2%;
}
#topmenu .current-href {
	color: #ffffff;
	background-color: #777777;
}
#topmenu .current-href a {
	color: #ffffff;
}
#sideMenu {	 
	z-index:500;
    width:0;
	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 div {
  width:100%;
  text-align:right;
  padding:0.5em 5%;
}
#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;
   	-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;
	padding: 0.5em 1em  
}
#sideMenu ul li:hover {
	background-color:#dddddd; 
} 

/* enquire container */
.contact-tab {
	position: fixed;
	left: 0;
	top: 20em;
	top: 30%;
	z-index: 500;
	height: 0;
	display:none; 

}
.contact-tab div {
	width: 3em;
	float: right;
}
.contact-tab p img {
	width: 100%;	
}
.contact-tab p {
	background-color: #FFA500;
	float: right;
	font-style: oblique;
	padding: 15px 0.4em;
	border-radius: 25px 0 0 25px;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 140%;
	border: none;
	color:#ffffff;
	z-index: 500;
	width: 2.2em;	
}
.contact-tab p:hover {
	background-color: #fdcd6f;
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}  

/*  general contents */
#inner {

}
h1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 200%;
	font-weight: bold;
	margin-left: 2%;
	width: 96%;
	margin-bottom: 1em;
	padding:0;
	color: #000000;	
}
.hdng4 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
.hdng3 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 160%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}
/* services terms only  */
.hdng5 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 8px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}
.padding-top-50 {
	padding-top: 50px;
}
.design-points-table, .hosting-points-table table {
	width: 90%;
	margin-left: 3%;
}
.design-points-table {
	font-size: 140%;
}
.design-points-table tr td, .hosting-points-table table tr td {
	padding: 5px 1%;
	vertical-align: top;
}
.design-points-table tr td:first-child, .hosting-points-table table tr td:first-child {
	width: 6%;
	min-width: 30px;
}
.design-points-table tr td:first-child img {
	width: 90%;
}
.hosting-points-table table tr td:first-child img  {
   bottom:0.25em;
   	width: 80%;
}
.hosting-points-table {
	font-size: 100%;
}
.hosting-points-table div {
	padding: 20px 0;
}
.hosting-points-table table tr td:first-child {
	width: 3.5em;
}
.hosting-points-table table ul li {
	width: 90%;
	margin-left: 10%;
	font-size: 90%;
	padding: 3px 0;
}

/* error page */
.error-page-cnt {
   width:95%;
   margin-left:2.5%;
}
.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: #FFA500;
	background: -webkit-radial-gradient(#fed688 10%, #FFA500);
	background: -o-radial-gradient(#fed688 10%, #FFA500);
	background: -moz-radial-gradient(#fed688 10%, #FFA500);
	background: radial-gradient(#fed688 10%, #FFA500);
	border-radius: 25px;
	box-shadow: 0px 0px 15px rgba(210,131,8,0.5) inset;
	cursor: pointer;
	font-size: 120%;
}
.error-page-cnt a {
	color: #ffffff;
}
.error-page-cnt a input:hover {
	background-color: #fdcd6f;
	background: -webkit-linear-gradient(#fdcd6f,#fdcd6f);
	background: -o-linear-gradient(#fdcd6f,#fdcd6f);
	background: -moz-linear-gradient(#fdcd6f,#fdcd6f);
	background: linear-gradient(#fdcd6f,#fdcd6f);
}

/* footer  */
#footer {
	position: relative;
	padding: 3em 0;
	color: #ffffff;
	background-color: #424b50;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footer-menu {
	width: 60%;
	font-size:130%;
}
.footer-contact {
	width: 40%;
}
.footer-menu div {
	padding: 10px 2%;
	width: 90%;
	margin: auto;
	border-radius: 0.25em;
	background-color:#4b555b;
}
.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 ul li {
   padding:0.25em 0;
}
#footer_cpyrt {
	text-align: center;
	margin: 1em 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	color:#aaaaaa;
}
#footer_cpyrt a {
	color:#aaaaaa;
}
#footer_cpyrt p {
	padding-top: 10px;
	width: 80%;
	margin: auto;
}
#footer_email {
	font-size: 130%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding-bottom: 1em;
	color:#dddddd;
}
/* web design table    */

#wbdsntbl {
	margin: auto;
	margin-top: 30px;
	padding-bottom: 20px;
	width: 95%;
}
#wbdsntbl table {
	border-collapse: collapse;
}
#wbdsntbl div table:last-child {
	width: 75%;
}
#wbdsntbl table td {
	border: 1px #A0A0A0 dotted;
	padding: 0.5em 3px;
	background-color: #F8F8F8;
	text-align: center;
	border-left: none;
	border-right: none;
	width: 18%;
}
#wbdsntbl .clmnhd {
	border: none;
	font-size: 110%;
	color: #000000;
	background-color:#cccccc;
	font-weight:bold;
}
#wbdsntbl .dcsclmn {
	padding-left: 10px;
	text-align: left;
	font-weight:normal;
	color: #585858;
}
/* front page */

/*
.home-upper-content p:first-child {
	margin-top: 10px;
	padding-top: 10px;
	width: 96%;
	margin-left: 2%;
	font-size: 150%;
}  */
.home-upper-content p {
	font-size: 170%;
	padding: 0 2% 1.5em 2%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.home-lower-content {
	z-index:400;
	width:60%;
	margin:auto;
}
.home-lower-content p {
	font-size: 170%;
	padding: 1.5em 2% 0 2%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.home-lower-content input {
	margin-top:1em;	
	padding: 0.25em 1em;
	border-radius: 25px;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 170%;
	border:none;	
	background-color: #FFA500;
	color:#ffffff;
	font-weight:bold;
}
.home-lower-content input:hover {
	background-color: #fdcd6f;
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	cursor:pointer;
}
.hmpnts {
	z-index:400;
}
.hmpnts_image1 {
	width:30em;
	position:absolute;
	left:-20em;
	bottom:-25em;
	left:-20vw;
	bottom:-25vw;
}
.hmpnts_image2 {
	width:30em;
	position:absolute;
	right:-20em;
	top:-5em;
	right:-20vw;
	top:-5vw;
	
}

.hmpnts  table table {
	width: 28%;
	font-size: 150%;
	margin: 10px 0 10px 2em;
	min-width: 200px;
	height:12em;
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	background-color:#ffffff;

}
.hmpnts table table td {
	padding: 5px 5%;
}
.hmpnts table table td div {
	text-align: center;
	padding: 0.5em 0;
	background-color:#cccccc;
}
.hmpnts table table:hover {

		   	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.hmpnts table table p {
height:7em;
padding:1em 0;
}

/*  all inclusive plackages  */
#alincpkgcnt {
	width: 95%;
	margin: auto;
}
#alincpkgcnt table table {
	width: 48%;
	margin-top: 20px;
}
#alincpkgcnt table  table:nth-child(even) {
	margin-left:2%;
}
#alincpkgcnt table table div {
	border: 1px solid #bbbbbb;
	padding: 30px 5% 20px 5%;
	border-radius: 0 30px 30px 30px;
	color:#000000;
}
#alincpkgcnt .hdtype3 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 130%;
	text-align: center;
	padding: 10px 0;
	border-radius: 25px 25px 0 0;
	width: 12em;
	color: black;
	border: 0.1em #e0e0e0 solid;
	border-bottom: none;
	font-weight:bold;
}
#alincpkgcnt table  table:nth-child(2) .hdtype3, #alincpkgcnt table  table:nth-child(3) .hdtype3 {
	width: 15em;
}
#alincpkgcnt .hdtype3 span {
  font-size:120%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#alincpkgcnt .dsctype1 {
	font-size: 115%;
}
#alincpkgcnt .lstyp2 {
	margin: 20px 0;
	padding-left: 5%;
	color:#222222;
}
#alincpkgcnt .lstyp2 li {
	padding: 5px 0;
	width: 95%;
	margin-left: 5%;
}
/* additional services  */
.additional-services-cnt div {
	margin-bottom: 20px;
}
.additional-services-text1, .additional-services-text2, .additional-services-text3, .additional-services-text4 {
	padding: 10px 2%;
}
.additional-services-text2 {
}
.additional-services-text3 {
}
.additional-services-text2 ul, .additional-services-text3 ul {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 115%;
	padding-left: 12%;
}
.additional-services-cnt li {
    margin:1em 0;
}


/*  site map */
#sitemap {
	margin-left: 5%;
}
#sitemap li {
	margin: 16px 2%;
}
#sitemap a {
	text-decoration: none;
	color: black;
}
#sitemap a:hover {
	text-decoration: underline;
}
/*  general terms */
#trmscnt {
	width: 96%;
	margin: auto;
}
#trmscnt p {
	margin: 16px 0;
}
/*   service terms   */
#trmsvscnt {
	width: 96%;
	margin: auto;
}
#trmsvscnt p {
	margin: 16px 0;
}
#trmsvscnt .hdng5 span {
	margin-right: 3%;
}
#trmsvscnt ul li {
	margin: 10px 0;
}
#trmsvscnt .slist1 {
}
#trmsvscnt .blist li {
	margin-left: 4%;
}
#trmsvscnt .trmtble td {
	vertical-align: top;
	padding: 10px 0;
}
#trmsvscnt .slist2 {
	margin-left: 6%;
}
#trmsvscnt .para1 {
	margin-left: 6%;
}
#trmsvscnt input {
	padding: 10px 2%;
	cursor: pointer;
	float: right;
	font-size: 120%;
	position: relative;
	right: 4%;
}
#trmsvscnt 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 black solid;
	border-color: #808080 #000000 #000000 #808080;
}
#trmsvscnt 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 );
}
#trmscnt a {
	color: #000000;
	text-decoration: none;
}
#trmscnt a:hover {
	text-decoration: underline;
}
/* support pages */
.support-page-cnt {
	width: 95%;
	margin: 10px auto;
}
.support-page-cnt p {
	margin: 1em 0;
}
.support-page-cnt p a {
	text-decoration: underline;
}
.support-page-cnt .support-page-heading {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 1em 0;
	color: #888888;
}
.support-page-cnt ul li {
	margin: 0.75em 0 0.75em 5%;
	width: 95%;
	list-style: none;
	padding: 5px 0;
}
.support-page-cnt img {
	margin: 20px auto;
}
/* media queries   */
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}

.logo-container  img {
    min-width:25em;
}
.content {
	width: 85%;
}
#footer_email {
	font-size: 110%;
}

}
@media only screen and (max-width: 1000px) {

.content {
	width: 100%;
}
/*
#topmenu ul li:first-child a span {
	padding-left: 1%;
}
#topmenu ul li:last-child a span {
	padding-right: 1%;
}
#topmenu {
	font-size: 150%;
}  */
}
@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;
	overflow-x:scroll;
}
.content {
	width: 100%;
} 
/*
#topmenu ul {
	padding: 1vw 0;
}
#topmenu li {
	padding: 1vw 0.5%;
	border-top-width: 0.5vw;
	border-bottom-width: 0.5vw;
	border-right-width: 0.25vw;
}
#topmenu li a {
	font-weight:normal;
}
*/
.logo-container {
	width:80%;
}

.menu-button-container {
	display: block;
}
.logo-container img {
   min-width:20em;
   width:70%;
}
#topmenu {
    display:none;
}
.hmpnts_image1, .hmpnts_image2 {
	display:none;
}

.footer-menu {
	width: 90%;
	margin-left: 5%;
}
.footer-contact {
	width: 90%;
	margin-left: 5%;
	margin-top: 5px;
	text-align: center;
}
#footer_email {
	font-size: 130%;
}
#footer_cpyrt {
	margin: 3vw 0 2vw 0;
}
.footer-menu div {
	padding: 2vw 2%;
}
h1 {
	margin-bottom: 3vw;
	font-size: 180%;
}
.hdng3 {
	padding-top: 1.5vw;
}

.padding-top-20 {
	padding-top: 2vw;
}
.padding-bottom-20 {
	padding-bottom: 2vw;
}
.margin-top-20 {
	margin-top: 2vw;
}
.margin-bottom-20 {
	margin-bottom: 2vw;
}
.padding-bottom-50 {
	padding-bottom: 5vw;
}
.padding-top-50 {
	padding-top: 5vw;
}
/* front page */
.home-lower-content {
	width:90%;
}
.hmpnts {
	margin: 1.5vw 0;
}
.hmpnts table table {
	width: 45%;
	margin: 10px 0 10px 1em;
	margin: 10px 0 2vw 1em;
	height:14em;
}
#wbdsntbl {
	margin-top: 4vw;
}
#wbdsntbl div table:last-child {
	width: 100%;
}
#wbdsntbl .dcsclmn {
	padding-left: 1.5vw;
}

#alincpkgcnt table  table:nth-child(even) {
	margin-left:0%;
}
#alincpkgcnt table table {
	width: 100%;
	margin-top: 3vw;
}
#alincpkgcnt .hdtype3 {
	padding: 2vw 0;
	border-radius: 6px 6px 0 0;
	border-radius: 2.5vw 2.5vw 0 0;
}
#alincpkgcnt .navy_cnt, #alincpkgcnt .olive_cnt, #alincpkgcnt .burgundy_cnt, #alincpkgcnt .lightblue_cnt {
	padding: 3vw 5% 2vw 5%;
	border-radius: 0 8px 8px 8px;
	border-radius: 0 3vw 3vw 3vw;
}
#alincpkgcnt .lstyp2 {
	margin: 2vw 0;
}
#alincpkgcnt .lstyp2 li {
	padding: 1vw 0;
}
.additional-services-text1, .additional-services-text2, .additional-services-text4  {
	width: 100%;
}
.additional-services-images {
	display: none;
}
#sitemap li {
	margin: 2vw 2%;
}
#trmscnt p {
	margin: 2vw 0;
}
#trmsvscnt input {
	padding: 1.5vw 2%;
}
#trmsvscnt p {
	margin: 2vw 0;
}
#trmsvscnt ul li {
	margin: 1.5vw 0;
}
#trmsvscnt .trmtble td {
	padding: 1.5vw 0;
}

.support-page-cnt img {
	margin: 10px auto;
}
}
@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;
}

.logo-container {
	width:80%;
}

.menu-button-container {
	display: block;
}
.logo-container img {
   min-width:0;
   width:90%;
}
#topmenu {
    display:none;
}
h1 {
	font-size: 160%;
}

.hmpnts table table {
	width: 80%;
	margin-left: 2em;
}
.hmpnts table table {
	height:auto;
}

.design-points-table {
	font-size: 130%;
}

}
@media only screen and (max-width: 250px) {
}