/* CSS Document */

html	{height:100%;}

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666;
margin:0;
padding:0 0 28px;
text-align: left;
}
p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
img a {border:0;}

h1, h2, h3, h4, h5	{font-family: Arial Narrow, Arial, Helvetica, sans-serif;}

a:link		{color:#336799}
a:hover		{color:#8bac1f}
a:active	{color:#336799}
a:visited	{color:#336799}


.clear	{clear:both;}

.shadow_top_container, .shadow_bottom_container	{width:909px; height:5px; margin:0 auto; padding:0; line-height:0; font-size:0; }
	.shadow_top_container	 {background:url(../images/container_top_shadow.gif) no-repeat top center;}
	.shadow_bottom_container {background:url(../images/container_bottom_shadow.gif) no-repeat top center;}
.shadow_container	{width:901px; margin:0 auto; padding:0 4px 0; background:url(../images/container_shadow.gif) repeat-y top center;}

#container	{width:901px;}

#top_area	{
	position:relative;
	height:100px;
	width:901px;
	z-index: 10;
	background:url(../images/bg_top_area.jpg) repeat;
}
		#logo	{float:left; position:relative;}
			#logo a	{display:block; position:absolute; left:-8px; height:107px; width:242px; z-index:10; border:none; background:url(../images/logo-trans.png) no-repeat; }
			
		#login, #navigation	{width:671px; float:right; text-align:right;}
		#login	{padding:12px 25px 3px 0;}
		#login a {text-transform:uppercase; text-decoration:none;}
		#login a:hover { color:#8aad1f; }
			#login_button	{padding: 4px 3px 0 0; float:right;}
			#login_button a	{
			display:block; 
			background:url(../images/bg_client_login.gif) no-repeat center; 
			width:128px; 
			line-height:29px; 
			color:#fff; 
			text-align:center;
			font-size:11px;
			}
			
			#top_area #login #login_button a:hover { color:#fff; }
		
		#navigation	{
	text-transform:uppercase;
	height:41px;
	background:url(../images/bg_nav.gif);
	}



/*styles for navigation drop-down menu*/
.menu {
 /* solve a Opera7/IE display bug */
    display:inline;
	top: 0;
/*	left: 10px;*/
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	position:relative;
	z-index:50;

}
.menu ul {
    position: absolute; /* important */
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 41px;
	z-index:50;
	
}
.menu li ul {
    visibility:hidden; 
	float: left;
	width:191px;
	margin: 0;
	margin-left:-1px;
	z-index:50;
}
#navigation ul.menu a {
	color: #fff;
}
.menu li a {
    display:block;
    text-decoration:none;
	margin: 0px 0px 0px 0px;
	color: #fff;
    text-align: center;	
	line-height: 41px;	
	padding:0 13px;
	background:url(../images/nav_arrow.gif) no-repeat center top;
}

.menu li a.blog {background:none;}

.menu ul li a:visited {color: #fff;}
.menu ul li a:link {color: #fff;}
.menu li.onstate, .menu li.onthis	{background-image:url(../images/bg_nav_over.gif);}
.menu li a:hover, .menu li.onstate a.toplevel, .menu li.onthis a.toplevel {
color:#fff; background-position: center bottom; }

.menu li a img {
	border: 0;
}

.menu li li a {
	border: 0px;
	background: url(../images/bg_subnav_item.png) no-repeat top left;
    text-align:left;
	color:#fff;
    display:block;
    text-decoration:none;
	margin-left: 0px;
    padding:0px 5px 0px 15px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
	font-size: 11px;
    font-weight: normal;
    line-height: 34px;
	width: 171px;
	position:relative;
	cursor:pointer;
}

#navigation ul.menu li li a.top_item	{background-image: url(../images/bg_subnav_item_top.png); padding-top:8px;}
#navigation ul.menu li li a.bottom_item	{background-image: url(../images/bg_subnav_item_bottom.png); padding-bottom:8px;}

#navigation ul.menu li li a:hover {color:#35679a; font-weight:normal; background: url(../images/bg_subnav_item.png) no-repeat top left;}
#navigation ul.menu li li a.top_item:hover	{background-image: url(../images/bg_subnav_item_top.png);}
#navigation ul.menu li li a.bottom_item:hover {background-image: url(../images/bg_subnav_item_bottom.png);}

.menu li li {
	width: 191px;
    border: 0px;
	padding: 0px 0px 0px 0px;
    display:block;
	font-size: 11px;
	font-weight: bold;
    float: left;
	margin-left: 0px;
	position:relative;
	z-index:20;
}


.menu li#menuitem5 ul {
width:140px;

}

.menu li#menuitem5 li {
width:140px;
}

.menu li#menuitem5 ul li a {
	position:relative;
	right:63px;
	text-align:right;
	width:125px;
	padding-right:15px;
}

.menu li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
    display/**/:block;
	float: none;
    float:/**/left;
	margin-left: 0px;
}


#banner_area	{
	width:901px;
	height:267px;
	padding:0;
	margin:0;
}

.main_page{}

#banner_messaging_area	{width:658px; height:267px; position:relative; float:left; z-index:0;}

#banner_switch { position:relative; }

#banner_messaging_hitech, #banner_messaging_manufacturing, #banner_messaging_nonprofit, #banner_messaging_services, #banner_messaging_retail {
width:623px;
height:267px; 
padding:0 0 0 35px; 
background:url(../images/bg_hp_banner_blue.jpg) repeat-x bottom; 
position:absolute;
top:0;
left:0;
z-index:8;
display:block;
}

#banner_messaging_area #banner_switch div.active { z-index:10; display:block; }

#banner_messaging_area #banner_switch div.last-active { z-index:9; display:block; }

#banner_messaging_manufacturing {background:url(../images/bg_hp_banner_aqua.jpg)}
#banner_messaging_nonprofit {background:url(../images/bg_hp_banner_red.jpg)}
#banner_messaging_services {background:url(../images/bg_hp_banner_orange.jpg)}
#banner_messaging_retail {background:url(../images/bg_hp_banner_purple.jpg)}
		
		#banner_area h2 {float: left; font-weight:normal; color:#fff; font-size:28px; padding:85px 0 0; display:none;}
			#banner_area #banner_messaging_area #banner_switch div.active h2 {display:block;}
		#banner_area h2 .green	{color:#a5c242;}
		#numbers	{position:absolute;	left: 12px; bottom:17px; z-index:30}
			 a.number	{display:block; float:left; width:22px; line-height:22px; color:#a1bd44; margin: 0 0 0 6px; background:url(../images/bg_number.png) no-repeat center; text-align:center; text-decoration:none; letter-spacing:.3pt; }
			
			 		#numbers a.number:hover, #numbers a.on		{color:#336799;}
					a.number:active		{color:#a1bd44;}
			 		a.number:visited	{color:#a1bd44;}
					
		.client_list { float:right; height:234px; width:173px; margin:7px 16px 0; padding:11px 14px 9px; background:url(../images/bg_client_list.png) no-repeat center; }
		
		
			.client_list a {padding:0; margin:0; position:relative; }
			.client_list img	{height:52px; width:173px; border:none; margin:11px 0 0; padding:0;}
		.client_list_link	{}
			#banner_switch .client_list_link a	{display:block; line-height:30px; padding:6px 0 0; margin:5px 0 0; width: 172px; text-align:center; background:url(../images/bg_client_list_link.png) no-repeat center; color:#fff; font-family:Arial Narrow, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:16px; position:relative; cursor:pointer; }
			
		
			
	#quote_area	{width: 201px; height:252px; padding:15px 21px 0; background:#fff url(../images/bg_customer_quotation.gif); float:right;}
			
		#quote_area h3	{font-size:20px; color:#a5c242; font-weight:normal; margin-bottom: 0px; float:none; padding:0; }
		.quotation	{line-height:14px; padding:0; margin:0; }
		.quotation_title	{margin:0; padding:0; font-size:11px;}
			.quotation_credit	{font-weight:bold; }
			
		#quote_area a { margin:10px 0 0 0; display:block; line-height:15px; padding:0 0 0 18px;	background:url(../images/arrow_single.gif) no-repeat top left; text-decoration:none; position:relative; }
		
		#quote_area a:hover {color:#8bac1f; background-position:bottom left; }
	
	#left_col .quotation { padding:15px 17px 10px; background:url(../images/bg_quote.gif) top left no-repeat; }
	#left_col .quotation .quote { color:#6c8619; font-size:12px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:21px; padding:0 0 7px; margin:0; }
	#left_col .quotation_credit {font-size:11px; line-height:14px; }
	#left_col .quotation_title { font-size:11px; line-height:14px; }
	
	#main_col .quotation { background:url(../images/bg_quote.gif) top left no-repeat; padding:10px; }
	#main_col .quotation_title { font-size:12px; }
	
#content	{background:url(../images/hp_banner_shadow.gif) no-repeat top; clear:both; width:901px; padding-bottom:15px; padding-top:9px; }
	#content_left	{float:left; background:url(../images/hp_content_left_divider.gif) no-repeat right bottom; width:659px; width:620px; padding-left:39px;}
		#main_messaging	{padding:18px 17px 5px 0; float:left; width:603px;}
			#main_messaging h1	{color:#336799; font-weight:normal; margin:0; padding:0; font-size: 30px; }
			#main_messaging p	{line-height:18px;}
				#main_messaging p strong	{color:#77a622; font-weight:bold; font-size:14px;}
		#columns	{width:620px; padding:0 0 33px 0; float:left}
			.column	{ width:185px; height:253px; float:left; margin:0 0 0 11px; padding:8px 6px; background:url(../images/bg_hp_column.png); }
				
			.left_column	{margin-left:0;}
				.column h2	{color:#336799; font-size:20px; margin:0;}
				.column h3	{color:#77a622; font-size:15px; font-style:italic; font-weight:normal; margin:0 0 17px 0;}
				.column ul	{list-style-type:none; margin:0; padding:9px 0 0; background:url(../images/column_divider.gif) no-repeat top;}
				.column li	{ padding:0; margin:0; list-style:none; }
					.column li a {line-height:29px; background:url(../images/arrow.gif) no-repeat top left; border-bottom:#c1d1e0 1px dashed; display:block; text-decoration:none; padding: 0 0 0 19px; margin:0; font-size:12px; }
	
					.column li a:hover {color:#8bac1f; background-position:bottom left; }
					.column li a.last	{border-bottom:none;}
					
		#social_media {width:190px; float:left; margin-right:11px;}
				#social_media p {font-size:10px; color:#77A622; font-weight:bold;}	
				#social_media ul {margin:0; padding:0; width:190px;}	
				#social_media ul li {list-style:none; display:inline;}
				#social_media ul li a {display:block; float:left; line-height:38px; width:190px; text-indent:-999em; background-repeat:no-repeat; background-position: center; margin-bottom:12px;}
					#social_media ul li a#facebook {background-image: url(../images/logo_facebook.gif)}
					#social_media ul li a#linkedin {background-image: url(../images/logo_linkedin.gif)}
					#social_media ul li a#twitter  {background-image: url(../images/logo_twitter.gif); }		
					
	#from_the_blog h3, #social_media h3 {color:#77a622; line-height:38px; font-size:22px; border-bottom:#c1d1e0 1px dashed; margin:0 0 14px;}
					
		#from_the_blog {width:413px; float:left;}
			#from_the_blog ul {margin:0; padding:0;}
			#from_the_blog ul li {list-style:none; margin-bottom:8px;}		
			#from_the_blog ul li a {text-decoration:none; font-size:11px; line-height:18px; color:#666;}	
			#from_the_blog ul li a span.title {color:#77a622; font-size:14px;}
			#from_the_blog ul li a span.date  {color:#336799; font-size:12px;}			
		
	#content_right	{float:right; width:237px; padding-top:0px;}
		
			#news	{ padding:0 20px 0 10px;}
			#news a:hover { color:#8bac1f; }
			#news h2	{color:#77a622; line-height:38px; font-size:22px; border-bottom:#c1d1e0 1px dashed; margin:0 0 14px;}
			#news h3	{color:#77a622; font-size:14px; margin:0 0 10px;}
			#news p		{font-size:11px; line-height:18px;}
			#news img { vertical-align:middle; }
			
.secondary_page	{}	
.secondary_page	#content	{padding:9px 0 12px;}	
	#left_col	{padding:15px 9px 0; width:205px; float:left;}
		#secondary_nav	{}
			#secondary_nav h2	{font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px;}
			#secondary_nav h2 a { text-decoration:none; color:#8bac1f; }
			#secondary_nav h2 a:hover {  color:#32659a; }
			#secondary_nav ul	{margin:0 0 20px; padding:0; list-style:none; border:#ccc 3px solid; border-left:none; border-right:none;}
			#secondary_nav li	{ padding:0; margin:0; list-style:none; }
			#secondary_nav li a	{line-height:29px; background:url(../images/arrow.gif) no-repeat top left; text-decoration:none; padding:0 0 0 19px; color:#666; font-weight:bold; display:block; border-bottom:#ccc 1px solid;}
			
				#secondary_nav li a.last	{border-bottom:none;}				
				#secondary_nav li a:hover, #secondary_nav li a.on	{color:#8bac1f; background-position:bottom left;}
			#callout	{margin:0 0 10px}
			#callout_top	{height:18px; width:204px; background:url(../images/callout_top.gif) no-repeat center;}
			#callout_mid		{background-color:#efefef; padding:0 7px 0 12px; margin:0; color:#326897; width:185px;}
				#callout_mid h2	{border-bottom:#c6c6c6 1px solid; margin:0 0 12px; padding:0; font-weight:normal; font-size:21px;}
				#callout_mid ul		{margin:0; padding:0 0 0 15px;}
				#callout_mid ul li	{font-size:11px; font-weight:bold; padding-bottom:15px;}
				#callout_mid p	{margin:0;}
				#callout_mid a {text-decoration:none; display:block; line-height: 25px; padding-left:33px; margin-top:10px; }
					#callout_mid a.demo { background:url(../images/icon_demo.gif) left no-repeat; }
					#callout_mid a.info { background:url(../images/icon_info.gif) left no-repeat; }
					#callout_mid a.call { background:url(../images/icon_call.gif) left no-repeat; }
				#callout_mid a:hover { text-decoration:underline; color:#336799; }
				
				
			#callout_bottom	{height:19px; width:204px; background:url(../images/callout_bottom.gif) no-repeat center;}
	
		#breadcrumb	{color:#336799; margin:2px 0 23px; padding:0; display:block;}
			#breadcrumb a {color:#336799; text-decoration:none; }
				
				#breadcrumb a:active {color:#336799;}
				#breadcrumb a:visited {color:#336799;}	
				#breadcrumb a:hover {color:#8aad1f;}
				
			#breadcrumb .current {color:#8aad1f;}	
			
		#main_col	{padding:0 11px 0 8px; width:430px; float:left;}
		#main_col h1	{font-weight:normal; color:#336799; margin:0 0 13px; font-size:24px; }
		#main_col h2	{font-weight:normal; color:#336799; margin:0 0 13px; font-size:19px; }
		#main_col h3	{font-weight:normal; color:#336799; margin:0 0 7px; font-size:14px; }
		#main_col p		{line-height:18px; margin:0 0 16px;}
		#main_col ul { margin:0 0 10px; padding:0 0 0 40px; }
		#main_col li { padding:0 0 8px; line-height:18px; }
		
		
		#main_col_callout {}
			#main_col_callout_top		{background:url(../images/main_col_callout_top.gif) no-repeat; height:28px; width:432px;}
			#main_col_callout_mid		{background:url(../images/main_col_callout_bg.gif) repeat-y top center; width:430px; padding:0 1px;}
				#main_col_callout_mid h2	{background:url(../images/main_col_callout_div.gif) no-repeat center bottom; margin-bottom:8px; padding:0 25px 4px; color:#336799; font-weight:normal; font-size:19px; font-family:Arial, Helvetica, sans-serif;}
				#main_col_callout_mid p		{margin:0; padding:0 24px; width:382px;}
				#main_col_callout_mid ul	{margin:0; color:#336799;}
			#main_col_callout_bottom	{background:url(../images/main_col_callout_bottom.gif) no-repeat top left; height:39px; width:432px}
	
	#col_separation {width:1px; height:820px; float:left; background:url(../images/sep.gif) repeat-y; margin:0 0 0 6px;}
	
	#right_col	{padding:0; width:222px; float:left;}
		
	 #whitebox{margin:0 0 10px 9px;}
		#whitebox_top {background:url(../images/bg_white_top.gif) no-repeat left top; height:14px; width:215px; font-size:0px; line-height:0px; }
		#whitebox_mid {background:url(../images/bg_white_mid.gif) no-repeat left bottom; width:215px; padding-bottom:15px; }
		/*#whitebox_bottom {background:url(../images/bg_white_btm.gif) no-repeat bottom left; height:22px; width:221px;}*/
			#whitepaper { margin:0; padding:0 0 10px 15px;}
				#whitepaper h2 {color:#336799; font-weight:bold; font-size:18px; margin:0 0 10px; padding:10px 5px 0; }
				
				#whitepaper ul { margin:15px 10px 0; padding:0 0 0 15px; }
				#whitepaper li { margin:0; padding:0 0 15px 0; color:#336799; }
				#whitepaper li a { text-decoration:none; }
				#whitepaper li a:hover { color:#8bac1f; text-decoration:underline; }
				
				
				#whitepaper form { background: url(../images/logo_pdf.gif) no-repeat; background-position:-5px 0px; padding:0 0 0 65px; margin:0;}
					#whitepaper input {width:100px; margin:0 0 2px 0; color:#666; display:block;}
						#whitepaper input#button{width:75px;  margin:0;  color:inherit;}
						
	#sitemap li { color:#336799; list-style:none;}
	#sitemap li a { text-decoration:none; line-height:21px; }
	#sitemap li a:hover { color:#8bac1f; }
	
	
	/* #demo { border: 1px solid #7eb3e6; background:#eff5db; padding:10px; } */
	#demo label { float:left; width:100px; height:15px; padding:6px 5px; text-align:right;  }
	#demo input.field { width:200px; height:15px; line-height:15px; padding:3px 5px; color:#336799; margin:3px 10px; float:left; }

#demo .demochoice { float:left; margin: 0 0 20px; padding:10px; background:#f3f7e8; border:1px solid #dee8c0; width:400px; }
#demo .demochoice strong { padding-left:65px; margin-bottom:10px; float:left; width:300px; }	
#demo .check {  float:left; width:100px; height:15px; padding:0 5px; text-align:right;  }
#demo label.check { width:200px; height:15px; line-height:15px; padding:0; color:#336799; margin:3px 10px; float:left; text-align:left; }
#demo #submit { clear:both; margin:10px 0 0 120px; }


	
	.secondary_page #content {background-image:url(../images/hp_banner_shadow_sec.gif) }
	
	.secondary_page #right_col a.demo	{margin:0 0 10px 9px; display:block; color:#fff; font-size:12px; line-height:14px; text-align:center; height:69px; width:210px; padding:30px 0 0 0; background:url(../images/bg_edit_demo.jpg) no-repeat top; text-decoration:none;}
	.secondary_page #right_col a.demo:hover { background-position:bottom; }	
	
	
	.secondary_page #right_col a.demo-emm	{margin:0 0 10px 9px; display:block; color:#fff; font-size:12px; line-height:14px; text-align:center; height:69px; width:210px; padding:30px 0 0 0; background:url(../images/bg_emm_demo.jpg) no-repeat top; text-decoration:none;}
	.secondary_page #right_col a.demo-emm:hover { background-position:bottom; }
	
	.main_page #content_right a.demo { display:block; font-size:12px; line-height:14px; text-align:center; height:69px; padding:30px 0 0 0; text-decoration:none; background:url(../images/bg_edit_hp_demo.jpg) no-repeat top left; width:231px; margin:0 0 20px 0; color:#fff; }	
	.main_page #content_right a.demo:hover { background-position:bottom; }
			
	#right_text p{font-family: Trade Gothic, Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-align:center; display:block; width:186px; padding:0 18px;}
		#right_text p a	{text-decoration:none; color:#666;}

#footer	{width:901px; background-color:#336799; margin:0; padding:0;}
	#footer p	{ text-align:center; color:#fff; margin:0; line-height:21px; padding:0;}

#from_the_blog ul li a#rsslink {  background:url(../images/tool_rss.gif) no-repeat top left; height: 25px; text-indent: 20px; display: block; }
#addthis {padding-left:12px; float:left;}

#main_col .blog_entry {padding-bottom:15px; margin-bottom:15px; border-bottom:#537294 1px dotted;}
#main_col .blog_entry h2 {margin:0;}
#main_col .blog_entry p.date {margin:0; font-style:italic}
#main_col .blog_entry .entry-info p {margin:0;}
#main_col .blog_entry a  {text-decoration:none;}