/*
Theme Name: Arc Intermedia
Description: Arc Intermedia Website
Version: 1.0
Author: Mike Maier
Author URI: http://www.arcintermedia.com
Tags: CMS, Widgets, Post Thumnails

	This theme was designed and built by Mike Maier, Interactive Director @ Arc Intermedia. 

*/


@charset "UTF-8";
/* CSS Document */

body
{
	/*background-color:#5d5957;*/
	background-color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#454545;
	margin:0px;
	padding:0px;
}

#outerContainer
{
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#fff;
}

#container
{
	dsiplay:block;
	position:relative;
	width:960px;
	margin:0 auto;
	background-image:url(images/siteBG.jpg);
	background-repeat:no-repeat;
}

/* ======================================================================== Typography */

h1, h2, h3
{
	color:#00569a;
}

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	line-height:24px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
}

h2, h3
{
	font-family:"Lucida Sans", Geneva, Helvetica;
}

h2
{
	font-size:14px;
	font-weight:normal;
}

h3
{
	font-size:18px;
}

h4
{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

	


/* =========================================================================== Common */

a
{
	 color:#2b9c4b;
	 text-decoration:none;
}

a:hover
{
	 text-decoration:underline;
}

.blue
{
 	color:#00569a;
}

.green
{
	color:#2b9c4b;
}

.clear
{
	display:block;
	height:1px;
	clear:both;
	overflow:hidden;
}



/* ============================================================================= Nav */

#nav
{
	display:block;
	position:absolute;
	top:134px;
	left:78px;
	height:41px;
	width:781px;
	background:url(images/navBg.png) no-repeat;
}

	#nav ul
	{
		list-style:none;
		padding:0px 51px;
		
	}
	
		#nav ul li
		{
			display:block;
			float:left;
			padding:0px 55px 0px 0px;
			height:41px;
			line-height:41px;
		}
		
		#nav ul li a
		{
			display:block;
			font-family:"Lucida Sans", Geneva, Helvetica;
			font-size:19px;
			color:#f0f0f0;
			text-decoration:none;
		}
		
			#nav ul li a:hover
			{
				color:#cecece;
			}
			
				#nav ul li a.sel
				{
					color:#cecece;
					display:block;
					font-family:"Lucida Sans", Geneva, Helvetica;
					font-size:19px;
					text-decoration:none;
				}
			
			#nav ul li.last
			{
				padding:0px;
			}
			
	#nav #subNavServices
	{
		display:none;
		position:absolute;
		height:160px;
		width:709px;
		padding:0px 0px 0px 5px;
		background:url(images/subNavBg.png) no-repeat;
		left: 33px;
		top: 40px;
	}
	
	#nav #subNavSolutions
	{
		display:none;
		position:absolute;
		height:125px;
		width:159px;
		padding:0px 0px 0px 5px;
		background:url(images/subNavSolutions.png) no-repeat;
		left: 159px;
		top: 40px;
	}
	
	#nav #subNavAbout
	{
		display:none;
		position:absolute;
		height:125px;
		width:212px;
		padding:0px 0px 0px 5px;
		background:url(images/subNavAbout.png) no-repeat;
		left: 415px;
		top: 40px;
	}
	
	#nav #subNavBlog
	{
	display:none;
	position:absolute;
	height:125px;
	width:190px;
	padding:0px 0px 0px 5px;
	background:url(images/subNavBlog.png) no-repeat;
	left: 528px;
	top: 40px;
	}
	
	#nav #subNavServices ul, #nav #subNavSolutions ul, #nav #subNavAbout ul, #nav #subNavBlog ul
			{
				display:block;
				float:left;
				padding:15px 24px 0px 18px;
				list-style:none;
				overflow:visible;
			}
				
			#nav #subNavServices ul li, #nav #subNavSolutions ul li, #nav #subNavAbout ul li, #nav #subNavBlog ul li
				{
					display:block;
					clear:both;
					padding:0px 0px 14px 0px;
					height:16px;
					width:;
					line-height:16px;
					overflow:visible;
					white-space:nowrap;
					
				}
				
				#nav #subNavServices ul li a, #nav #subNavSolutions ul li a, #nav #subNavAbout ul li a, #nav #subNavBlog ul li a
					{
						display:block;
						font-family:"Lucida Sans", Geneva, Helvetica;
						font-size:16px;
						font-weight:bold;
						color:#fff;
						text-decoration:none;
					}
					
						#nav #subNavBlog ul li.cat-item a
						{
							font-weight:normal;
						}
					
						#nav #subNavServices ul li a:hover, #nav #subNavSolutions ul li a:hover, #nav #subNavAbout ul li a:hover, #nav #subNavBlog ul li a:hover
					{
						text-decoration:underline;
					}
					
						#nav #subNavServices ul li ul
						{
							list-style:none;
							margin:0px;
							padding:4px 0px 0px 0px;
						}
						
							#nav #subNavServices ul li ul li
							{
								margin:0px;
								padding:4px 0px 0px 0px;
							}
							
								#nav #subNavServices ul li ul li a
								{
									font-size:12px;
									font-weight:normal;
								
								}
								
									#nav #subNavServices ul li ul li a:hover
									{
										text-decoration:underline;
									}

/* ========================================================================= Header */


#header
{
	dsiplay:block;
	position:relative;
	height:170px;
}

	#header #homeLink
	{
	position:absolute;
	left: 0px;
	top: 18px;
	}
	
		#header #date
		{
		position:absolute;
		width:195px;
		left: 763px;
		top: 42px;
		font-family:"Lucida Sans", Geneva, Helvetica;
		color:#3f4446;
		font-style:italic;
		font-weight:bold;
		font-size:10px;
		}
	
		#header #searchBox
		{
			display:block;
			position:absolute;
			height:26px;
			background-image:url(images/searchBoxBg.png);
			background-repeat:no-repeat;
			padding:5px 0px 0px 0px;
			width:199px;
			color:#454545;
			overflow:hidden;
			background-position:0px 0px;
			left: 762px;
			top: 62px;
		}
	
		#header #searchBox input.search
		{
			width:145px;
			height:18px;
			background: transparent;
			font-size:13px;
			line-height: 13px;
			color:#454545;
			padding: 1px 3px 2px 8px;
			margin:0px;
			border:none;
		}
		
		#header #searchBox input.goBtn
			{
				position:absolute;
				right:8px;
				z-index:99;
				height:22px;
				width:34px;
				border: none;
				background:url(images/goBtn.gif) no-repeat top left;
				cursor:pointer;
				top: 2px;
			}


/* ================================================================================= */
/* ================================================================================= */
/* ======================================================================== Homepage */
/* ================================================================================= */
/* ================================================================================= */

#homepageFeature
{
	display:block;
	float:left;
	margin:45px auto 35px auto;
	padding:0px 0px 0px 19px;
	*background:url(images/recentPostsBg.png) 0px 125px no-repeat;
	
}


#homepageContent
{
	display:block;
	padding:0px 46px;
	margin:30px 0px 53px 0px;
	color:#454545;
	background:url(images/recentPostsBg.png) 0px 137px no-repeat;
	*background:none;
	


}

	#homepageContent #leftCol
	{
		float:left;
		width:393px;
	}
	
		#homepageContent #leftCol h1
		{
			margin:0px 0px 5px 0px;
		}
		
		#homepageContent #leftCol p
		{
			font-size:16px;
			line-height:22px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
			
	#homepageContent #rightCol
	{
		float:right;
		width:415px;
	}
	
		#homepageContent #rightCol ul
		{
			display:block;
			float:left;
			list-style:inside;
			list-style-image:url(images/triangleIconSmall.gif);
			padding:18px 18px 0px 0px;
		}
		
		#homepageContent #rightCol ul li
		{
			text-indent:7px;
			padding:0px 0px 8px 0px;
		}
		
		#homepageContent #rightCol a
		{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:15px;
		}


/* ==================================================================== Social Bar */	


#socialBar
{
	position:absolute;
	width:333px;
	height:43px;
	background:url(images/socialBar.png) no-repeat;
	padding:11px 14px 0px 13px;
	left: 300px;
	top: 570px;
}

	#socialBar a
	{
		margin:0px 10px 0px 10px;
	}
		

/* ==================================================================== Recent Posts */


#recentPosts
{
display:block;
background:url(images/recentPostsBg.png) no-repeat;
padding:60px 46px 50px 46px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
color:#454545;
}

	#recentPosts .recentPost
	{
		display:block;
		float:left;
		width:227px;
		
	}
	
		#recentPosts .middle
		{
			padding:0px 93px 0px 93px;
		}
	
			#recentPosts .recentPost h2
			{
				height:28px;
				display:block;
				background:url(images/recentPostHeadImg.png) no-repeat;
				background-position:0px 20px;
			}
			
			#recentPosts .recentPost img
			{
				border:solid 1px #868686;
				margin:0px 0px 15px 0px;
			}
			
			#recentPosts .recentPost a
			{
				display:block;
				font-style:italic;
			}
			
					#recentPosts .recentPost  h4 a
					{
						font-style:normal;
					}


/* ================================================================================== */
/* ================================================================================== */
/* ==================================================================== Content Pages */
/* ================================================================================== */
/* ================================================================================== */


#contentPage
{
	display:block;
	padding:0px 46px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#454545;
}

	#contentPage #leftCol
	{
		display:block;
		float:left;
		width:557px;
		padding:25px 43px 20px 0px;
	}
	
		#contentPage #leftCol .share
		{
			display:block;
			text-align:right;
			width:557px;
			clear:both;
			padding:0px;
			margin:0px 0px 10px 0px;
		}
		
		
			#contentPage #leftCol .share span#sharethis_0
			{
				margin-top:-3px;
			}
			
	
		#contentPage #leftCol .breadcrumbs
		{
			display:block;
			height:26px;
			width:557px;
			background:url(images/breadcrumbImg.png) no-repeat 0px 24px;
			margin:0px 0px 18px 0px;
		}
		
		#contentPage #leftCol h1.postHeader
		{
			margin:0px;
		}
		
		#contentPage #leftCol .postInfo
		{
			display:block;
			font-size:11px;
			margin:0px 0px 0px 0px;
		}
		
		#contentPage #leftCol p
		{
			margin:0px 0px 18px 0px;
			display:block;
		}
		
		#contentPage #leftCol ul
		{
			list-style:outside;
			margin:0px 0px 18px 40px;
			padding:0px;
		}
		
		#contentPage #leftCol p img
		{
			float:right;
			border:solid 1px #b4b4b4;
			margin:0px 0px 2px 30px; 
		}
		
		#contentPage #leftCol div.wp-caption
		{
			display:block;
			float:right;
			font-size:90%;
			text-align:center;
		}
		
		#contentPage #leftCol .post
		{
			display:block;
			clear:both;
			margin:20px 0px 30x 0px;
		}
		
		#contentPage #leftCol .post a.more
		{
			display:block;
			margin:-18px 0px 0px 0px;
			font-style:italic;
		}
		
			#contentPage #leftCol .post .the-thumbnail
			{
				display:block;
				float:left;
				margin:0px 15px 18px 0px;
				border:solid 1px #b4b4b4;
				padding:0px;
			}
		
		#contentPage #leftCol .gallery p
		{
			float:right;
			display:inline;
		}
		
			
			#contentPage #leftCol .gallery img
			{
				float:left;
				
			}
			
			#contentPage #leftCol .gallery img.offline
			{
				margin:0px 0px 0px 25px;
				
			}
			
		#contentPage #leftCol .landingPageContent  ul
		{
			display:block;
			float:left;
			list-style:inside;
			list-style-image:url(/wp-content/themes/arc/images/triangleIconSmall.gif);
			padding:28px 0px 0px 24px;
			margin:0px;
		}
		
		#contentPage #leftCol .landingPageContent ul li
		{
			text-indent:7px !important;
			padding:0px 0px 8px 0px !important;
			*margin-bottom:8px !important;
		}
		
		#contentPage #leftCol .landingPageContent ul li a
		{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:15px;
			*padding-left:8px;
		}
		
		#contentPage #leftCol .landingPageContent img
		{
				float:right;
				border:none;
				margin:0px 25px 0px 0px;
		}
		
			#contentPage #leftCol .landingPageContent img.offline
			{
				margin:10px 55px 0px 0px;
			}
		
/* ==================================================================== Comments */	

.wpcf7-not-valid-tip-no-ajax
{
	margin:0px 0px 0px 6px;
	font-style:italic;
	color:#990000;
}

.wpcf7-response-output
{
	margin:0px 0px 20px 0px;
    font-size:16px;
	color:#990000;
}

/* ==================================================================== Comments */	

.commentWrapper
{
	display:block;
	clear:both;
	margin:35px 0px 0px 0px;
	padding:25px 15px 0px 15px;
	width:527px;
	font-size:86%;
	color:#2b9c4b;
	background:url(images/comentBg.jpg) no-repeat;
}

	.commentWrapper label
	{
		margin-left:10px;
	}
	
	.commentWrapper h3
	{
		margin-bottom:18px;
	}
	
	.commentWrapper .req
	{
		font-style:italic;
		color:#454545;
	}
	
	.commentWrapper .commentlist .comment
	{
		display:block;
		width:92%;
		margin:0px 0px 10px 0px;
		border-bottom: 1px solid #cfcfcf;
	}
	
		.commentWrapper .commentlist .comment .depth-2, .commentWrapper .commentlist .comment .depth-3, .commentWrapper .commentlist .comment .depth-4, .commentWrapper .commentlist .comment .depth-5
		{
			display:block;
			width:92%;
			margin:0px 0px 10px 0px;
			padding:7px;
			border-bottom:none;
		}
		
			.depth-2
			{
				padding-left:10px;
			}
			
			.depth-3
			{
				padding-left:15px;
			}
			
			.depth-3
			{
				padding-left:20px;
			}
			
			.depth-4
			{
				padding-left:25px;
			}
			
			.depth-5
			{
				padding-left:30px;
			}
			
		.bypostauthor
		{
			background-color:#eff3f9;
		}
	
		.commentWrapper .commentlist .comment .comment-meta
		{
			font-size:80%;
			line-height:90%;
			display:block;
			margin:0px 0px 6px 0px;
		}
		
		.commentWrapper .commentlist .comment img
		{
			margin-right:5px;
		}
	
	.commentWrapper .commentlist p
	{
		color:#454545;
		line-height:125%;
	}
	
	.commentWrapper .commentlist .reply
	{
		display:block;
		margin-bottom:10px;
	}

			
	
	#contentPage #rightCol
	{
		display:block;
		float:left;
		width:267px;
		padding:63px 0px 0px 0px;
	
	}
	
		#contentPage #rightCol .sideBarBlock
		{
			display:block;
			padding:0px 0px 35px 0px;
		}
		
			#contentPage #rightCol .sideBarBlock h2
			{
				height:28px;
				display:block;
				background:url(images/rightBarHeadImg.png) no-repeat;
				background-position:0px 26px;
				margin:0px 0px 8px 0px;
			}
			
			#contentPage #rightCol .sideBarBlock #emailSignUp
			{
				display:block;
				position:relative;
				height:26px;
				background-image:url(images/emialSignUpBg.png);
				background-repeat:no-repeat;
				padding:5px 0px 0px 0px;
				width:220px;
				color:#454545;
				overflow:hidden;
				background-position:0px 0px;
				margin:22px 0px 0px 0px;
				
			}
		
			#contentPage #rightCol .sideBarBlock input.signup
			{
				width:145px;
				height:18px;
				background: transparent;
				font-size:12px;
				line-height: 13px;
				color:#454545;
				padding: 1px 3px 2px 8px;
				margin:0px;
				border:none;
			}
			
			#contentPage #rightCol .sideBarBlock input.goBtn
			{
				position:absolute;
				right:8px;
				z-index:99;
				height:22px;
				width:49px;
				border: none;
				background:url(images/goBtn.gif) no-repeat top left;
				cursor:pointer;
				top: 2px;
			}
			
		
		#contentPage #rightCol .sideBarBlock a.rss
		{
			display:block;
			height:25px;
			text-indent:36px;
			background:url(images/feed-24x24.png) no-repeat 0 0;
			margin:0px 0px 12px 0px;
			line-height:32px;
		}
		
		#contentPage #rightCol .sideBarBlock a.facebook
		{
			display:block;
			height:25px;
			text-indent:36px;
			background:url(images/facebook-24x24.png) no-repeat 0 0;
			margin:0px 0px 12px 0px;
			line-height:32px;
		}
		
		#contentPage #rightCol .sideBarBlock a.twitter
		{
			display:block;
			height:25px;
			text-indent:36px;
			background:url(images/twitter-24x24.png) no-repeat 0 0;
			margin:0px 0px 12px 0px;
			line-height:32px;
		}
		
		#contentPage #rightCol .sideBarBlock li
		{
			list-style:none;	
		}
		
	/* ==================================================================== Twitter Widget */
		
		.widget_twitter li 
		{
	    	list-style:none;
			padding:0px 0px 18px 0px;
			font-size:13px;
			line-height:16px;
		}
		
		.widget_twitter li img 
		{
			float:left;
			margin-right:.5em;
		}
		
		.widget_twitter li .clear {
	    clear:both;
		}
		
		div h2 a
		{
			font-family:"Lucida Sans", Geneva, Helvetica;
			color:#00569a;
			text-decoration:none;
		}
		
			div h2 a:hover
			{
				text-decoration:none;
			}
			
			.entry-content
			{
				display:block;	
			}
			
			.time-meta a
			{
				font-size:11px;
				color:#979797;
			}
			
			.from-meta
			{	
				font-size:11px;
				color:#979797;	
			}
			
		/* End Twitter feed widget Styles  */
		


/* ==================================================================== Footer */

#outerFooter
{
	margin:0px;
	padding:15px 0px 0px 0px;
	width:100%;
	background-image:url(images/footerBg.png);
	background-repeat:repeat-x;
	background-color:#5d5957;
}

#footer
{
	position:relative;
	dsiplay:block;
	width:915px;
	margin:0 auto;
	height:155px;
	color:#fff;
	padding-left:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;

}

	#footer ul
	{
		display:block;
		float:left;
		margin:0px 28px 0px 0px;
		list-style:none;
	}
	
		#footer ul li
		{
			padding:2px 3px 1px 3px;
		}
		
			#footer ul li a
			{
				font-family:Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:13px;
			}
			
				#footer ul li a.first
				{
					font-family:Arial, Helvetica, sans-serif;
					color:#fff;
					font-size:16px;
					font-weight:bold;
				}
			
	#footer #copyright 
	{
	position:absolute;
	left: 650px;
	top: 123px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 262px;
	text-align:right;
	line-height:14px;
	}
	
	#footer #watermark
	{
	position:absolute;
	left: 803px;
	top: 31px;
	}



/* ==================================================================== TEMP */

#temp
{

	position:relative;
	display:block;
	width:662px;
	margin:0px auto;
	background:url(images/TEMPBG.jpg) no-repeat 0 0;
}

#temp #tempContent
{
	position:absolute;
	width:450px;
	top:515px;
	left:10px;
	padding:0px 0px 15px 0px;
}

	#temp #tempContent h1
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:20px;
		margin-bottom:6px;
	}
	
	#temp #tempContent p.intro
	{
		color:#42515a;
		font-size:15px;
	}
	
		#temp #tempContent p.call
	{
		color:#42515a;
		font-size:18px;
		line-height:26px;
		margin-top:12px;
	}
	
		#temp #tempContent p.call strong
		{
			color:#00569a;
			font-weight:normal;
		}
		
		#temp #tempContent p
		{
			font-size:13px;
			margin:0px 0px 8px 0px;
		}
		
	#temp #addy
	{
		position:absolute;
		top:200px;
		left:445px;
		display:block;
		width:350px;
		font-size:14px;
		line-height:20px;
	}