/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}
 
body {
font:small/1.5em Helvetica, Arial, Verdana, sans-serif;
color:#333;
background:#fff url(../images/bg_body.png) no-repeat 960px 0;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font:small/1.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
}
 
h1 {
font-size:2.5em;
line-height:1.1em;
font-weight:normal;
padding-bottom:20px;
color:#e83530;
}

h2 {
font-size:2em;
line-height:1.1em;
font-weight:normal;
margin-bottom:20px;
color:#e83530;
}

h2.square {
padding:0 0 0 35px;
background:url(../images/bg_head.png) no-repeat 0 2px;
}
 
h3 {
font-size:1.75em;
line-height:1.1em;
font-weight:normal;
padding-bottom:20px;
color:#e83530;
}

h4 {
font-size:1.5em;
line-height:1.2em;
font-weight:normal;
padding-bottom:20px;
color:#e83530;
}

h5 {
font-size:1.3em;
line-height:1.2em;
font-weight:bold;
padding-bottom:10px;
color:#e83530;
}

h6 {
font-size:1.15em;
line-height:1.2em;
font-weight:bold;
padding-bottom:10px;
color:#e83530;
}

.subhead1 {
font-size:.85em;
color:#7db4da;
}


/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
dl, dt, dd {
margin:0;
padding:0;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
padding:0 0 0 2px;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:65%;
bottom:0.4em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

hr {
text-align: left;/*this will align it for IE*/
margin: 0 auto 10px 0; /*this will align it left for Mozilla*/
padding-bottom:5px;
height:1px;
border:0;
border-top:1px solid #ccc;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

a {
color:#d52b1e;
}

a:link {
color:#d52b1e;
}

a:hover {
color:#333;
}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}

 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:930px;margin:0 auto; }
.nowrap        { white-space:nowrap; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nomargin      { margin:0; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.border        { border:solid 1px #e83530; }
.noborder      { border:none; }

.black         { color:#333; }
.white         { color:#fff; }
.red           { color:#e83530; }

.hide          { display:none; }


/***** Wrapper *****/
 
#wrap {
position:relative;
padding:0;
min-height:100%;
height:auto !important;
height:100%;
margin:0 0 -300px 0;
width:960px;
text-align:left;
background:#fff;
}

#header {
position:relative;
margin-bottom:15px;
padding:15px 0 25px 0;
width:960px;
height:70px;
background:#fff;
overflow:hidden;
}

#logo {
position:relative;
float:left;
padding-left:15px;
width:225px;
height:70px;
}

#logo a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#maincontent {
position:relative;
padding:15px 50px 15px 50px;
min-height:400px;
height:auto !important;
height:400px;
}

body.what #maincontent {
position:relative;
padding:15px 15px 15px 50px;
min-height:400px;
height:auto !important;
height:400px;
}

.leftColumn {
float:left;
margin:0 15px 0 15px;
width:300px;
}

.centerColumn {
float:left;
margin:0 15px 0 15px;
width:285px;
}

.rightColumn {
float:left;
margin:0 15px 0 15px;
width:200px;
}

#flash {
position:relative;
margin-bottom:15px;
width:960px;
height:325px;
text-align:center;
}

#snValue {
margin:15px auto 0 auto;
min-height:225px;
height:auto !important;
height:225px;
background:#333 url(../images/bg_burst.png) no-repeat 0 25px;
}

#snValue .content {
display:block;
padding:15px 15px 15px 100px;
}

#snValue .content p {
font-size:1.35em;
line-height:1.2em;
font-weight:normal;
color:#fff;
}

#snValue .topbar {
display:block;
padding:3px 0 3px 0;
width:100%;
color:#fff;
text-align:center;
font-weight:bold;
background:#d52b1e;
}

#snMall {
margin:15px auto 0 auto;
min-height:225px;
height:auto !important;
height:225px;
background:#ddd;
}

#snMall .content {
display:block;
padding:15px;
text-align:center;
}

#snMall .content p {
}

#snMall .topbar {
display:block;
padding:3px 0 3px 0;
width:100%;
color:#fff;
text-align:center;
font-weight:bold;
background:#d52b1e;
}

#snFeaturedWork {
margin:15px auto 0 auto;
min-height:225px;
height:auto !important;
height:225px;
background:#ddd;
}

#snFeaturedWork .topbar {
display:block;
padding:3px 0 3px 0;
width:100%;
color:#fff;
text-align:center;
font-weight:bold;
background:#d52b1e;
}

#snFeaturedWork .content {
display:block;
padding:15px;
text-align:center;
}

#content {
position:relative;
padding:25px 25px 25px 25px;
font-size:1em;
line-height:1.5em;
overflow:hidden;
}

#cards {
float:right;
margin-left:50px;
width:125px;
}

.platform {
width:500px;
}

.platform h5 {
text-align:center;
}

.platform ul {
float:left;
margin-left:25px;
}

.thumbs {
margin:0 0 15px 0;
overflow:hidden;
}

.thumb {
float:left;
margin:0 0 15px 0;
width:170px;
text-align:center;
}

.thumb span {
display:block;
padding-bottom:3px;
text-align:center;
font-size:.85em;
line-height:1.1em;
}

.thumb img {
border:solid 1px red;
}

.contact-form dl {
margin:0;
padding:0;
}

.contact-form dt {
float:left;
margin:0;
padding:0 5px 0 0;
width:10em;
text-align:right;
}

.contact-form dd {
margin:0 0 10px 0;
padding:0;
}

body.what .learnmore {
clear:both;
margin:0 0 25px 0;
}

body.what .learnmore a, 
body.what .learnmore a:link, 
body.what .learnmore a:visited {
padding:0 2px 0 2px;
color:#fff;
background:#e83530;
text-decoration:none;
}

body.what .learnmore a:hover {
padding:0 2px 0 2px;
color:#fff;
background:#333;
text-decoration:none;
}

body.what hr {
clear:both;
text-align: left;/*this will align it for IE*/
margin: 0 auto 35px 0; /*this will align it left for Mozilla*/
padding-bottom:5px;
height:1px;
border:0;
border-top:1px solid #ccc;
}

.what-summary {
float:left;
position:relative;
margin-bottom:15px;
padding:15px 10px 0 0;
width:430px;
background:url(../images/bg_blend.jpg) no-repeat 0 0
}

.what-summary img {
float:left;
margin:0 0 0 10px;
overflow:hidden;
}

.what-summary ul {
padding:10px 15px 15px 15px;
width:150px;
}

.what-summary-text {
float:left;
padding-left:25px;
width:175px;
}

.what-summary p strong {
padding-bottom:5px;
}

.KeyBenefits {
margin-left:15px;
}

.KeyBenefits td {
width:50%;
vertical-align:top;
}

#imageContainer {
clear:both;
float:right;
position:relative;
margin:auto;
width:300px;
overflow:hidden;
}

#inside-top-visual {
margin-bottom:15px;
}

#inside-top-visual-left {
float:left;
width:350px;
margin-right:25px;
margin-bottom:15px;
}

.inside-top-visual-text {
position:relative;
float:left;
padding:45px 0 0 0;
}

#left-side {
clear:left;
float:left;
position:relative;
width:275px;
}

#right-side {
float:right;
position:relative;
padding-right:50px;
padding-bottom:40px;
padding-left:25px;
width:225px;
background:none;
}

.fader {

}

.left-column {
float:left;
position:relative;
width:275px;
}

.right-column {
float:right;
position:relative;
width:585px;
}

.listcolumns {
overflow:hidden;
}

.list2column {
float:left;
margin-right:15px;
}

#footer {
position:relative;
width:910px;
height:300px;
margin:0 0 0 0;
padding:25px;
text-align:left;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
font-weight:normal;
border-top:solid 0px #eee;
background:#fff;
}

#footer strong {
display:block;
font-size:10px;
line-height:12px;
font-weight:bold;
padding-bottom:8px;
}

#footer div {
float:left;
margin-right:10px;
padding-left:5px;
width:115px;
overflow:hidden;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
padding-bottom:5px;
}

#footer a {
color:#d52b1e;
text-decoration:none;
text-decoration:underline;
}

#footer a:hover {
color:#fff;
text-decoration:none;
background:#d52b1e;
}

.one, 
.two, 
.three, 
.four, 
.five, 
.six, 
.seven {
padding:10px 0 0 0;
border-top:solid 8px #333;
border-left:solid 0px #333;
}

.push {
clear:both;
width:930px;
height:300px; /* .push must be the same height as .footer */
}


/* ---------------------------------------------------------------------------

=navigation

--------------------------------------------------------------------------- */

#navigation {
float:right;
position:relative;
width:706px;
height:38px;
margin:22px 0 0 0;
padding:0;
border-bottom:solid 10px #d52b1e;
background:#fff;
overflow:hidden;
}

#nav {
position:relative;
float:left;
margin:0;
padding:0 0 0 32px;
list-style:none;
font:1.0em/1.5em Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
color:#333;

}

#nav li {
float:left;
margin:0;
height:38px;
text-indent:-9999px;
}

#nav li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#nav_home, #nav_home a { 
width: 84px;
background: url(../images/nav_home.png) no-repeat 0 0;
}

#nav_about, #nav_about a {
width: 102px;
background: url(../images/nav_about.png) no-repeat 0 0;
}

#nav_what, #nav_what a {
width: 126px;
background: url(../images/nav_what.png) no-repeat 0 0;
}

#nav_work, #nav_work a {
width: 88px;
background: url(../images/nav_work.png) no-repeat 0 0;
}

#nav_news, #nav_news a {
width: 74px;
background: url(../images/nav_news.png) no-repeat 0 0;
}

#nav_contact, #nav_contact a {
width: 118px;
background: url(../images/nav_contact.png) no-repeat 0 0;
}

/* hover state */

#nav li a:hover {
background-position: 0 -38px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover,
body.about #nav #nav_about, body.about #nav #nav_about a, body.about #nav #nav_about a:hover,
body.what #nav #nav_what, body.what #nav #nav_what a, body.what #nav #nav_what a:hover,
body.work #nav #nav_work, body.work #nav #nav_work a, body.work #nav #nav_work a:hover,
body.news #nav #nav_news, body.news #nav #nav_news a, body.news #nav #nav_news a:hover,
body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
background-position: 0 -76px;
}


/* ---------------------------------------------------------------------------

=Sub Navigation

--------------------------------------------------------------------------- */

.subnav {
position:relative;
clear:both;
float:right;
margin:0 0 25px 25px;
padding:0 0 10px 0;
width:280px;
color:#333;
background:#e6e6e6 url(../images/subnav_bottom.png) no-repeat 0 bottom;
z-index:100;
}

.subnav .title {
display:block;
padding:5px 5px 5px 30px;
color:#333;
border:solid 1px #ddd;
background:#fff;
}

.subnav .title a,
.subnav .title a:link {
color:#333;
}

.subnav ul {
position:relative;
margin:0;
padding:15px 15px 15px 25px;
background:url(../images/bg_column_corner.png) no-repeat 0 0;
}

.subnav li {
position:relative;
margin:0;
padding:1px 0 1px 20px;
list-style-type:none;
background:url(../images/burst_bullet_white.png) no-repeat 0 50%;
}

.subnav a,
.subnav a:link {
position:relative;
color:#333;
}

.subnav a:hover {
position:relative;
text-decoration:none;
}

.subnav .active {
position:relative;
color:#d52b1e;
background:#fff url(../images/burst_bullet_red.png) no-repeat 0 50%;
text-decoration:none;
}

.subnav .active a {
position:relative;
color:#d52b1e;
text-decoration:none;
}

body.marketing .subnav_marketing,
body.interactive .subnav_interactive,
body.mobile .subnav_mobile {
position:relative;
color:#d52b1e;
background:#fff url(../images/burst_bullet_red.png) no-repeat 0 50%;
text-decoration:none; 
}

body.marketing .subnav_marketing a,
body.interactive .subnav_interactive a,
body.mobile .subnav_mobile a {
position:relative;
color:#d52b1e;
text-decoration:none;
}

body.merchant .subnav_merchant,
body.best .subnav_best,
body.digital .subnav_digital,
body.video .subnav_video,
body.licensed .subnav_licensed,
body.gift .subnav_gift,
body.branded .subnav_branded,
body.redemption .subnav_redemption {
position:relative;
color:#d52b1e;
background:#fff url(../images/burst_bullet_red.png) no-repeat 0 50%;
text-decoration:none; 
}

body.merchant .subnav_merchant a,
body.best .subnav_best a,
body.digital .subnav_digital a,
body.video .subnav_video a,
body.licensed .subnav_licensed a,
body.gift .subnav_gift a,
body.branded .subnav_branded a,
body.redemption .subnav_redemption a {
position:relative;
color:#d52b1e;
text-decoration:none;
}


/* ---------------------------------------------------------------------------

Customer & Shopper Marketing Columns

--------------------------------------------------------------------------- */

.column-header {
position:relative;
margin:15px auto 25px auto;
padding:0;
width:240px;
color:#333;
text-align:center;
background:#e6e6e6;
}

.csm-columns {
float:left;
width:815px;
margin-bottom:25px;
color:#333;
overflow:hidden;
}

.csm-columns ul {
padding:25px 25px 25px 65px;
list-style-type:square;
}

.csm-columns .column-top {
padding:10px 15px 10px 15px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-align:center;
background:#d52b1e;
}

.column-header .column-top {
padding:5px 15px 5px 15px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-align:center;
background:#d52b1e;
}

.column-header .inside {
padding:20px 20px 20px 90px;
font-weight:bold;
background:url(../images/icons-website-mobile.png) no-repeat 10px 40%;
}

.column1,
.column2 {
float:left;
position:relative;
margin-right:25px;
padding:0 0 0 0;
}

.column3 {
float:left;
position:relative;
padding:0 0 0 0;
}

.column1 .inside {
width:255px;
height:26em;
background:#e6e6e6;
}

.column2 .inside{
width:255px;
height:26em;
background:#e6e6e6;
}

.column3 .inside{
width:255px;
height:26em;
background:#e6e6e6;
}

.column1 ul,
.column2 ul,
.column3 ul {
background:url(../images/bg_column_corner.png) no-repeat 0 0;
}

.icon-blog-02 {
position:absolute;
top:70px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_blog_02.png) no-repeat 0 0;
}

.icon-twitter {
position:absolute;
top:150px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_twitter.png) no-repeat 0 0;
}

.icon-sms {
position:absolute;
top:235px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_sms.png) no-repeat 0 0;
}

.icon-globe {
position:absolute;
top:70px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_globe.png) no-repeat 0 0;
}

.icon-email-01 {
position:absolute;
top:150px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_email_01.png) no-repeat 0 0;
}

.icon-forums-02 {
position:absolute;
top:235px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_forums_02.png) no-repeat 0 0;
}

.icon-forums-01 {
position:absolute;
top:70px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_news_01.png) no-repeat 0 0;
}

.icon-info {
position:absolute;
top:150px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_info.png) no-repeat 0 0;
}

.icon-email-02 {
position:absolute;
top:160px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_networks.png) no-repeat 0 0;
}

.icon-graph-01 {
position:absolute;
top:235px;
left:185px;
width:38px;
height:38px;
background:url(../images/icon_graph_01.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------------------

= Rounded Boxes

--------------------------------------------------------------------------- */

.tl {
position:absolute;
display:block;
top:0;
left:0px;
width:12px;
height:12px;
background:url(../images/corner_tl.png) no-repeat 0 0;
}

.tr {
position:absolute;
display:block;
top:0;
right:0px;
width:12px;
height:12px;
background:url(../images/corner_tr.png) no-repeat 0 0;
}

.bl {
position:absolute;
display:block;
bottom:0;
left:0px;
width:12px;
height:12px;
background:url(../images/corner_bl.png) no-repeat 0 0;
}

.br {
position:absolute;
display:block;
bottom:0;
right:0px;
width:12px;
height:12px;
background:url(../images/corner_br.png) no-repeat 0 0;
}


/* ---------------------------------------------------------------------------

= Home Page

--------------------------------------------------------------------------- */

body.home #maincontent {
position:relative;
margin:0 15px 0 15px;
padding:15px 0 15px 0;
min-height:50px;
height:auto !important;
height:50px;
}

body.home #maincontent h2 {
position:relative;
margin:0;
padding:0;
font-size:18px;
line-height:1.1em;
font-weight:normal;
color:#333;
}

body.home .box-gray-rounded {
position:relative;
margin:-10px 0 0 0;
padding:0 0 0 0;
width:930px;
background:#e6e6e6;
}

body.home .box-gray-rounded .padding {
position:relative;
padding:20px 25px 20px 75px;
}

body.home .box-gray-rounded .tl {
position:absolute;
display:block;
top:0px;
left:0px;
width:12px;
height:12px;
background:url(../images/corner_tl.png) no-repeat 0 0;
}

body.home .box-gray-rounded .tr {
position:absolute;
display:block;
top:0px;
right:0px;
width:12px;
height:12px;
background:url(../images/corner_tr.png) no-repeat 0 0;
}

body.home .box-gray-rounded .bl {
position:absolute;
display:block;
bottom:0px;
left:0px;
width:12px;
height:12px;
background:url(../images/corner_bl.png) no-repeat 0 0;
}

body.home .box-gray-rounded .br {
position:absolute;
display:block;
bottom:0px;
right:0px;
width:12px;
height:12px;
background:url(../images/corner_br.png) no-repeat 0 0;
}