@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}


/*----- CORE ELEMENTS -----*/
#mainBody {background:url(/images/noise-gray.png) repeat center top}
#mainBG{background:url(../images/bg.gif) repeat-x center top}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;position:relative; min-width:950px;background:#fff}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}
footer{z-index:1}
#siteWrap2{z-index:2;-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0,0,0,0.3);position:relative}
#banner{z-index:3;-moz-box-shadow: 0 10px 10px #fff;-webkit-box-shadow: 0 10px 10px #fff;box-shadow: 0 10px 10px #fff;}
header{z-index:4;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2)}
/*----- Text Styles -----*/
body, .text, input{font-family:myriad-pro, Arial, Helvetica, sans-serif}
body, .text{font-size:16px;line-height:1.4em;color:#666; font-weight:300; font-style:normal}
body, .text, th{text-align:left}

a{color: #f03c5e;text-decoration:none;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear}
a:hover, a:active{color:#69C}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:15px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:300}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt, b, strong{color:#000; font-weight:300}
em, i{font-style: italic}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px solid #ccc;margin-top:10px;padding-top:5px;clear:both}
hr{height:0px;margin:30px 0 20px}
p{font-size:1em}
h1{font-size:1.6em;margin-bottom:25px; line-height:1.15em}
h2{font-size:1.3em;clear:left;line-height:1.15em}
p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3{margin-top:35px}
h3{font-size:1.2em;clear:left;margin-bottom:7px}
h4, th{font-size:1.15em}
p+h4, ul+h4{margin-top:25px}
h4+ul{margin-top:-10px}
h5, h6, h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/icons/16x16/bullet-red.gif) no-repeat 10px 4px;margin-top:3px;padding-left:25px; color:#000}
#content ul, #content_home ul, .contentEditor ul{clear:left}
#content ol, #content_home ol, .contentEditor ol{margin-left:30px;clear:left}
#content ul li ul, #content_home ul li ul, .contentEditor ul li ul{margin-bottom:5px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li, #content .note.glossary li{background:url(/images/icons/16x16/bullet.gif) no-repeat 10px 4px;margin-top:3px;color: #666;margin-top:2px;font-size:.92em;line-height:1.4em}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/*----- Forms -----*/
.formBox, .ValidatorTextClass input{padding: 2px 3px}
.formBox, .formTextarea, select, .ValidatorTextClass input {line-height:1.15em;color:#000;background-color:#efefef;border:1px solid #ccc;
	-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.08);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.08);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.08);
	}
.formTextarea{padding: 2px 0px}
.formSelect{padding:0;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton{padding:4px 6px;background: url(/images/noise-red-header.gif) repeat 0 0;cursor:pointer;color:#fff;line-height:1.15em;position:relative;bottom:0;margin-left:4px;font-size:1em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.2);box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
	-moz-border-radius: .4em;border-radius: .4em;
	-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;
}
a.formButton{padding:6px 9px;display:block;width:auto}
.formButton:hover, a.formButton:hover{text-decoration:none;color:#fff;
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.4);-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4);box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.formButton:focus, .formButton:active {bottom:-2px;
	-moz-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
input.formBox.bulky, input.formButton.bulky {padding:4px 6px;font-size:1.3em}
a.formButton.bulky {padding:10px 15px; font-size:1.3em}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}
.buttonLine{margin:50px 0}
.buttonLine em {padding:0 20px}
.contactTable {margin:30px 0 0 70px}
.contactTable td{padding:0 5px 5px 0}

.login input{float:left;clear:left}
.login .formBox.bulky{margin:5px 0 20px; font-size:.9em; padding:.2em 10px; width:430px; display:block}
.login .formButton.bulky{margin:25px 0 0; font-size:.9em; padding:.4em 30px; width:450px; display:block}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}

#labels,#siteWrap2 {float:left;clear:left; width:100%}

/*----- HEADER -----*/
header{height:100px; width:100%;height:100px; position:fixed;background-color:#fff;top:0;left:0;}
.home header{position:relative;float:left;width:100%;clear:left; z-index:4}
header>div{width:100%;margin-right:auto;margin-left:auto; position:relative}
.login header div{width:450px}

#brand{width:349px;height:35px;position:absolute;left:30px;top:49px;background:url(/images/exposure_results_that_get_you_noticed.png) no-repeat 0 0;display:block}

#t1 {width:550px;position:absolute;right:10px;top:58px;height:25px}
#t1>ul {float:right}
#t1 li{float:left;-webkit-text-size-adjust: none; font-size:16px}
#t1 li:first-child{border-left:0}
#t1 a{display: block;color:#000;text-decoration:none;padding:4px 14px;line-height:1em;text-shadow: 0 1px 0 rgba(255,255,255,1); text-transform:lowercase}
#t1 a:hover, .t1 a:active{color:#f03c5e}
#t1 a.on, .t1 a.on:hover, .t1 a.on:active{color:#f03c5e}
#t1 img{margin-right:0}
#t1 li ul{position:absolute;z-index:9999;width:200px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
#t1 li ul li{float:none;display: block}
#t1 li ul li a{color:#fff;text-decoration:none;padding:5px 10px; display:block}
#t1 li ul li a:hover, .t1 li ul li a:active{color:#26350c;background:#fff}

#banner{height:50px; background:url(/images/noise-red-header.gif) repeat-x center 0;overflow:hidden;position:fixed; width:100%;top:100px}
#tracks{height:38px;width:550px; background:url(/images/tracks.png) no-repeat 0 0; position:absolute;left:0; top:0;z-index:2}
#headline{width:100%;height:50px;left:50%;margin:0px 0 0 -50%; color:#fff; font-size:1.3em; line-height:2.4em; text-align:right; z-index:auto;position:absolute;text-shadow: 0 1px 2px rgba(185,46,72,0.4)}
#headline a{font-size:1.15em;padding:0 12px 0 20px;color:#fff;font-weight:400}
#leftSlash{width:64px;height:37px;position:absolute;left:0;top:13px;background:url(../images/slash_overlay_left.png) no-repeat 0 0}
.home #leftSlash{width:70px;height:100px;position:absolute;left:0;top:13px;background:url(../images/home/slash_overlay_left.png) no-repeat 0 0}
.home #rightSlash{width:70px;height:130px;position:absolute;right:0;top:57px;background:url(../images/home/slash_overlay_right.png) no-repeat 0 0}

.home #banner{height:140px;padding:30px 0; background:url(/images/noise-red-header.gif) repeat 0 0;overflow:hidden;position:relative;float:left;clear:left;top:0;-webkit-transform:translate3d(0,0,0)}
.home #headline{width:950px;height:200px;position:absolute;left:50%;margin:0 0 0 -475px;}
.login #headline{width:450px;margin:40px 0 0 -225px}
#contact{width:270px;height:110px;padding:15px 20px;float:left;z-index:3;font-size:.75em;line-height:1.2em;text-align:left;right:0;top:0;overflow:hidden;color:#000;text-shadow:none;background:url(../images/home/headline_bg.gif) repeat-x center top;-moz-border-radius:.6em;border-radius:.6em}
#contact a{display:block;color:#f03c5e;font-size:2em;padding:12px 0}
#services{width:545px;height:140px;padding-right:25px;float:left;border-right:1px solid #f58698;margin-right:69px;}
#services ul{float:left;text-align:left;margin-right:25px;width:300px}
#services ul+ul{margin-right:0;width:220px}
#services ul li{display:inline}
#services ul li a{color:#fff;font-size:.8em;line-height:1.2em;font-weight:300;width:300px;padding:0;height:30px;margin:0;display:block;margin-bottom:2px;text-transform:none;background-repeat:no-repeat;background-position:10px 2px;position:relative;-moz-border-radius:.6em;border-radius:.6em;}
#services ul li a:hover, #services ul li a:active{background-color:#fff;color:#000;text-shadow:none}
#services ul li a.seo{background-image:url(../images/home/icon_seo.png)}
#services ul li a span{width:300px;height:30px;position:absolute;left:0;top:0;-moz-border-radius:.6em;border-radius:.6em;display:block;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
#services ul li a.seo span{background:#fff url(../images/home/icon_seo_hover.png) no-repeat 10px 2px;}
#services ul li a:hover span, #services ul li a:active span{opacity:1;filter:alpha(opacity=100)}
#services ul li a span+span{width:250px;height:13px;padding:6px 5px 6px 45px;display:block;position:absolute;left:0;top:0;opacity:1;filter:alpha(opacity=100);background:none}

#services ul li a.ppc{background-image:url(../images/home/icon_ppc.png)}
#services ul li a.ppc span{background:#fff url(../images/home/icon_ppc_hover.png) no-repeat 10px 2px;}
#services ul li a.emailMarketing{background-image:url(../images/home/icon_email_marketing.png)}
#services ul li a.emailMarketing span{background:#fff url(../images/home/icon_email_marketing_hover.png) no-repeat 10px 2px;}
#services ul li a.analytics{background-image:url(../images/home/icon_analytics.png)}
#services ul li a.analytics span{background:#fff url(../images/home/icon_analytics_hover.png) no-repeat 10px 2px;}
#services ul li a.strategy{width:220px;background-image:url(../images/home/icon_marketing_strategy.png)}
#services ul li a.strategy span{width:220px;background:#fff url(../images/home/icon_marketing_strategy_hover.png) no-repeat 10px 2px;}
#services ul li a.contentDevelopment{width:220px;background-image:url(../images/home/icon_content_development.png)}
#services ul li a.contentDevelopment span{width:220px;background:#fff url(../images/home/icon_content_development_hover.png) no-repeat 10px 2px;}
#services ul li a.socialMedia{width:220px;background-image:url(../images/home/icon_social_media.png)}
#services ul li a.socialMedia span{width:220px;background:#fff url(../images/home/icon_social_media_hover.png) no-repeat 10px 2px;}
#services ul li a.more{width:220px;background-image:url(../images/home/icon_more.png)}
#services ul li a.more span{width:220px;background:#fff url(../images/home/icon_more_hover.png) no-repeat 10px 2px;}
#services ul li a.strategy span+span, #services ul li a.contentDevelopment span+span, #services ul li a.socialMedia span+span, #services ul li a.more span+span{width:170px;height:13px;padding:6px 5px 6px 45px;}
#services ul li a.seo span+span, #services ul li a.ppc span+span, #services ul li a.emailMarketing span+span, #services ul li a.analytics span+span, #services ul li a.strategy span+span, #services ul li a.contentDevelopment span+span, #services ul li a.socialMedia span+span, #services ul li a.more span+span{background:none}

/*----- SITEWRAP2 -----*/
#siteWrap2{width:100%;float:left;padding-top:150px}
#siteWrap2>div{width:950px;margin-left:auto;margin-right:auto}
.home #siteWrap2{padding-top:0}

/*----- Left Column -----*/
#leftCol{margin:20px 70px 0 -475px;width:200px;min-height:1px;overflow:hidden;position:fixed;top:150px;left:50%}
.home #leftCol {width:480px;margin-top:50px;margin-right:35px}
#sidenav{width:200px;overflow:hidden}
#sidenav li{display:inline}
#sidenav ul{margin-bottom:10px}

/* t1 */
#sidenav li a{width:170px;padding:10px 15px;text-decoration:none;color:#000;display:block;background: url(/images/navigation/t1.png) no-repeat 200px 15px;font-size:15px;line-height:14px;text-shadow: 0 1px 0 rgba(255,255,255,1)}
#sidenav li a:hover, #sidenav li a:active{background-position:185px 15px;color:#cca539}
#sidenav li.on a{color:#666;background-position:190px 15px;display:none}

/* t2 */
#sidenav li.on ul li a{width:170px;padding:10px 15px;text-decoration:none;color:#000;display:block;background: url(/images/navigation/t2.png) no-repeat 200px 15px;font-size:15px;line-height:14px}
#sidenav li.on ul li a:hover, #sidenav li ul li a:active{background-position:185px 15px;color:#f03c5e}
#sidenav li.on ul li.on a{color:#d93655;background-position:185px 15px}

/* t3 */
#sidenav li.on ul li.on ul li a{width:150px;padding:5px 25px;text-decoration:none;color:#f03c5e;display:block;background: url(/images/navigation/t3.png) no-repeat 200px 10px;font-size: 14px;line-height: 12px}
#sidenav li.on ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#31659b;background-position:185px 10px}
#sidenav li.on ul li ul li.on a{color:#1d467c;background-position:185px 10px}

/* t4 */
#sidenav li.on ul li ul li.on ul li a{width:125px;padding:3px 40px;text-decoration:none;color:#31659b;display:block;background: url(/images/navigation/t4.png) no-repeat 200px 8px;font-size: 13px;line-height: 12px}
#sidenav li.on ul li ul li ul li a:hover, #sidenav li ul li ul li ul li a:active{color:#333;background-position:185px 8px;}
#sidenav li.on ul li ul li ul li.on a{color:#000;background-position:185px 8px}


/*----- Content -----*/
#content{float:left;width:950px;padding:30px 0;overflow:hidden; min-height:500px;
/*-moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px;*/
}
/*#content h1, #content h2 {-webkit-column-span:all; -moz-column-span:all; column-span:all}*/
#leftCol+#content{width:680px;margin-left:270px}
.login #content{width:450px; margin:0 250px; min-height:250px}
.photoright{float:right;padding:0px 0px 25px 40px; clear:right}
.photoleft{float:left;padding:0px 40px 25px 0px; clear:left}
figure, p.photoright, p.photoleft, span.photoright, span.photoleft{width:1px;display:table}
figure img, .photoright img, .photoleft img, .phototreatment img{background-color:rgba(0,0,0,0.1);margin:5px}
figure img, .photoright.noshadow img, .photoleft.noshadow img, .phototreatment.noshadow img{background-color: transparent;margin:0}
figure img, figcaption, .photoright img, .photoleft img{display:table-row}
figcaption, p.photoright, p.photoleft, p.phototreatment, span.photoright, span.photoleft, span.phototreatment{font-style:italic; font-size:13px; line-height:1.2em; color:#666}
figcaption, .photoright span, .photoleft span, .phototreatment span{padding:5px;display:block}
p.phototreatment{padding:0px 0 25px 0}
.dark{background:#efefef}
.light{background:#fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}


#welcome {padding:0 20px 20px}
#welcome h1 {font-size:1.5em;line-height:1.2em}

#getStarted{float:left; width:950px; position:relative}
#getStarted a{display:block; width:950px; color:#666}
#getStarted a span{ display:block;width:840px;height:48px;padding:28px 60px 0 30px;margin:0 10px; background:#e6e6e6;cursor:pointer; line-height:1.1em;
	-moz-border-radius:.6em .6em 0 0;border-radius:.6em .6em 0 0;
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear
	}
#getStarted a:hover span {background:#ebdbb0; color:#333}
#getStarted strong { font-size:1.1em; color:#f03c5e}

.home #getStarted{margin-top:-175px}
.home #getStarted,.home #getStarted a{width:480px;text-shadow:none; line-height:1.3em}
.home #getStarted a span{width:370px;height:120px}
.home #getStarted a strong{display:block;margin-bottom:10px}

.home #rightCol {float:left;width:435px;margin:50px 0 20px}

.contactAddresses{width:100%}


/*----- FOOTER -----*/
footer{float:left;width:100%;padding:30px 0 20px;color:#ccc;font-size:.9em;line-height:1.1em; background:url(/images/noise-gray.png) repeat center top;text-shadow: 0 1px 0 rgba(0,0,0,0.2);position:relative}
#footerWrap {margin:0 15px}
footer a{color:#fff}
footer a:hover, footer a:active{color:#f9b1bf}
footer a.on{text-decoration:none;color:#f9b1bf}
#web-solutions-exposure {float:right;margin-left:20px}
#web-solutions-logo {width:152px;height:17px;float:left}
#web-solutions-exposure a img{opacity:0.5;filter:alpha(opacity=50);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
#web-solutions-exposure a:hover img{opacity:1;filter:alpha(opacity=100)}

#fatFooter { border-collapse:collapse;width:100%;margin:0 0 10px 0;border-bottom:1px dotted #999}
#fatFooter td{padding:0 .5em 15px;line-height:16px}
#fatFooter td:first-child+td+td{border-left:1px dotted #999;padding-left:1em}
#fatFooter td:first-child+td+td+td+td{border-left:1px dotted #999;padding-left:1em;line-height:20px}
#fatFooter li{display:inline}
#fatFooter img{position:relative;bottom:-3px;margin-right:4px}
#fatFooter span{color:#ccc}
#fatFooter a{display:block;margin-bottom:3px}
#fatFooter ul{margin:3px 0 0 0}
#fatFooter li a img{opacity:0.35;filter:alpha(opacity=35);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
#fatFooter li a:hover img{opacity:1;filter:alpha(opacity=100)}
#fatFooter li a span{width:16px;height:16px;overflow:hidden;margin-right:4px;float:left;background-image:url(../images/footer/ftr_icns.png);background-repeat:no-repeat;display:block;opacity:0.35;filter:alpha(opacity=35);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
#fatFooter li a:hover span{opacity:1;filter:alpha(opacity=100)}
#fatFooter li a span.share{background-position:0 0}
#fatFooter li a span.fb{background-position:0 -16px}
#fatFooter li a span.twit{background-position:0 -32px}
#fatFooter li a span.li{background-position:0 -48px}
#fatFooter li a span.car{background-position:0 -64px}
#fatFooter li a span.about{background-position:0 -80px}
#fatFooter li a span.contact{background-position:0 -96px}
#fatFooter li a span.sitemap{background-position:0 -112px}
#fatFooter li a span.seo{background-position:0 -128px}
#fatFooter li a span.ppc{background-position:0 -144px}
#fatFooter li a span.em{background-position:0 -160px}
#fatFooter li a span.act{background-position:0 -176px}
#fatFooter li a span.ms{background-position:0 -192px}
#fatFooter li a span.cd{background-position:0 -208px}
#fatFooter li a span.sm{background-position:0 -224px}
#fatFooter li a span.more{background-position:0 -240px}
#fatFooter li a span.tel{background-position:0 -256px}
#fatFooter li a span.email{background-position:0 -272px}
#fatFooter li a span.empty{background:none}
#fatFooter li a span.nobg{background:none;float:none;width:auto;height:auto;color:#ccc;margin:0;opacity:1;filter:alpha(opacity=100);display:inline}

.wsPrint{display:none}


/*----- HOMEPAGE ELEMENTS -----*/
#homeLeft{width:340px;float:left;margin-right:75px}
#homeLeft h1{font-size:1.2em;line-height:1.3em}
#homeLeft, #homeLeft p{font-size:1em;line-height:1.3em}
#homeLeft img{margin-top:25px;}
#homeRight{float:left;width:535px;}
.home #siteWrap2>div{width:950px;margin-top:40px;margin-bottom:40px;margin-left:auto;margin-right:auto;background:url(../images/home/column_border.gif) repeat-y 0 0;}


/*----- APPS AND COMPONENTS -----*/

/*----- JS Rotator -----*/
.wsRotatorMain a.jsslide{opacity:0;filter:alpha(opacity=0); background-color:#fff;position:absolute;z-index:1}
.wsRotatorMain a.on.jsslide{opacity:1;filter:alpha(opacity=100);z-index:2}
.wsRotatorMain .jsimg { width:470px;height:240px }
.wsRotatorMain a{display:block;-webkit-transition: all 500ms linear;-moz-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear}
.wsRotatorMain .jsdesc{font-size:2.4em;color:#000;line-height:1em;width:470px;padding-bottom:15px;text-align:center}
#slideShow{height: 240px; width: 470px;margin:20px 0}
#slideShow span {height: 240px; width: 470px;margin:20px 0}
.slideShowPhotos {display: none;} /* Must always be set to display none */
.wsRotatorMain span { display:block;}
.wsRotatorMain #jsnav{width:210px;height:28px;margin:8px 0 0 177px;padding-top:410px}
.wsRotatorMain #jsnav a{background:url(../images/home/rotator_bullet.png) no-repeat center center;width:28px;height:28px;float:left;display:block}
.wsRotatorMain #jsnav a img{opacity:0;filter:alpha(opacity=0);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
.wsRotatorMain #jsnav a:hover img, .wsRotatorMain #jsnav a.on img{opacity:1;filter:alpha(opacity=100)}
.wsRotatorMain .jslink{background:#e5e5e5;height:auto;display:block;width:455px;padding:14px 20px;-moz-border-radius: .6em;border-radius: .6em;-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 2px 2px rgba(0,0,0,0.2);box-shadow: 0px 4px 2px rgba(0,0,0,0.2);color:#666;font-size:1.2em}
.wsRotatorMain .jslink:hover{background:#ebdbb0; color:#333}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}

#wsManagementBarTitle{-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none}

#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding:6px 0 4px;background-color:#ADC1D7;color:#1D467C;font-size:14px;line-height:14px;opacity:0.8;filter:alpha(opacity=80);}

/*----- CUSTOM -----*/
#servicesMain div{float:left;width:200px;padding-left:30px;margin:10px 0 10px}
#servicesMain div:first-child, 
#servicesMain div:first-child+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div
	{clear:left;padding-left:0}
#servicesMain p a{display:block; color:#666}
#servicesMain p a:hover{color:#69C}
#servicesMain h2 img {padding:0 5px 0 0;display:block}

.sIcon {float:right;height:30px;width:30px;margin-top:-58px}
.note{color:#1d467c;background:#f2f2f2;width:270px;float:right;margin:0 10px 20px 30px;padding:20px 20px 10px;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 2px 8px rgba(0,0,0,0.2);box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
	-moz-border-radius: .6em;border-radius: .6em;
	}
.note>p{font-size:1.2em}
.note>p+p{font-size:.9em; font-style:italic;line-height:1.2em}
.note.glossary{padding-bottom:20px;}
.note.glossary h2{margin:0}
.note.glossary h3{font-size:.95em; margin:10px 0 0}
.note.glossary p, .note.glossary li {font-size:.85em; font-style:italic; margin:0; line-height:1.2em}

#content .note.glossary li{color:#1d467c;font-size:.8em}
#content .note.glossary ul{margin:0}

.apps{clear:both}
.apps>div{width:47%;float:left}
.apps>div:first-child{margin-right:6%}
.apps img {float:left; margin-top:10px}
.apps h3, .apps p{padding:0 0 0 40px; clear:none}
.apps h3{margin:0;padding-top:10px; font-size:1.1em; border-top:1px dotted #dadada}
.apps p {font-style:italic; font-size:.95em; line-height:1.2em}

.tips.twoCols{clear:both}
.tips>div{width:47%;float:left}
.tips>div:first-child{margin-right:6%}
.tips li{margin-bottom:20px}
.tips h2, .tips h3 {margin-bottom:20px}

.twoCols{color:#1d467c;background:#f2f2f2;width:86%;float:left;margin:20px 2% 40px;padding:30px 5% 20px;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 2px 8px rgba(0,0,0,0.2);box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
	-moz-border-radius: .6em;border-radius: .6em;
	}
.twoCols>div{width:45%;float:left}
.twoCols>div:first-child{margin-right:10%}
.twoCols h2 {margin-bottom:5px; font-size:1.2em}



@media screen and (min-width:300px) and (max-width:1060px), only screen and (min-device-width: 1060px) and (max-device-width: 1060px) { 
.home #leftSlash{margin-left:-530px;left:50%}
.home #rightSlash{margin-right:-530px;right:50%}
}

@media screen and (min-width:300px) and (max-width:970px), only screen and (min-device-width: 970px) and (max-device-width: 970px) { 

#siteWrap,header,#banner{min-width:750px}
#siteWrap2>div{width:750px}
.home #siteWrap2>div{width:750px;}
#leftCol{margin-left:-375px}
#leftCol+#content{width:465px;padding-right:15px}
#getStarted, #getStarted a{width:750px}
#getStarted a span{width:640px;padding-top:20px;height:56px }
#fatFooter td:first-child+td+td+td+td{display:none}
#fatFooter td:first-child+td+td+td+td+td{padding-left:1em; display:none}
#brand{width:140px;overflow:hidden}
#services ul{margin-right:10px;width:205px}
#services ul+ul{margin-right:0;width:185px}
#services ul li a{font-size:.65em;}
.home #headline{margin:0 0 0 -365px}
#services{width:400px;height:140px;padding-right:25px;margin-right:40px;}

#services ul li a{width:205px;}
#services ul li a span{width:205px;height:30px;}
#services ul li a span+span{width:155px;height:13px;padding:6px 5px 6px 45px;}

#services ul li a.strategy{width:185px}
#services ul li a.strategy span{width:185px;}
#services ul li a.contentDevelopment{width:185px;}
#services ul li a.contentDevelopment span{width:185px;}
#services ul li a.socialMedia{width:185px;}
#services ul li a.socialMedia span{width:185px}
#services ul li a.more{width:185px}
#services ul li a.more span{width:185px;}
#services ul li a.strategy span+span, #services ul li a.contentDevelopment span+span, #services ul li a.socialMedia span+span, #services ul li a.more span+span{width:135px;height:13px;padding:6px 5px 6px 45px;}
#services ul li a.seo span+span, #services ul li a.ppc span+span, #services ul li a.emailMarketing span+span, #services ul li a.analytics span+span, #services ul li a.strategy span+span, #services ul li a.contentDevelopment span+span, #services ul li a.socialMedia span+span, #services ul li a.more span+span{background:none}
#services ul li a.seo, #services ul li a.seo span, #services ul li a.ppc, #services ul li a.ppc span, #services ul li a.analytics, #services ul li a.analytics span{height:43px}


#contact{width:220px;font-size:.65em;}
#contact a{font-size:1.7em;}
#homeLeft{width:320px;margin-right:60px;margin-left:20px}
#homeLeft img{max-width:330px}
#homeRight{float:left;width:350px;}

.wsRotatorMain .jsdesc{font-size:1.8em;width:350px;height:auto}
.wsRotatorMain .jsslide, .wsRotatorMain .jsslide img {width: 350px;height: 178px;}
.wsRotatorMain span { display:block; height:294px; width:350px;}
.wsRotatorMain #jsnav{margin:8px 0 0 100px;padding-top:360px}
.wsRotatorMain .jslink{width:300px;padding:14px 20px}

#servicesMain div{float:left;width:215px;padding-left:30px;margin-bottom:20px}

#servicesMain div:first-child, 
#servicesMain div:first-child+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div
	{clear:none;padding-left:30px}

#servicesMain div:first-child, 
#servicesMain div:first-child+div+div, 
#servicesMain div:first-child+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div, 
#servicesMain div:first-child+div+div+div+div+div+div+div+div+div+div
	{clear:left;padding-left:0}

#content img{max-width:100%;height:auto}
#content .photoright, #content .photoright img{max-width:225px;height:auto}

.home #leftSlash{margin-left:0;left:0}
.home #rightSlash{margin-right:0;right:0}
}

@media screen and (min-width:300px) and (max-width:840px), only screen and (min-device-width: 840px) and (max-device-width: 840px) { 
.home #leftSlash{margin-left:-420px;left:50%}
.home #rightSlash{margin-right:-420px;right:50%}
}

@media screen and (min-width:300px) and (max-width:750px), only screen and (min-device-width: 750px) and (max-device-width: 750px) { 
#leftCol{float:left;position:relative;top:0}
}