@import url("../shadowbox/shadowbox.css");

body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; background:#fff url(../img/bg-line.jpg) repeat-x 0 95px;}
a {color: #db0000;text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px;font-family: Helvetica, Arial;font-weight: normal;}
h2{font-size:25px; line-height:1em;font-weight:bold;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px;}
sup{vertical-align: super; font-size:.5em;}
.title h2 {color:#fff;font-weight:normal;padding:10px;}

.hide{display:none;}

.container_16{margin:0 auto; overflow:hidden;}

/*Cient Page*/
.title{background:#000000;}

ul.documents li{list-style:none;background: url(img/pdf_icon.jpg) no-repeat 0 50%; margin:5px 0 0 0; padding: 0 30px;}
ul.documents li a{color:#000000;}

.grid_8{text-align:center;}
div.documents{text-align:left;}

/*NAV*/
ul.nav {margin-top:30px; float:right;}
ul.nav li{ list-style:none; display:inline; font-weight:bold; margin:0 0 0 20px;}
ul.nav li a{padding-top:10px; color:#000; text-decoration:none;}
ul.nav li a:hover{border-top:2px solid #db0000; text-decoration:none;}
ul.nav li a.active{border-top:2px solid #db0000; text-decoration:none;}

.arrows{position:relative; top:-30px; left:900px; z-index:999; width:40px; position:relative; float:left; height:30px;}
.arrows img{display:block;}
div.inner_hero{ height:400px;  position:relative; overflow:hidden; background:#ffffff;}
div.inner_hero_split{border-bottom:1px solid;}
h2.block_header{background:#cfcfcf; color:#000; padding:5px 10px;}

span.highlight{color:#db0000;}

#heros{background:url(img/loading.gif) center no-repeat;  overflow: hidden; position: relative; width: 940px; height: 400px;}
.hero_summary{display:block; position:relative;}

.hero_title{position:absolute; text-indent:-9999px;}
span.learn_more{border:none; text-decoration:none; height:25px;}
span.learn_more a{padding:5px 10px; color:#ffffff; background:#db0000;  text-transform:uppercase;  font-weight:bold; font-size:10px;}
span.learn_more a:hover{padding:5px 10px; color:#ffffff; background:#000000; text-decoration:none; border:none;}

.step{height:184px; display: table; position: relative;  width:818px; /* border:1px solid; */ overflow: hidden; margin-bottom:10px;}
.step img{margin-left:-1px;}
.step-web{height:228px; display: table; position: relative;  width:818px; border:1px solid; overflow: hidden; margin-bottom:10px;}
.step img, step-web img{margin-left:-1px;}
.step .copy{display:table-cell; padding:0 20px; vertical-align: middle;}
.step-web .copy{display:table-cell; padding:0 20px;vertical-align: middle; width:342px;}
.step .copy span.header, .step-web .copy span.header{color:#db0000; font-size:30px; display:inline; font-weight:bold;}
.step .copy h3, .step-web .copy h3{font-size:30px;}
.step-web .steps{display:table-cell; width:150px; border-left:1px solid; padding:20px 20px 0px 20px; vertical-align:top; background:#f0f0f0;}
.step-web .steps li{ font-size:10px; margin-left:10px;}

#expertise .step{width:760px; height:228px;}
#expertise .step .copy{ padding: 0 20px 0 20px;}

div.content{margin:20px 40px 20px 40px;}
div.content div.column{float:left; width:271px; margin-left:20px;}
div.content div.border{float:left;height:200px; width:0px; border-right:1px solid; margin-left:0px;}
div.content div.column h3{font-size:24px; font-weight:normal; border-bottom:2px solid #db0000;}
div.content div.column li{font-size:16px; list-style:none; margin:0 0 0 10px;float:left;width:117px;}
div.content div.column li a{color:#000000;display:block;padding:10px;text-align:center;border:1px solid #ccc}
div.content div.column li a:hover{color:#db0000; border-color:#db0000; text-decoration:none;}
div.content div.column li.liarrow{background: url(../img/arrow-right.jpg) 0 2px no-repeat;display:block;width:100%;border:0 none;width:auto;display:block;float:none;margin-left:10px;padding-left:15px;}
div.content div.column li.liarrow a{color:#db0000;display:block;padding:0;text-align:left;font-size:12px}

div.quote{background:url(../img/fact-middle.jpg) no-repeat; width:271px;height:165px; display:table;}
table.quote{background:url(../img/fact-middle.jpg) no-repeat; width:271px;height:165px; display:table;}
div.quote p.fact{display:table-cell; vertical-align:middle; padding:0 20px 20px 20px; color:#ffffff; font-size:18px;}
table.quote p.fact{display:table-cell; vertical-align:middle; padding:0 20px 20px 20px; color:#ffffff; font-size:18px;}

div.glossary_tabs{
			font-size: 15px;
			margin-top: 12px;
		}
		ul.glossary_tabs{
			float:left;
			width:100%;
			margin-bottom: 10px;
		}
		ul.glossary_tabs li{
			float:left;
			text-align: center;
			list-style-type: none;
			width: 5px;			
		}
		ul.glossary_tabs a:link,
		ul.glossary_tabs a:visited,
		ul.glossary_tabs a:active,
		ul.glossary_tabs a:hover{
			display:block;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.glossary_tabs a:link,
		html>body ul.glossary_tabs a:visited,
		html>body ul.glossary_tabs a:active,
		html>body ul.glossary_tabs a:hover{
			height:auto;
			width: auto;
			min-height:2em;
			min-width:30px;
		}
		ul.glossary_tabs a:hover{
			background:#DB0000;
			color: #ffffff;
			font-weight: bold;
		}
		div.glossary_tabs div{
			clear:both;
			width:auto;
		}
		ul.glossary_tabs li.active a:link,
		ul.glossary_tabs li.active a:visited,
		ul.glossary_tabs li.active a:active,
		ul.glossary_tabs li.active a:hover{
			background:#DB0000;
			color: #ffffff;
		}
		#glossary_tabsprintview{
			float:right;
			text-align:right;
		}
		#glossary_tabsprintview a:link,
		#glossary_tabsprintview a:visited,
		#glossary_tabsprintview a:active,
		#glossary_tabsprintview a:hover{
			color:#fff;
		}
		
		
		
		.glossary_tabs_copy p{
			line-height:1.3em;
		}
		.glossary_tabs_copy h2{
			font-size:1.3em;
			color:#cfc;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 .7em .2em;
		}
		.glossary_tabs_copy h1{
			font-size:2em;
			text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background:#000;
			border-bottom:1px solid #666;
		}
		.glossary_tabs_copy pre{
			font-size:1.2em;
		}
		div.glossary_tabs div a:link,
		div.glossary_tabs div a:visited,
		div.glossary_tabs div a:active
		{
			color:#0a516c;
			display:block;
			font-size: 11px;
			padding: 3px;
			padding-left: 5px;
		}
		
		div.glossary_tabs div a:hover
		{
			color:#DB0000;
	border: 1px solid #e0e0e0;
	background: url(images/li_stroked_bg.gif) top left;
	background-repeat: repeat-x;
	background-color: #ebebeb;
			padding-left: 4px;
		}
		
		div.glossary_tabs div h2 a,
		div.glossary_tabs div h2 a:hover,
		div.glossary_tabs div h2 a:active
		{
			color:#cfc;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		
		/* other scheme! */
				#other{
				font-size:.8em;
				margin-left:.3em;
				width:60em;
				margin-bottom:3em;
				float:left;
				}
				div#other.glossary_tabs div{
				clear:both;
				width:54em;
				background:#669;
				color:#fff;
				padding:1em 3em;
				}
					
				#other ul.glossary_tabs a:hover{
				background:#669;
				}
				div#other ul.glossary_tabs li.active a:link,
				div#other ul.glossary_tabs li.active a:visited,
				div#other ul.glossary_tabs li.active a:active,
				div#other ul.glossary_tabs li.active a:hover{
				background:#669;
				color:#fff;
				}
				
#footer-contain{background:#E8E8E8; border:1px solid #c8c8c8}			
#footer{padding:40px 0; font-size:12px;}
#footer .no_bg{background-image:none; padding:0;}
#footer .no_link a:hover{color:#ffffff; text-decoration:none; border:none;}
#footer .grid_2{margin:0 40px 0 0; width:auto;}
#footer h3{font-size:14px}
#footer h4{font-size:12px; background:url(../img/arrow_down_black.jpg) no-repeat 0; padding-left:14px;}
#footer li{list-style:none;float:left;margin:0 20px 0 0;}
#footer a{color:#000;font-weight:bold;}
#footer a.highlight{color:#db0000; text-decoration:underline;}
#footer a.highlight:hover{color:#666666; text-decoration:underline;}
#footer a:hover{color:#db0000;}
#legal{float:left;margin-left:40px;color:#999}
#legal a{color:#999;font-weight:normal;}
#legal a:hover{color:#db0000; text-decoration:underline;}
#footer a.footer-button{padding:5px; font-weight:bold; text-transform:uppercase; font-size:10px;bold;color:#db0000; background:#1d1d1d;text-decoration:none;margin-bottom:5px;float:left;line-height:1em;}
#footer a.footer-button:hover{color:#ffffff; background:#db0000;}
#footer-nav{float:left;margin-right:20px;margin-left:40px;}
#footer-social{margin:0;float:right;margin-right:40px}
#footer-social a img {margin-right:8px;}
#footer-find-us{float:right;margin-right:20px;padding-right:20px;border-right:1px solid #ccc;}
a#footer-contact{display:block;background:#d20000 url(../img/social/chevron.png) no-repeat 140px 8px; font-size:11px; color:#fff;}
a#footer-contact:hover{background-color:#000;color:#fff;}

/*careers*/
#polaroids{text-indent:right;}


/* CLients */
.clients_nav{margin-top:60px;}
.clients_nav li{margin:0; padding-left:15px; list-style:none;  line-height:1em; margin-bottom:10px; color:#666666;}
.clients_nav li.active, .clients_nav li:hover{background:url(../img/arrow-right.jpg) no-repeat;}

.clients_nav li a {color:#000000;}
.clients_nav li a:hover {color:#db0000;}

/*blog*/
.blog_body h3{font-size:36px;line-height:1.2em;}
.blog_nav{margin-top:40px;}
.blog_nav li{margin:0; padding-left:0px; list-style:none;  line-height:1em; margin-bottom:10px; color:#000000;}
.sharing a{color:#666666;}
.blog_body .post-image{float:left; margin:0 20px 0 0;}
.blog_body .post-share{float:left; margin:0}


.blog_nav li a {color:#db0000;}
.blog_nav li a:hover {color:#666666;}

/*contact*/

div.contact_form{}
div.contact_form input.submit_button{padding:5px 10px; color:#ffffff; background:#db0000;  text-transform:uppercase;  font-weight:bold; font-size:10px; border:none;}
div.contact_form input.submit_button:hover{background:#000000;}
div.directions{float:left;}
div.address{float:right;width:200px;}
div.directions li{float:left; list-style:none; margin:0 10px 0 0;}

/* company */

#factsheet {display:block; margin-top:20px; margin-left:5px; line-height:45px; background:url(/img/pdflarge.jpg) no-repeat 0 0; height:50px; text-indent:50px;}

/*work*/
div#work_gallery{margin-top:60px;}
div#work_gallery .grid_6{margin-bottom:10px;}
div#work_gallery h2{font-size:60px; line-height:62px;}
div#work_gallery h3{margin-bottom:0px;}
div#work_gallery img{display:block;}
div#work_gallery .alpha{margin-right:8px;}
div#work_gallery .omega{margin-left:8px;}
div#work_gallery div.hoverswap{border:#000000 1px solid;}
div.hoverswap{height:220px; width:340px;}
div#item{overflow:hidden;}
div#frame{overflow:hidden;}
div#item img{border-top: 20px solid #000000;border-right: 20px solid #000000;border-bottom: 0px solid #000000;border-left: 20px solid #000000;}
div.item_sub{ margin:10px 20px 0px 20px; width:700px;}
div.item_sub p.description{margin-top:10px; font-size:10px;}
div.item_sub #nav a{padding:0 5px; color:#666666;}
div.item_sub #nav a.activeSlide{ color:#ffffff;}
div#frame #loading{text-align:center;  height:100%; width:740px; background: #000000 url(../../../../img/loading.gif) center no-repeat; position:absolute; z-index:999; display:none;}


/*Services*/
.service_tabs {margin-bottom:20px; border-bottom:1px solid;}
.service_tabs .tab{float:left; margin-right:1px;}
.service_tabs div.active{ }
.service_tabs .last{}
.service_tabs .tab a{padding:10px 13px; background:#cccccc; color:#000000; display:block; text-decoration:none;}
.service_tabs .tab a.active{background:#000000; color:#ffffff;}
.service_tabs .tab a:hover{background:#b2b2b2;  text-decoration:none;}
.service_tabs .tab a.active:hover{background:#000000; color:#ffffff;}
.tabcontent{display:none;}
.service_tabs .tab a.selected{ /*selected main tab style */
position: relative; top: 1px;}

.service_tabs .tab a.selected{ /*selected main tab style */
background-color:#000000;
color:#FFFFFF;
}

span.hover{padding:20px; background:#000000; color:#ffffff; border:1px solid #ffffff; display:none; width:460px;}
span.click_hover{width:140px; text-align:center;}

.digital_marketing h2{color:#db0000; font-size:30px;}
.digital_marketing span.learn_more{margin:20px 0; display:block;}
.digital_marketing span.learn_more a{height:25px;}

#callout {background:#DD1900 url(../img/callout-bg.jpg);width:300px; height:122px; text-align:center; float:right;margin:10px 0 20px 20px;color:#fff; font-size:18px;}
#callout a {color:#fff;text-decoration:underline;font-weight:bold;}

#services_nav {}
#services_nav h2, #featured_services h2 {margin-bottom:20px;}
#services_nav h2 a {text-decoration:none; color:#000;}
#services_nav h2 a:hover {color:#db0000;}
#services_nav h3, #featured_services h3 {font-size:18px; padding:0;}

#servicesnavfeatured {background:#e8e8e8; padding:20px; margin-top:20px;}
#servicesnavfeatured li {list-style:none;margin:0; padding:0;}
#servicesnavfeatured li a {color:#000; background:url(/img/services/featuredservicesarrows.png) no-repeat 0 2px; padding-left:17px;}
#servicesnavfeatured li a:hover {color:#db0000; background:url(/img/services/featuredservicesarrows.png) no-repeat 0 -23px;}

#featured_services h3 a, .frontpage h4 a {color:#000;}
#featured_services h3 a:hover, .frontpage h4 a:hover {color:#db0000;}
#featured_services {position:relative;}
#featured_services .icon {background:red;display:block;position:absolute;left:0;top:0;width:85px;height:100px;line-height:300px;overflow:hidden;}
#featured_services #socialmedia .icon {background:url(../img/services/socialmedia.jpg) no-repeat 2px 0;}
	#featured_services #socialmedia .icon:hover, #featured_services #socialmedia:hover .icon {background:url(../img/services/socialmedia.jpg) no-repeat -99px 0}
#featured_services #branding .icon {background:url(../img/services/branding.jpg) no-repeat -7px 0;}
	#featured_services #branding .icon:hover, #featured_services #branding:hover .icon {background:url(../img/services/branding.jpg) no-repeat -126px 0;}
#featured_services #shoppermarketing .icon {background:url(../img/services/shoppermarketing.jpg) no-repeat -3px 0;}
	#featured_services #shoppermarketing .icon:hover, #featured_services #shoppermarketing:hover .icon {background:url(../img/services/shoppermarketing.jpg) no-repeat -93px 0;}
#featured_services #optimization .icon {background:url(../img/services/optimize.jpg) no-repeat 2px -2px;}
	#featured_services #optimization .icon:hover, #featured_services #optimization:hover .icon {background:url(../img/services/optimize.jpg) no-repeat -101px -2px;}
#featured_services .learn_more {float:right;}
#featured_services div {margin-bottom:30px; padding-left:100px;position:relative; clear:both;}
#featured_services .step {padding:0 !important; margin:0 !important; width:auto; display:block; height:auto;}
#featured_services .copy {}
#featured_services .step .copy {display:block; margin-bottom:10px; padding:0 !important;}
#featured_services .pullquote {border-top:2px solid #ccc; border-bottom:2px solid #ccc; float:right; width:175px; margin:7px 0 10px 20px; padding:10px 20px 15px;}
#featured_services .pullquote ul, #featured_services .pullquote li {margin:0 0 0 8px; padding:0;}
.pullquote h3 {margin-bottom:5px}
#featured_services img {border:1px solid #ccc;}
#featured_services div.step img {border:none;}
#featured_services span.learn_more {margin-top:10px;}

#featured_services div.frontpage {float:left; width:36%; clear:none !important;}

#services_nav h3 a {display:block; border-bottom:2px solid; height:25px; text-indent:18px; background:url(../img/services/redchevron.gif) no-repeat 0 -9px; text-decoration:none;}
#services_nav h3 a:hover {color:#000; background:url(../img/services/redchevron.gif) no-repeat 4px 8px;}
#backtoservices {display:block;position:absolute;left:-41px;top:-4px;background:url(/img/backarrows.gif) 0 -41px;width:30px;height:30px;line-height:100px;overflow:hidden;}
#backtoservices:hover {background:url(/img/backarrows.gif) 0 -1px;}


/* MISC */


table#holidays td{background:#CCC;border:1px solid #fff;font-size:10px;}


.column .categorylist li {border:none !important; background:url(../img/grayarrow.gif) no-repeat 0 6px; text-indent:17px; margin-bottom:5px !important; width:100% !important;}
div.contact-form input.submit_button{padding:5px 10px; color:#ffffff; background:#db0000;  text-transform:uppercase;  font-weight:bold; font-size:10px; border:none;}
div.contact-form input.submit_button:hover{background:#000000;}
#forms h3{font-weight:lighter;}
#source {text-align:right; color:#777; font-size:12px; letter-spacing:normal; font-weight:normal;}
#testimonials a {color:#000 !important; font-style:italic; line-height:150%; text-decoration:none; display:block;}
#testimonials #source {font-style:italic;}
#testimonials a:hover {color:#dc0000 !important;}
#thanks{border:1px solid #090; padding:20px; font-weight:bold; display:none;}
#thanks p{font-size:16px;}
.ruhuman{display:none;}

#tvbutton, #blogbutton {background:#db0000 url(../img/tvicon.png) no-repeat 8px 2px; display:block;float:right;clear:left;width:154px;margin:10px 10px 10px 0; text-indent:25px;}
#blogbutton {background:#db0000 url(../img/knucklesicon.png) no-repeat 8px 6px; display:block;float:right;clear:left;width:189px;margin-right:10px; margin-top:0; text-indent:33px;}
#tvbutton:hover, #blogbutton:hover {background-color:#000;}

textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#twitter_update_list {margin-left:0 !important;}
#twitter_update_list li {width:auto !important;border:none; padding:5px 0; font-size:12px;}
#twitter_update_list li a {display:inline;margin:0;padding:0;border:none !important;}
#twitter_update_list li a[style] {display:block;font-weight:bold; font-size:12px !important; margin-top:1px; text-align:left;}