/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body{font:13px "Trebuchet MS", verdana, arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}


.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
img,div,span,a,p,h1,h2,h3,h4,h5,h6 {behavior: url(images/iepngfix.htc)}

/* =elements ***************************** */
a:link			{color: #0066cc;text-decoration: underline;}
a:active		{color: #0066cc;}
a:visited		{color: #0066cc;}
a:hover		{color: #0066cc; }

a.rss {background: url(images/icon-rss.gif) no-repeat 0 1px;padding: 0 0 0 25px;}
em {font-size: 107%;font-style: normal;font-weight: bold;}
.ditto_summaryPost span {margin: 5px 10px 3px 10px;font-size: 100%;display: block;}
div.job-info p {width:300px;margin:10px auto;}

/* =typography***************************** */
#main-content h1,h2,h3,h4,h5,h6 {margin: 30px 10px 5px;}
#main-content h1 {color: #0066cc;font-size: 167%;}
#main-content h2 {color: #999;font-size: 144%;margin: 10px 10px 5px;}
#main-content h3 {color: #999;font-size: 129%;margin: 10px 10px 5px;}
#main-content h4 {color: #999;font-size: 114%;margin: 10px 10px 5px;}
#main-content h4 a {color: #999;text-decoration: none;}
#main-content p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}
#main-content ul {margin: 15px 10px;list-style: none;}
#main-content ul li {line-height: 2em;color: #3a3a3a;background: url(images/arrow.gif) no-repeat 0 .75em;padding: 0 0 0 15px;}


/* =home page***************************** */
#header.header-home {padding: 26px 0 0 0;}#header #header-cta {width: 960px;margin: 0 auto;background: url(images/illustration-home2.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-about-us {width: 960px;margin: 0 auto;background: url(images/illustration-contact-us.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-contact-us {width: 960px;margin: 0 auto;background: url(images/illustration-contact-us1.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-socialmedia {width: 960px;margin: 0 auto;background: url(images/illustration-socialmedia.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-seo-search-engine-optimization {width: 960px;margin: 0 auto;background: url(images/illustration-seo-search-engine-optimization.gif) no-repeat left top; padding: 30px 0 20px 0px;}
#header-proposal {width: 960px;margin: 0 auto;background: url(images/illustration-home.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-advangel-ad-network {width: 960px;margin: 0 auto;background: url(images/illustration-home.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-collegiate-marketing {width: 960px;margin: 0 auto;background: url(images/illustration-collegiatemarketing.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-ppc-pay-per-click {width: 960px;margin: 0 auto;background: url(images/illustration-ppc-pay-per-click.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header-marketing-services{width: 960px;margin: 0 auto;background: url(images/illustration-marketing-services.jpg) no-repeat left top; padding: 30px 0 20px 0px;}
#header #header-cta2 {padding-left:425px;}
#header #header-cta2 h1 {font-size: 28px;margin: 0 10px;color: #fff;width: 520px;}
#header #header-cta2 span#sub-text {margin: 10px;width: 390px;display: block;height: 24px;background: url(images/heading-sub-cta.jpg) no-repeat 0 0;text-indent: -9999px;}
#header #header-cta2 p {color: #fff;width: 489px;font-size: 100%; line-height: 1.7em;margin: 10px;}
#header #header-cta2 a {display: block; width: 393px; margin: 0 10px;height: 35px;text-indent: -9999px; background: url(images/cta-home-button.gif) no-repeat;}
#main-content-home {float: right; width: 960px;overflow: hidden;padding: 0 0 20px 0;}

ul#home-list {list-style: none;margin: 10px 0 0 0;}
ul#home-list li {width: 475px;background: url(images/background-cardlet2.jpg) no-repeat 0 0;height: 223px;float: left;margin: 10px 5px 0 0;display: inline;position: relative;}
ul#home-list li h2 {color: #0066cc;clear: both;margin: 20px 20px 5px;font-size: 144%;}
ul#home-list li p {padding: 0 0 30px 95px;font-size: 100%;line-height: 1.6em;margin: 10px 20px;color: #373737;}
ul#home-list li#paid-box p {background: url(images/google-icon.jpg) no-repeat 0 0;}
ul#home-list li#search-box p {background: url(images/seo-icon.jpg) no-repeat 0 0;}
ul#home-list li#internet-box p {background: url(images/paid-icon.jpg) no-repeat 0 0;}
ul#home-list li#social-box p {background: url(images/social-media-icon.jpg) no-repeat 0 0;}
ul#home-list li#college-box p {background: url(images/college-icon.jpg) no-repeat 0 0;}
ul#home-list li#advangel-box p {background: url(images/advangel-icon.jpg) no-repeat 0 0;}
a.link-button {position: absolute; right: 17px; bottom: 15px;width: 225px; height: 25px;text-align: center;font-size: 92%;text-decoration: none;color: #0066cc;text-decoration: underline;font-size: 100%;padding: 5px 0 0 0;}


#extra {background: #eaeaea url(images/footer-sub-bg.gif) repeat-x top;clear: both;}
#extra-inner {width: 960px; margin: 0 auto 20px;padding: 40px 0 20px 0;}
#extra-inner div {margin: 0 0 0 20px;float: left;width: 300px;display: inline;}
#extra-inner div p {background: url(images/icon-signup.png) no-repeat right 1em;color: #595a5b;line-height: 1.6em;padding: 10px 63px 0 0;width: 220px;overflow: hidden;}
#extra #extra-inner div h3 {font-size: 10px;color: #595a5b;border-bottom: 4px solid #dcdcdc;margin: 0 0 5px 0;padding: 0 0 3px 0;width: 300px;}
#extra #extra-inner #newsletter {margin: 5px 0 20px 0;}
#extra #extra-inner #newsletter label{color: #595a5b;font-weight: bold;padding: 0 0 0 0;line-height: 1.6em;}
#extra #extra-inner #newsletter input {float: left;}
#extra #extra-inner #newsletter input.button {margin: -4px 0 0 10px;}

#extra-inner ul#fresh-ideas {list-style: none;}
#extra-inner div ul#fresh-ideas li {float: left;margin: 10px 6px 0px 0;display: inline;}
#extra-inner div ul#fresh-ideas li a {display: block;width: 67px;height: 67px;background: #e2e2e2; border: 1px solid #a8a8a8;}

#extra-inner div ul#blog-posts {list-style: none;float: left;}
#extra-inner div ul#blog-posts li {float: left;margin: 10px 6px 0px 0;clear: both;width: 250px;}
#extra-inner div ul#blog-posts li a {display: block;background: url(images/icon-blog.gif) no-repeat 0 0; padding: 0 0 0 25px;color: #595a5b;}
#extra-inner div a.rss {color: #005ae1;float: left; margin: 20px 0 0 2px;}


/* =tools pages***************************** */
#main-content-results h1,h2,h3,h4,h5,h6 {margin: 30px 10px 5px;}
#main-content-results h1 {color: #0066cc;font-size: 167%;}
#main-content-results p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}
#main-content-results table {font-size: 92%;width: 940px;margin: 20px auto;}
#main-content-results table td {padding: 7px 4px;}
#google {margin: 20px 0;}
#google table td {padding: 5px 10px;}
#saturation {margin: 10px 0 0 0;}
#saturation td {padding: 5px 10px;}
#main-content .tools {margin: 20px 10px;}
#main-content .tools table td {width: 250px;float: left;}
#main-content .tools table td label {color: #5e5e5e;font-weight: bold;display: block;margin: 0; padding: 0 0 5px 0;}
#main-content .tools table td input {margin: 0;padding: 0;}
#main-content .tools table td select {display: block;margin:10px 0 0 0;}

/* =top ctas ***************************** */
.cta-top {height: 137px;padding: 30px 360px 0 20px;}
.cta-top p {font-size: 114%;;color: #3a3a3a;line-height: 1.3em;}
.cta-top p#sifr-emphasis {font-weight: bold;font-size: 22px;color: #3a3a3a;margin: 0 0 3px 0;}
#cta-1 {background: url(images/bottle-cap-strip-1.jpg) no-repeat 0 0;}
#cta-2 {background: url(images/bottle-cap-strip-3.jpg) no-repeat 0 0;padding: 35px 355px 0 20px}
#cta-3 {background: url(images/bottle-cap-strip-3.jpg) no-repeat 0 0;padding: 10px 355px 0 20px}
#cta-4 {background: url(images/bottle-cap-strip-4.jpg) no-repeat 0 0;}
#cta-5 {background: url(images/bottle-cap-strip-5.jpg) no-repeat 0 0;}
#cta-6 {background: url(images/bottle-cap-strip-6.jpg) no-repeat 0 0;}
#cta-7 {background: url(images/bottle-cap-strip-no-logo-search.jpg) no-repeat 0 0;}

/* =grids ***************************** */
#header {position: relative;padding: 26px 0 20px 0;background: #000000 url(images/bg2.gif) repeat-x;border-bottom: 7px solid #00477c;}
#header #navigation {position: relative;width: 960px;height: 53px;margin: 0 auto;}
#header #navigation a#logo {position: absolute;left: 0;top: 0; background: transparent url(images/logo6.png) no-repeat 0 0; width: 250px; height: 64px;text-indent: -9999px;}
#header #navigation ul {padding: 6px 0 0 270px;list-style:none;}
#header #navigation ul li {float:left;}
#header #navigation ul li a {font-weight: bold;float: left;color: #fff;padding: 10px 14px;text-decoration: none;height: 16px;}
#header #navigation ul li a:hover {background: #5a5858;}
#header #navigation span {float: right;width: 165px; height: 25px;background: url(images/refreshing-marketing.png) no-repeat;text-indent: -9999px;margin: 8px 0 0 0;}
#header #top-pattern {position: absolute; top: -26px; right: 0;width: 131px; padding-top:6; height: 26px; color:#fff; font-family:"Courier New", Courier, monospace; font-size:x-small}

#body {width: 960px;margin: 0 auto;}


#main-content {float: right; width: 636px;overflow: hidden;padding: 0 0 50px 0;}

#side-content {float: left; width: 324px;padding: 0 0 50px 0;}
#side-content object {display: block; margin: 30px auto 0 auto;}
#side-content img {display: block; margin: 30px auto 0 auto;}
#side-content img.diagram {display: block; margin: 20px auto 0 auto;}
#side-content h3 {font-size: 18px;}
#side-content ul.side-navigation {list-style: none;width: 300px;margin: 30px auto 0 auto;border-top: 1px solid #ccc;}
#side-content ul.side-navigation li {display: inline;}
#side-content ul.side-navigation li a span {display: block;background: url(images/arrow.gif) no-repeat .8em .9em;padding: 7px 0 7px 30px;width: 270px;}
#side-content ul.side-navigation li a {display: block; font-size: 100%;color: #000;text-decoration: none;border-bottom: 1px solid #ccc;}
#side-content ul.side-navigation li a:hover {background: url(images/nav-sub-bg.gif) repeat-y right;}
#side-content ul.side-navigation li ul {border: none;margin: 0;}
#side-content ul.side-navigation li ul li a span {background: url(images/arrow.gif) no-repeat 2.5em .9em;padding: 7px 0 7px 55px;width: 245px;}
#side-content address {line-height: 1.4em;margin: 3px 10px;color: #2e2e2e;}
#side-content #map {margin:20px auto -18px;border:1px solid #666;}
#side-content #marketing-handbook {width: 200px;margin: 30px auto 20px auto;padding: 5px 5px 15px 90px; border: 1px solid #b4b4b4;background: url(images/book.jpg) no-repeat 5px 5px;}
#side-content #marketing-handbook h3 {color: #0066cc;font-size: 107%;margin: 0; padding: 0;}
#side-content #marketing-handbook p {color: #595a5b;font-size: 85%;margin: 5px 0;}
#side-content #marketing-handbook a {font-size: 85%;line-height: 1.2em;display: block; margin: 3px 0 0 0;}
#side-content #side-placeholder {width: 298px;margin: 20px auto; border: 1px solid #b4b4b4;height: 150px;background: #efefef;}

#footer.footer-home {background: #404040 url(images/footer-bg.gif) repeat-x top;clear: both;padding: 0;}
#footer {background: #404040 url(images/footer-bg-2.gif) repeat-x top;clear: both;padding: 42px 0 0 0;}
#footer-inner {width: 960px; margin: 0 auto;overflow: hidden;}
#footer-inner ul {list-style: none;float: left;width: 960px;margin: 8px 0;}
#footer-inner ul li {float: left;margin: 0 10px;}
#footer-inner ul li a {color: #fff; text-decoration: none;font-size: 92%;}
#footer-inner p {color: #dbdbdb;margin: 15px 10px 10px 10px;float: left;font-size: 92%;}
#footer-inner a.rss {color: #dbdbdb;margin: 0 10px;padding: 0 0 0 20px;}
#footer-inner a#back-to-top {float: right;width: 94px; height: 27px;text-indent: -9999px; background: url(images/back-to-top.gif) no-repeat bottom;margin: 12px 0 0 0;}

/* =sIFR screen ***************************** */
.sIFR-flash {visibility: visible !important;margin: 0;z-index:100000;position:relative;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}

/* These are standard sIFR styles... do not modify */

/* =Forms ********************************** */
table.form th {padding:5px 15px 5px 10px;vertical-align:top;}
table.form td {padding:5px;}
table.form label {font-weight:normal;}
table.form input.text, table.form textarea, table.form select, table.form input.file {padding:2px;width:296px;}
/*table.form input.file {border-top-color:#fff;}*/
table.form select {width:auto;}
table.form div.submit {width:420px;margin-left:5px;}
table.form div.submit input {padding:2px;float:right;}
table.form .full {width:410px;margin-left:5px;}
#main-content table.form h2 {margin-left:5px;}

/* =Case Studies **************************** */
#main-content #case-studies li {line-height:1.2em;margin:1em 0;background-position:0 0.43em;}


.clear {
	clear: both;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clear:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clear {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clear {height: 1%;}
 .clear {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* Press Release section */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #88090D;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #C00E14;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #C00E14;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #88090D;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

.pressroom-text
{
	width:520px; display:block; float:left;
}

p.pressfeed {background: url(images/feed-icon.jpg) no-repeat 0.25em 0.25em; padding-left: 25px; border:1px solid #CCCCCC; background-color:#E9E9E9;}

/* Side Navigation for the Press Room Page */

#side-content table a.feed {background: url(images/feed-icon.jpg) no-repeat .25em 0; padding-left: 22px;}
#side-content table a.bullet {background: url(images/arrow.gif) no-repeat .25em 0; padding-left: 22px;}
#side-content table td {padding: 3px 0 6px 6px;}
#side-content h2 {color: #999;font-size: 120%;margin: 10px 10px 5px;}
#side-content p {margin: 0 10px 8px 10px;line-height: 1.15em;color: #3a3a3a;}
#side-content div.dark {background-color:#EBEBEB; padding:3px; margin-top: 20px; width: 90%;}
#side-content div.white {background-color:#FFF; padding:3px; margin-top: 15px;}

/* Side Navigation - Photos */
#inspiration {
	background-color:#fff;
	padding:3px;
	margin:5px 15px 5px 0; 
	width:300px;
}

#inspiration img:hover {
	border:1px solid #CCC;
}


 #inspiration img {
  float:left;
  margin:0;
  background:#14224E;
  width:50px;
  margin:3px;
  height:50px;
   border:1px solid #000;
 }

.table-icon {width:25px;}
table.sm-display {margin: 10px 0 20px 10px; width:610px;;}
table.sm-display td {padding:3px 0 6px 0}
table.sm-display td a.text-link {background: url(images/arrow.gif) no-repeat 0 .25em; padding-left: 20px;}