/* Site Designed and Programmed by Henry Russell Bruce Copyright 2010 */
body{
	margin:0;
	font-family:'Helvetica Neue','Arial',sans-serif;
	font-weight:lighter;
	color:#414142;
	background:url(../images/bg-top.png) repeat-x #e4e4e4;
	overflow-x:hidden;
	overflow-y:auto;
}
img{border:0;}
a{
	color:#2165a9;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}
a:active{
	color:#000;
}
a.secondary{
	color:inherit;
	border-bottom:1px dotted #ccf;
}
a.secondary:hover{
	text-decoration:none;
	border-bottom:1px dotted #99f;
}
a.pdf{
	display:block;
	height:20px;
	padding:10px 0 10px 45px;
	background:url(/images/pdf-icon.gif) no-repeat left center;
}
h1,h2,h3,h4,h5,h6{margin-top:0;}
h1{font-size:2.2em;line-height:1;margin-bottom:0.5em;color:#2165a9;font-weight:normal;}
h2{font-size:1.8em;line-height:1.3;margin-bottom:0.75em;font-weight:normal;}
h3{font-size:1.5em;line-height:1; margin-bottom:1em;font-weight:normal;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;font-weight:normal;}
h5{font-size:1em;font-weight:bold; margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
li ul,li ol{margin:0;}
p,form{margin:0 0 1.5em;}
.text-input,select,textarea{
	display:block;
	margin:0.1em 0 0.5em;
	width:172px;
	font-size:0.8em;
	font-family:'Helvetica Neue','Arial','Helvetica',sans-serif;
	line-height:1.5em;
	outline-color:#a2c092;
}
.text-input,textarea{
	margin:3px 4px;
	padding:2px 6px;
	height:16px;
	border-top:1px solid #d2d2ca;
	border-left:1px solid #ddddd4;
	border-right:1px solid #ddddd4;
	border-bottom:1px solid #e9e9e1;
	color:#8A8569;
	background:#e3e3db;
	border-radius:3px;
}
textarea{
	height:auto;
}
.text-input:hover,textarea:hover{
	color:#686552;
}
.text-input:focus,textarea:focus{
	color:#000;
}
.placeholder{
	color:#c7c4b1 !important;
}
.placeholder:hover{
	color:#b9b5a0 !important;
}
.button{
	display:block;
	margin:3px 0 0;
	width:80px;
	height:32px;
	border:none;
	font-size:10pt;
	line-height:32px;
	font-family:'HelveticaNeue','Helvetica','Arial',sans-serif;
	text-align:center;
	font-weight:bold;
	color:#eee;
	background:url(/images/button.png) no-repeat left top;
	text-shadow:0px -1px 1px #445;
	cursor:pointer;
	outline:none;
}
input.button{
	line-height:normal;
}
.button:hover{
	text-decoration:none;
	color:#fff;
	background-position:left center;
}
.button:active{
	color:#fff;
	background-position:left bottom;
	text-shadow:0px 1px 2px #445;
}
.hidden{
	display:none !important;
}
.clear{
	clear:both;
}
.alert{
	display:block;
	margin:0 0 8px;
	padding:3px 6px;
	color:#111;
	background:#ffffe0;
	border:1px solid #e6db55;
}
.alert a{
	color:#333;
	text-decoration:underline;
}
.alert a:hover{
	color:#000;
}
.alert a:active{
	background:#fffff0;
}
.error{
	display:block;
	margin:0 0 8px;
	padding:3px 6px;
	color:#eee;
	font-style:oblique;
	background:#300;
	border:1px solid #600;
}
.error a{
	color:#eee;
	text-decoration:none;
}
.error a:hover{
	color:#fff;
}
.error a:active{
	background:#400;
}
.col{
	float:left;
	padding:0 3% 10px;
	width:42%;
}
#site{
	position:relative;
	margin:0 auto;
	width:990px;
	min-height:400px;
	background:url(../images/site-bg.png) repeat-y;
}
#content{
	float:left;
	width:715px;
	min-height:700px;
	height:auto !important; /* IE6 Hack 1/2 */
	height:700px; /* IE6 Hack 2/2 */
	background:url(../images/site-top.jpg) no-repeat left top;
}
#top-social{
	position:absolute;
	top:10px;
	left:60px;
	width:100px;
	height:18px;
}
#top-social a{
	display:block;
	float:right;
	width:18px;
	height:18px;
	margin:0 3px;
	text-indent:-9999px;
	overflow:hidden;
}
#top-social a.twitter{
	background:url(../images/top-social.png) no-repeat;
	
}
#top-social a.facebook{
	background:url(../images/top-social.png) no-repeat -21px 0;
}
#top-social a.linkedin{
	background:url(../images/top-social.png) no-repeat -42px 0;
}
#top-social a.rss{
	background:url(../images/top-social.png) no-repeat -61px 0;
}
#top-social a.twitter:hover{
	background-position:0 -21px;
}
#top-social a.facebook:hover{
	background-position:-21px -21px;
}
#top-social a.linkedin:hover{
	background-position:-42px -21px;
}
#top-social a.rss:hover{
	background-position:-61px -21px;
}
#top-social a.twitter:active{
	background-position:0 -41px;
}
#top-social a.facebook:active{
	background-position:-21px -41px;
}
#top-social a.linkedin:active{
	background-position:-42px -41px;
}
#top-social a.rss:active{
	background-position:-61px -41px;
}
#top-nav{
	margin:0;
	padding:38px 0 30px 60px;
	height:18px;
	list-style:none;
	cursor:default;
}
#top-nav li{
	float:left;
	border-right:1px solid #414142;
}
#top-nav li.last{
	border-right:none;
}
#top-nav a{
	display:block;
	margin:-38px 0 -30px;
	padding:38px 10px 30px;
	color:#404141;
	text-decoration:none;
}
#top-nav a:hover{
	color:#eee;
}
#top-nav a:active{
	color:#000;
}
#top-nav a.current{
	background:url(../images/nav-arrow.png) no-repeat center bottom;
}
#top-nav li ul{ /* second-level lists */
	position:absolute;
	margin:0 0 0 -1px;
	padding:10px 0 0;
	height:auto;
	border:1px solid #82993b;
	border-top:none;
	background:#b0c840;
	width:160px;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	list-style:none;
	z-index:999;
}
#top-nav li ul li{
	float:none;
	width:auto;
	border:none;
}
#top-nav li ul li a{
	display:block;
	margin:0;
	padding:3px 12px;
	color:#253300;
}
#top-nav li ul li a:hover,#top-nav li ul li:hover > a{
	color:#2165a9;
	background:#fff;
}
#top-nav li ul li a:active{
	color:#000;
	background:#eee;
}
#top-nav li ul ul{ /* third-and-above-level lists */
	margin:-1.7em 0 0 160px;
	padding:0;
	width:230px;
	border:1px solid #82993b;
	background-image:none;
}
#top-nav li:hover ul ul,#top-nav li:hover ul ul ul,#top-nav li.sfhover ul ul,#top-nav li.sfhover ul ul ul{
	left:-999em;
}
#top-nav li:hover ul,#top-nav li li:hover ul,#top-nav li li li:hover ul,#top-nav li.sfhover ul,#top-nav li li.sfhover ul,#top-nav li li li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}
#top-nav li:hover,#top-nav li.sfhover{ /* IE7 sticky menu fix */
    position:static;  
}
#watermark{
	position:relative;
	left:56px;
	margin:0 0 -80px 0;
	height:80px;
	line-height:80px;
	font-size:5em;
	text-transform:lowercase;
	font-weight:lighter;
	color:#dddedf;
	cursor:default;
}
.post{
	position:relative;
	padding:38px 110px;
	font-size:0.9em;
}
.post.full-size{
	padding-left:80px;
	padding-right:20px;
}
#hrb-logo{
	clear:both;
	float:left;
	display:block;
	margin:-6px 0 -30px 80px;
	width:58px;
	height:61px;
	background:url(../images/hrb-logo-sm.png) no-repeat center center;
	text-indent:-5000px;
}
#brands{
	padding:0 0 0 70px;
}
#brands h3{
	clear:both;
	padding-left:110px;
	font-size:0.96em;
	font-weight:bold;
	color:#7c7c87;
}
#brands img{
	border:1px solid #999;	
}
#brands img:hover{
	border:1px solid #555;
}
#brands img:active{
	border:1px solid #000;
}
#aside{
	float:right;
	width:275px;
	height:430px;
	background:url(../images/coffee-napkin.jpg) no-repeat;
}
#aside a{
	position:absolute;
	display:block;
	text-indent:-5000px;
}
#coffee-anim{
	float:right;
	padding:0 1px 0 0;
}
#aside .portfolio{
	top:250px;
	right:47px;
	width:156px;
	height:20px;
	background:url(../images/napkin-portfolio.jpg) no-repeat center top;
}
#aside .portfolio:hover{
	background-position:center -20px;
}
#aside .portfolio:active{
	background-position:center -40px;
}
#aside .portfolio.current{
	background-position:center bottom !important;
}
#aside .services{
	top:279px;
	right:30px;
	width:163px;
	height:17px;
	background:url(../images/napkin-services.jpg) no-repeat center top;
}
#aside .services:hover{
	background-position:center -17px;
}
#aside .services:active{
	background-position:center -34px;
}
#aside .services.current{
	background-position:center bottom !important;
}
#aside .contact{
	top:307px;
	right:43px;
	width:140px;
	height:18px;
	background:url(../images/napkin-contact.jpg) no-repeat center top;
}
#aside .contact:hover{
	background-position:center -18px;
}
#aside .contact:active{
	background-position:center -36px;
}
#aside .contact.current{
	background-position:center bottom !important;
}
#aside .blog{
	top:334px;
	right:13px;
	width:164px;
	height:25px;
	background:url(../images/napkin-blog.jpg) no-repeat center top;
}
#aside .blog:hover{
	background-position:center -25px;
}
#aside .blog:active{
	background-position:center -50px;
}
#aside .blog.current{
	background-position:center bottom !important;
}
#sidebar{
	position:absolute;
	top:450px;
	right:30px;
	width:230px;
	font-size:0.9em;
}
#sidebar #newsletter{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
}
#sidebar #newsletter img{
	float:left;
	padding:10px 16px 20px 0px;
}
#sidebar h4{
	clear:right;
	margin:0;
	padding:0 0 8px;
	line-height:1em;
	color:#ff890f;
}
#sidebar p{
	margin:0 0 12px;
	font-size:0.9em;
}
#sidebar a{
	position:static;
	text-indent:0;
}
#sidebar label{
	padding:0 0 0 5px;
	font-size:0.9em;
}
#blog-sidebar{
	display:none;
}
#subscribe #sidebar #newsletter,#whitepaper-login #sidebar #newsletter,#whitepaper-detail #sidebar #newsletter,#web-review #sidebar #newsletter,#thank-you #sidebar #newsletter{
	display:none;
}
#napkin-tip{
	position:absolute;
	top:195px;
	right:-83px;
	width:83px;
	height:238px;
	background:url(../images/napkin.jpg) no-repeat;
}
#aside #social a{
	background-position:center top;
}
#aside #social a:hover{
	background-position:center center;
}
#aside #social a:active{
	background-position:center bottom;
}
#aside .twitter{
	top:218px;
	right:-65px;
	width:38px;
	height:38px;
	background-image:url(../images/napkin-twitter.jpg);
}
#aside .facebook{
	top:258px;
	right:-56px;
	width:38px;
	height:38px;
	background-image:url(../images/napkin-facebook.jpg);
}
#aside .linkedin{
	top:298px;
	right:-46px;
	width:38px;
	height:39px;
	background-image:url(../images/napkin-linkedin.jpg);
}
#aside .rss{
	top:338px;
	right:-39px;
	width:36px;
	height:34px;
	background-image:url(../images/napkin-rss.jpg);
}
#bottom{
	clear:both;
	padding:60px 50px 0;
	height:50px;
	background:url(../images/site-bottom.png) no-repeat center bottom;
}
#footer{
	padding:10px 0 40px;
	text-align:center;
	font-size:0.8em;
	color:#404141;
}
#bottom a:hover,#footer a:hover{
	color:#222;
}
#bottom a:active,#footer a:active{
	color:#000;
}
#footer .phone{
	color:#84913f;
}
#back-link{
	clear:both;
}
/* Start Homepage */
#home #content{
	min-height:0;
	height:auto !important; /* IE6 Hack */
}
#home #sidebar{
	display:none;
}
/* End Homepage */
/* Start Portfolio Page */
#portfolio #content .post{
	padding-left:100px;
	padding-right:10px;
}
#filter{
	padding:40px 0 20px;
	text-align:center;
}
#filter a{
	padding:6px 8px;
	color:#444;
	background:#eee;
}
#filter a:hover{
	color:#000;
	background:#dfdfdf;
	text-decoration:none;
}
#filter a:active{
	background:#ccc;
}
#filter a.current{
	color:#fff;
	background:#2165A9;
	font-weight:normal;
	text-decoration:none;
	cursor:default;
}
#client-list{
	margin:0;
	padding:0;
	list-style:none;
}
#client-list li{
	display:block;
	float:left;
	margin:3px;
	width:192px;
	font-size:11pt;
	text-align:center;
	font-weight:normal;
	border:1px solid #eee;
	background:#fff;
	opacity:0.9;
}
#client-list li:hover{
	border:1px solid #ccc;
	background:#eee;
	opacity:1;
}
#client-list li:active{
	border:1px solid #999;
	background:#ccc;
}
#client-list li a{
	display:block;
	padding:6px;
	height:110px;
	text-decoration:none;
	line-height:34px;
	color:#000;
	position:relative;
	z-index:2;
}
#client-list li img{
	margin:0 0 -43px 0;
	padding-bottom:0;
	width:100%;
	height:110px;
	position:relative;
	z-index:-1;
}
#research #client-list, #branding #client-list, #advertising #client-list, #public-relations #client-list, #media #client-list, #interactive #client-list{
	width:650px;
}
#research #client-list li, #branding #client-list li, #advertising #client-list li, #public-relations #client-list li, #media #client-list li, #interactive #client-list li{
	margin:2px;
	width:175px;
}
/* End Portfolio Page */
/* Start Portfolio Detail Pages */
#portfolio-detail .post{
	padding-top:80px;
	padding-left:100px;
	padding-right:10px;
}
#portfolio-detail .cycle{
	position:relative;
	margin:0 auto;
	width:400px;
	height:400px;
}
#portfolio-detail .cycle a{
	position:absolute;
	display:block;
}
#portfolio-detail .controls{
	margin:0 auto 30px;
	width:400px;
	text-align:center;
}
#portfolio-detail .controls a{
	font-size:1.8em;
	padding:2px 10px;
}
/* End Portfolio Detail Pages */
/* Start Serives Pages */
#service-client{
	margin:25px 0;
	padding:0;
	list-style:none;
}
#service-client li{
	display:inline-block;
	margin:1px;
	width:192px;
	font-size:11pt;
	text-align:center;
	font-weight:normal;
	border:1px solid #eee;
	background:#fff;
	opacity:0.9;
}
#service-client li:hover{
	border:1px solid #ccc;
	background:#eee;
	opacity:1;
}
#service-client li:active{
	border:1px solid #999;
	background:#ccc;
}
#service-client li a{
	display:block;
	padding:6px;
	height:110px;
	text-decoration:none;
	line-height:34px;
	color:#000;
	position:relative;
	z-index:2;
}
#service-client li img{
	margin:0 0 -43px 0;
	padding-bottom:0;
	width:100%;
	height:110px;
	position:relative;
	z-index:-1;
}
/* End Services Pages */
/* Start Our Digs Page */
#location #content .post{
	padding-top:50px;
	padding-left:100px;
	padding-right:10px;
}
/* End Our Digs Page */
/* Start Employees Page */
#employees img.alignleft{
	margin-bottom:0;
}
#employees .social{
	clear:left;
	float:left;
	margin:0 1.5em 1.5em 0;
	padding:3px 0 0 0;
	width:118px;
	height:20px;
	background:#a2c092;
	border:1px solid #009900;
}
#employees .social a{
	float:left;
	display:block;
	margin:0 4px;
	width:18px;
	height:20px;
	text-indent:-5000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center top;
}
#employees .social a:hover{
	background-position:center -21px;
}
#employees .social a:active{
	background-position:center -41px;
}
#employees .social a.twitter{
	background-image:url(/images/employee-twitter-icon.png);
}
#employees .social a.facebook{
	background-image:url(/images/employee-facebook-icon.png);
}
#employees .social a.linkedin{
	background-image:url(/images/employee-linkedin-icon.png);
}
#employees .social a.blog{
	background-image:url(/images/employee-blog-icon.png);
}
/* End Employees Page */
/* Start Events */
.event{
	clear:left;
	padding:0 0 20px;
}
.event .date{
	float:left;
	margin:24px 26px 54px 0;
	padding:2px;
	width:80px;
	font-size:0.9em;
	text-align:center;
	color:#eee;
	background:#165091;
}
.event .date em{
	display:block;
	padding:2px;
	font-style:normal;
	font-weight:bold;
	background:#31649d;
	text-shadow:0px 1px 2px #223;
}
.event .date strong{
	display:block;
	font-size:2.3em;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 3px #112;
}
.post h4.register{
	clear:both;
}
/* End Events */
/* Start reCAPTCHA */
.recaptchatable .recaptcha_r1_c1,.recaptchatable .recaptcha_r2_c1,.recaptchatable .recaptcha_r2_c2,.recaptchatable .recaptcha_r3_c1,.recaptchatable .recaptcha_r3_c2,.recaptchatable .recaptcha_r3_c3,.recaptchatable .recaptcha_r4_c1,.recaptchatable .recaptcha_r4_c2,.recaptchatable .recaptcha_r4_c4,.recaptchatable .recaptcha_r7_c1,.recaptchatable .recaptcha_r8_c1{
	background:none !important;
}
.recaptchatable td a{
	display:block;
	width:100px;
	height:16px;
}
.recaptcha_theme_red #recaptcha_response_field{
	border:1px solid #b7c654 !important;
	outline-color:#b7c654;
}
#recaptcha_reload_btn:hover,#recaptcha_switch_audio_btn:hover,#recaptcha_whatsthis_btn:hover{
	background-position:center center !important;
}
#recaptcha_reload_btn:active,#recaptcha_switch_audio_btn:active,#recaptcha_whatsthis_btn:active{
	background-position:center bottom !important;
}
.recaptchatable td a img{
	display:none;
}
#recaptcha_reload_btn{
	background:url(../images/captcha-reload.png) no-repeat center top !important;
}
#recaptcha_switch_audio_btn{
	background:url(../images/captcha-play-audio.png) no-repeat center top !important;
}
#recaptcha_whatsthis_btn{
	background:url(../images/captcha-help.png) no-repeat center top !important;
}
/* End reCAPTCHA */
/* Start Alignment Classes */
.alignleft{
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
.alignright{
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
img.alignleft,img.alignright{
	margin-top:0;
}
.aligncenter{
	text-align:center;
	display:block;
	margin:10px 0;
}
/* End Alignment Classes */
#atffc{ /* Fix improper addthis loading issue */
	height:0px;
}