/* CSS Document */

body {
	background-color:#FFFFFF;
	font-size:22px;
}
p {
	color:#4d4d4d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li {
	color:#4d4d4d;
}

/*IMAGES*/
.img-adjust {
	max-width:100%;
	height:auto;
}
.icon-holder {
	width:50%;
	text-align:center;
	margin:0 25%;
}
.image-holder-30, .image-holder-web {
	width:30%;
	margin:0 auto;
}


/*ALL PAGES*/
#content {
}
#main-image {
}
#main-page {
}
#wrapper, #head-section, #navigation, #content, #main-image, #main-page, .full-across {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.mid-across {
	width:73.96%;
	float:left;
	margin:2em 13.02%;
	padding:0;
}
.mid-across h2 {
	color:#45609e;
	font-size:1.5em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.top-section {
	width:72%;
	float:left;
	margin-bottom:0;
	padding:1.25em 14% 0 14%;
	text-align:center;
}
.top-section h1 {
	margin:0;
	padding-top:1em;
	padding-bottom:0.5em;
	color:#1c447f;
	font-size:1.8em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.top-section h3.topsub {
	margin-top:0;
	padding-top:0;
	color:#c75625;
	font-size:0.96em;
	font-weight:normal;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.top-section h3.greensub {
	color:#22a7a9;
}
.top-section p {
	line-height:1.3em;
	padding-left:5%;
	padding-right:5%;
}
.top-section p.promo {
	color:#456593;
	font-weight:700;
	padding-top:1em;
}
.grayline {
	width:80%;
	float:left;
	padding-top:1.5em;
	margin-bottom:1em;
	margin-left:10%;
	border-bottom:#dad9d9 solid 1px;
}
.grayback {
	padding:2.2em 0;
	background-color:#f1f1f1;
	border-top:#e7e7e7 solid 1px;
}
.grayback p {
	font-size:0.83em;
}
.actionline-1 {
	font-size:1.4em;
	color:#3424ce;
	padding-top:1.5em;
}
.actionbox-1 {
	width:18.5%;
	float:left;
	margin-right:13.02%;
	margin-left:12.46%;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:3.5%;
	padding-right:3.5%;
	text-align:center;
	font-size:1.58em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*HEADER*/
#head-section {
	margin-top:8px;
	margin-bottom:8px;
}
#logo, #tagline {
	width:36%;
	float:left;
	margin:0 7%;
}
#tagline {
	text-align:right;
	padding-top:1.5em;
	color:#ce6262;
	font-size:0.65em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*NAVIGATION*/
#navigation {
	text-align:center;
	background-color: #061b42;
	font-family: Tahoma, Verdana, Segoe, Arial, Helvetica, sans-serif;
}
#navigation ul {
    list-style-type: none;
    margin:0;
    padding:0;
	display:inline-block;
    background-color: #061b42;
}
#navigation li {
    float:left;
}
#navigation li a {
    display: block;
    color: white;
    text-align: center;
	font-size:0.7em;	
    padding: 14px 40px;
    text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
#navigation li a:hover {
    background-color: #526993;
}

.topnav {
  overflow: hidden;
  background-color: #061b42;
}
.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 34px;
  text-decoration: none;
  font-size: 0.7em;
  font-family: Tahoma, Verdana, Segoe, Arial, Helvetica, sans-serif;
}
.topnav a:hover {
  background-color: #526993;
  color: #ffffff;
}
/*.active {
  background-color: #4CAF50;
  color: white;
}*/
.topnav .icon {
  display: none;
}

/*COLUMN VARIATIONS*/
.full-across {
	margin-top:2em;
	margin-bottom:2em;
}
.third-1-3, .third-2-3, .third-3-3, .third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6, .third-6-6 {
	width:20.62%;
	float:left;
	text-align:center;
	font-size:0.78em;
	padding-bottom:2em;
}
.third-1-3, .third-1-6, .third-4-6 {
	margin-left:11.07%;
	margin-right:4%;
}
.third-2-3, .third-2-6, .third-5-6 {
	margin-left:4%;
	margin-right:4%;
}
.third-3-3, .third-3-6, .third-6-6 {
	margin-left:4%;
	margin-right:11.07%;
}
.third-1-3 h2, .third-2-3 h2, .third-3-3 h2, .third-1-6 h2, .third-2-6 h2, .third-3-6 h2, .third-4-6 h2, .third-5-6 h2, .third-6-6 h2 {
	font-size:1.45em;
	color:#7841bb;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fullhead {
	width:76%;
	float:left;
	margin:0 12%;
}
.fullhead h2 {
	margin-bottom:0;
	text-align:center;
	font-size:2em;
	color:#183067;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.fullhead h3 {
	margin-top:0;
	padding-bottom:0.8em;
	text-align:center;
	color:#4063b4;
	font-size:0.95em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.two-thirds {
	width:49%;
	float:left;
	margin-left:13.02%;
	margin-right:6.06%;
}
.one-third {
	width:18.9%;
	float:left;
	margin-right:13.02%;
}
.half-text {
	width:36%;
	float:left;
	margin-left:13.02%;
}
.half-text h2 {
	margin:0;
	padding:0;
	color:#60aeea;
	font-size:1.5em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.half-text h2.strategy-dev {
	color:#45609e;
	font-size:1.5em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.half-text ol {
	padding-left:3.5%;
}
.half-text li {
	font-size:0.83em;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:0.4em;
}
.mid-half-left, .mid-half-right {
	width:44.75%;
	float:left;
}
.mid-half-left h2, .mid-half-right h2 {
	color:#7841bc;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.mid-half-left p, .mid-half-right p {
	font-size:0.92em;
}
.mid-half-left {
	margin-right:5.25%;
}
.mid-half-right {
	margin-left:5.25%;
}

/*WEB DESIGN PAGE*/
.grayweb {
	padding-top:3.5em;
	padding-bottom:3.5em;
	margin-bottom:0;
	background-color:#f7f7f7;
	border-top:#e8e8e8 solid 1px;
}
.webtop-half-left, .webtop-half-right {
	width:43.49%;
	float:left;
	text-align:left;
}
.webtop-half-left {
	margin:2em 6.51% 2.5em 0;
}
.webtop-half-right {
	margin:2em 0 2.5em 6.51%;
}
.webtop-half-left h2, .webtop-half-right h2 {
	margin:0;
	padding:0;
	color:#5b28c2;
	font-weight:normal;
	font-size:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.webtop-half-left p, .webtop-half-right p {
	margin:0;
	padding:0;
	font-size:0.92em;
	font-family:Arial, Helvetica, sans-serif;
}
.web-across {
	width:75.52%;
	float:left;
	padding:4em 12.24%;
	margin:0;
	background-color:#220c4c;
}
.webslide-container {
	width:46.90%;
	float:left;
	margin:0;
	padding:0;
}
.web-features {
	width:41.72%;
	float:left;
	margin:0 0 0 11.38%;
}
.web-features h2 {
	margin-top:0;
	color:#8968b3;
	font-size:1.42em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.web-features ul {
	list-style:square;
}
.web-features li {
	margin-left:0;
	padding-left:0;
	padding-bottom:0.4em;
	color:#d2d2d2;
	font-size:0.96em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.web-background {
	width:100%;
	float:left;
	margin-top:2em;
	margin-bottom:2em;
	padding-top:5em;
	padding-bottom:4em;
	background:url(../images/new/web-back.jpg) no-repeat;
}
.web-background h2 {
	color:#1c447f;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.web-left, .web-right {
	width:33.08%;
	float:left;
	text-align:left;
}
.web-left {
	margin:0;
	padding:0 3.9% 0 13.02%;
}
.web-right {
	margin:0;
	padding:0 13.02% 0 3.9%;
}
.web-left h3, .web-right h3 {
	color:#5b28c2;
	font-size:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.web-left p, .web-right p {
	font-size:1em;
	line-height:1.4em;
}
.web4 {
	width:76.56%;
	float:left;
	margin:1.7em 0 2em 0;
	padding:1.35em 11.72% 2.2em 11.72%;
	text-align:center;
}
/*.web4 h2 {
	color:#edfa92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.web4 p {
	color:#fffbfb;
	padding:0 20%;
}*/
.web-benefit {
	width:19.96%;
	float:left;
	padding-top:1.7em;
	text-align:center;
}
/*.step-space {
	margin-right:6.72%;
}*/
.web-benefit h3 {
	color:#176f78;
	font-size:1.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.web-benefit p {
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
}
/*.seo-num {
	width:27.28%;
	float:left;
	margin:0 36.36% 0.75em 36.36%;
}*/

/*CONTACT PAGE*/
.contact-incl {
	font-weight:bold;
	padding-top:1em;
	padding-bottom:0;
	margin-bottom:0;
}
.contact-svcs {
	padding-top:0.4em;
	margin-top:0;
}
.biglet {
	font-size:1.25em;
	font-weight:bold;
}
.contact-statement {
	width:60%;
	float:left;
	margin:4em 0 0 0;
	padding:4em 20% 3.5em 20%;
	background:url(../images/new/contact-back.jpg) top left no-repeat;
	text-align:center;
}
.contact-statement p {
	color:#1b3142;
	font-size:1.5em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-gray {
	background-color:#f2f2f2;
	border-top:#e7e7e7 solid 1px;
}
.contact-form {
	width:40.37%;
	float:left;
	margin:3.5em 13.02%;
}
.contact-form h2 {
	color:#183067;
	font-size:1.5em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;	
}
.contact-right {
	width:20.57%;
	float:left;
	margin-right:13.02%;
}
.contact-info {
	width:100%;
	float:left;
	margin:6em 0 2em 0;
	font-size:0.87em;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-info p {
	padding:0 0 0.4em 0;
	margin:0;
}
.cat {
	color:#8A8A8A;
	font-weight:600;
}
.cta-contact {
	width:90%;
	float:left;
	margin-bottom:6em;
	padding:1em 5%;
	background-color:#30456b;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cta-contact h3 {
	color:#ffffff;
	font-size:1.25em;
}
.cta-contact p {
	color:#f8f075;
	font-size:1em;
}

/*CONTACT FORM*/
input[type=text], textarea {
  width: 100%;
  margin-top:0;
  margin-bottom:18px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
input[type=text] {
}
input[type=submit] {
  background-color:#FFCC66;
  color:#4d4d4d;
  padding: 8px 20px;
  font-size:0.7em;
  border:#999999 solid 1px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
}
textarea {
  resize: vertical;
}
.formrow {
	width:100%;
	float:left;	
}
.formtext {
	width:90%;
	margin-right:10%;
}
.form-half {
	width:40%;
	float:left;
	margin-right:10%;
}
.form-half p, label {
	margin:0;
	padding:0;
	color:#4d4d4d;	
	font-size:0.62em;
	font-family:Arial, Helvetica, sans-serif;	
}

/*ABOUT PAGE*/
.about-gray {
	width:73.96%;
	float:left;
	margin:3em 13.02% 4em 13.02%;
	background-color:#f0f0f0;
	border-top:#dbdbdb solid 1px;
	border-bottom:#dbdbdb solid 1px;
}
.about-half-left, .about-half-right {
	width:41.4%;
	float:left;
	text-align:center;
}
.about-half-left {
	margin-left:2%;
	margin-right:6.6%;
	padding:1em 0 2em 0;
}
.about-half-right {
	margin-right:6.6%;
	margin-left:2%;
	padding:1em 0 2em 0;
}
.about-half-left h2, .about-half-right h2 {
	color:#7841bc;
	font-size:1.25em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.about-half-left p, .about-half-right p {
	font-size:0.92em;
}
.maxmark {
	padding-top:1em;
	padding-bottom:3em;
	background-color:#56617f;
	text-align:center;
}
.maxmark h2 {
	padding:0 20%;
	color:#91afff;
	font-size:2em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.maxmark p {
	padding:0 20%;
	color:#ffffff;
	font-size:0.9em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
.about-marketing-pic {
	width:27.65%;
	float:left;
	margin-left:13.02%;
	margin-right:10.94%;
}
.about-marketing {
	width:35.37%;
	float:left;
	margin-right:13.02%;
}
.about-marketing ul {
	list-style:square;
}
.about-marketing h2, .about-benefits h2 {
	margin-top:0;
	color:#183067;
	font-size:2em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.about-marketing p, .about-marketing li, .about-benefits li {
	font-size:0.92em;
}
.about-marketing li, .about-benefits li {
	padding-bottom:0.4em;
	font-family:Arial, Helvetica, sans-serif;
}
.about-benefits {
	width:53.52%;
	float:left;
	margin-right:15.99%;
}
.cta-about {
	width:27.09%;
	float:left;
	margin-top:0.5em;
	padding:0.75em 1.7%;
	background-color:#6eb5ed;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cta-about h3 {
	color:#ffffff;
	font-size:1.5em;
}
.cta-about p {
	color:#215268;
	font-size:1.25em;
}

/*ANALYTICS PAGE*/
.statement-one {
	width:55%;
	float:left;
	margin:2em 22.5%;
	padding:0;
	text-align:center;
}
.statement-one h3 {
	color:#dd4f4f;
	font-size:1.16em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.gray-analytics {
	padding-top:4em;
	padding-bottom:4em;
	background-color:#f2f2f2;
	border-top:#e7e7e7 solid 1px;
}
.analytics-process {
	width:19.58%;
	float:left;
	margin:0 0 0 13.02%;
}
.analytics-approach {
	width:45.68%;
	float:left;
	margin-left:8.70%;
	margin-right:13.02%;
}
.analytics-approach h2, .diy-analytics h2 {
	margin:0;
	color:#183067;
	font-size:2em;
	font-weight:normal;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.diy-analytics {
	width:55.68%;
	float:left;
	margin-right:13.82%;
	line-height:1.3em;
}
.cta-analytics {
	width:23.5%;
	float:left;
	margin:0;
	padding:30px 3.5% 6px 3.5%;
	background:url(../images/new/analytics-actionback.jpg) top left no-repeat;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 
.cta-analytics h3 {
	margin:0;
	font-size:1.6em;
	color:#ffffff;
} 
.cta-analytics p {
	font-size:1.3em;
	color:#ffffff;
} 
.diy-analytics, .analytics-approach li {
	font-size:0.92em;
	font-family:Arial, Helvetica, sans-serif;
}
.analytics-approach li {
	padding-bottom:0.7em;
}
.analytics-approach li.listhead {
	color:#20384b;
	font-size:1em;
	font-weight:bold;
}


/*CONTENT DEV PAGE*/
.content-list {
	width:50%;
	float:left;
	margin:0;
}
.content-list ol {
	margin-left:0;
}
.content-list li {
	font-size:0.83em;
	padding-bottom:0.6em;
	font-family:Arial, Helvetica, sans-serif;
}
.content-images {
	width:35.22%;
	float:left;
	margin-left:14.78%;
}
.half-7-12 {
	width:31.89%;
	float:left;
	margin-left:15.02%;
	margin-right:12.42%;
	font-size:0.83em;
}
.half-5-12 {
	width:22.5%;
	float:left;
	margin-right:15.02%;
	padding:1em 1.46%;
	font-size:0.83em;
}
.grayboxback {
	background-color:#edecec;
	border:#b6b5b5 solid 1px;
	margin-bottom:4em;
	margin-top:-0.5em;
}
.half-7-12 h2, .half-5-12 h2 {
	margin:0;
	font-size:1.05em;
	font-weight:bold;
	color:#7841bc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.half-7-12 ul, .half-5-12 ul {
	margin-top:-0.5em;
	margin-bottom:0;
}
.half-7-12 li, .half-5-12 li {
	color:#4d4d4d;
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.content-background {
	background:url(../images/new/content-back.jpg) left bottom no-repeat;
}
.content-critical {
	width:64%;
	float:left;
	margin:1em 0 0 0;
	padding:2.5em 18% 2.5em 18%;
	text-align:center;
	background-color:#eeeeee;
	border-top:#e0e0e0 solid 1px;
}
.content-critical h2 {
	margin:0;
	padding:0;
	color:#183067;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.content-critical p {
	font-size:0.83em;
	line-height:1.45em;
}
.outer-gray {
	width:100%;
	float:left;
	margin:0 0 2em 0;
	background-color:#e0dfdf;
}
.inner-gray {
	width:73.96%;
	float:left;
	margin:0 13.02%;
	background-color:#e7e7e7;
	text-align:center;
}
p.content-level, p.content-contact {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
}
p.content-level {
	color:#083537;
	margin-top:1em;
	margin-bottom:0.5em;
	font-size:1.75em;
}
p.content-contact {
	color:#4ea736;
	margin-bottom:1em;
}
.listhead {
	font-size:1em;
	font-weight:bold;
}

/*SEO PAGE*/
.seo-back {
	width:76.56%;
	float:left;
	margin:1.7em 0 0 0;
	padding:1.35em 11.72% 2.2em 11.72%;
	background-color:#079fad;
	text-align:center;
}
.seo-back h2 {
	color:#edfa92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.seo-back p {
	color:#fffbfb;
	padding:0 20%;
}
.seo-step {
	width:19.96%;
	float:left;
	padding-top:1.7em;
	text-align:center;
}
.step-space {
	margin-right:6.72%;
}
.seo-step h3 {
	color:#023338;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}
.seo-step p {
	padding:0;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.seo-num {
	width:27.28%;
	float:left;
	margin:0 36.36% 0.75em 36.36%;
}
.seo-approach {
	width:43.31%;
	float:left;
	margin-right:0;
	margin-left:15.025%;
}
.seo-approach h2 {
	color:#183067;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.seo-approach li {
	padding-bottom:0.2em;
	font-family:Arial, Helvetica, sans-serif;
}
.seo-approach-image {
	width:26.64%;
	float:left;
	margin-left:0;
	margin-right:15.025%;
	margin-top:4em;
}


/*COLOR ADJUSTMENTS*/
.greenbox {
	background-color:#7be74c;
}
.greenbox p {
	color:#21159a;
}
.tealbox {
	background-color:#1ca9ae;
}
.tealbox p {
	color:#065255;
}
p.whitetext {
	color:#FFFFFF;
}

/*PADDING-MARGIN ADJUSTMENTS*/
.margintop-s {
	margin-top:2.5em;
}
p.nopadbot {
	padding-bottom:0;
}
.centertext {
	text-align:center;
}
.bigpad {
	padding-bottom:10em;
}
p.padbot-s {
	padding-bottom:1.5em;
}

/*FOOTER*/
#footer {
	width:81.25%;
	float:left;
	margin-top:2.5em;
	padding:0.6em 9.375% 1.2em 9.375%;
	background-color:#476e8d;
}
#footer-left {
	width:50%;
	float:left;
}
.footer-navigation {
	width:40%;
	float:left;
	color:#d7dcdf;
	font-size:0.6em;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.footer-navigation li {
	list-style-type:none;
	padding-bottom:0.2em;
}

.footer-navigation a {
  color: #d7dcdf;
  text-decoration: none;
}
.footer-navigation a:hover {
  color: #72c4f6;
}
#footer-right {
	width:50%;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
.footer-tag {
	color:#86ccfb;
	font-size:1.16em;
}
.copyright {
	color:#cdcdcd;
	font-size:0.5em;
	padding-top:1.5em;
}

/*RESPONSIVE STYLES*/
@media only screen and (max-width: 1690px) {
	#navigation li a {
		padding: 14px 25px;
	}
	.top-section h1 {
		font-size:1.65em;
	}
	.top-section p {
		font-size:0.9em;
	}
	.about-marketing h2, .about-benefits h2 {
		font-size:1.6em;
	}
	.cta-about h3 {
		font-size:1.25em;
	}
	.cta-about p {
		font-size:1.05em;
	}
	/*body {
		background-color:#EAEAEA; /*light gray*/
	/*}*/
}
@media only screen and (max-width: 1440px) {
	#navigation li a {
		font-size:0.6em;
		padding: 14px 25px;
	}
	.seo-step h3 {
		font-size:1.2em;
	}
	.seo-step p {
		font-size:0.8em;
	}
	.cta-about h3 {
		font-size:1.1em;
	}
	.cta-about p {
		font-size:0.95em;
	}
	/*body {
		background-color:#C9C9C9; /*medium gray*/
	/*}*/
}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1280px) {
	body {
		font-size:18px;
	}
	#navigation li a {
		font-size:0.6em;
		padding: 14px 15px;
	}
	.top-section h1 {
		font-size:1.45em;
	}
	.top-section p {
		font-size:0.75em;
	}
	/*.third-1-3 p, .third-2-3 p, .third-3-3 p, .third-1-6 p, .third-2-6 p, .third-3-6 p, .third-4-6 p, .third-5-6 p, .third-6-6 p {
		font-size:0.8em;
	}*/
	/*.third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6, .third-6-6 {
		width:30.93%;
		float:left;
		text-align:center;
		font-size:0.78em;
		padding-bottom:2em;
	}
	.third-1-6, .third-3-6, .third-5-6 {
		margin-left:12.07%;
		margin-right:6%;
	}
	.third-2-6, .third-4-6, .third-6-6 {
		margin-left:6%;
		margin-right:12.07%;
	}*/
	.content-background {
		background:url(../images/new/content-back-1280.jpg) left bottom no-repeat;
	}
	.cta-about h3 {
		font-size:1.25em;
	}
	.cta-about p {
		font-size:1.05em;
	}	
	/*body {
		background-color:#9A9A9A; /*dark gray*/
	/*}*/
}
@media only screen and (max-width: 1152px) {
	.top-section h1 {
		font-size:1.3em;
	}
	.top-section p {
		font-size:0.75em;
	}
	.about-half-right h2, .about-half-left h2 {
		font-size:1.15em;
	}
	.about-half-right p, .about-half-left p {
		font-size:0.85em;
	}
	.cta-about h3 {
		font-size:1.1em;
	}
	.cta-about p {
		font-size:0.95em;
	}
	/*body {
		background-color:#FFFFCC; /*light yellow*/
	/*}*/
}
@media only screen and (max-width: 1024px) {
	#navigation li a {
		font-size:0.6em;
		padding: 14px 15px;
	}
	.seo-step h3 {
		font-size:1em;
	}
	.seo-step p {
		font-size:0.7em;
	}
	.footer-tag {
		font-size:1em;
	}
	.diy-analytics h2 {
		line-height:1.1em;
	}
	.maxmark {
		font-size:1.05em;
		line-height:1.85em;
	}
	/*body {
		background-color:#FFFF66; /*dark yellow*/
	/*}*/
}
@media only screen and (max-width: 980px) {
	#navigation li a {
		font-size:0.55em;
	}
	.seo-step h3 {
		font-size:0.95em;
	}
	.third-1-3, .third-2-3, .third-3-3, .third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6, .third-6-6 {
		font-size:0.67em;
	}
	.third-1-3 h2, .third-2-3 h2, .third-3-3 h2, .third-1-6 h2, .third-2-6 h2, .third-3-6 h2, .third-4-6 h2, .third-5-6 h2, .third-6-6 h2 {
		font-size:1.35em;
		font-weight:bold;
	}
	.half-7-12 {
		width:34.89%;
		margin-left:12.02%;
		margin-right:12.42%;
		font-size:0.83em;
	}
	.half-5-12 {
		width:25.0%;
		margin-right:12.02%;
		font-size:0.83em;
	}
	.mid-across {
		width:86.98%;
		margin:0 6.51%;
	}
	/*ANALYTICS*/
	.statement-one h3 {
		font-size:1.05em;
	}
	.mid-half-left p, .mid-half-right p {
		font-size:0.85em;
	}
	/*body {
		background-color:#FF9933; /*orange*/
	/*}*/
}
@media only screen and (max-width: 768px) {
	/*NAV*/
	#navigation {
		padding-left:0;
		font-size:1.1em;
	}
	#navigation ul {
		display:block;
	}
	#navigation li {
		float:none;
	}
	#navigation li a {
		padding: 10px 0;
		border-bottom:#3a4e73 solid 1px;
	}
	/*COLUMNS*/
	.third-1-3, .third-2-3, .third-3-3, .third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6, .third-6-6 {
		width:24.66%;
		font-size:0.58em;
	}
	.third-1-3, .third-1-6, .third-4-6 {
		margin-left:5%;
	}
	.third-3-3, .third-3-6, .third-6-6 {
		margin-right:5%;
	}
	.third-1-3 p, .third-2-3 p, .third-3-3 p, .third-1-6 p, .third-2-6 p, .third-3-6 p, .third-4-6 p, .third-5-6 p, .third-6-6 p {
		text-align:justify;
	}
	.half-7-12, .half-5-12 {
		font-size:0.75em;
	}
	/*WEB DESIGN*/
	.grayweb {
		width:90%;
		float:left;
		padding-left:5%;
		padding-right:5%;
	}
	.webtop-half-left, .webtop-half-right, .web-features, .web-left, .web-right {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.webtop-half-left {
		margin-bottom:1.75em;
	}
	.webtop-half-left, .webtop-half-right, .web-left, .web-right {
		text-align:center;
	}
	.webtop-half-left h2, .webtop-half-right h2 {
		font-size:1.25em;
	}
	.webtop-half-left p, .webtop-half-right p {
		font-size:0.85em;
	}
	.web-across {
		width:100%;
		padding:4em 0;
		margin-left:0;
		margin-right:0;
	}
	.webslide-container {
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	.web-features {
		margin-top:2.5em;
	}
	.web-features h2 {
		font-size:1.24em;
	}
	.web-features ul {
		padding-left:1.1em;
	}
	.web-features li {
		padding-bottom:0.4em;
		font-size:0.8em;
	}
	.web-background {
		margin-top:2em;
		margin-bottom:0;
		padding-top:1.5em;
		padding-bottom:2em;
		background:url(../images/new/web-back-640.jpg) no-repeat bottom left;
	}
	.web-background h2 {
		font-size:1.45em;
	}
	.web-left {
		padding:0;
	}
	.web-right {
		padding:0;
	}
	.web-left h3, .web-right h3 {
		font-size:1.2em;
		padding-bottom:0;
		margin-bottom:0;
	}
	.web-left p, .web-right p {
		margin-top:0.5em;
		font-size:0.82em;
		line-height:1.3em;
	}
	.web4 {
		width:100%;
		margin:1.7em 0 2em 0;
		padding:1.35em 0 2.2em 0;
	}
	.image-holder-web {
		width:20%;
		margin:0 auto;
	}	
	.web-benefit {
		width:90%;
		padding-left:5%;
		padding-right:5%;
		padding-top:1.7em;
	}
	.web-benefit h3 {
		font-size:1.15em;
	}
	/*ANALYTICS*/
	.statement-one h3 {
		font-size:1em;
	}
	.mid-half-left h2, .mid-half-right h2 {
		font-size:0.9em;
	}	
	.mid-half-left p, .mid-half-right p {
		font-size:0.72em;
	}
	.analytics-approach h2 {
		font-size:1.6em;
	}
	.analytics-approach li {
		font-size:0.85em;
	}	
	/*SEO*/	
	.seo-step h3 {
		font-size:0.8em;
	}
	.seo-step p {
		font-size:0.7em;
	}
	.seo-approach {
		width:70%;
		margin-left:5%;
	}
	.seo-approach h2 {
		font-size:1.35em;
	}
	.seo-approach li {
		font-size:0.9em;
	}
	.seo-approach p {
		font-size:0.9em;
	}
	.seo-approach-image {
		width:20%;
		margin-top:6em;
		margin-left:0%;
		margin-right:5%;
	}
	/*ABOUT*/
	.about-gray {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	.about-half-left, .about-half-right {
		width:95%;
		margin:0;
		padding-left:2.5%;
		padding-right:2.5%;
		float:left;
		text-align:center;
	}
	.about-half-left {
		border-bottom:#ffffff solid 1px;
		margin-bottom:0.75em;
	}
	.about-half-left h2, .about-half-right h2 {
		font-size:1.1em;
	}
	.about-half-left p, .about-half-right p {
		font-size:0.82em;
	}
	.maxmark {
		padding-top:0.8em;
		padding-bottom:2.5em;
	}
	.maxmark h2 {
		padding:0 15%;
		font-size:1.5em;
		line-height:1.2em;
	}
	.maxmark p {
		padding:0 15%;
		font-size:0.8em;
		line-height:1.3em;
	}
	.about-marketing-pic {
		width:40%;
		margin-left:30%;
		margin-right:30%;
		margin-top:-1em;
		margin-bottom:0.8em;
	}
	.about-marketing {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-bottom:-2em;
	}
	.about-marketing h2, .about-benefits h2 {
		font-size:1.4em;
		text-align:center;
	}
	.about-marketing p, .about-marketing li, .about-benefits li {
		font-size:0.82em;
	}
	.about-benefits {
		width:90%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.cta-about {
		width:52%;
		margin-left:22%;
		margin-right:22%;
		padding:0.75em 2%;
	}
	.cta-about h3 {
		font-size:1.25em;
	}
	.cta-about p {
		font-size:1.1em;
	}	
	/*body {
		background-color:#66FFCC; /*green*/
	/*}*/
}
@media screen and (max-width: 640px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
@media only screen and (max-width: 640px) {
	#tagline, .top-section, .mid-across, .third-1-3, .third-2-3, .third-3-3, .third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6, .third-6-6, .fullhead, .two-thirds, .half-text, .half-7-12, .half-5-12, .seo-approach,  .content-list, .mid-half-left, .mid-half-right, .statement-one, .analytics-approach, .diy-analytics, #footer-left, #footer-right {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.third-1-3 h2, .third-2-3 h2, .third-3-3 h2, .third-1-6 h2, .third-2-6 h2, .third-3-6 h2, .third-4-6 h2, .third-5-6 h2, .third-6-6 h2 {
		font-size:1.8em;
		font-weight:normal;
	}
	.third-1-3 p, .third-2-3 p, .third-3-3 p, .third-1-6 p, .third-2-6 p, .third-3-6 p, .third-4-6 p, .third-5-6 p, .third-6-6 p {
		text-align:center;
		font-size:1.25em;
	}
	.third-1-3, .third-2-3, .third-1-6, .third-2-6, .third-3-6, .third-4-6, .third-5-6 {
		border-bottom:#dad9d9 solid 1px;
	}
	.third-2-3, .third-3-3, .third-2-6, .third-3-6, .third-5-6, .third-6-6 {
		margin-top:2.2em;
	}
	.one-third {
		width:50%;
		margin:1em 25%;
		text-align:center;
	}
	.fullhead h2 {
		font-size:1.4em;
	}
	.half-7-12, .half-5-12 {
		text-align:center;
		font-size:0.83em;
	}
	.content-images {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		text-align:center;
	}
	.image-holder-30 {
		width:22%;
		margin:0 auto;
	}
	.actionbox-1 {
		width:90%;
		float:left;
		margin-right:2.5%;
		margin-left:2.5%;
		padding-top:0.2em;
		padding-bottom:0.2em;
		padding-left:2.5%;
		padding-right:2.5%;
		font-size:1.35em;
	}
	.icon-holder {
		width:25%;
		margin:0 auto;
	}
	.top-section {
		padding:0;
	}
	.top-section h1 {
		font-size:1.4em;
	}
	.top-section p {
		font-size:0.83em;
	}
	.top-section h3.topsub {
		font-size:0.75em;
		padding-left:10%;
		padding-right:10%;
	}
	/*WEB DESIGN*/
	.grayweb {
		width:80%;
		float:left;
		padding-left:10%;
		padding-right:10%;
	}
	.webtop-half-left, .webtop-half-right, .web-features, .web-left, .web-right {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.webtop-half-left {
		margin-bottom:1.75em;
	}
	.webtop-half-left, .webtop-half-right, .web-left, .web-right {
		text-align:center;
	}
	.webtop-half-left h2, .webtop-half-right h2 {
		font-size:1.25em;
	}
	.webtop-half-left p, .webtop-half-right p {
		font-size:0.85em;
	}
	.web-across {
		width:100%;
		padding:4em 0;
		margin-left:0;
		margin-right:0;
	}
	.webslide-container {
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	.web-features {
		margin-top:2.5em;
	}
	.web-features h2 {
		font-size:1.24em;
	}
	.web-features ul {
		padding-left:1.1em;
	}
	.web-features li {
		padding-bottom:0.4em;
		font-size:0.8em;
	}
	.web-background {
		margin-top:2em;
		margin-bottom:0;
		padding-top:1.5em;
		padding-bottom:2em;
		background:url(../images/new/web-back-640.jpg) no-repeat bottom left;
	}
	.web-background h2 {
		font-size:1.45em;
	}
	.web-left {
		padding:0;
	}
	.web-right {
		padding:0;
	}
	.web-left h3, .web-right h3 {
		font-size:1.2em;
		padding-bottom:0;
		margin-bottom:0;
	}
	.web-left p, .web-right p {
		margin-top:0.5em;
		font-size:0.82em;
		line-height:1.3em;
	}
	.web4 {
		width:100%;
		margin:1.7em 0 2em 0;
		padding:1.35em 0 2.2em 0;
	}
	.web-benefit {
		width:90%;
		padding-left:5%;
		padding-right:5%;
		padding-top:1.7em;
	}
	.web-benefit h3 {
		font-size:1.15em;
	}
	/*ABOUT*/
	.cta-about {
		width:76%;
		margin-left:10%;
		margin-right:10%;
		padding:0.75em 2%;
	}
	.cta-about h3 {
		font-size:1.25em;
	}
	.cta-about p {
		font-size:1.1em;
	}
	/*ANALYTICS*/
	.mid-half-left, .mid-half-right, .statement-one, .analytics-process, .analytics-approach, .diy-analytics, .cta-analytics {
		margin-top:1em;
		margin-bottom:1em;
	}
	.mid-half-left h2, .mid-half-right h2 {
		font-size:1em;
	}
	.statement-one h3 {
		font-size:1em;
	}
	.analytics-process {
		width:30%;
		margin-left:35%;
		margin-right:35%;
		margin-top:-1em;
	}
	.analytics-approach {
		margin-bottom:-1em;
	}
	.analytics-approach h2, .diy-analytics h2 {
		font-size:1.5em;
	}
	.cta-analytics {
		width:60.64%;
		margin-left:16.8%;
		margin-right:16.8%;
		padding:30px 3.5% 6px 3.5%;
		background:url(../images/new/analytics-actionback.jpg) top left no-repeat;
	} 
	.cta-analytics h3 {
		margin:0;
		font-size:1.6em;
		color:#ffffff;
	} 
	.cta-analytics p {
		font-size:1.3em;
		color:#ffffff;
	} 	
	/*SEO*/
	.seo-back {
		width:80%;
		padding:1.2em 10% 2.2em 10%;
	}
	.seo-back h2 {
		font-size:1.35em;
	}
	.seo-back p {
		padding:0;
		font-size:0.9em;
	}	
	.seo-step {
		width:100%;
		border-bottom:#2bbbc8 solid 1px;
	}
	.seo-step h3 {
		font-size:1em;
	}
	.seo-step p {
		font-size:0.75em;
		padding-bottom:1em;
	}
	.step-space {
		margin-right:0;
	}	
	.seo-num {
		width:10%;
		float:left;
		margin:0 45% 0.75em 45%;
	}
	.seo-approach h2 {
		font-size:1.35em;
	}
	.seo-approach li {
		font-size:0.85em;
	}
	.seo-approach p {
		font-size:0.9em;
	}
	.seo-approach-image {
		width:50%;
		margin-top:0;
		margin-left:25%;
		margin-right:25%;
	}
	/*CONTENT DEV*/
	p.content-level {
		font-size:1.5em;
	}
	/*HEADER*/
	#logo {
		width:60%;
		margin-left:20%;
		margin-right:20%;
		text-align:center;
	}
	#tagline {
		text-align:center;
	}
	/*NAV*/
	#navigation li a {
		padding: 5px 0;
	}
	.analyticsNav, .aboutNav {
		display:none;
	}
	/*MISC*/
	.grayboxback {
		width:80%;
		margin-left:7.5%;
		margin-right:7.5%;
		padding:1em 2.5%;
		text-align:left;
		background-color:#edecec;
		border:#b6b5b5 solid 1px;
		margin-bottom:3em;
		margin-top:2em;
	}
	.margintop-s {
		margin-top:1.75em;
	}
	/*FOOTER*/
	.footer-navigation {
		width:45%;
		margin:0 2.5%;
	}
	#footer-right {
		text-align:center;
	}
	/*body {
		background-color:#66FF66; /*flourescent green*/
	/*}*/	
}
@media only screen and (max-width: 480px) {
	.seo-approach li {
		font-size:0.75em;
	}
	.statement-one h3 {
		font-size:0.9em;
	}
	.cta-analytics h3 {
		font-size:1.2em;
	}
	.cta-analytics p {
		font-size:1em;
	}
	/*body {
		background-color:#66FFFF; /*blue*/
	/*}*/
}
@media only screen and (max-width: 320px) {

}