@charset "utf-8";

/*  ================================================== 
 *
 *  Created by Fabien Doiron
 *  Copyright © 2008 non~linear creations
 *  All Right Reserved
 *  
 *  Default Stylesheet - default.css
 *
 *  ==================================================
 */

html
	{
		/* Sets default font size to 1em => 10px */
		font-size: 62.5%;
	}

body
	{
		/* Following line center aligns the layout for ie6 */
		text-align: center;
		color: #7F7F7F;
		/* Sets default font size to 1em => 12px */
		font: normal 1.2em/1.4 Verdana, Arial, Helvetica, sans-serif;
		background: url(http://www.kontexto.com/common/images/bg_main.gif) repeat-y center #E2E2E2;
	}

/*  ========== CONTENT TAGS ==========  */

	/* Headings */
		h1,
		h2,
		h3,
		h4,
		h5,
		h6
			{ 
				font-family: Verdana, Arial, sans-serif; 
				color: #000000;
			}
		
		h1	{ color: #FFFFFF; font-size: 3.6em; font-weight: normal; text-align: right; padding: 50px 30px 0 0;  }
			h1.home-banner	{ font-size: 2.4em; line-height: 1.2em; margin: .25em 0; font-weight: bold; padding: 0; }
			
		h2	{ font-size: 1.6em; line-height: 2em; color: #8EB334; font-weight: normal; }
			h2.home-banner	{ color: #013558; font-weight: bold; font-size: 1.2em; line-height: 1.2em; }
		
			h2.rss			{ background: url(http://www.kontexto.com/common/images/icon_rss.gif) no-repeat left .2em; padding-left: 45px; }
			h2.publishers	{ background: url(http://www.kontexto.com/common/images/icon_publishers.gif) no-repeat left .2em; padding-left: 48px; }
			h2.measurement	{ background: url(http://www.kontexto.com/common/images/icon_measure.gif) no-repeat left .2em; padding-left: 48px; }
			h2.wrap {line-height:1.2em; margin:7px 0 15px 0;}
			
		h3	{ font-size: 1.2em; color: #4F99C0; }
		h4	{ font-size: 1em; color: #545454; font-weight: bold; }
			h4.blue	{ color: #4F99C0; }
			
		h5	{ font-size: 1.2em; color: #4F99C0; }
		h6	{ font-size: .9em; }
		
	/* Paragraph */
		p 	{ margin: .6em 0; }
			p.nomargin { margin: 0; }
		
	/* Links */
		a,
		a:link,
		a:active	{ color: #4F99C0; }
		a:visited 	{ color: #A476CB; }
		a:hover		{ text-decoration: none; }
		
		a.arrowlink,
		a.arrowlink:link,
		a.arrowlink:active,
		a.arrowlink:visited	{ background: url(http://www.kontexto.com/common/images/arrow_more.gif) no-repeat left; padding-left: 15px; text-transform: uppercase; font-weight: bold; color: #A5A5A5; text-decoration: none; }
		a.arrowlink:hover	{ color: #8EB334; }
		
		h4 a,
		h4 a:link,
		h4 a:active,
		h4 a:visited		{ color: #4F99C0; text-decoration: none; }
		h4 a:hover			{ text-decoration: underline; }
		
	/* Lists */
		ul,
		ol		
			{
				margin-top: .6em;
				margin-bottom: .6em;
			}
		
		ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}	
			
			ul li	
				{ 
					background: url(http://www.kontexto.com/common/images/bullet.gif) no-repeat left;
					margin-left: 10px;
					padding-left: 15px;
				}
		
		ol		
			{
			}
			
			ol li	
				{
				}
		
	/* Quotes */
		blockquote	
			{
				padding: .5em 1em;
				font-style: italic;
			}
			
			blockquote p
				{
					margin-top: .5em;
					margin-bottom: .5em;
				}
		
	/* Forms */
		input	
			{
				font: 1em Arial, Helvetica, sans-serif;
				color: #545454;
			}
			
		.emailInput
			{
				width: 225px;
			}
		
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== MAIN DIV'S - ID'S ==========  */
		#wrapper {}
		
		#header_bg,
		#mainnav_bg,
		#banner_bg,
		#content_bg,
		#footer_bg
			{
				text-align: center;
			}
		
		#header,
		#mainnav,
		#banner,
		#banner_sub,
		#breadcrumb,
		/* #content, */     /* comment out for blog templates */
		#footer
			{
				width: 940px; 
				margin: 0 auto;
				text-align: left;
			}
					
		#header_bg	
			{ 
				background: url(http://www.kontexto.com/common/images/bg_header.gif) bottom repeat-x #FFFFFF;
				border-bottom: 4px solid #0E5889;
			}
			#header
				{
				}
		
		#mainnav_bg
			{
				background: url(http://www.kontexto.com/common/images/bg_banner.gif) repeat-y center #2973A4;
			}
			.mainnav_border
				{
					background: url(http://www.kontexto.com/common/images/border_mainnav.gif) repeat-x bottom;
				}
				#mainnav
					{
						background: url(http://www.kontexto.com/common/images/bg_nav-off.gif) repeat-x #63b1d5;
						border-bottom: 1px solid #85C3E8;
					}
		
		#banner_bg
			{
				background: url(http://www.kontexto.com/common/images/bg_banner.gif) repeat-y center #2973A4;
				
			}
			.banner_border
				{
					background: url(http://www.kontexto.com/common/images/border_banner.gif) repeat-x top;
				}
				#banner
					{
						border-top: 1px solid #269BBA;
						background: url(http://www.kontexto.com/common/images/bg_bannerGradient.gif) repeat-x #2E78A8;
						min-height: 322px;
						height: auto !important;
						height: 322px;
						position: relative;
					}
				#banner_sub
					{
						background: url(http://www.kontexto.com/common/images/bg_bannerGradientSub.gif) repeat-x #3781AF;;
						min-height: 124px;
						height: auto !important;
						height: 124px;
					}
		
		#breadcrumb
			{
				border-bottom: 3px solid #E2E2E2;
				padding: 10px 0;
			}
		
		#content
			{
			}
			
		#sidebar
			{
			}
		
		#footer
			{ 
				clear: both;
				border-top: 1px solid #E2E2E2;
				padding-bottom: 15px;
			}

/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== HEADER STYLES ========== */
		#header .hdr_logo	{ float: left; margin: 22px 0; }
		#header h5			{ float: right; margin: 55px 0 20px 250px; }

	/*  ========== MAIN NAVIGATION STYLES ========== */
		#mainnav ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}
		
		#mainnav li
			{
				padding: 0;
				margin: 0;
				background: url(http://www.kontexto.com/common/images/nav_divider.gif) no-repeat top right;
				float: left;
			}
			
			#mainnav li a,
			#mainnav li a:link,
			#mainnav li a:active,
			#mainnav li a:visited
				{
					font-weight: bold;
					display: block;
					color: #FFFFFF;
					text-decoration: none;
					padding: 1em 2em;
				}
				
			#mainnav li a:hover
				{
					background: url(http://www.kontexto.com/common/images/bg_nav-on.gif) repeat-x top;
				}
				
			#home #nav-home a,
			#products #nav-products a,
			#solutions #nav-solutions a,
			#resources #nav-resources a,
			#about #nav-about a,
			#blog #nav-blog a
				{
					background: url(http://www.kontexto.com/common/images/bg_nav-on.gif) repeat-x top;
				}
	
	/*  ========== BANNER STYLES ========== */
		#banner ul
			{
				list-style: none;
				padding: 0;
				margin: 25px 0 0;
			}
			
			#banner li
				{
					padding: 0;
					margin: 0;
					background: none;
				}
			
			#banner li a,
			#banner li a:link,
			#banner li a:active,
			#banner li a:visited
				{
					font-size: .9em;
					text-decoration: none;
					font-weight: bold;
				}
				
			#banner li a.alpha-100 { color: #F0F7FA; }
			#banner li a.alpha-75 { color: #D4E6F0; }
			#banner li a.alpha-50 { color: #B1C9DA; }
			#banner li a.alpha-25 { color: #9FC0D4; }
			
			#banner li a:hover
				{
					text-decoration: underline;
				}
				
		.banner_text
			{
				text-align: right;
				padding: 55px 0;
				margin-left: 20px;
				width: 370px;
			}
			
		.screenshots
			{
				position: absolute;
				top: 27px;
				right: 41px;
			}
		
		.publishflow
			{
				z-index: 10;
				position: absolute;
				bottom: 15px;
				right: 15px;
				text-align: right;
			}
			.footnote 
				{
					color: #CEE2ED;
					font-size: 0.8em;
					margin: 0;
				}
			
	/*  ========== BREADCRUMB STYLES ========== */
		#breadcrumb ul
			{
				list-style: none;
				padding: 0;
				margin: 0 0 0 25px;
			}	
			
			#breadcrumb li
				{
					float: left;
					margin: 0 5px 0 0;
					font-size: .9em;
					padding: 0;
					background: none;
				}
				
				#breadcrumb li a,
				#breadcrumb li a:link,
				#breadcrumb li a:active,
				#breadcrumb li a:visited
					{
						color: #28709F;
						text-decoration: none;
					}
					
				#breadcrumb li a:hover
					{
						text-decoration: underline;
					}
			
	/*  ========== CONTENT STYLES ========== */
		.content_padding
			{
				padding: 25px;
			}
			
			.home_onethird
				{
					float: left;
					width: 295px;
				}
				
				.onethird_padding
					{
						padding: 0 10px;
					}
			
			.maincontent
				{
					width: 600px;
					float: right;
				}

			.maincontent_full
				{
    					margin: 0 20px;
				}

				
			#contactUs
				{
					display: block;
				  	width: 189px;
				  	height: 54px;
				  	background: url(http://www.kontexto.com/common/images/btn_contactUs.gif) no-repeat 0 0;
				}
				
				#contactUs:hover
					{
						background-position: 0 -54px;
					}
				
				#contactUs span
					{
						display: none;
					}
					
			#whitepapers
				{
					display: block;
				  	width: 189px;
				  	height: 54px;
				  	background: url(http://www.kontexto.com/common/images/btn_whitepapers.gif) no-repeat 0 0;
				}
				
				#whitepapers:hover
					{
						background-position: 0 -54px;
					}
				
				#whitepapers span
					{
						display: none;
					}
					
			#emailWhitepaper
				{
					margin: 0 auto;
					display: block;
				  	width: 236px;
				  	height: 54px;
				  	background: url(http://www.kontexto.com/common/images/btn_emailWhitepaper.gif) no-repeat 0 0;
				}
				
				#emailWhitepaper:hover
					{
						background-position: 0 -54px;
					}
				
				#emailWhitepaper span
					{
						display: none;
					}
			
			/* NEWS BOX */
			.mr-15
				{
					margin-right: 20px;
				}
			.width-50
				{
					width: 435px;
					float: left;
				}
			.small
				{
					font-size: 0.8em;
					font-weight: bold;
					color: #B5B5B5;
				}
			.center
				{
					text-align: center;
				}
			
			.news_box
				{
					margin-top: 25px;
					position: relative;
					overflow: hidden;
				}
				
				/* News Box -> Top Bar */
				.news_box_top
					{
						background: url(http://www.kontexto.com/common/images/news_t.gif) repeat-x top left;
						height: 15px;
					}
					.news_box_tl
						{
							float: left;
							background: url(http://www.kontexto.com/common/images/news_tl.gif) no-repeat;
							height: 15px;
							width: 15px;
						}
					.news_box_tr
						{
							float: right;
							background: url(http://www.kontexto.com/common/images/news_tr.gif) no-repeat;
							height: 15px;
							width: 15px;
						}
					
				/* News Box -> Mid Bar */
				.news_box_mid
					{
						background: url(http://www.kontexto.com/common/images/news_mb.gif) bottom repeat-x;
					}
					
					.news_box_ml
						{
							background: url(http://www.kontexto.com/common/images/news_l.gif) repeat-y;
							width: 6px;
							float: left;
							padding-bottom: 500px;
							margin-bottom: -500px;
						}
					.news_box_content
						{
							padding: 0 15px;
							margin: 0 6px;
							float: left;
						}
					.news_box_mr
						{
							float: right;
							background: url(http://www.kontexto.com/common/images/news_r.gif) repeat-y;
							width: 6px;
							padding-bottom: 500px;
							margin-bottom: -500px;
						}
				
				/* News Box -> Bottom Bar */
				.news_box_bottom
					{
						background: url(http://www.kontexto.com/common/images/news_b.gif) repeat-x;
						height: 15px;
					}
					.news_box_bl
						{
							float: left;
							background: url(http://www.kontexto.com/common/images/news_bl.gif) no-repeat;
							height: 15px;
							width: 15px;
						}
					.news_box_br
						{
							float: right;
							background: url(http://www.kontexto.com/common/images/news_br.gif) no-repeat;
							height: 15px;
							width: 15px;
						}
						
				.news_box dl
					{
					}
					
					.news_box dt,
					.news_box dt a,
					.news_box dt a:active,
					.news_box dt a:link,
					.news_box dt a:visited
						{
							font-weight: bold;
							color: #4F99C0;
							text-decoration: none;
						}
					.news_box dt a:hover
						{
							text-decoration: underline;
						}
					
					.news_box dd
						{
							font-size: .9em;
							margin: 0;
						}
						
					.news_box dd.date
						{
							color: #4F99C0;
							font-weight: normal;
							font-size: .8em;
						}
			
			.whitepaper_holder
				{
					padding: 25px 0;
				}
				
			.whitepaper
				{
					float: left;
				}
				
				.whitepaper_text
					{
						margin-left: 20px;
						margin-right: 20px;
					}
			
			
			.download_whitepaper
				{
					clear: both;
					padding: 0 25px 0 315px;
					border-top: 3px solid #E2E2E2;
				}
				
			p.privacy 
				{
					color: #B5B5B5;
					font-size: 0.8em;
					line-height: 1.2em;
					margin-top: 30px;
				}		
			
	/*  ========== LEFT NAV STYLES ==========  */
		.leftnav
			{
				width: 245px;
				float: left;
			}
			
			.leftnav_left
				{
					float: left;
					width: 15px;
					height: 147px;
					background: url(http://www.kontexto.com/common/images/leftnav_l.gif) no-repeat top left;
				}
				
			.leftnav_mid
				{
					background: url(http://www.kontexto.com/common/images/leftnav_t.gif) repeat-x top left;
					float: left;
					width: 215px;
				}
				
			.leftnav_right
				{
					float: right;
					width: 15px;
					height: 147px;
					background: url(http://www.kontexto.com/common/images/leftnav_r.gif) no-repeat top left;
				}
		
		.leftnav ul
			{
				list-style: none;
				padding: 15px 0 0 0;
				margin: 0;
			}

		.leftnav li
			{
				padding: 0 0 0 15px;
				margin: 0;
				background: none;
			}
			
		.leftnav li.leftnav_title
			{
				border-bottom: 2px solid #8EB334;
				margin-bottom: 5px;
				font-size: 1.2em;
				font-weight: bold;
				line-height: 1.8em;
			}
			
			.leftnav li a,
			.leftnav li a:link,
			.leftnav li a:active,
			.leftnav li a:visited
				{
					line-height: 2em;
					color: #28709F;
					text-decoration: none;
				}
				
			.leftnav li a:hover
				{
					color: #8EB334;
				}
				
			.leftnav ul li a.selected,
			.leftnav ul li a.selected:link,
			.leftnav ul li a.selected:active,
			.leftnav ul li a.selected:visited
				{
					font-weight: bold;
					color: #8EB334;
				}
		
	
	/*  ========== FOOTER STYLES ==========  */
		#footer ul
			{
				list-style: none;
				margin: 12px 0 0 16px;
				padding: 0;
			}
		
		#footer li
			{
				background: url(http://www.kontexto.com/common/images/footer_divider.gif) no-repeat right;
				float: left;
				padding: 2px 7px;
				margin: 0;
				line-height: .5em;
			}
			
			#footer li a,
			#footer li a:link,
			#footer li a:active,
			#footer li a:visited
				{
					font-size: .8em;
					line-height: 1em;
					color: #545454;
					text-decoration: none;
				}
				
			#footer li a:hover
				{
					text-decoration: underline;
				}
				
			#footer li.last
				{
					background: none;
				}
			
/*  ================================================================================================  */
/*  ================================================================================================  */