BODY {
	/*background: #feeba0 url(/images/content/bg_gradient.gif) 0 0 repeat-x;*/
	background-color: #feeba0; }

#page_container {
	width: 920px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 1em; }

/* @group Header */

#header {
	background: transparent url(/images/content/bg_header.gif) 0 0 repeat-x;
	height: 106px;
	position: relative; }

	#header H1 {
		margin: 0 0 0 10px;
		float: left;
		background: transparent url(/images/content/logo.jpg) 0 0 no-repeat;
		width: 569px;
		height: 106px; }

		#header h1 a { display: block; float: left; height: 106px; text-indent: -5000px; }
		#header h1 a#nm_logo { width: 118px; }
		#header h1 a#same_logo { width: 410px; }

		/* Experts Area Logo */
		body.experts #header h1 { background-image: url(/images/content/logo_experts.jpg); }

	#auxnav { position: absolute; top: 8px; left: 698px; }

		#auxnav a { color: #218bbc; font-size: .9em; text-decoration: none; }
		#auxnav a:hover { color: #005095; }

	#search {
		float: right;
		width: 223px;
		margin-top: 58px; }

		#search INPUT {
			float: left;
			margin-right: .5em;
			line-height: 18px;
			height: 18px;
			width: 155px; }

		#search .btn {
			/*height: 1.8em;
			line-height: 1.8em;
			margin-top: 2px;*/
			width: 25px;
			text-align: center;
			/*visibility: hidden;*/ }

			#search .btn span {
				line-height: 18px !important;
				height: 18px !important; }

/* @end */

/* @group Nav */

#nav UL {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0; }

	#nav LI {
		float: left; }

		#nav LI A {
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			width: 230px;
			height: 36px;
			text-indent: -5000px; }

		#nav LI A:hover { background-position: 0 -36px; }

	.nav-about A { background-image: url(/images/content/menu_about.gif); }
	.nav-talk A { background-image: url(/images/content/menu_blog.gif); }
	.nav-learn A { background-image: url(/images/content/menu_explore.gif); }
	.nav-try A { background-image: url(/images/content/menu_try.gif); }

	/* Experts Area Nav */
	.nav-products a { background-image: url(/images/content/menu_product.gif); }
	.nav-mechanism a { background-image: url(/images/content/menu_mechanism.gif); }
	.nav-case_studies a { background-image: url(/images/content/menu_casestudies.gif); }
	.nav-resources a { background-image: url(/images/content/menu_resources.gif); }

/* @end */

/* @group SubNav */

#subnav {
	float: left;
	clear: left;
	width: 220px;
	margin: 36px 10px; }

.subnav_title { margin-bottom: 8px; }

#subnav UL {
	list-style: none;
	width: 100%;
	margin: 0 0 1em;
	border-top: 1px solid #ccc; }
	
	#subnav li { border-bottom: 1px solid #ccc; }

	#subnav LI A {
		display: block;
		padding: .5em 0;
		font-size: 1.33em;
		line-height: 1.25;
		text-decoration: none;
		color: #fcb219; }

	#subnav LI A:hover { color: #7e590c; }
	
	#subnav li ul { border-top: none; margin-bottom: .5em; }
	#subnav li li { border-bottom: none; }
	#subnav li li a { line-height: 1; padding: .25em 0 .25em 20px; }

.features IMG {
	margin: 4px 0; }

/* @end */

/* @group Content */

#content {
	float: left;
	width: 660px;
	margin: 38px 10px 38px 0;
	padding-left: 10px;
	display: inline-block;
	background: transparent url(/images/content/bg_vline_dotted.gif) 0 0 repeat-y; }

.page_title { margin-bottom: .5em; }
/* @end */

/* @group Page Utils */

.page_utils {
	float: left;
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #ccc; }

	.page_utils UL {
		float: right;
		list-style: none;
		width: 46px;
		margin: 0; }

		.page_utils LI {
			float: left;
			margin: 0;
			border-left: 1px solid #ccc; }

		.page_utils A {
			display: block;
			height: 16px;
			line-height: 15px;
			text-decoration: none;
			font-size: .916em; }

	.page_utils UL.sort_functions { float: left; width: 50%;}
	.page_utils UL.sort_functions LI { border-left: none; border-right: 1px solid #ccc; }
	.page_utils UL.sort_functions A { padding: 0 .7em; }

	.page_utils a.selected { background-color: #fcb219; color: #fff; }

/* @end */

/* @group Footer
 */

#footer {
	/*float: left;*/
	clear: both;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: .8em;
	margin-bottom: 1em; }

	#footer, #footer A:link { color: #999; }
	#footer A:hover { color: #7e590c; }

	#footer .copyright {
		float: left;
		margin: 0 0 0 10px;
		width: 50%; }

	#footer UL {
		list-style: none;
		float: right;
		margin: 0; }

	#footer LI {
		float: left;
		border-right: 1px solid #ccc; }

		#footer LI A {
			display: block;
			padding: 0 .7em; }

		#footer LI.rss {
			border-right: none; }

		#footer LI.rss A {
			padding-right: 18px;
			margin-right: 10px;
			background: transparent url(/images/content/icn_rss_small.gif) 100% 50% no-repeat; }

/* @end */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}

/* @group Buttons */

.btn {
	display: block;
	position: relative;
	background: #fcb219;
	padding: 3px 3px 3px 6px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	font-size: .833em;
	font-weight: bold;
	visibility: hidden; }

	.btn_visible { visibility: visible !important; }

	.btn .caps, .btn amp {
		position: relative;
		left: 0; top: 0;
		display: inline;
		padding: 0;
		margin: 0; }

	.btn * {
		font-style: normal;
		background-image: url(/images/content/btn.png);
		background-repeat: no-repeat;
		display: block;
		position: relative; }

	.btn i {
		background-position: top left;
		position: absolute;
		margin-bottom: -3px;
		top: 0; left: 0;
		width: 3px;
		height: 3px; }

	.btn span {
		background-position: bottom left;
		left: -6px;
		padding: 0 0 3px 9px;
		margin-bottom: -3px; }

		.btn span i {
			background-position: bottom right;
			margin-bottom: 0;
			position: absolute;
			left: 100%;
			width: 9px;
			height: 100%;
			top: 0; }

		.btn span span {
			background-position: top right;
			position: absolute;
			right: -9px;
			margin-left: 3px;
			top: -3px;
			height: 0; }

	* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

	.btn:hover { background-color: #7e590c; color: #fff !important; }
	.btn:active { background-color: #444; color: #fff !important; }

/* @end */

/* @group Forms */

fieldset, .field { margin-bottom: 1em; }
.left_labels .field label { float: left; width: 30%; }


/*INPUT.text_field {
	line-height: 1.7em;
	height: 1.7em;
	border: 3px inset #f0f0f0; }

TEXTAREA { border: 3px inset #f0f0f0; }*/

INPUT.text_field, TEXTAREA { border: 1px solid #bbb; }

.ask_form INPUT.text_field,
.ask_form TEXTAREA,
#email_page_form .text_field { display: block; width: 375px; }

.ask_form TEXTAREA { height: 150px; }

.field_info {font-size: .95em; font-style: italic; }

.sweepstakes_form input { width: 45%; }
.sweepstakes_form textarea { height: 150px; width: 65%; }


/* @end */

/* @group Posts */

.post {
	float: left;
	clear: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em; }

	.post IMG {
		float: left;
		margin-right: 10px;
		margin-bottom: 25px; }

	.post .info {
		font-size: .85em;
		color: #999;
		margin-top: -1.5em; }

.video { float: left; margin-right: 1.5em; width: 141px; }

	.video IMG { margin: 0 0 .5em; }
	.video A { float: left; clear: left; font-size: .85em; width: 100%; }

/* @end */

/* @group Comments */

.comments {
	border-top: 1px solid #ccc;
	padding-top: 1em; }

	.comment { border-bottom: 1px dotted #ccc; margin-bottom: 1.5em;}
	.comments H3 { margin-bottom: .5em; }
	.comments H4 { margin-bottom: .5em; }
	.comments .author { font-weight: bold; color: #444; }
	.comments .author A { color: #444; }
	.comments .author A:hover { color: #7e590c; }
	.comments .date { padding-left: .5em; color: #999; }

/* @group Comments Form */

.comments_form H3 {	margin-bottom: .5em; }
.comments_form FORM { margin-bottom: 1.5em; }

.comments_form INPUT.text_field, .comments_form TEXTAREA { display: block; width: 375px; }
.comments_form TEXTAREA { height: 150px; }

H5.comment_policy { color: #333; clear: left; font-size: .85em; margin: 4em 0 0; }
P.comment_policy { font-size: .75em; width: 375px; font-style: italic; }

#comment_saved,
#mail_sent {
	padding: 8px;
	width: 368px;
	background-color: #daf4c1;
	color: #275000;
	border-top: 1px solid #a5b992;
	border-bottom: 1px solid #a5b992;
	margin-bottom: 1.5em; }

#comment_error,
#sweepstakes_error,
.error_message {
	padding: 8px;
	width: 368px;
	background-color: #ffe7e7;
	border-top: 1px solid #edb8b9;
	border-bottom: 1px solid #edb8b9;
	margin-bottom: 1.5em;
	color: #666; }

#sweepstakes_error { width: 93%; }

	#comment_error H4, #sweepstakes_error h4 { color: #900; margin-bottom: .5em; }
	#comment_error UL, #sweepstakes_error ul { margin-bottom: 0; }


/* @end */

/* @end */

UL.search_results {
	list-style: none;
	margin-left: 0; }

	.search_results H4 { margin-bottom: 0; }
	.search_results .info { font-size: .85em; color: #999; }

EM.highlight {
	font-style: normal;
	background-color: #fdf0bc;
	padding: 0 .25em;
	color: #222; }

DIV.highlight {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff5d3;
	padding: 1em; }

.error LABEL, .error .label { color: #900; }
.error.radio_button_group LABEL { color: #666; }
.error INPUT, .error TEXTAREA, .error.radio_button_group { background-color: #ffe7e7; }

#recaptcha_table { border:0 !important; }
#recaptcha_table td { padding: 0 !important; }
