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

* { margin:0; padding:0; }

body { font: .95em Helvetica, Arial, sans-serif; color:#333; background:url(../../images/bg.jpg) repeat; line-height:1.5em; letter-spacing:.05em; }
img { border:none; outline:none; }
ul { list-style:none; }
p { color:#666; font-weight:normal; margin:20px 0; font-size:1.1em; }
h1 { font-size:1.56em; font-weight:bold; }
h2 { font-size:1.41em; font-weight:bold; }
h3 { font-size:.88em; font-weight:bold; }
a:link, a:visited { color:#c30; text-decoration:underline; outline:none; }
a:hover, a:active { color:#000; outline:none; }

.outer-wrap { min-width:983px; max-width:1200px; margin:0 auto; position:relative; }
	.headbg { background:url(../../images/header-r-bg.jpg) no-repeat; width:100%; min-height:629px; z-index:-1; position:absolute; top:0;}
	.midbg {  width:100%; min-height:2px; z-index:1; position:relative;}
		.inner-wrap { width:983px; margin:0 auto; }
			.header { height:152px; margin-bottom:25px; position:relative;}
				.header h1 a { float:left; margin:50px 0 0 0; text-indent:-9999px; background: url(../../images/metanoia-logo.png) no-repeat; width:373px; height:74px; display:block; }
					.header ul { float:right; margin:75px 0 0 0; }
						.header ul li { float:left; margin:0 0 0 30px; }
							.header ul li a:link, .header ul li a:visited { color:#9cf; font-size:.88em; text-decoration:none; padding-bottom:3px;  }
							.header ul li a:hover, .header ul li a.active { color:#fff; text-decoration:none; border-bottom:solid 5px #fff;}
							.header span.login a { position:absolute; top:10px; right:0; color:#fff; font-size:.88em; }
				.headborder { display:block; width:983px; height:2px; background:url(../../images/head-effect.gif) repeat-x; position:absolute; bottom:0; left:0; }
			.mid { }
				.top { background:url(../../images/top-round-corners.png) no-repeat; width:100%; height:36px; }
				.everything { background:url(../../images/mid.png) repeat-y; width:100%; min-height:570px; overflow:hidden; }
				.bot { background:url(../../images/bot-round-corners.png) no-repeat; width:100%; height:81px; }
	.footer { background: url(../../images/footer-r-bg.jpg) no-repeat; width:100%; height:296px; position:relative;}
		span.logo-foot a { position:absolute; bottom:115px; left:125px; display:block; text-indent:-9999px; background:url(../../images/metanoia-footer-logo.png) no-repeat; width:290px; height:57px;  }
		span.copy { position:absolute; bottom:110px; left:195px; color:#fff; font-size:.88em; }
		.footer ul { position:absolute; bottom:40px; right:150px; }
			.footer ul li { margin-bottom:5px; }
				.footer ul li a { color:#9cf; font-size:.88em; text-decoration:none; }
				.footer ul li a:hover { color:#fff; }
				.footer ul li a.active { color:#fff; }
				
		.line-effect { width:100%; background:url(../../images/line-effect.gif) repeat-x; height:2px; margin:25px 0; display:block; }
		.accent { font-weight:bold }
		
		
	/*Bobby Info Snippet*/	
		.bobby-snippet { position:relative; }
		.bobby-snippet img { }
		.bobby-snippet h2 { margin:0 0 15px 0; }
		.bobby-snippet p { font-size:1.11em; margin:5px 0 15px 0; }
				.bobby-snippet p a { font-size:14px; letter-spacing:normal; }
	/*Info Snippets*/
		.text-snippet { width:162px; margin-bottom:30px;}
			.text-snippet h2 { margin:0; }
			.text-snippet p { font-size:.88em; line-height:1.5em; margin:5px 0; }
			.text-snippet p a { font-size:1.10em; }
	/*Twitter Snippet*/
		.twitter-snippet { width:250px; min-height:240px; font-size:14px; }
			.twitter-snippet img { float:left; margin:0 15px 0 0;  }
			.twitter-snippet h2 a { text-decoration:none; color:#333; margin-bottom:20px;  }
			.twitter-snippet ul { clear:both; margin:20px 0 0 5px; color:#666;  }
				.twitter-snippet li { margin:0 0 10px 0;  }
				.twitter-snippet li a { color:#999; text-decoration:none; }
				.twitter-snippet span { display:block; }
				.twitter-snippet p { font-size:1em; margin:5px 5px;  }
	/*Mini Contact Snippet*/
		.mini-contact-snippet { width:152px; }
			.mini-contact-snippet ul li input { background:url(../../images/contact-mini-bg.jpg) no-repeat; width:148px; height:25px; border:solid 1px #ccc; padding-top:5px; font-size:.78em; margin:5px 0; padding-left:3px; color:#666; }
			.mini-contact-snippet ul li input.submit { width:93px; height:32px;  border:none; margin-top:0; float:right; }
			.mini-contact-snippet ul li textarea { background:url(../../images/contact-msg-mini-bg.jpg) no-repeat; width:148px; height:96px; padding-top:5px; font-size:1em; border:solid 1px #ccc; margin:5px 0; padding-left:3px; color:#666; }
	
	
	
	/*Home*/
	
		.home-img h1 a { display:block; background:url(../../images/home-main-img.jpg) no-repeat; width:981px; height:272px; margin:0 auto 25px auto; text-indent:-9999px; }
		.home-left { float:left; width:461px; margin-left:30px; display:inline; }
		.home-right { float:left; width:430px; margin:0 20px 0 35px; display:inline; }
		.home-right	.bobby-snippet { width:430px; position:relative; height:195px; }
		.home-right	.bobby-snippet img { float:left; margin-right:20px; }
		.home-right	.bobby-snippet h2 { padding:30px 0 5px 0; }
		.home-right .text-snippet { float:left; }
		.home-right .twitter-snippet { float:right; }
		
	/*About*/
	
		.about-left { float:left; width:461px; margin-left:30px; display:inline; }
		.about-left p img { float:left; margin:0 20px 0 0; }
		.about-right { float:left; width:430px; margin:0 20px 0 35px; display:inline; }
		.about-right .twitter-snippet { float:right; margin-top:20px; }
		.about-right .mini-contact-snippet { float:left; margin-top:20px; }
		
	/*Services*/
		
		.services-left { float:left; width:601px; margin-left:30px; display:inline; }
			.services-left img { margin:20px 0 10px -3px; }
		.services-right { float:left; width:299px; margin:0 25px; display:inline; }
			.services-right h3 { float:left; margin-top:10px; }
			.services-right span { color:#666; font-style:italic; margin-top:10px; font-weight:normal; }
			.services-right ul { list-style: disc; clear:both; margin:10px 15px; }
			.services-right li { margin:0; font-size:.78em; line-height:normal; }
			
	/*Insurance*/
	
		.insurance-left {float:left; width:601px; margin-left:30px; display:inline; }
			.insurance-left p { margin:30px 0; }
		.insurance-right { float:left; width:299px; margin:0 25px; display:inline; }
		.insurance-right .bobby-snippet { width:252px; margin-left:20px; }
		.insurance-right .bobby-snippet h2 { padding:20px 0 0 0; }
		
	/*Blog*/
	
		.blog-left {float:left; width:601px; margin-left:30px; display:inline; }
			.blog-left p { margin:30px 0; }
			.blog-left .post { margin-bottom:50px; }
			.blog-left .posthead { width:601px; height:85px; position:relative; }
			.blog-left .posthead h2 { float:left; margin-top:10px;}
			.blog-left .posthead h2 a { text-decoration:none; color:#333;}
			.blog-left .posthead span.post-comments-number { font-size:1.41em; font-weight:bold; position:absolute; right:0; top:0; background:url(../../images/blog-com-sep.gif) no-repeat left; height:36px; width:80px; text-align:center; line-height:75%; padding-top:5px; }
			.blog-left .posthead span.post-comments-number a { text-decoration:none; color:#930; }
			.blog-left .posthead span.post-comments-number span { font-size:.5em; font-weight:normal; color:#999;  }
			.blog-left .posthead span.line-effect { clear:both; display:block; float:left; margin:10px 0; }
			.blog-left .posthead span.post-extra-info { position:absolute; top:50px; left:0; color:#999; font-size:.88em; }
			.blog-left .posthead span.post-extra-info a { color:#999; text-decoration:none; }
			.blog-left .post img { float:left; margin:0 10px 10px 0; }
			.blog-left .post p { margin:10px 0; }
			.blog-left .post-more { padding-right:50px; }
			
		.blog-right { float:left; width:299px; margin:0 25px; display:inline; }
		.blog-right .bobby-snippet { width:252px; margin-left:20px; }
		.blog-right .bobby-snippet h2 { padding:20px 0 0 0; }
		.blog-right .mini-contact-snippet { margin:40px 0 20px 20px; }
		.blog-right h3 { margin:40px 20px 20px 20px; font-size:1.41em; }
			.blog-right ul.cats { clear:both; margin:10px 20px; }
			.blog-right li { margin:0; line-height:normal; }
			.blog-right li a { color:#333; font-size:.88em; }
			
			.comment-input { background: url(../../images/comments-input-field.jpg) no-repeat; width:311px; height:25px; padding-top:5px; border:solid 1px #ccc; }
			.comment-message { background:url(../../images/comments-message-field.jpg) no-repeat; width:460px; height:96px; padding-top:5px; border:solid 1px #ccc; }
	
	
	/*Contact*/
	
		.contact-left { float:left; width:300px; margin-left:30px; display:inline; }
		.contact-left .contact-name { font-weight:bold; padding-top:30px; display:block; }
		.contact-left .contact-email { margin-bottom:30px; color:#666; display:block; }
			.contact-left ul li input { background:url(../../images/contact-bg.jpg) no-repeat; width:198px; height:25px; border:solid 1px #ccc; padding-top:5px; font-size:.78em; margin:5px 0; padding-left:3px; color:#666; }
			.contact-left ul li input.submit { width:93px; height:32px;  border:none; margin-top:0; margin-right:98px; float:right; }
			.contact-left ul li textarea { background:url(../../images/contact-msg-bg.jpg) no-repeat; width:198px; height:96px; padding-top:5px; font-size:1em; border:solid 1px #ccc; margin:5px 0; padding-left:3px; color:#666; }
		
		.contact-right { float:right; margin-right:30px; width:440px; line-height:normal; display:inline; }
		.contact-right h2 { margin-bottom:30px; }
		.contact-right iframe { border:solid 1px #ccc; }