body{
  background: #000 url("https://63f97f.claudeassets.com/20251122144343im_/https://ad-shark.com/images/backgroundstripes.jpg") repeat-x top left;
}
html, body {height: 100%; margin:0; padding:0;}

#wrap {min-height: 100%;}

#wrapper {
  width: 1000px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

body{
  font-family: helvetica, arial, verdana;
  font-size: 85%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: helvetica, arial, verdana;
	margin: 0;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 150%;
	font-weight: bold;
	margin-top: 5px;
}

h3 {
  color: #fff;
}

.clientsq h3 {
  color: #000;
}

.last h3, a, a:visited, a:link {
  color: #a12d2f;
}

h6 {
  font-size: 105%;
	margin-bottom: 5px;
}

a, a:link {
  color: #dc2626;
  text-decoration: underline;
  font-variant: normal;
}

.vcard p a, a:link {
  color: #000;
	text-decoration: none;
	font-weight: bold;
}

.vcard p a:hover {
  text-decoration: underline;
}

.heading p a, a:link {
  color: #00CCFF;
	text-decoration: none;
	font-size: 87%;
}

.heading p a:hover {
  color: #dc2626;
	text-decoration: none;
}

.intro p a, a:link, a:visited {
	font-size: 100%;
	color: #dc2626;
	text-decoration: none;
	font-weight: bold;
}

.intro p a:hover {
	font-size: 100%;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.breadcrumb p a, a:link, a:visited {
	font-size: 100%;
	color: #dc2626;
	text-decoration: none;
	font-weight: bold;
}

.breadcrumb p a:hover {
	font-size: 100%;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

p {
  font-size: 90%;
  color: #000000;
}

.header p {
  color: #00ccff;
	font-size: 225%;
}

.sidebar#top {
	padding-top: 50px;
	margin-bottom: 15px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.sidebar#middle {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.nav p {
  color: #d8ebea;
}

.copy p {
  color: #000;
}

.content {
  height: 100%;
	width: 1000px;
	margin: 0 auto;
	min-width: 360px;
}

img {
  max-width: 752px;
	height: auto;
	width: auto\9; /* ie8 */
	border: 1px #000 solid;
}

img a {
  border: 1px #000 solid;
}		

.copy {
  background-color: #fff;
	float: left;
	margin-top: 0;
	width: 780px;
  padding-left: 10px;
	padding-right: 10px;
	min-height: 660px;
}
 					@media screen 
          and (max-width : 800px) {
          		.content {
							width: 100%;
								margin: 0;
								clear: both;
                }
							.sidebar {
							  display: none;
								}	
							.left {
							  display: none;
								}
							.sidebar {
							  display: none;
							  }
							.logo {
							  display: none;
								}
							.copy {
								width: auto;
								float: none;
								min-height: 0px;
								padding-left: 10px;
								padding-right: 26px;
								}
							img {
								max-width: 100%;
								height: auto;
								width: auto\9; /* ie8 */
								}			
							.description {
							  max-width: 99% !important;
								}
							.nav {
								width: 100% !important;
								}
							.nav ul li {
							  margin: 0 !important;
								font-size: 110% !important;
							  }	
							.header {
							  float: left;
								width: auto !important;
								}
							.heading {
							  float: none !important;
								text-align: center !important;
								width: 100% !important;
								padding-right: 0 !important;
								}
							.body {
							  float: none;
								width: 100% !important;
								}
							.section {
							  width: 100% !important;
								}
							.footer {
							  display: none;
								}
							.copyright {
							  display: none;
								}
							.right {
								width: auto;
							  }	
							.imageonly {
								margin-right: 5px !important;
							  }									
							.boxgrid {
							  max-width: 99.5%;
								margin-bottom: 0 !important;
								}
							.boxcaption {
							  display: none !important;
								}
							.mobilecaption {
							  display: block !important;
								text-align: center;
								}	
							.intro {
							  text-align: center;
								padding-top: 10px;
								padding-bottom: 1px;
								margin-bottom: 12px;
							  }
							.breadcrumb {
							  display: none;
							  }		
							#industrycol {
							  display: none !important;
							  }
							#servicescol {
							  display: none !important;
							  }
							.client {
							  height: 100%;
							  }	
							#clientcol {
								float: left;
								width: 50% !important;
							  }
							#agencycol {
								float: left;
								width: 50% !important;
								text-align: center;
							  }
							.msection {
							 	width: 99.5% !important;
							  }
							.client {
								background-color: #fff;
								height: auto !important;
								margin-left: 8px !important;
							  }								
							.clientsq {
								width: 96% !important;
							  }	
							.clientsq ul, .clientsq ul li {
								margin-left: -6% !important;
								text-align: center !important;
								list-style-type: none;
							  }	
							.clientsq img {
							 	width: auto;
							  }
							.boxleft {
								float: none !important;
								max-width: 100% !important;
								margin: 0 !important;
								width: auto !important;
								height: auto;
							  }
							.left {
								height: auto;
								}	
							.boxmiddle {
								display: none;
							  }
							.boxright {
								display: none;
							  }
							.boxleft, .boxleft .last {
							  overflow: visible !important;
								height: auto !important;
								}	
							.anythingSlider .anythingSlider-metallic {
								display: none;
							  }
							.anythingSlider anythingSlider-metallic activeSlider {
								display: none;
							  }
							div.anythingSlider {
								display: none !important;
							  }
							.mobilehome {
								display: block !important;
							  }
							ul#slider1 {
								padding-left: 0 !important;
							  }
							ul#slider1 li {
								padding-bottom: 15px;
							  }
							.blog {
								margin-top: -15px !important;
								height: auto !important;
								padding-bottom: 20px;
							  }
							.mcarousel {
								display: block !important;
								width: 100%;
							  }
							.mcarousel .caption {
								display: block !important;
								background-color: #000;
								height: auto;
								text-align: center;
								opacity: 0.9;
								margin-top: -13px;
								padding-bottom: 10px;
							  }
							.mcarousel .caption h2 {
								color: #fff;
								padding-top: 5px;
							  }
							.mcarousel .caption p {
								color:#fff;
							  }
          }







.sidebar {
  color: #000;
	background-color: #c7e5ff;
	width: 180px;
	padding: 10px;
	float: left;
}

.left {
  width: 200px;
	margin-top: 0px;
	float: left;
}

.nav {
  background-color: #484848;
	float: right;
	width: 800px;
  height: 40px;
	margin-top: -17px;
  text-align: center;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.nav ul li {
  list-style-type: none;
  text-transform: uppercase;
	display: inline;
	font-size: 140%;
	text-decoration: none;
	color: #fff;
}

.nav ul {
	padding-left: 0;
}

.nav ul li a, a:link, a:visited {
  color: #fff;
}

.nav ul li:hover {
  background-color: #00CCFF;
}

.nav ul li a:hover {
	color: #000;
}

.footer ul li a, a:link, a:visited {
  color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.footer ul li a:hover {
  text-decoration: underline;
}
	
.logo {
  position: absolute;
	float: left;
	margin-left: -44px;
	margin-top: 20px;
	z-index: 10;
}

.logo img {
  border: none;
}	

.header {
	float: none;
  width: 1000px;
}
	
.heading {
  float: right;
	margin-top: -1px;
	width: 745px;
	text-align: center;
	padding-right: 30px;
  margin-bottom: 30px\8;	
}

.body {
  float: left;
	width: 1000px;
}

.section {
	background-color: #c7e5ff;
	padding: 8px;
	width: 764px;
	float: left;
	margin-bottom: 15px;
}

.thumbnail {
  padding: 5px;
	float: left;
}

.description {
  float: none;
	padding-left: 5px;
	max-width: 754px;
	padding-top: 5px;
}

.description p a, a:link, a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.description p a:hover {
	color: #000;
	text-decoration: underline;
}

.footer {
	float: right;
	background-color: #000;
	width: 800px;
	text-align: center;
}

.footer p {
	color: #fff;
}

.footer ul li {
  list-style-type: none;
	display: inline;
	text-decoration: none;
	color: #fff;
}

.footer ul {
	padding-left: 0;
}

.copyright {
  float: left;
	text-align: center;
	width: 100%;
}

.copyright p {
  padding-left: 30px;
	padding-right: 30px;
	font-size: 80%;
}

.copyright p a, a:visited {
  color: #DC2626;
	text-decoration: none;
	font-weight: bold;
}

.copyright p a:hover {
	text-decoration: underline;
}

.social ul li {
  float: none;
	margin-bottom: 3px;
	list-style-type: none;
}

.breadcrumb p, a, a:visited {
  font-size: 95%;
	font-weight: bold;
}  

.imageonly {
	position: relative;
	margin-right: 1px;
	text-align: center;
}

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(https://b3fe0b.claudeassets.com/20251122144343im_/https://ad-shark.com/shadow/scripts/jquery-image-rollover/images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

span.rollover:hover {
	opacity: .7;
	    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

.boxgrid{
  width: 752px;
  float:left;
  overflow: hidden;
  position: relative;
	margin-bottom: 8px;
}

.boxgrid img{
  position: relative;
  top: 0px;
  left: 0;
  border: 0;
}
.boxgrid p{
  padding: 0 0px;
  color:#000;
  font-family: helvetica,arial,verdana;
}
.boxcaption{
  float: left;
  position: absolute;
  background: #000;
  height: 150px;
  padding-top: 65px;
  width: 692px;
  z-index: 1;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
  opacity: .9;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.captionfull .boxcaption{
  top: 0;

  left: 0;
}

.caption .boxcaption{
  top: 214px;
  left: 0;
}

.boxcaption h2 {
  color: #fff;
}

.boxcaption p {
  color: #fff;
}

.hoverimage {
  width: 100%;
}

.mobilecaption {
  display: none;
}

.mobilecaption a, a:visited {
  color: #000;
}

.sidebar#cat {
  padding-top: 50px !important;
	-moz-border-radius-topleft: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}

.msection {
  background-color: #C7E5FF;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
}

.msection .description {
  float: left;
	padding-left: 5px;
	padding-top: 5px;
}

.msection .description .boxgrid .caption {
  float: left;
	margin-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.msection .description .boxgrid .cover h2 {
  font-size: 300%;
	padding-top: 50px;
}

.msection .boxcaption {
  top: 298px;
	height: 300px;
}

.client {
  width: 100%;
	margin-bottom: 25px;
	float: left;
}

.clientrow {
  width: 100%;
	background: #fff;
}

#clientcol {
  width: 25%;
	float: left;
}

#industrycol {
  width: 25%;
	float: left;
}

#servicescol {
  width: 25%;
	float: left;
}

#agencycol {
  width: 25%;
	float: left;
}

.clientsq {
  text-align: center;
	width: 23%;
	float: left;
	margin: 7px 6px 7px 7px;
	border: 1px solid #484848;
	height: 200px;
}

.clientsq ul {
  margin-left: 35px;
	margin-top: 4px;
	text-align: left;
}

.clientsq img {
  border: 0;
	width: 162px;
}

.client h2 img {
  border: 0;
}

.separator {
  min-width: 100%;
	float: left;
	position: relative;
	text-align: center;
	background-color: #C7E5FF;
	padding-bottom: 5px;
}

ul#slider1 {
	height: auto;
}

ul#slider1 li {
	list-style-type: none;
}

.mobilehome {
	display: none;
}

.blog {
	margin:auto;
	margin-top:25px;
	height:222px;
}

.boxleft {
	width: 39%;
	margin-left: 13px;
	margin-right: 15px;
	float: left;
	border: solid #000 2px;
	overflow: hidden;
	height: 200px;
}

.boxleft .last {
	width: 100%;
	height: 100%;
	background: #FEE85F url('https://d63832.claudeassets.com/20251122144343im_/https://ad-shark.com/blog/pulse.gif') no-repeat right top;
	background-size: auto auto;
	padding: 3px 3px 3px 12px;
	width: auto;
	height: 200px;
}

.boxmiddle {
	width: 27%;
	height: 200px;
	float: left;
	border: solid #000 2px;
}

.boxright {
	width: 27%;
	margin-right: 12px;
	height: 200px;
	float: right;
	border: solid #000 2px;
}

.boxright .description {
	padding: 0;
}

.mcarousel {
	display: none;
}
/*
     FILE ARCHIVED ON 01:24:17 Feb 03, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:29:51 Jun 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.525
  exclusion.robots: 0.054
  exclusion.robots.policy: 0.045
  esindex: 0.011
  cdx.remote: 10.738
  LoadShardBlock: 115.001 (3)
  PetaboxLoader3.datanode: 61.784 (4)
  PetaboxLoader3.resolve: 99.913 (2)
  load_resource: 74.613
*/