/* styles that also need to be in the WYSIWYG editor are in all.css */

/* common styles */
body 						{background:#e9e9e9 url(/assets/images/bg_main_dots_short.png) center top no-repeat; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#587993;}
body.workpage				{background:#e9e9e9 url(/assets/images/bg_main_dots_work.png) center top no-repeat;}
body.blog					{background:#e9e9e9 url(/assets/images/bg_main_dots_blog.png) center top no-repeat;}
.auto						{margin:auto;}
.block 						{display:block;}
.border-top					{border-top:1px solid #cdd7de;}
.border-bottom				{border-bottom:1px solid #cdd7de;}
.clear 						{clear:both; display:block; visibility:hidden;}
.padding-bottom-large		{padding-bottom:30px;}
.padding-bottom				{padding-bottom:24px;}
.relative					{position:relative;}
#logo						{position:absolute; top:30px; left:19px; width:173px; height:51px; background:url(/assets/images/logo.png) no-repeat; display:block;}

/* layout */
#wrapper-outer				{width:100%; background:url(/assets/images/bg_footer.png) center bottom no-repeat; min-height:100%; height:auto !important; height:100%;}
#wrapper-bg 				{width:990px; margin:auto; background:url(/assets/images/dots_short.png) center top no-repeat;}
#wrapper-copy 				{width:900px; margin:auto; background:#fff; min-height:100%; height:auto !important; height:100%;}
#wrapper-copy-inner			{width:900px; margin:auto; background:#fff; min-height:100%; height:auto !important; height:100%; padding-bottom:117px;}
#wrapper-header				{width:860px; height:111px; margin:0 auto 24px auto; border-bottom:1px solid #cdd7de; position:relative;}

/* footer */
#footer 						{width:900px; margin:0 auto; position: relative; margin-top: -117px; /* negative value of footer height */ height: 117px; clear:both; background:none; text-align:center;} 
#footer li,
#footer a						{font:normal 10px/19px Arial, Helvetica, sans-serif; text-decoration:none;}
#footer ul						{list-style:none; margin:0; padding:0;}
#footer li						{display:inline; padding:0 8px 0 8px;}
#footer ul.address li			{padding:0 5px 0 5px;}
#footer ul.social,
#footer ul.links				{padding-top:14px;}
#footer ul.social 				{height: 20px; }
#footer ul.social li 			{padding: 0;}
#footer ul.social li a			{height:20px; width:20px; display:inline-block; margin: 0 4px; padding: 0;}
#footer ul.social li.facebook a	{background:url(/assets/images/social_facebook.png) left top no-repeat; }
#footer ul.social li.aiga a		{background:url(/assets/images/icon-aiga.png) left top no-repeat; }
#footer ul.social li.twitter a	{background:url(/assets/images/social_twitter.png) left top no-repeat; }
#footer ul.social li.linkedin a	{background:url(/assets/images/social_linkedin.png) left top no-repeat;}
#footer ul.social li a:hover	{background-position:left bottom;}
.twocol-home-left .copy-pad ol, .twocol-home-left .copy-pad ul	{list-style:disc inside;}

	/* interface - common */
	.copy-outer							{position:relative; margin:auto; width:860px;}
	.copy-outer p						{padding-bottom:16px;}
	.copy-pad							{padding:0 21px; border-bottom:12px solid #fff;}
	img.sub 							{padding:0 21px; background: #fff; }
	img.contact							{padding: 17px 20px 10px 20px; background: #fff; }
	.copy-pad.clients 					{ padding: 17px 42px; } 
	
	/* 1-column */
	.onecol-short						{width:725px;}
	.onecol-full						{width:100%;}
	.onecol-full .copy-pad				{padding: 17px 20px 20px 20px; }
	
	/* 2-column - home */
	.copy-outer.home					{background:url(/assets/images/bg_2col.png) repeat-y;}
	.twocol-home-left					{width:583px; float:left; background: }
	.twocol-home-right					{width:277px; float:left; background: }
	.twocol-home-right .sidebar-pad		{padding:17px 21px 15px 21px;}
	.twocol-home-left .copy-pad			{padding: 17px 21px 21px 21px; }
	.twocol-home-left .copy-pad.sub		{padding: 0 21px 21px 21px; }
	
	/* 2-column with navigation in left column */
	.work					{background:url(/assets/images/bg_work.png) repeat-y; margin-top: 12px;}
	.copy-outer.contact					{background:url(/assets/images/bg_work.png) repeat-y 130px 0; }
	.twocol								{width:860px;}
	.twocol-left						{width:239px; float:left; padding-right: 42px; padding-bottom:22px;}
	.twocol-left ul						{list-style:none; margin:0; padding:0;}
	.twocol-right						{width:537px; float:left; padding-bottom:10px;}
	.twocol-right.work					{ background:url(/assets/images/bg_work.png) repeat-y; }
	.twocol-left.contact				{padding: 0 0 0 20px; width:248px; }
	.twocol-right.contact				{width:227px; position: relative; margin-left: 45px; }
	.pad-work							{padding:17px 0 0 20px;}
	ul.leftnav li a, ol.leftnav li a	{font:11px/19px Arial, Helvetica, sans-serif; color:#5a7e92; text-transform:uppercase; text-decoration:none;line-height:200%; text-transform: uppercase; }
	ul.leftnav li a:hover,
	ul.leftnav li a.active,
	ol.leftnav li a:hover, 
	ol.leftnav li a:active				{color: #405769; text-decoration: underline; }
	
	
/* news sidebar */
.sidebar-post				{width:235px; padding-bottom:8px; margin-bottom:12px; background:url(/assets/images/bg_dots.png) left bottom repeat-x; font:normal 10px/14px Arial, Helvetica, sans-serif; color:#5a7e92;}
.sidebar-post.last			{background:none;}
.sidebar-post a.title		{font:bold 10px/16px Arial, Helvetica, sans-serif; color:#405769; display:block;}
.sidebar-post a.title span	{font-style:italic; font-weight:normal; color:#5a7e92;}
a.readmore,
a.readmore					{font:normal 18px/30px "Reenie Beanie", Arial, Helvetica, sans-serif; color:#ff7800; display:block; padding: 5px 0 0 0; text-decoration:none; text-transform:lowercase;}
a.readmore:hover 			{text-decoration:underline;}

/* navigation common elements */
.nav						{list-style:none; margin:0; padding:0;}		
.nav li						{display:inline;}

/* main navigation */
#nav-main 					{font:bold 11px/19px Arial, Helvetica, sans-serif; position:absolute; top:50px; right:20px;}
#nav-main li				{padding-left:40px;}

/* navigation level 2 */
#nav-level-2 ul				{font:bold 11px/19px Arial, Helvetica, sans-serif; list-style:none; margin:0; padding:17px 21px 0 21px; background: #fff; text-transform: uppercase;}
#nav-level-2 li				{padding-right:20px;}

/* carousel */
#slide-nav					{height:24px; width:860px; margin:auto; position:relative;}
#slide-nav a				{margin-top:4px;}
.scroller 					{position:relative; height:293px; width:860px; margin:auto; overflow:hidden; padding:0;}
.work						{min-height:250px;}
.textContainer				{background:url(/assets/images/tab_white_shadow.png) no-repeat; width:21px; height:293px; position:relative; top:0; left:839px; margin:0; padding:0;}
.textContainer .pad			{padding:25px 15px 0 40px; margin:0; display:none;}
.textContainer p			{padding:0 0 15px 0; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#071b2a;}
.tool 						{float:left; width:860px; height:293px; background-repeat:no-repeat; margin:0; padding:0;}
.work .tool					{height:413px;}
.work.scroller				{height:413px;}
#tools 						{width:9999em; position:absolute; height:293px;}
.work #tools				{height:413px;}
a.prevPage,
a.nextPage					{cursor:pointer; position:absolute; top:0px; width:22px; height:17px; display:block;}
a.prevPage					{left:807px; background:url(/assets/images/arrow_left_orange.png);}
a.prevPage.disabled			{background:url(/assets/images/arrow_left_gray.png);}
a.nextPage					{left:829px; background:url(/assets/images/arrow_right_orange.png);}
a.nextPage.disabled			{background:url(/assets/images/arrow_right_gray.png);}

/* say hello */
.say-hello, .say-hello.home	{display:block; position:absolute; right:-6px; top:8px; cursor:pointer;}
.say-hello					{height: 23px; right: 0;}

/* news */
.dateline					{display:block; padding-bottom:3px; color:#5A7E92; font-style:italic;}

/* clients */
.client_column				{list-style:none; float:left; width:189px; padding-right:20px}
.client_column.last			{padding-right:0;}
.client_column li			{line-height:16px;}		
.ring 						{ position:absolute; top:9px; left:108px; font:normal 18px/30px "Reenie Beanie", Arial, Helvetica, sans-serif; color:#ff7800 }	

/* contact */
.dark 						{ color: #4b6071; }
.spaced 					{ letter-spacing: .1em; font-weight: bold; }
h2.contact					{ margin: 2px 0 5px 0; padding: 0; }
form#contact_form 			{ width: 232px; margin: 0; padding: 0; }
form#contact_form label, 
form#contact_form label p 	{ float: left; clear: left; width: 236px; font:normal 18px "Reenie Beanie", Arial, Helvetica, sans-serif; color:#ff7800; padding-bottom: 4px; }
form#contact_form label		{ padding: 0; }
form#contact_form input 	{ float: left; clear: left; width: 236px; margin-bottom: 10px; border:1px solid #ccc;}
#contactmap 				{ width: 260px; height: 255px; position: absolute; top: 4px; left: 268px; z-index: 2; border:1px solid #CDD7DE;}
textarea#Message 			{ float: left; clear: left; width: 238px; height: 90px; border:1px solid #ccc;}
form#contact_form input#submit { width: 106px; height: 23px; padding: 12px 0 15px 135px; border:0; }
v\:* 						{ behavior:url(#default#VML); }



.modal 									{background-color:#fff; display:none; padding:15px; text-align:left; border:2px solid #333; opacity:1; 
										-moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; } 
/* close button positioned on upper right corner */ 
.modal .close 							{background-image:url(/assets/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.copy-outer a							{text-decoration:none;}
.copy-outer a:hover						{text-decoration:underline;}
.modal-header							{display:block; padding-bottom:5px;}
.milesHeader							{font-weight:bold;}

/* case studies */
a.pdf									{background:url(/assets/images/icon_pdf.png) 5px 0 no-repeat; padding-left:47px; min-height:31px; display:block; font-size:11px; line-height:12px;}
a.pdf span								{color:#587993;}
a.enewsLink								{cursor:pointer;}

/* blog */
.more-link					{ color:#F75C1C; }
#commentform textarea		{ height:100px; }

/* emma */

.e2ma_signup_form 						{width:510px;}
.e2ma_signup_form_row,
.e2ma_signup_form_required_footnote		{border:none;}