@import url('nbw.css');
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, em, a, cite, code, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1;
}

html {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
/* 	font-family: Verdana, Sans-serif; */
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #000;	
	background: #b40019 url(/webroot/i/htmlGradient_bg.jpg) 0 0 repeat-x;
	*z-index: 1;
}

body#bodyTheme01 {	background: #b40019 url(/webroot/i/htmlGradient_bg.jpg) 0 0 repeat-x !important; }
body#bodyTheme02 {	background: #757575 url(/webroot/i/htmlDots_bg.jpg) 0 0 repeat !important; }
body#bodyTheme03 {	background: #da252a url(/webroot/i/htmlYes_bg.png) 0 0 repeat !important; }
body#bodyTheme04 {	background: #dedede url(/webroot/i/htmlUm_bg.png) 0 0 repeat !important; }
body#bodyTheme05 {	background: #dbd4b8 url(/webroot/i/htmlGradientGrey_bg.jpg) 0 0 repeat-x !important; }
body#bodyTheme06 {	background-color: #fff !important; background-image: none !important; }

*:first-child+html h1 { font-size: 192%; }
*:first-child+html h2 { font-size: 145%; }
*:first-child+html h3 { font-size: 115%; }
*:first-child+html h4 { font-size: 105%; }
*:first-child+html h5 { font-size: 80%; }
*:first-child+html h6 { font-size: 65%; }

h1 { _font-size: 192%; }
h2 { _font-size: 145%; }
h3 { _font-size: 115%; }
h4 { _font-size: 105%; }
h5 { _font-size: 80%; }
h6 { _font-size: 65%; }

:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
	color: #e6262b;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

#blackOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(/webroot/i/blackOverlay_bg.png) 0 0 repeat;
	z-index: 100;
	display: none;
	position: fixed;
}

.rightFloated {
	float: right;	
	*width: 400px;
}

#header .rightFloated {
	margin-top: -5px;	
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	min-height: 600px;
	background-color: #fff;
	padding: 0 1em 2.5em 1em;
}

#header {
	height: 140px;
	border-top: 1px transparent solid;
	
}

a#homeLink {
	display: block;
	width: 520px;
	height: 5px;
	background: transparent url(/webroot/i/um_logo.png) 0 0 no-repeat;
	color: #ccc;
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	padding-top: 40px;
	margin: 85px 0 0 5px;	
}

a#homeLink em { display: none; }
a#homeLink:hover em {
	display: block;	
}

#followUs {
	width: 80px;
	height: 42px;
	position: relative;
	margin-left: 272px;
	*margin-left: 317px;
}

#followUs a {
	display: block;
	text-indent: -3000px;
	float: left;
	margin: 0 6px 0 0;
	background: transparent url(/webroot/i/followUs_bg4.png) -34px bottom no-repeat;		
	width: 34px;
	height: 34px;
}

#followUs a:hover {
	height: 42px;	
}

#followUs a#facebook {
	background-position: 0 bottom;
}

ul#addons {
	list-style: none;
	margin: 1em 0 0.5em 0;
	padding: 0;	
	height: 15px;
	float: right;

}

ul#addons li {
	float: left;
	border-right: 1px #ddd solid;	
	margin-left: 10px;
}

ul#addons li#lastLi {
	border: 0;	
}

ul#addons a {
	display: block;
	font-size: 10px;
	color: #777;
	text-decoration: none;	
	padding: 0 10px 2px 0;
}

ul#addons a:hover {
	text-decoration: underline;	
}

form#searchForm {
	display: block;
	text-align: right;
	padding-right: 10px;	
}

form#searchForm input[type=text] {
	border: 0;
	background-color: #dedede;
	padding: 4px;
	margin: 0;	
	width: 190px;
}

form#searchForm a#searchButton {
	display: inline-block;
	width: 58px;
	height: 23px;	
	background: transparent url(/webroot/i/buttons_bg.png) -103px 0 no-repeat;
	vertical-align: middle;
	margin-top: -4px;
	*margin-top: -6px;
}

form#searchForm a#searchButton, x:-moz-any-link { margin-top: 0; } 

form#searchForm a#searchButton span {
	display: block;
	text-align: left;
	text-indent: -3000px;
}

ul#priNav {
	list-style: none;
	height: 35px;
	margin: 0;
	padding: 0;
	background-color: #db252b;
	zoom: 1;
}

ul#priNav li {
	float: left;
	border-right: 1px #c7171c solid;
	border-left: 1px #e9343a solid;	
	height: 35px;
	zoom: 1;
}

ul#priNav li.lastLi {
	border-right: 0;	
}

ul#priNav li.firstLi {
	border-left: 0;	
}

ul#priNav a {
	display: block;
	font-size: 13px;
	text-align: center;
	text-decoration: none;	
	color: #fff;
	padding: 10px 1em 0 1em;
	height: 25px;
	zoom: 1;
}

ul#priNav a:hover {
	text-decoration: underline;	
}

ul#priNav a.active {
	font-weight: bold;	
	background-color: #bc0f15;
}

ul#priNav a.active:hover {
	cursor: default;
	text-decoration: none;
}	

#infobar {
	background: #F3C10F;
	color: #64635F;
	font-size: 12px;
	height: 30px;

}
#infobar a {
	color: #64635F;
}

#infobar p {
	padding: 0.75em;
	color: #db252b;	
	font-size: 11px;
}


#infobar p span {
	float: left;
	padding: 3px 0 0;
}	
#infobar p #scroll{
	padding: 0;
}

#infobar #scroll a {
	color: #db252b;	
	font-size: 13px;
	position: relative;
}

#scroll { position: relative; }


#bubble {
	display: none;
	padding: 0.75em 1.5em 1.5em 1.5em;
	background-color: #fff;
	border: 1px #999 solid;
	font-size: 10px;
	color: #444;
	position: absolute;
    left:1px; top:1px;
	width: 300px;
	line-height: 1.35;	
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 2px 5px #999;
	z-index: 10;
}

 #bubble #bubbleArrow {
	position: absolute;
	left: 20px;
	bottom: -18px;
	width: 35px;
	height: 18px;
	background: transparent url(/webroot/i/bubbleArrow_bg.png) 0 0 no-repeat;
}

#infobar a#seeActual {
	float: right;
	background-color: #999;
	padding: 0.75em 0.85em;	
	color: #fff;
	text-decoration: none;
}

#infobar a#seeActual:hover {
	background-color: #bbb;	
}

#markiza {
	width: 936px;
	overflow: hidden;	
	height: 15px;
	margin: -8px 0 0 4px;
	*margin: -10px 0 0 4px;
	position: relative;
	z-index: 0;
	*float: left;
	margin-top:-1px;
}
	#markiza>div{
		position: relative;
	}

#markiza, x:-moz-any-link { 
	margin-top: -2px;
}

#markiza a { 
	display: block;
	white-space: nowrap;
	z-index: 1;
}

#flash {
	height: 360px;	
}

.rotators{
	height: 350px;
}
	.rotator{
		width: 491px; height: 350px;
		border: 2px solid #808080;
		float: left;
		position: relative;
	}
		.rotator h2{
			font-size: 15px;
			font-weight: bold;
			line-height: 35px;
			padding: 0 10px;
			text-transform: uppercase;
			background: #808080;
			color: #FFF;
		}
		#rotator-2{
			border: 2px solid #b3b3b1;
		}
			#rotator-2 h2{
				background: #b3b3b1;
			}
		.rotator .items{
			background: url(/webroot/i/um-faces-bg.png) 0 0 no-repeat ;
			width: 491px !important; height: 315px !important;
			overflow: hidden;
		}
			.rotator .items li{
				display: block;
				float: left;
				width: 491px; height: 315px;
				list-style-type: none;
			}
			.rotator .person-info{
				position: absolute;
				top: 20px; left: 10px;
			}
				.rotator .person-info h3{
					color: #db252b; /* #403e3f; */
					font-size: 18px;
					text-transform: uppercase;
					font-weight: bold;
				}
				.rotator .person-occupation {
					color: #808080;
					font-size: 13px;
					font-weight: bold;
				}
				.rotator .person-info p.role{
					font-size: 14px;
					color: #808080;
					margin: 4px 0;
					font-weight: bold;
				}
				.rotator .person-info p.desc{
					font-size: 13px;
					color: #898989;
				}
			.rotator .take-action{
				position: absolute;
				left: 10px; top: 100px;
				font-weight: bold;
				font-size: 14px;
				color: #dc242c;
			}
			.rotator .source-link{
				position: absolute;
				top:0; left: 0;
				width: 100%; height: 100%;
				z-index: 10;
			}
	.rotator-nav{
		display: none;
	}
		.rotator:hover .rotator-nav{
			display: block;
		}
	.rotator-nav li{
		position: absolute;
		bottom: -1px;
		left: -1px;
		list-style-type: none;
		z-index: 1337;
	}
		.rotator-nav li a{
			float: left;
			padding: 5px 10px;
			color: #FFF;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
			background: #b3b3b1;
		}
			.rotator-nav li a:hover{
				background: #dc252a;
			}
		.rotator-nav .next{
			left: auto;
			right: -1px;
		}

#masta {
	height: 303px;
	background: #eee url(/webroot/i/sonar_bg.png) 0 0 no-repeat;	
}

#eyetracking {
	background: #eee url(/webroot/i/eyetracking_bg.jpg) 0 0 no-repeat;	
}

#neuromedia {
	background: #eee url(/webroot/i/neuromedia_bg.jpg) 0 0 no-repeat;	
}

#czasyReakcji {
	background: #eee url(/webroot/i/czasyReakcji_bg.jpg) 0 0 no-repeat;	
}

#czasyReakcji #rightSide p {
	color: #000;
}

#modelowanie {
	background: transparent url(/webroot/i/modelowanie_bg.jpg) 0 0 no-repeat;	
}

#medelowanie #rightSide p {
	color: #000;
}

#flash * {
	width: 990px;	
}

#news {
	margin-top: 1em;
}	

#news h2 {
	font-size: 19px;
	*font-size: 19px !important;
	*font-weight: normal !important;
	text-transform: uppercase;	
}

#news h2 a {
	color: #e6262b;	
	text-decoration: none;
}

#news h2 a span {
	color: #999;
	text-transform: lowercase;
	font-size: 12px;	
	display: none;
}

#news h2 a:hover span {
	display: inline;	
}

#news .date {
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.25em;
	border-bottom: 2px #666 solid;	
	margin: 1em 0;
}

#news .box {
	width: 45%;
	float: left;	
}

#news #right {
	margin-left: 80px;
}

.news {
	margin: 0 0 1.25em 0;
	*padding-bottom: 6px;
	border-bottom: 1px #999 solid;
}

.news img.newsThumb {
	float: left;
	width: 80px;
	margin: 0.15em 0.75em 0.5em 0;	
}

.news h3 {
	font-weight: bold;	
	font-size: 12px;
	*font-size: 12px !important;
	margin: 0 0 0.25em 0;
	*margin-top: 2em;
}

.news p {
	font-size: 11px;
	margin: 0;
	*margin-top: 0.5em;
	line-height: 1.3;		
}

.news .more { 
	display: none; 
	margin: 0.35em 0 0.5em 0;
}	

.news a.readMore {
	color: #fff;
	background-color: #999; 
	float: right;
	padding: 0.35em 0.5em 0.5em 0.5em;
	font-size: 10px;
	text-decoration: none;
	width: 74px;
	text-align: center;
	margin-top: 0.5em;
	*margin-top: 0;
}

.news a.hide {
	background-image: url(/webroot/i/arrowUp_bg.png);
	background-repeat: no-repeat;
	background-position: 12px 50%;	
}

.news a.hide span {
	padding-left: 10px;	
}

.news a.readMore:hover {
	background-color: #bbb;	
}


form#newsletterForm label {
	display: block;
	font-size: 10px;
	color: #e6262b;
	margin: 0 0 0.5em 0;	
	line-height: 1.3;
}

form#newsletterForm input[type=text] {
	border: 0;
	background-color: #dedede;
	padding: 4px;
	margin: 0;	
	width: 200px;
}

form#newsletterForm a#subscribeButton {
	display: inline-block;
	width: 41px;
	height: 23px;	
	background: transparent url(/webroot/i/buttons_bg.png) -51px 0 no-repeat;
	vertical-align: middle;
	margin: 0;
}

a#subscribeButton span {
	display: block;
	text-align: left;
	text-indent: -3000px;	
}


#caseStudy1, #caseStudy2, #caseStudy3, #caseStudy4, #caseStudy5, #caseStudy6, #caseStudy7, #caseStudy8, #caseStudy9, #caseStudy10, #caseStudy11, #caseStudy12 {
    width: 992px;
    height: 690px;
    margin: 1em;
    position: relative;
    border: 1px #ddd solid;
	background-color: #fff;
	position: absolute;
	z-index: 101;
	top: 10px;
	left: 50%;
	margin-left: -496px;
	font-family: Arial, Verdana, Sans-serif;
}

#caseStudy2 {
	height: 740px !important;
}

#caseStudy2 .audioContainer {
	margin-bottom: 48px;
}

#caseStudy1 p, #caseStudy2 p, #caseStudy3 p, #caseStudy4 p, #caseStudy5 p, #caseStudy6 p, #caseStudy7 p {
	line-height: 1.35;
	font-size: 12px !important;	
}


#caseStudy8 .content:after,
.pics:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

#caseStudy6{
	background: #FFF;
	display: block;
	height: auto;
}
	#caseStudy6 .header{
		height: 123px;
		background: #c7c7c7 url(/webroot/i/case6_header.png) repeat-y 100% 0;
		position: relative;
	}
		#caseStudy6 .header h2{
			position: absolute;
			top: 50px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
		}
			#caseStudy6 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
			}
	#caseStudy6 .logo{
		width: 205px;
		height: 123px;
		background: url(/webroot/i/case6_seat_logo.png) no-repeat 0 0;
	}
	#caseStudy6 .content{
		height: 537px;
		background: #131b20 url(/webroot/i/case6_kayah.jpg) no-repeat 0 0;
		color: #FFF;
		position: relative;
	}
		#caseStudy6 .content h2{
			font-size: 16px;
			font-style: italic;
			text-shadow: #000 1px 1px 1px;
			font-weight: bold;
			font-family: Verdana;
			margin: 0 0 3px;
		}
		#caseStudy6 .content p{
			padding: 0 7px 0 10px;
			text-shadow: #000 1px 1px 1px;
			line-height: 15px;
			font-size: 12px;
			font-family: Verdana;
		}
		#caseStudy6 .first{
			position: absolute;
			left: 10px; top: 14px;
			width: 488px;
		}
		#caseStudy6 .second{
			position: absolute;
			right: 0; top: 14px;
			width: 490px;
		}
		#caseStudy6 .pics{
			width: 370px;
			padding: 5px 0 4px 100px;
		}
		#caseStudy6 .pics li{
			float: left;
			margin: 0 0 0 7px;
			list-style-type: none;
		}
		#caseStudy6 .videoContainer{
                    text-align:center;
                    width: 375px;
                    margin: 10px auto;
		}

#caseStudy7, #caseStudy9, #caseStudy10{
	background: #FFF;
	display: none;
	height: auto;
}
	#caseStudy7 .header{
		height: 123px;
		bbackground: #c7c7c7 url(/webroot/i/case6_header.png) repeat-y 100% 0;
		position: relative;
	}
		#caseStudy7 .header h2{
			position: absolute;
			top: 38px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
			font-style: oblique;
		}
			#caseStudy7 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
			}
	#caseStudy7 .logo{
		width: 205px;
		height: 123px;
		background: url(/webroot/i/case6_logo_mobil.png) no-repeat 0 0;
	}
	#caseStudy7 .content{
		height: 537px;
		bbackground: #131b20 url(/webroot/i/case6_kayah.jpg) no-repeat 0 0;
		color: #FFF;
		padding: 12px;
		position: relative;
	}
		#caseStudy7 .content h2{
			font-size: 16px;
			font-style: italic;
			text-shadow: #000 1px 1px 1px;
			font-weight: bold;
			font-family: Verdana;
			margin: 0 0 3px;
		}
		#caseStudy7 .content p{
			padding: 0 7px 0 10px;
			text-shadow: #000 1px 1px 1px;
			line-height: 15px;
			font-size: 12px;
			font-family: Verdana;
		}
		#caseStudy7 .first{
			position: absolute;
			left: 10px; top: 14px;
			width: 488px;
		}
		#caseStudy7 .second{
			position: absolute;
			right: 0; top: 14px;
			width: 490px;
		}
		#caseStudy7 .pics{
			width: 370px;
			padding: 5px 0 4px 100px;
		}
		#caseStudy7 .pics li{
			float: left;
			margin: 0 0 0 7px;
			list-style-type: none;
		}
		#caseStudy7 .videoContainer{
			text-align:center;
			width: 375px;
			margin: 10px auto;
		}

#caseStudy8{
	height: 660px;
	background: #ffea78 url(/webroot/i/case8_bg.jpg) no-repeat 0 0;
	display: none;
}
	#caseStudy8 .header{
		height: 123px;
		position: relative;
	}
		#caseStudy8 .header h2{
			position: absolute;
			top: 40px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
		}
			#caseStudy8 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
				font-style: italic;
			}
			#caseStudy8 .header .tagline{
				position: absolute;
				left: 233px;
				top: 87px;
				font-weight: bold;
				font-style: italic;
				color: #4eb348;
				font-size: 16px;
			}
	#caseStudy8 .content{
	}
		#caseStudy8 .content h2{
			color: #0165ff;
			font-size: 20px;
			font-weight: bold;
			font-style: italic;
			font-family: Verdana;
			padding: 23px 0;
			text-align: center;
		}
		#caseStudy8 .first{
			float: left;
			width: 470px;
			padding: 0 0 0 15px;
		}
			#caseStudy8 .first h2{
				font-size: 16px;
				padding: 0 0 4px;
				text-align: left;
			}
			#caseStudy8 .first p{
				color: #0165ff;
				font-size: 12px;
				line-height: 1.35;
				margin: 2px 0 12px 10px;
			}
		#caseStudy8 .second{
			float: right;
			padding: 0 20px 0 0;
		}
			#caseStudy8 .second img{
				float: left;
				border: 3px solid #fff;
				margin: 0 0 10px;
			}
				#caseStudy8 .second .pic{
					padding-right: 9px;
					float: left;
				}
				
/* casestudy 9 */				
		#caseStudy9{
			background: url(/webroot/i/cs09-lot.jpg) 0 0 no-repeat !important;
			height: 660px;
			display: none;
		}
			#caseStudy9 .header{
				height: 123px;
				position: relative;
			}
				#caseStudy9 .header h2{
					position: absolute;
					top: 40px;
					left: 233px;
					font-family: Verdana;
					font-size: 16px;
				}
					#caseStudy9 .header h2 em{
						display: block;
						padding: 5px 0 0;
						font-weight: bold;
						font-style: italic;
					}
					#caseStudy9 .header .tagline{
						position: absolute;
						left: 233px;
						top: 87px;
						font-weight: bold;
						font-style: italic;
						color: #4eb348;
						font-size: 16px;
					}
			#caseStudy9 .content{
			}
				#caseStudy9 .content h2{
					color: #0165ff;
					font-size: 20px;
					font-weight: bold;
					font-style: italic;
					font-family: Verdana;
					padding: 23px 0;
					text-align: center;
				}
				#caseStudy9 .first{
					background: #fff;
					float: left;
					width: 470px;
					padding: 0 0 0 15px;
				}
					#caseStudy9 .first h2{
						font-size: 16px;
						padding: 0 0 4px;
						text-align: left;
					}
					#caseStudy9 .first p{
						color: #0165ff;
						font-size: 12px;
						line-height: 1.35;
						margin: 2px 0 12px 10px;
					}
				#caseStudy9 .second{
					float: right;
					padding: 0 20px 0 0;
				}
					#caseStudy9 .second img{
						float: left;
						border: 3px solid #fff;
						margin: 0 0 10px;
					}
						#caseStudy9 .second .pic{
							padding-right: 9px;
							float: left;
						}		
/* case study 10 */
#caseStudy10{
	background: url(/webroot/i/cs10-lot.jpg) 0 0 no-repeat !important;
	height: 660px;
	display: none;
}
	#caseStudy10 .header{
		height: 123px;
		position: relative;
	}
		#caseStudy10 .header h2{
			position: absolute;
			top: 40px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
		}
			#caseStudy10 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
				font-style: italic;
			}
			#caseStudy10 .header .tagline{
				position: absolute;
				left: 233px;
				top: 87px;
				font-weight: bold;
				font-style: italic;
				color: #4eb348;
				font-size: 16px;
			}
	#caseStudy10 .content{
	}
		#caseStudy10 .content h2{
			color: #0165ff;
			font-size: 20px;
			font-weight: bold;
			font-style: italic;
			font-family: Verdana;
			padding: 23px 0;
			text-align: center;
		}
		#caseStudy10 .first{
			background: #fff;
			float: left;
			width: 470px;
			padding: 0 0 0 15px;
		}
			#caseStudy10 .first h2{
				font-size: 16px;
				padding: 0 0 4px;
				text-align: left;
			}
			#caseStudy10 .first p{
				color: #0165ff;
				font-size: 12px;
				line-height: 1.35;
				margin: 2px 0 12px 10px;
			}
		#caseStudy10 .second{
			float: right;
			padding: 0 20px 0 0;
		}
			#caseStudy10 .second img{
				float: left;
				border: 3px solid #fff;
				margin: 0 0 10px;
			}
				#caseStudy10 .second .pic{
					padding-right: 9px;
					float: left;
				}
				
/* case 11 */
#caseStudy11{
	background: url(/webroot/i/cs11-msie.jpg) 0 0 no-repeat !important;
	height: 660px;
	display: none;
	z-index: 900;
}
	#caseStudy11 .header{
		height: 123px;
		position: relative;
	}
		#caseStudy11 .header h2{
			position: absolute;
			top: 40px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
		}
			#caseStudy11 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
				font-style: italic;
			}
			#caseStudy11 .header .tagline{
				position: absolute;
				left: 233px;
				top: 87px;
				font-weight: bold;
				font-style: italic;
				color: #4eb348;
				font-size: 16px;
			}
	#caseStudy11 .content{
	}
		#caseStudy11 .content h2{
			color: #ad0021;
			font-size: 20px;
			font-weight: bold;
			font-style: italic;
			font-family: Verdana;
			padding: 23px 0;
			text-align: center;
		}
		#caseStudy11 .first{
			float: left;
			width: 330px;
			padding: 6px 0 0 15px;
		}
			#caseStudy11 .first h2{
				font-size: 16px;
				padding: 0 0 4px;
				text-align: left;
			}
			#caseStudy11 .first p{
				color: #111;
				font-size: 12px;
				line-height: 1.35;
				margin: 2px 0 12px 10px;
			}
		#caseStudy11 .second{
			float: right;
			padding: 0 20px 0 0;
		}
			#caseStudy11 .second img{
				float: left;
				border: 3px solid #fff;
				margin: 0 0 10px;
			}
				#caseStudy11 .second .pic{
					padding-right: 9px;
					float: left;
				}				

/* case 12 */
/* case 11 */
#caseStudy12{
	background: url(/webroot/i/cs12-mastercard.png) 0 0 no-repeat !important;
	height: 660px;
	display: none;
	z-index: 900;
}
	#caseStudy12 .header{
		height: 123px;
		position: relative;
	}
		#caseStudy12 .header h2{
			position: absolute;
			top: 40px;
			left: 233px;
			font-family: Verdana;
			font-size: 16px;
		}
			#caseStudy12 .header h2 em{
				display: block;
				padding: 5px 0 0;
				font-weight: bold;
				font-style: italic;
			}
			#caseStudy12 .header .tagline{
				position: absolute;
				left: 233px;
				top: 87px;
				font-weight: bold;
				font-style: italic;
				color: #4eb348;
				font-size: 16px;
			}
	#caseStudy12 .content{
	}
		#caseStudy12 .content h2{
			color: #ad0021;
			font-size: 20px;
			font-weight: bold;
			font-style: italic;
			font-family: Verdana;
			padding: 23px 0;
			text-align: center;
		}
		#caseStudy12 .first{
			float: left;
			width: 330px;
			padding: 6px 0 0 15px;
		}
			#caseStudy12 .first h2{
				font-size: 16px;
				padding: 0 0 4px;
				text-align: left;
			}
			#caseStudy12 .first p{
				color: #111;
				font-size: 12px;
				line-height: 1.35;
				margin: 2px 0 12px 10px;
			}
		#caseStudy12 .second{
			float: right;
			padding: 0 20px 0 0;
		}
			#caseStudy12 .second img{
				float: left;
				border: 3px solid #fff;
				margin: 0 0 10px;
			}
				#caseStudy12 .second .pic{
					padding-right: 9px;
					float: left;
				}


a.close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #888;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    padding: 5px;
}
a.close:hover { background-color: #aaa; }

a.getPdf {
    display: block;
    color: #000;
    background: transparent url(/webroot/i/pdf_icon.png) 100% 50% no-repeat;
    padding: 11px 40px 0 0;
    height: 29px;
    position: absolute;
    top: 64px;
    right: 8px;
    font-size: 12px;
    opacity: 0.75;
}
a.getPdf:hover { opacity: 1; }

.videoContainer {
    width: 345px;
    height: 233px;
    
    background: #434343 url(/webroot/i/video_bg.png) center no-repeat;
    margin: 20px 0 0 0;
    display: block;
}
.audioContainer {
    width: 324px;
    height: 24px;
 	 margin: 10px 0 20px 0;
  	display: block;
}
#caseStudy1, #caseStudy2, #caseStudy3, #caseStudy4, #caseStudy5, #caseStudy6, #caseStudy7, #caseStudy8, #caseStudy9, #caseStudy10 {
    display:none;
}

#wrapper #caseStudy1 .header {
    background: transparent url(/webroot/i/yellowHeader_bg.jpg) 0 0 repeat-y;
    padding: 20px;
    height: 94px;
}
#wrapper #caseStudy1 .logo {
    width: 101px;
    height: 98px;
    background: transparent url(/webroot/i/acuLogo_bg.png) 0 0 no-repeat;
}
#wrapper #caseStudy1 .slogan {
    position: absolute;
    top: 50px;
    left: 200px;
    font-size: 18px;
}
#wrapper #caseStudy1 .sidebar {
    float: right;
    padding: 10px 20px 0 0;
}
#wrapper #caseStudy1 .content {
    margin-right: 345px;
    color: #126fff;
    font-size: 12px;
    padding: 0.5em 2em 1em 2em;
}
#wrapper #caseStudy1 .content h2 {
    font-size: 15px;
    font-style: italic;
    margin: 1em 0 0.25em 0;
}
#wrapper #caseStudy1 .content p {
    font-size: 11px;
    margin: 0 0 1.5em 0;
    padding-right: 12em;
}
#wrapper #caseStudy1 .content p strong {
    font-size: 1.1em;
}
#wrapper #caseStudy1 img { margin: 0 0.25em; }


#wrapper #caseStudy2 {
    height: 660px;
    background: transparent url(/webroot/i/greenGradient_bg.jpg) 0 0 no-repeat;
}
#wrapper #caseStudy2 .header {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    height: 80px;
}
#wrapper #caseStudy2 a.getPdf {
    top: 50px;
}
#wrapper #caseStudy2 .logo {
    width: 200px;
    height: 125px;
    background: transparent url(/webroot/i/wbkLogo_bg.png) 0 0 no-repeat;
}
#wrapper #caseStudy2 .slogan {
    position: absolute;
    top: 35px;
    left: 250px;
    font-size: 18px;
}
#wrapper #caseStudy2 .slogan em {
    font-style: normal;
    color: #ccc;
    text-shadow: 0 1px 2px #444;
}
#wrapper #caseStudy2 .sidebar {
    float: right;
    padding: 10px 20px 0 0;
}
#wrapper #caseStudy2 .content {
    margin-right: 345px;
    color: #fff;
    font-size: 12px;
    padding: 0.5em 2em 1em 2em;
}
#wrapper #caseStudy2 .content h2 {
    font-size: 15px;
    font-style: italic;
    margin: 1em 0 0.25em 0;
    color: #fff;
}
#wrapper #caseStudy2 .content p {
    font-size: 11px;
    margin: 0 0 1.5em 0;
    padding-right: 12em;
}


#wrapper #caseStudy3 {
    background: #e6e6e6 url(/webroot/i/grey_bg.jpg) 0 0 no-repeat;
    height: 710px;
}
#wrapper #caseStudy3 .header {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    height: 80px;
}
#wrapper #caseStudy3 a.getPdf {
    top: 40px;
}
#wrapper #caseStudy3 .logo {
    margin-top: 25px;
    width: 176px;
    height: 33px;
    background: transparent url(/webroot/i/polLogo_bg.png) 0 0 no-repeat;
}
#wrapper #caseStudy3 .slogan {
    position: absolute;
    top: 20px;
    left: 250px;
    font-size: 18px;
}
#wrapper #caseStudy3 .slogan em {
    font-size: 0.85em;
    color: #000;
}
#wrapper #caseStudy3 .sidebar {
    float: right;
    padding: 10px 20px 0 0;
}
#wrapper #caseStudy3 .content {
    margin-right: 345px;
    color: #0f3584;
    font-size: 12px;
    padding: 0.5em 2em 1em 2em;
}
#wrapper #caseStudy3 .content h2 {
    font-size: 15px;
    font-style: italic;
    margin: 1em 0 0.25em 0;
    color: #0f3584;
}
#wrapper #caseStudy3 .content p {
    font-size: 11px;
    margin: 0 0 1.5em 0;
    padding-right: 12em;
}
#wrapper #caseStudy3 .audioContainer {
    margin: -12px 0 10px 0;
}

#caseStudy4 {
    background: transparent url(/webroot/i/cs4_bg.jpg) 0 0 no-repeat;
    height: 659px;
}

#caseStudy4 #header {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    height: 80px;
}
#caseStudy4 a.getPdf {
    top: 40px;
}
#caseStudy4 #logo {
    margin-top: -8px;
    width: 209px;
    height: 126px;
    background: transparent url(/webroot/i/mcLogo_bg.png) 0 0 no-repeat;
}
#caseStudy4 .slogan {
    position: absolute;
    top: 20px;
    left: 250px;
    font-size: 18px;
}
#caseStudy4 .slogan em {
    font-size: 0.85em;
    color: #000;
}
#caseStudy4 #sidebar {
    float: right;
    padding: 10px 20px 0 0;
}
#caseStudy4 #content {
    margin-right: 345px;
    color: #fff;
    font-size: 12px;
    padding: 0.5em 2em 1em 2em;
}

#caseStudy4 #content h2 {
    font-size: 15px;
    font-style: italic;
    margin: 1em 0 0.25em 0;
    color: #fff;
}
#caseStudy4 #content p {
    font-size: 11px;
    margin: 0 0 1.5em 0;
    padding-right: 12em;
}



#caseStudy5 {
    background: transparent url(/webroot/i/cs5_bg.jpg) 0 0 no-repeat;
    height: 659px;
}

#caseStudy5 #header {
    padding: 10px 20px 20px 20px;
    height: 80px;
}
#caseStudy5 a.getPdf {
    top: 40px;
    color: #fff;
}
#caseStudy5 #logo {
    margin-top: 10px;
    width: 177px;
    height: 72px;
    background: transparent url(/webroot/i/plusLogo_bg.png) 0 0 no-repeat;
}
#caseStudy5 .slogan {
    position: absolute;
    top: 20px;
    left: 250px;
    font-size: 18px;
    color: #fff;
}
#caseStudy5 .slogan em {
    color: #ccc;
    text-shadow: 0 1px 2px #444;
}
#caseStudy5 #sidebar {
    float: right;
    padding: 10px 20px 0 0;
}
#caseStudy5 #content {
    margin-right: 345px;
    color: #001e48;
    font-size: 12px;
    padding: 0.5em 2em 1em 2em;
}
#caseStudy5 #content h2 {
    font-size: 15px;
    font-style: italic;
    margin: 1em 0 0.25em 0;
    color: #001e48;
}
#caseStudy5 #content p, #caseStudy5 #content ul {
    font-size: 11px;
    margin: 0 0 1.5em 0;
    padding-right: 12em;
}


#refs {
	padding: 1em 0 0.85em 0;
	margin: 1.5em 0;
	position: relative;	
	*height: 190px;
	background-color: #eee;
}

#refs h3 {
	font-size: 12px;
	color: #999;
	margin: 0 0 0.75em 45px;
}


.testimonial {
	width: 240px;
	padding: 0 30px;
	float: left;
	margin: 0;
}


.testimonial h4 {
	font-size: 14px;
	*font-size: 14px !important;
	font-weight: bold;
	color: #e6262b;	
	font-style: italic;
	text-align: left;
}

.testimonial p {
	font-size: 11px;
	line-height: 1.3;
	margin: 0.5em 0 0 0;
	text-align: left;
	height: 72px;
}

.testimonial em {
	display: block;
	font-size: 10px;
	color: #999;
	margin: 0.5em 0 0 0;
	text-align: left;
}

.testimonial a.more {
	display: inline-block;
	width: 50px;
	height: 23px;	
	background: transparent url(/webroot/i/buttons_bg.png) 0 0 no-repeat;
	vertical-align: middle;
	margin: 0.75em 0 0 0;	
}

.testimonial a.more span {
	text-indent: -10000em;
	display: block;
	text-align: left;	
}

.testimonial .ref-author {
	min-height: 18px;	
}

#refs a.arrow {
	display: block;
	text-indent: -3000px;
	width: 30px;
	height: 59px;
	background: transparent url(/webroot/i/arrows_bg.png) 0 0 no-repeat;	
	position: absolute;
	top: 86px;
	opacity: 0.65;
	z-index: 10;
}

#refs a.arrow:hover {
	opacity: 1;	
}

#refs a#moveLeft {
	left: 10px;
}

#refs a#moveRight {
	background-position: -30px 0;
	right: 10px;
}

h4#partnersTitle {
	text-align: center;
	text-transform: uppercase;
	color: #777;
	font-size: 11px;
	margin-top: 3em;	
}

.logotypes {
	width: 100%;
	height: 70px;
	background: transparent url(/webroot/i/logotypes.png) 50% 0 no-repeat;	
}

#l01 { background-position: 50% 0px; }
#l02 { background-position: 50% -66px; }
#l03 { background-position: 50% -132px; }
#l04 { background-position: 50% -198px; }
#l05 { background-position: 50% -264px; }
#l06 { background-position: 50% -330px; }
#l07 { background-position: 50% -396px; }
#l08 { background-position: 50% -462px; }

#footer {
	padding: 2em 0.5em;
	font-size: 11px;
	color: #999;	
	margin: 3em 0 5em 0;
}

#footer ul {
	list-style: none;
	margin: 0.5em 0;
	padding: 0;	
}

#footer li {
	float: left;
	border-right: 1px #777 solid;	
	margin-left: 1em;
}

#footer li.firstLi {
	margin: 0;	
}

#footer li.lastLi {
	border: 0;	
}

#footer li a {
	padding: 0 1em 0 0;
	color: #777;	
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;	
}

#footer p#contactData {
	float: right;
	color: #444;
	font-size: 10px;
	line-height: 1.4;	
	background: transparent url(/webroot/i/um_logo2.png) 0 0 no-repeat;
	padding-left: 140px;
}


#frame { 
	position: relative; 
	width: 1050px;
	height: 640px; 
	margin: 1em 0;
}

#frame iframe {
	position: absolute;
	top: 0;
	left: 0;	
}

#themeSelection {
	color: #888;
	font-size: 11px;	
}

#themeSelection * {
	float: left;
	height: 20px;
	margin: 0 1em 0 0;	
}

#themeSelection a {
	width: 130px;
	margin-top: -6px;
	text-indent: -3000px;
	background: transparent url(/webroot/i/themeSelection_bg.jpg) 0 0 no-repeat;	
	border: 1px transparent solid;
}

#themeSelection a#t02 { background-position: 0 -25px; }
#themeSelection a#t03 { background-position: 0 -49px; }
#themeSelection a#t04 { background-position: 0 -73px; }
#themeSelection a#t05 { background-position: 0 -97px; }
#themeSelection a#t06 { 
	background-image: none; 
	border: 1px #aaa solid;
	background-color: #fff;
}

#themeSelection a.activeTheme { border: 1px #000 solid !important; }


li#loginMenuItem {
	position: relative;	
}

#loginBox {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 280px;
	height: 180px;
	background: transparent url(/webroot/i/loginBox_bg.png) 0 0 no-repeat;
	z-index: 100;		
	color: #fff;
	display: none;
}

#loginBox #loginWrapper {
	padding: 3em 2em 2em 2em;	
}

#loginBox h4 {
	color: #fff;
	margin: 1em 0;
}	

#loginBox input[type=text], #loginBox input[type=password] {
	background-color: #ddd;
	border: 0;
	color: #777;	
	padding: 2px;
	width: 100%;
}

#loginBox p {
	margin: 0 0 0.5em 0;	
}

#loginBox label {
	font-size: 10px;	
}

#loginBox p span {
	width: 50%;
	float: left;
	line-height: 0.6;	
}

#priNav #loginBox a {
	font-size: 11px;
	float: right;
	border: 1px #900 solid;	
	height: auto;
	margin-top: 12px;
	padding: 2px 10px 5px 10px;
	text-align: center;
	background: transparent url(/webroot/i/submitButton_bg.png) 0 0 repeat-x;
}

a.hiddenArrow { display: none; }

li#newsletterContainer {
	position: relative;	
}

li#newsletterContainer div {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 340px;
	border: 1px #ddd solid;
	margin-left: -170px;	
	background-color: rgb(248,248,248);
	padding: 10px 10px 15px 10px;
	z-index: 10;
	display: none;
	font-size: 11px;
}

#newsletterBox label {
	display: block;	
}

#newsletterBox form a { display: inline-block; !important; } 

#nsInfo {
	text-align: center;
	padding: 2em 1em 3em 1em;
	font-size: 12px;
	background-color: rgb(247,247,247);
	margin: 1em 0;	
}

#nsInfo form {
	margin: 0.75em auto;
	width: 255px;
	display: block;
}

#nsInfo label { display: inline-block; vertical-align: middle; }
#nsInfo form input[type=text] { width: 140px; }
#nsInfo form input[type=submit] { float: right; margin-top: 2px; }
#nsInfo form input[type=submit] { float: right; *margin-top: -4px; }
#nsInfo form input[type=submit], x:-moz-any-link { float: right; margin-top: 7px; }

#nsInfo form ul{ list-style: none; display: none; }

#nsInfo p {
	margin-top: 0.5em;	
}

/* nowe boksy */

.mainBox {
	font-size: 11px;
	color: #222;
	
	width: 950px;
	min-height: 300px;
	padding: 20px 30px 30px 10px;
	
	background: #f3f3f3 url(/webroot/i/mainBox_bg.jpg) 0 0 repeat-y;
	position: relative;
}

.greyBg { background-image: none !important; background-color: #f2f2f2 !important; }


.mainBox .wrapper { margin-bottom: -30px; }
.mainBox .flashBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	*z-index: -1;
}

.withFlashBg { background-image: none; *z-index: 1;}

.withFlashBg .column {
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 2;
}


.mainBox a { 
	text-decoration: none;	
	color: #d00;
}

.mainBox ul a { font-weight: bold; }
.mainBox ul a.active { 
	color: #900; 
	cursor: default; 
	font-size: 1.2em;
	display: block;
	padding-bottom: 0.4em;
}

.mainBox a:hover { text-decoration: underline; }
.mainBox ul a.active:hover { text-decoration: none; }
.mainBox ul ol a { font-weight: normal; }
.mainBox ul ol a.active:after { content: ""; }

.whiteLetters h2, .whiteLetters h3, .whiteLetters p, .whiteLetters ul { color: #fff !important; }
.redGrd a { color: #ff0 !important; }
.redGrd { background: #ed7241 url(/webroot/i/mainBoxRedGradient_bg.jpg) 0 0 repeat-x; }
.redGrd strong { text-shadow: 0 1px 2px #720; }
.redGrd a strong { text-shadow: none; font-size: 1.1em;}
.mainBox > div { min-height: 250px;	}
.mainBox div.withBg {
	background-position: bottom right;
	background-repeat: no-repeat;	
}
.redGrd ul { padding-left: 2em;	 }
.redGrd li { margin-bottom: 0.5em !important; line-height: 1.4 !important; }

.ilu01 { background-image: url(/webroot/i/sposobMyslenia_bg.png); }
.ilu02 { background-image: url(/webroot/i/neuromedia_bg.png); }
.ilu03 { background-image: url(/webroot/i/ekonometria_bg.png); }

.mainBox .column {
	padding: 10px 20px 20px 20px;
}

.mainBox .column .column {
	padding-left: 0 !important;
}

.mainBox .leftColumn {
	width: 380px;	
}

.mainBox .rightColumn {
	width: 460px;
	float: right;	
}

.mainBox .withSep {
	border-left: 1px #bbb solid;
}

.mainBox .withSepRight {
	border-right: 1px #bbb solid;
}


.redGrd .withSep {
	border-left: 1px #dbbd82 solid;
}

.mainBox h2 {
	margin: 0 0 1em 0;	
	font-size: 25px;
	font-weight: normal;
	color: #888;
}

.redGrd h2 { text-shadow: 0 1px 2px #400; }

.mainBox h3 {
	margin: 0 0 0.15em 0;	
	font-size: 16px;
	font-weight: bold;
	line-height: 1.35;		
}

.redGrd h3 { text-shadow: 0 1px 2px #720; }

.mainBox h4 {
	display: inline-block;
	margin: 0;	
	font-size: 15px;
	font-weight: normal;	
	padding-bottom: 0.2em;
	border-bottom: 1px #ccc solid;
}

.mainBox h4.asLink {
	border-bottom: 0;
	margin-bottom: 0.25em;
}

.mainBox h5 {
	margin: 0 0 0 5px;	
	font-size: 12px;
	font-weight: bold;	
	color: #000;
}

.mainBox p, .mainBox ul, .mainBox ol {
	/* font-family: Tahoma, Sans-serif; */
	line-height: 1.3;
	margin: 0.75em 0 1.5em 0;	
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;	
}

.mainBox ul, .mainBox ol {
	width: 80%;
	line-height: 1.35;
	margin-bottom: 1.85em;
	margin-left:  1.5em;
	list-style: square;	
}

.mainBox ol {
	margin: 0.25em 0 2em 2em;	
}

.mainBox li { margin-bottom: 0.75em; line-height: 1.35;}

.mainBox .subBox {
	margin-right: 1em;
	margin-top: 2em;
	margin-left: -2em;
	width: 26%;
	float: left;
}

.mainBox .subBox ul {
	padding-left: 0;	
	margin-left: 0;
	list-style: none;
}

.mainBox .subBox li {
	width: 205px;
	height: 40px;
	padding: 11px 0 0 10px;
	background: transparent url(/webroot/i/specialLi_bg.png) 0 0 no-repeat;
	margin: -10px 0 0 0;
}


.mainBox .subBox ul a {
	color: #666;
	text-transform: uppercase;	
	font-weight: normal;
}

.mainBox .subBox ul a.active {
	color: #c00;
	font-weight: bold;	
}

.mainBox .subBoxLast { border: 0; }

.mainBox img.rightIlu {
	float: right; 
}

.mainBox ul#logotypes {
	width: 100%;
	margin: 5em 0 0 0;	
	list-style: none;
}

.mainBox ul#logotypes li {
	float: left;
	margin: 0 1.5em;	
}

.mainBox ul#logotypes a {
	display: block;
	text-indent: -3000px;
	background-image: url(/webroot/i/partnersLogotypes.png);
	background-repeat: no-repeat;
	width: 300px;
	opacity: 0.7;
}

.mainBox ul#logotypes a:hover { opacity: 1; }

.mainBox ul#logotypes a#am, ul#logotypes a#db {
	margin-top: 18px;	
}

.mainBox ul#logotypes a#am {
	background-position: -2px -84px;
	height: 58px;	
}

.mainBox ul#logotypes a#bj {
	width: 95px;
	background-position: -2px -148px;
	height: 86px;	
}

.mainBox ul#logotypes a#db {
	background-position: -2px -9px;
	height: 50px;	
}

.mainBox ul ul a {
	font-weight: normal;	
}


/* new */

.whiteBg, .custom {
	background: transparent url(/webroot/i/whiteBgTrans_bg.png) 0 0 repeat !important;	
}

.mainBox h2.black {
	text-transform: uppercase;	
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.mainBox h2.whiteBg {
	background-color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0.5em 1em 0.25em 1em;
	margin-bottom: 0;
	color: #000;
	font-weight: bold;
}

.mainBox h3.whiteBg {
	background-color: #fff;
	font-size: 13px;
	padding: 0.5em 1em 0 1em;
	margin-bottom: 0;
}


.mainBox p.whiteBg {
	background-color: #fff;
	color: #000;
	margin-top: 0;
	padding: 0.75em 1em;	
}


.mainBox ul.whiteBg {
	background-color: #fff;
	color: #000;
	padding: 0.75em 1em 1em 1em;
	margin: 0 0 1.5em 0;
	list-style-position: inside;
	list-style: none;	
}

.mainBox ul.whiteBg li {
	margin-bottom: 0;	
}

.mainBox ul.whiteBg a {
	font-weight: normal;
	color: #c00;
	text-decoration: underline;
}

.darkGreyBg {
	background-color: #999;
	padding: 1em 1.25em;
	color: #fff !important;	
}
.darkGreyBg * {
	color: #fff !important;
}
.mainBox ul.specialShort {
	list-style: none;
	font-size: 13px;
	margin: 0 0 0 -36px;
	padding: 0;	
}

.mainBox ul.specialShort a {
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
}

.mainBox ul.specialShort > li	{
	margin: -10px 0 0 0;
	width: 470px;
	background: transparent url(/webroot/i/specialLongLi_bg.png) 0 0 no-repeat;
	padding: 10px 0 0 20px;
	min-height: 40px;
	line-height: 1.1 !important;
}

.mainBox ul.specialShort li.open {
	background: transparent url(/webroot/i/specialUlActive_bg.png) 0 0 no-repeat;
	padding-bottom: 1em;
}

.mainBox ul.specialShort a.active {
	text-decoration: underline;
}

.mainBox ul.specialShort ol a.active {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;	
}

.mainBox ul.specialShort ol {
	font-size: 13px;
	list-style: none;
	margin: 1em 0 1.85em 0;
	padding: 0;	
}

.mainBox ul.specialShort ol li {
	margin: 0 0 0.25em 0;	
}

.mainBox ul.specialShort ol a {
	text-transform: uppercase !important;	
}

.mainBox a#whoTrigger, .mainBox a#whoVideo, .mainBox a#circleVideo {
	color: #c00;
	font-weight: bold;
	display: list-item;
	list-style-type: disc;
	margin-left: 2em;	
}

h3.underlined {
	display: inline-block;
	font-weight: normal;
	border-bottom: 1px #ddd solid;	
}

ul.refCats {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;	
	height: 35px;
}

ul.refCats li {
	float: left;
	width: 190px;
	height: 50px;
	background: transparent url(/webroot/i/specialLiInactive_bg.png) 0 0 no-repeat;
}

ul.refCats li.active {
	background: transparent url(/webroot/i/specialLi_bg.png) 0 0 no-repeat;
}

ul.refCats a {
	display: block;
	color: #666 !important;
	font-size: 14px;
	padding-top: 18px;
	padding-left: 20px;	
	height: 32px;
}

ul.refList {
	padding-top: 1.5em;
	*padding-bottom: 1.5em;
	margin-left: 3.5em;
}

ul.refList {
	*margin-top: 1em;
}

ul.refList li {
	margin-bottom: 0.5em;
}	

ul.refList span {
	font-size: 0.9em;
	line-height: 1.3;	
}

.custom1 {
	background: transparent url(/webroot/i/custom1_bg.png) left bottom no-repeat;
	padding-bottom: 3em;
}

.custom1 {
	*background-position: left bottom;
}



a#player { display: block; border: 1px #aaa solid; width: 98%; height: 320px; }

#whoOverlay {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -514px;
	margin-top: -315px;
	display: none;
	width: 1028px;
	height: 834px;
	background: transparent url(/webroot/i/whoWeAre_overlay.png) 0 0 no-repeat;
	z-index: 10;
}

#whoOverlay .closeIcon {
	position: absolute;
	top: 20px;
	right: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #444;	
}

#whoOverlay .closeIcon:hover {
	cursor: pointer;
}

#whoOverlay div h3 {
	font-family: Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #c00;
	margin: 1.5em 0 2em 2em;
	*margin-top: 3em;
}

#whoOverlay div h4 {
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin: 0.75em 0;
	margin-bottom: 0.5em;
}

#whoOverlay #top {
	width: 300px;
	height: 130px;
	margin: 55px auto 0 auto;
	*margin-top: 12px !important;
}

#whoOverlay h4 span, #whoOverlay h4 em {
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 0.15em 0;
}

#whoOverlay h4 em { font-style: italic; }

#whoOverlay #top h3 {
	margin: 2.2em 0 0 0;
	text-align: center;	
}

#whoOverlay #top h4 {
	text-align: center;
}	

#whoOverlay #bottom {
	height: 475px;	
}

#whoOverlay #bottom h4 {
	font-size: 12px;
	margin-left: 30px;
	margin-bottom: 3.5em;
	padding-right: 43px;	
}

#whoOverlay #bottom #second h3 {
	margin-bottom: 2em;	
	
}

#whoOverlay #bottom #second h4 {
	font-size: 12px;
	margin-left: 34px;
	margin-bottom: 1.85em;	
}

#whoOverlay #bottom #third h4 {
	margin-top: 2.5em;
	*margin-top: 4em;
	margin-bottom: 5em;	
	margin-left: 32px;
}

#whoOverlay #bottom h4 span, #whoOverlay #bottom h4 em {
	margin: 0.25em 0;	
}

#whoOverlay #bottom div {
	width: 300px;
	min-height: 100px;
	float: left;	
	margin: 0 20px 0 15px; /* 22 */
	*margin-top: 20px;
	height: 100%;
}

#whoOverlay #bottom #third {
	margin-top: 24px;
	*margin-top: 48px;	
}


#getPdfOverlay {
	position: absolute;
	top: 50px;
	left: 50px;
	background: #ed7241 url(/webroot/i/mainBoxRedGradient_bg.jpg) bottom left repeat-x;
	border: 1px #c40 solid;
	padding: 2em 3em;
	width: 550px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#getPdfOverlay h2 {
	margin: 0 0 1em 0;	
	font-size: 21px;
	font-weight: normal;
	color: #888;
	color: #fff;
}	

#getPdfOverlay #content {
	/* font-family: Tahoma, Sans-serif; */
	line-height: 1.3;
	margin: 0.75em 0 1.5em 0;	
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	text-align: left;
	border-bottom: 1px #f48457 solid;
	padding-bottom: 3em;
}

#getPdfOverlay a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: 2px #f48457 solid;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 0.35em 0.85em;
}

#getPdfOverlay a:hover {	
	border-color: #fff;
}

ul#clientsMenu {
	width: 98%;
	list-style: none;
	list-style-position: inside;
	margin-top: 2em;
	margin-left: -31px;
	padding-left: 2px;
}	

ul#clientsMenu > li {
	width: 415px;
	color: #777;
	height: 36px;
	padding-top: 10px;
	padding-right: 20px;
	background: transparent url(/webroot/i/clientsMenu_bg.png) top right no-repeat;
	padding-left: 10px;
	margin: 0;
	margin-top: -5px;
}

ul#clientsMenu > li.active, ul#clientsMenu > li.open {
	width: 425px;
	padding-right: 30px;
	height: 68px;
	padding-top: 15px;
	background: transparent url(/webroot/i/clientsMenuActive_bg.png) top right no-repeat;
}

ul#clientsMenu li.openLong {
	height: auto !important;
	background: transparent url(/webroot/i/clientsMenuActiveLong_bg.png) top right no-repeat;	
	padding-bottom: 1em;
}

ul#clientsMenu li.openLong ol {
	margin-top: 1em;	
}

ul#clientsMenu a {
	font-weight: normal;
	color: #777;	
}

ul#clientsMenu a.active {
	font-size: 18px;
	line-height: 1.25;
	display: inline;
	color: #000;	
}

.custom {
	padding: 0.75em 1.25em;
	background-color: #fff;	
	margin-bottom: -2.5em;
	margin-top: 3.3em;
}

.mainBox .resultD {
	width: 60%;
	border: 0;
	padding: 0;
	margin: 0.5em 0 1em 0;
	font-size: 12px !important;
	line-height: 1.35;
}

.mainBox .resultD .rightColumn h3, .mainBox .resultD .column h2 {
	font-size: 1.2em;
	color: #000;	
}

.mainBox .resultD .rightColumn p, .mainBox .resultD .column p {
	margin-top: 0;	
}

/* temp */

#wrapper #scrollContainer {
	margin: 1.5em 0.15em 0 0.15em;
	padding: 0.25em 1em;
	position: relative;
	overflow: hidden; 
}

#wrapper #scrollContainer p {
	margin: 0;
	padding: 0;
	font-size: 12px;	
	text-align: center;
	width: 800px;
}

@import url('jps.css');

.researchIcon {
  height:100px;
  width:100px;
}