/*	=============================
	PeopleAnswers StyleSheet
	by CLANG - InSite Interactive
 	
	A. Global Styles
		- Global HTML Styles
		- Global Misc Styles
	B. Page Layout Styles
		- Main Nav
		- DropDown
		- Content Area
		- Content Border
		- Left Nav
		- Learn More
		- Footer
	C. Homepage Styles
		- Content Area
	D. Subpage Styles
		- Grid Content in Center Column
		- Filter/SortBy Area
		- Case Studies
		- Our Clients
		- Support
		- Testimonials
		- Forms
		- Contact Us
		- Sidebar Styles
		- News
		- Sitemap
		- Solutions by Industry
	=============================
*/

@import url("reset.css");  /* Meyer Reset Reloaded */ 

/*
	================
	A. Global Styles
	================
*/
/* === Global HTML Styles === */
BODY				{background:#fff url(../images/bg.jpg) repeat-x fixed; color:#666; font-family:Verdana, sans-serif; font-size:100%; text-align:center;}
P,H1,H2,H4,H5,H6	{margin-bottom:1.3em; font-size:.7em; line-height:1.4em;}
H3					{margin-bottom:1.3em; font-size:.9em; line-height:1.4em;}
H1					{color:#62b019; font-size:1.55em; margin-bottom:.4em; font-weight:normal;}
H2					{color:#62b019; font-size:1.1em; margin-bottom:.6em; font-weight:normal;}
H3					{color:#62b019; font-size:.8em; margin-bottom:.8em; font-weight:bold;}
H4					{color:#62b019; font-size:.75em; margin-bottom:0; font-weight:bold;}
H5					{color:#62b019; font-size:.7em; margin-bottom:0; font-weight:bold;}
H6					{color:#62b019; font-size:.7em; margin-bottom:0; font-weight:normal;}
A, A:link			{color:#ee5019; text-decoration:none;}
A:visited			{color:#ee5019; text-decoration:none;}
A:hover				{color:#62b019; text-decoration:underline;}
A:active			{color:#62b019; text-decoration:underline;}
UL					{list-style:disc; padding:0 0 1.4em 1.1em; font-size:.7em; line-height:1.4em;}
OL					{list-style:decimal; padding:0 0 1.4em 1.5em; font-size:.7em; line-height:1.4em;}
OL LI				{vertical-align:top;}
SUP					{bottom:0.33em; font-size:smaller; position:relative; vertical-align:baseline;}

/* === Global Misc Styles === */
.hidden				{display:none;}
.clear				{clear:both;}
.inline				{display:inline;}
.floatLeft			{float:left;}
.floatRight			{float:right;}
.alignLeft			{text-align:left;}
.alignCenter		{text-align:center;}
.alignRight			{text-align:right;}
.noBorder			{border:none !important;}

	/* For Clearing DIVs */
	.clearfix:after 		{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
	/*.clearfix 				{display:inline-block;}*/ /*Moved to IE CSS*/
	html[xmlns] .clearfix	{display:block;}
	* html .clearfix 		{height:1%;}




/*
	=====================
	B. Page Layout Styles
	=====================
*/
#container				{width:980px; margin:0 auto; text-align:left;}
#headerWrapper			{position:relative; width:921px; padding:0 30px 0 29px; background:url(../images/container_bg_shadow.png) repeat-y;  line-height:0;}
#header					{position:relative; width:921px; background:#fff url(../images/header_bg.png) no-repeat; font-size:.1em;}
#logo					{float:left; padding:21px 0 0 31px; margin:0;}
#clientLogin			{position:absolute; margin:0; top:21px; right:29px;}
#clientLogin a:link,
#clientLogin a:visited	{color:#c7c7c7; text-decoration:none; font-size:9em !important; text-transform:uppercase;}
#clientLogin a:hover	{color:#f37f56; text-decoration:underline;}

/* === Main Nav === */
#nav					{float:left; background:url(../images/nav_divider_bg.png) no-repeat; width:554px; padding:0 0 0 1px; margin:59px 0 0 59px;}
#nav li					{float:left; position:relative; list-style:none; background-repeat:no-repeat; background-position:0 -30px; height:30px; padding-right:1px;}
#nav li a				{position:relative; display:block; height:30px;}
#nav li a span			{position:absolute; left:-999em;}
#nav1, #nav1 a			{background-image:url(../images/nav_1_solutions.gif);}
#nav1 a					{width:73px;}
#nav2, #nav2 a			{background-image:url(../images/nav_2_technology.gif);}
#nav2 a					{width:88px;}
#nav3, #nav3 a			{background-image:url(../images/nav_3_howWeDiffer.gif);}
#nav3 a					{width:101px;}
#nav4, #nav4 a			{background-image:url(../images/nav_4_results.gif);}
#nav4 a					{width:62px;}
#nav5, #nav5 a			{background-image:url(../images/nav_5_aboutus.gif);}
#nav5 a					{width:72px;}
#nav6, #nav6 a			{background-image:url(../images/nav_6_support.gif);}
#nav6 a					{width:66px;}
#nav7, #nav7 a			{background-image:url(../images/nav_7_contactUs.gif);}
#nav7 a					{width:84px;}
#nav li a:hover			{background-image:none;}
#nav li.active			{background-position:0 -60px;}
#nav li.active a		{background-image:none;}

/* === Drop Down Nav === */
/*\*/html>body*#nav li ul{line-height:1em !important;} /* For Safari */ /**/
#nav li ul				{display:none; width:auto; background:#fff; padding:0; margin:0; position:absolute; left:0; top:30px; width:auto; height:auto; line-height:normal;}
#nav li ul li 			{width:auto; height:auto; background-image:none; float:none; padding:0; margin:0;}
#nav li ul li a:link,
#nav li ul li a:visited	{background-image:none; font-size:13em; color:#9a9a9a; text-decoration:none; padding:7px 13px 8px 13px; width:auto; height:auto; white-space:pre;}
#nav li ul li a:hover	{background:#bcbcbc; color:#fff; text-decoration:none;}

#nav li > ul 			{top:30px; left:0;}
#nav li:hover ul,
#nav li.over ul			{display:block;}


/* === Content Area === */
#main					{width:921px; padding:0 30px 0 29px; background:url(../images/container_bg_shadow.png) repeat-y; /*behavior:url(../js/_iepngfix.htc);*/}
#main_sub				{background:url(../images/home_bg_content.png) repeat-y; border-bottom:1px solid #eae9e9; padding:0 0 18px 0;}
#content				{float:left; width:695px; padding:0 0 0 226px;}
#contentHero			{font-size:0;}
#centerCol				{float:left; background:url(../images/sub_bg_centerCol.jpg) repeat-x; width:412px; padding:33px 42px 2em 30px;}
#centerColLogin     	{width:442px; padding:0px; border:0px solid red; text-align:left;}
#centerCol.wide			{width:498px;}
#rightCol				{float:left; background:url(../images/sub_bg_rightCol.jpg) no-repeat; width:200px; padding:13px 11px 0 0; min-height:62px;}
#rightColLogin			{float:left; background:url(../images/sub_bg_centerColTop.jpg) repeat-x #fff; width:70px; padding:13px 11px 0 0; min-height:62px; border: 0px solid blue;}
#rightCol.empty			{width:114px; background-position:-86px 0;}
#logosLogin				{height:57px; overflow:hidden;}

/* === |C|ontent |B|order - |T|op, |D|ivider, |B|ottom === */
.CBT					{height:7px; background:url(../images/contentBorder_TL.gif) no-repeat;}
.CBTR					{height:7px; background:url(../images/contentBorder_TR.gif) no-repeat; width:7px; float:right;}
.CB						{border:1px solid #d5d5d5; border-width:0 1px; background:#fff; padding:9px 15px 0 15px; display:block;}
.CB h3					{font-size:.95em; margin-top:.5em; font-weight:bold;}
.CB h4					{font-size:.75em; margin:.5em 0 1em 0; font-weight:bold;}
.CBbanner				{border:1px solid #d5d5d5; border-width:0 1px; background:#fff;}
.CBbanner p				{margin:0;}
.CBwithIMG				{border:1px solid #d5d5d5; border-width:0 1px; background:#fff; padding:9px 0 0 0;}
.CBwithIMG h3			{padding:0 15px 0 15px; font-size:.95em;}
/*.CBwithIMG object		{padding:0; margin-bottom:1.3em;}*/
.CBwithIMG p			{padding:0 15px 0 15px;}
.CBwithIMG p.hasIMG		{padding:0 0 0 0;}
.CBD					{height:7px; background:url(../images/contentBorder_divider.gif) repeat-x; padding: 0 0 0 0;}
.CBDBottom				{height:1px; background:url(../images/contentBorder_bottom.gif) repeat-x; padding: 0 0 0 0;}
.CBB					{height:7px; background:url(../images/contentBorder_BL.gif) no-repeat; padding: 0 0 0 0;}
.CBBR					{height:7px; background:url(../images/contentBorder_BR.gif) no-repeat; width:7px; float:right; padding: 0 0 0 0;}


/* === Left Nav === */
#leftnav							{float:left; width:200px; margin:0 0 0 -921px; padding:18px 13px 0 13px; background:url(../images/sub_bg_leftnav.png) no-repeat;}
#leftnav .CBTR						{background-image:url(../images/contentBorder_TR_LN.gif);}
#leftnav .CB						{padding:4px 0 0 0;width:198px;}
#rightCol .CB						{width:168px;}
/* LeftNav Title */
#leftnav ul 						{list-style:none; padding:0; margin:0;}
#leftnav ul li a					{display:block; min-height:25px; background:url(../images/leftnav_title_bg.png) repeat-x left bottom; text-decoration:none; color:#62b019; font-size:1.6em; padding:0 15px;}
#leftnav ul li a:hover				{text-decoration:none;}
/* LeftNav Sub Section */
#leftnav ul li ul					{padding-top:4px; padding-bottom:14px;}
#leftnav ul li ul li a				{background-image:none; min-height:0; color:#666; font-size:1.35em; padding:6px 15px;}
#leftnav ul li ul li.active a		{color:#62b019; font-weight:bold;}
#leftnav ul li ul li a:hover		{background:#bcbcbc; color:#fff;}
/* LeftNav Sub Sub Section */	
#leftnav ul li ul li ul				{padding-top:0; padding-bottom:0; font-size:1em;}
#leftnav ul li ul li ul li a		{background:url(../images/leftnav_bullet.gif) no-repeat 24px center; padding-left:34px;}
#leftnav ul li ul li.active ul li a	{color:#666; font-weight:normal;}
#leftnav ul li ul li ul li.active a	{color:#62b019; font-weight:bold;}
#leftnav ul li ul li ul li a:hover	{color:#fff !important;}

/* === Learn More === */
.learnmore				{padding:0 !important; background:url(../images/leftnav_learnmore_bg.png) repeat-y left 45px;}
.learnmore h3			{position:relative; background:url(../images/leftnav_learnmore_title.jpg) no-repeat; width:198px; height:45px; margin:0;}
.learnmore h3 span		{position:absolute; left:-999em;}
.learnmore p			{padding:0 15px .6em 23px; margin:0;}
.learnmore a,
.learnmore span			{display:block; padding-left:27px; min-height:18px;}
.learnmore p a:hover	{color:#ee5019; text-decoration:none;}
.learnmore p.call span	{background:url(../images/leftnav_learnmore_icon_call.gif) no-repeat 4px top;}
.learnmore p.more a		{background:url(../images/leftnav_learnmore_icon_email.gif) no-repeat 2px 3px;}
.learnmore p.demo a		{background:url(../images/leftnav_learnmore_icon_demo.gif) no-repeat left top;}
.learnmore p.case a		{background:url(../images/leftnav_learnmore_icon_case.gif) no-repeat left top;}
.CBB_learnmore			{background:url(../images/leftnav_learnmore_footer.gif) no-repeat; width:200px; height:17px;}

/* === Footer Styles === */
#footer					{background:url(../images/footer_bg.png) no-repeat left bottom; min-height:42px; text-align:center;}
#footer br				{display:none;}
#footer ul				{padding:1.8em 0; margin:0; width:100%; font-size:.55em; text-transform:uppercase; list-style:none;}
#footer ul li			{display:inline; padding:0 .6em;}
#footer ul li a:link,
#footer ul li a:visited	{color:#939393; text-decoration:none;}
#footer ul li a:hover	{color:#f37f56; text-decoration:underline;}
#footerBottom			{background:url(../images/footer_bg_bottom.png) no-repeat; behavior:url(js/_iepngfix.htc); min-height:31px;}
#footerBottom p			{text-transform:uppercase; color:#999; font-size:.5em; padding:2.5em 0 20px 52px; float:left;}
#footerBottom p a:link,
#footerBottom p a:visited{color:#999; text-decoration:none;}
#footerBottom p a:hover	{color:#f37f56; text-decoration:underline;}






/*
	==================
	C. Homepage Styles
	==================
*/
#homeheader				{width:921px; padding:0 30px 0 29px; background:url(../images/container_bg_shadow.png) repeat-y; /*behavior:url(../js/_iepngfix.htc);*/}
#homepageflash			{margin:0; line-height:0;}
#home_ourClients		{position:relative; width:113px; height:27px; background:url(../images/home_ourClients_tab.png) no-repeat; behavior:url(../js/_iepngfix.htc); margin:-22px 0 0 0; border-bottom:1px solid #edeeec;}
#home_ourClients a		{width:100px; height:27px; display:block;}
#home_ourClients span	{position:absolute; left:-999em;}
#home_ourClientsBar		{width:921px; height:5px; margin:-5px 0 0 0; background:url(../images/home_ourClients_bar.gif) no-repeat;}
#home_ourClients_logos	{margin:0; height:54px; background:#fff;}
#home_ourClients_logos img	{padding:7px 25px;}
#main_home				{background:url(../images/home_bg_content.png) repeat-y; border-bottom:1px solid #eae9e9; padding:0 0 18px 0;}

/* === Content Area === */
/*	#main_home_left			{float:left; padding:0 0 0 13px; width:200px; background:url(../images/home_bg_contentLeft.png) no-repeat; min-height:56px;}
	#main_home_center		{float:left; padding:0 12px 0 13px; width:472px; background:url(../images/home_bg_contentCenter.png) no-repeat; min-height:56px;}
	#main_home_right		{float:left; padding:0 11px 0 0; width:200px; background:url(../images/home_bg_contentRight.png) no-repeat; min-height:56px;}*/
#main_home_outer		{width:710px; float:left;}
#main_home_center		{float:left; padding:18px 12px 0 226px; width:472px; background:url(../images/home_bg_contentCenter.png) no-repeat 213px 0; min-height:56px;}
#main_home_center h1	{font-size:1.25em;}
#main_home_center h2	{font-size:1.2em;}
#main_home_left			{float:left; padding:18px 0 0 13px; margin-left:-710px; width:200px; background:url(../images/home_bg_contentLeft.png) no-repeat; min-height:56px;}
/*#main_home_left .CB		{padding-left:15px;}*/
#main_home_right		{float:right; padding:18px 11px 0 0; width:200px; background:url(../images/home_bg_contentRight.png) no-repeat; min-height:56px;}
#main_home_right .CB	{padding-left:15px;}

/*
	=================
	D. Subpage Styles
	=================
*/
p.readMore					{margin-top:-1.2em;}
p.readMore a				{background:url(../images/readMore_arrow.gif) no-repeat right center; padding-right:18px;}
#logos_copy_3small			{padding:18px 4px 1em 33px; height:40px;}
#logos_copy_3small p		{float:left; padding-right:25px;}
p.backTo					{padding-top:8px;}
p.backTo a					{background:url(../images/backTo_arrow.gif) no-repeat left center; padding-left:10px; font-size:.9em;}
a.PDFicon					{background:url(../images/icon_PDF.gif) no-repeat left center; padding-left:20px;}
.specialNote				{color:#ee5019; font-weight:bold;}
ul.faq						{border-bottom:1px solid #e0dfde; padding-bottom:1.6em; margin-bottom:1.6em;}
ul.faq li					{padding-bottom:.6em;}

/* === Jason's Bio Pages === */
#jasonsContact			    {background-image:none; min-height:0; color:#666; font-size:1em;}
#jasonsBodyText			    {color:#666; font-size:.7em; line-height: 1.4; }
#jasonsList 				{list-style:disc; padding:.5em 0 1.4em 1.4em; font-size: 1em; line-height:1.4em; font-weight:bold;}
.heroQuote                  {font-family: verdana; font-size: 8pt; line-height: 1.2em; vertical-align: middle; padding-left: 10px; font-style: italic;}
.heroQuoteWho               {font-family: verdana; font-size: 8pt; line-height: 1.2em; text-align: right;}

/* === Grid Content in Center Column === */
.gC h2						{margin:0;}
.gC h2 a, .gC h2 a:visited	{color:#62b019 !important;}
.gridContent_rowTop			{border-bottom:1px solid #e0dfde; margin-bottom:.7em;}
.gC_col_lft					{float:left; width:196px; padding-right:20px;}
.gC_col_rt					{float:left; width:196px;}

/* === Filter/SortBy Area === */
#filterWrap					{border:1px solid #e0dfde; border-width:1px 0 0 0; background:url(../images/leftnav_title_bg.png) repeat-x left bottom;  min-height:25px; padding:8px 0 0 10px;}
#filterWrap label			{float:left; font-size:.7em; padding:.2em .5em 0 0; line-height:1.2em;}
#filterWrap select			{width:13em; font-size:.7em;}

/* === Case Studies === */
.caseStudyList 				{border-top:1px solid #e0dfde; padding:1.3em 0 .5em 0;}
.caseStudyList .cS_logo		{float:left; padding-right:15px; margin:0;}
.caseStudyList .cS_logoAlt	{float:right; padding-left:15px; margin:0;}
.caseStudyList .cS_logoSpan {width:200px; text-align:center; display:block;}
.caseStudyList h2			{font-size:.8em; font-weight:bold; color:#62b019;}
/*.caseStudyList h2			{font-size:.8em; font-weight:bold; color:#62b019; margin-left:215px;}  previous to Rev. 120108 */
.caseStudyList h2 a,
.caseStudyList h2 a:visited	{color:#62b019;}
.caseStudyList p			{}
/*.caseStudyList p			{margin-left:215px;}   previous to Rev. 120108 */
.cS_dateIndustry			{font-size:.8em;}
.cS_dateIndustry span		{color:#62b019;}
.caseStudy_multiLogo		{text-align:center;}
.caseStudy_multiLogo p		{display:inline;}

/* === White Papers === */
.whitePaperList 			{border-top:1px solid #e0dfde; padding:1.3em 0 .5em 0;}
.whitePaperList h2			{font-size:.8em; font-weight:bold; color:#62b019;}
.whitePaperList h2 a,
.whitePaperList h2 a:visited	{color:#62b019;}

/* === Our Clients === */
.clientsList				{border-top:1px solid #e0dfde; padding:15px 0 15px 0;}
.cL_top						{border:none;}
.clientsList h3				{margin:0 0 .3em 0;}
.clientsList ul				{list-style:none; padding:0; float:left; width:239px;}
.clientsList ul.lft			{padding-right:60px; width:150px;}
.clientsList ul li			{padding-bottom:.5em;}

/* === Support === */
.supportCallout				{border-top:1px solid #e0dfde; padding:17px 23px;}
.sC_last					{border:1px solid #e0dfde; border-width:1px 0;}
.supportCallout:hover		{background:url(../images/support_callout_bg.png) repeat-x;}
.supportCallout h2			{font-size:.7em; font-weight:bold; margin:0;}
.supportCallout p			{margin:0;}

/* === Testimonials === */
.testimonial				{border-top:1px solid #e0dfde; padding:17px 0 17px 0;}
.test_top					{border:none;}
.testimonial .flash			{float:left; width:198px; padding-right:23px; margin:0;}
.testimonial h2				{margin-left:221px; margin-bottom:0; font-size:.8em; font-weight:bold;}
.testimonial p				{margin-left:221px;}

/* === Forms === */
p.reqFields					{border-bottom:1px solid #e0dfde; font-style:italic; text-align:right; font-size:.6em; padding:0 .8em .3em 0; margin-bottom:0;}
form fieldset				{border-bottom:1px solid #e0dfde; background:url(../images/form_bg.gif) repeat-x; padding:1.3em 0 10px 34px;}
form label					{float:left; width:120px; margin:.3em 10px .8em 0; font-size:.7em; line-height:1.3em;}
form .txt					{float:left; width:218px; margin:0 0 .8em 0;}
form .select				{float:left; width:222px; margin:0 0 .8em 0;}
form .checkbox				{float:left; margin:0 10px .8em 0; }
form .checkboxLbl			{float:left; margin:0 0 .8em 0; width:90%;}
form .checkboxLbl_inline	{width:auto; margin-top:-.1em; #margin-top:.1em; padding-right:2em;}
form .txtarea				{float:none; width:346px; height:80px; margin:.8em 0;}
form .txtareaLbl			{float:none; width:316px; padding-right:50px;}
form .submitButton			{float:right;}
form .formNote				{font-size:.57em; text-align:center; font-style:italic; width:318px;}
form .checkboxNote			{font-style:italic; margin-left:24px; font-size:.7em;}
form .error					{color:#f00; font-weight:bold; padding-right:20px;}
form .error a				{text-decoration:underline;}

/* === Contact Us === */
#contactCallout				{background:url(../images/support_callout_bg.png) repeat-x 0 -30px; border:1px solid #e0dfde; border-width:1px 0; padding:14px 18px 8px 18px; margin:0 0 1.3em 0; font-size:.82em;}
#contactCallout p			{margin-bottom:1em;}

/* === Login === */
form fieldset.login			{padding-left:58px;}
form fieldset.login label	{width:120px}
form p.help					{float:right; padding:.6em 1.2em;}
.CB_login					{padding-left:15px !important; padding-right:15px !important;}
#login_ourClients_logos	    {margin:0; height:54px; width: 921px; background:#fff;}
#login_ourClients_logos img	{padding:7px 25px;}

/* === Sidebar Styles ===*/
.whatsNew           {padding-left:15px !important; padding-right:15px !important;}
.whatsNew h4		{margin-bottom:0;}
.whatsNew h4 a		   {margin-bottom:0;color:#62b019;text-decoration:none;}
.whatsNew h4 a:visited {margin-bottom:0;color:#62b019;text-decoration:none;}
.whatsNew h4 a:hover   {margin-bottom:0;color:#62b019;text-decoration:underline;}
.whatsNew p			{margin-bottom:0;}
.whatsNew a			{display:block; margin-bottom:1.3em;}
.logos_sidebar p	{text-align:center;}
.logos_sidebar      {margin-left:-10px;}


/* === News === */
.newsList				{border-top:1px solid #e0dfde; padding-top:.8em; margin-top:1em;}
.newsList h2 a,
.newsList h2 a:visited	{color:#62b019;}
.newsList .date			{display:block; width:70px; padding-right:10px; float:left;}
.newsList .title		{margin-left:80px; display:block;}

/* === Sitemap === */
.sitemap							{list-style:none; padding:0; float:left;}
.sm_r								{padding-left:150px}
/* Top Level */
.sitemap li a,
.sitemap li a:visited				{color:#62b019; font-size:1.4em; font-weight:bold;}
/* Mid Level */
.sitemap li ul						{list-style:none; padding:.8em 0 2.3em 0;}
.sitemap li ul li					{line-height:2.4em;}
.sitemap li ul li a,
.sitemap li ul li a:visited			{color:#666; font-size:1.4em; font-weight:normal;}
.sitemap li ul li a:hover			{color:#62b019;}
/* Bottom Level */
.sitemap li ul li ul				{padding:.3em 0 1em 0;}
.sitemap li ul li ul li				{line-height:2.4em;}
.sitemap li ul li ul li a,
.sitemap li ul li ul li a:visited	{font-size:2em; background:url(../images/leftnav_bullet.gif) no-repeat 14px center; padding-left:24px;}


/* === Solutions by Industry === */
p.industryIcon 			{float:left; height:62px;}
p.industryIcon a		{background-repeat:no-repeat !important; display:block; padding:20px 0 0 68px; width:130px; height:70px; }

/*p.industryIcon 			{float:left; height:62px; width:110px; text-align:center; margin:0 10px 4em 10px;}
p.industryIcon a		{background-repeat:no-repeat !important; background-position:center top; display:block; padding:70px 0 0 0; width:100%; height:100%;}*/




