@charset "utf-8";
/* CSS Document: Project specific styles */

/*
@license
 * MyFonts Webfont Build ID 944894, 2011-08-16T04:20:47-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Korolev Condensed Bold
 * URL:http://new.myfonts.com/fonts/device/korolev/condensed-bold/
 * Foundry: Device
 * Copyright: Copyright (c) 2010 by Rian Hughes / Device. All rights reserved.
 * License: http://www.myfonts.com/viewlicense?1056
 * Licensed pageviews: 10,000/month
 * CSS font-family: KorolevCondensed-Bold
 * CSS font-weight: normal
 * CSS font-style: normal
 * 
 * (c) 2011 Bitstream Inc
*/


 @font-face {
	font-family: 'KorolevCondensed';
	src: url('../fonts/korolev-condensed/eot/style_199962.eot?#iefix') format('embedded-opentype'),
		url('../fonts/korolev-condensed/woff/style_199962.woff') format('woff'),
		url('../fonts/korolev-condensed/ttf/style_199962.ttf') format('truetype'),
		url('../fonts/korolev-condensed/svg/style_199962.svg#KorolevCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* simple reset */
* {
	padding: 0;
	margin: 0;
	border:0;
	outline:0;
	-webkit-text-size-adjust:none; /* prevent iphone from resizing text automatically */
}

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address, hgroup, aside, section, figure, figcaption {
	display: block;
}

body {
	background: #f3f3f3 url('../images/site/main/bg-top.png') repeat-x 0 50px;
	font:normal 100%/1.5em "proxima-nova-1","proxima-nova-2",sans-serif;
	font-smooth:always;
	color: #1e1e1e;
}
h2 {
	font-size:18px;
}
p {
	font-size:12px;
}
img {
	border: none;
}
em {
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-size: 1.16em;
}

::-moz-selection { background: #ef8925; color: #fff; }
::selection { background: #ef8925; color: #fff; }

input:invalid,
textarea:invalid {
	box-shadow: none;
}

a:link, a:visited {
	color: #19c59a;
	text-decoration: none;
}
a:hover, a:active {
	color: #39e5ba;
	text-decoration: none;
}


/* WYMeditor */

/* IMAGE: float left */
.float-left /* img */ {
	float:left;
	padding:0 20px 10px 0;
	/* float:left; */
}

/* IMAGE: float right */
.float-right /* img */ {
	float:right;
	padding:0 0 10px 20px;
	/* float:right; */
}

/* /WYMeditor */

/* the page header with navigation and logo */
#container > header {
	display:block;
	min-width:980px;
	height:79px;
	background: url(../images/site/main/header-bg.png) repeat-x center top;
}
#container > header.full:before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(../images/site/main/header-bg-bottom.png) repeat-x;
	position: absolute;
	top: 79px;
}
	#container > header > div {
		clear:both;
		width:980px;
		margin:0 auto;
		padding:29px 0 0 0;
		position: relative;
	}
	#container > header .logo {
		float:left;
		margin: 2px 24px 0 0;
	}
	/* nav */
	#container > header nav {
		padding: 0;
	}
		#container > header nav ul {
			position: absolute;
			top: 29px;
			right: 0;
		}
			#container > header nav li {
				font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
				list-style-type: none;
				display: inline;
				font-size: 14px;
				text-transform: uppercase;
				line-height: 24px;
				letter-spacing: 1px;
				margin-left: 24px;
			}
			#container > header nav .page-sv-se-anta-utmaningen {
				margin: 0;
				padding: 5px 0 5px 20px;
				border-left: 1px solid #8b8b8b;
			}
				#container > header nav a {
					color: white;
					text-decoration: none;
				}
				#container > header nav .active a,
				#container > header nav a:hover {
					color: #19c59a;
				}
				#container > header nav .page-sv-se-anta-utmaningen a {
					background:url(../images/site/pages/challenge/icon-challenge.png) no-repeat right center;
					padding-right:22px;
				}
	
	#container > header.full .social {
		/*width: 250px;
		position: absolute;
		top: 26px;
		right: 0;
		text-align: right;
		display: inline;
		list-style: none;*/
		width: 62px;
		text-align: right;
		display: inline;
		list-style: none;
	}
		#container > header.full .social li {
			/*zoom: 1;
			display: inline-block;
			*display: inline;
			margin-left: 10px;
			position: relative;*/
			/*position: absolute;
			top: 0;*/
			position: relative;
			display: inline-block;
			*display: inline;
			margin-left: 6px;
			width: 21px;
			height: 21px;
		}
			#container > header.full .social li .label {
				/*padding: 6px 8px;
				color: #fff;
				font: 12px/1 "Lucida Grande", sans-serif;
				-webkit-border-radius: 3px;
				   -moz-border-radius: 3px;
				        border-radius: 3px;
				cursor: pointer;*/
				display: none;
			}
			/*#container > header.full .social .facebook .label {
				background: #4255a9 url(../images/site/main/fullheader-facebook.png) no-repeat right center;
				padding-right: 20px;
			}
			#container > header.full .social .twitter .label {
				background: #1299cf url(../images/site/main/fullheader-twitter.png) no-repeat right center;
				padding-right: 27px;
				background: url(../images/site/main/twitter.png) no-repeat top right;
			}*/

			#container > header.full .social .facebook {
				background: url(../images/site/main/facebook.png) no-repeat 0 0;
			}
			#container > header.full .social .twitter {
				background: url(../images/site/main/twitter.png) no-repeat top right;
			}
			#container > header.full .social li .tab-content {
				width: 164px;
				float: right;
				position: absolute;
				z-index: 1000;
				right: 0;
				top: 21px;
				overflow: hidden;
				height: 0;
				opacity: 0;
				-webkit-transition: opacity 200ms ease-out;
				   -moz-transition: opacity 200ms ease-out;
				    -ms-transition: opacity 200ms ease-out;
				     -o-transition: opacity 200ms ease-out;
				        transition: opacity 200ms ease-out;
			}
			#container > header.full .social li:hover .tab-content,
			#container > header.full .social li.hover .tab-content {
				height: auto;
				opacity: 1;
			}
				#container > header.full .social li .tab-content header {
					padding: 5px;
					height: 19px;
					color: #fff;
					font: bold 11px/1 sans-serif;
					text-align: left;
					-webkit-border-radius: 3px 0 0 0;
					   -moz-border-radius: 3px 0 0 0;
					        border-radius: 3px 0 0 0;
				}
				#container > header.full .social .twitter .tab-content header {
					background: #1299cf;
				}
				#container > header.full .social .facebook .tab-content header {
					background: #4255a9;
				}
					#container > header.full .social .facebook .tab-content header iframe {
						vertical-align: middle;
						margin-right: 3px;
					}
					#container > header.full .social .facebook .tab-content header a:link,
					#container > header.full .social .facebook .tab-content header a:visited {
						color: #fff;
						text-decoration: none;
					}
					#container > header.full .social .facebook .tab-content header a:hover,
					#container > header.full .social .facebook .tab-content header a:active {
						color: #fff;
						text-decoration: underline;
					}
				#container > header.full .social .tab-content .content {
					background: #000;
					padding: 6px;
					-webkit-border-radius: 0 0 3px 3px;
					   -moz-border-radius: 0 0 3px 3px;
					        border-radius: 0 0 3px 3px;
				}
				#container > header.full .social .facebook .tab-content .content {
					padding: 6px 4px 4px 6px;
				}
					#container > header.full .social .tab-content .content p {
						margin: 6px;
					}
					#container > header.full .social .tab-content .content .tweet {
						font: italic 14px/1.2 Georgia, serif;
						color: #b9b9b9;
						text-align: center;
					}
						#container > header.full .social .tab-content .content .tweet a:link,
						#container > header.full .social .tab-content .content .tweet a:visited {
							color: #00a2d0;
						}
						#container > header.full .social .tab-content .content .tweet a:hover,
						#container > header.full .social .tab-content .content .tweet a:active {
							color: #00c6ff;
						}
						#container > header.full .social .tab-content .content .tweet .hash:link,
						#container > header.full .social .tab-content .content .tweet .hash:visited {
							color: #19c59a;
						}
						#container > header.full .social .tab-content .content .tweet .hash:hover,
						#container > header.full .social .tab-content .content .tweet .hash:active {
							color: #20ffc7;
						}
					#container > header.full .social .tab-content .content time {
						display: block;
						font: 12px/1 Georgia, sans-serif;
						text-align: center;
						color: #fff;
						margin: 13px auto 9px auto;
						padding: 9px 0 0 0;
						background: url(../images/site/main/tweet-separator.png) no-repeat top center;
					}
					#container > header.full .social .tab-content .content time a:link,
					#container > header.full .social .tab-content .content time a:visited {
						color: #fff;
						text-decoration: none;
					}
					#container > header.full .social .tab-content .content time a:hover,
					#container > header.full .social .tab-content .content time a:active {
						color: #fff;
						text-decoration: underline;
					}


	#container > header .social .tab-content {
		overflow: hidden;
		height: 0;
		opacity: 0;
	}
	#container > header .social .tooltipbox {
		display: none;
	}
					
	#container > header.mini {
		background: url(../images/site/main/mini-header-bg.png) repeat-x;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.7))); /* Saf4+, Chrome */
		background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.7)); /* Chrome 10+, Saf5.1+ */
		background:    -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.7)); /* FF3.6 */
		background:     -ms-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.7)); /* IE10 */
		background:      -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.7)); /* Opera 11.10+ */
		background:         linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.7));

        height: 40px;
        position: fixed;
        top: 0;
        z-index: 1000;
        width: 100%;
        opacity: 0;
        overflow: visible;
	}
	#container > header.mini:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: url(../images/site/main/miniheader_border.png);
		position: absolute;
		top: 40px;
	}
	#container > header.mini:after {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
	}
	#container > header.mini > div {
		padding: 9px 0 0 0;
		height: 25px;
		overflow: hidden;
	}
	#container > header.mini > div.hover {
		height: 68px;
	}
	#container > header.mini.hover {
		height: 80px\9; /* Hack for IE8 and below to make the social button content visible */
	}
	#container > header.mini .logo {
		/*margin-right: 30px;
		width: 21px;
		height: 23px;
		overflow: hidden;*/
	}
	/*#container > header.mini .logo:hover img {
		margin-left: -21px;
	}*/
	#container > header.mini nav {
		padding:0 0 0 0;
		margin-bottom: 40px;
	}
		#container > header.mini nav ul {
			top: 7px;
		}
			#container > header.mini nav li {
				font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
				list-style-type: none;
				display: inline;
				font-size: 12px;
				text-transform: uppercase;
				line-height: 22px;
				letter-spacing: 1px;
				margin-left: 20px;
			}
			#container > header.mini nav .page-sv-se-anta-utmaningen a {
				background:url(../images/site/pages/challenge/icon-challenge_white.png) no-repeat right 3px;
				padding-right:18px;
			}
			#container > header.mini nav .page-sv-se-anta-utmaningen a:hover {
				background-position: right -17px;
			}
			#container > header.mini nav .page-sv-se-anta-utmaningen {
				margin: 0;
				padding: 1px 0 1px 20px;
				border-left: 1px solid #8b8b8b;
			}

	#container > header.mini .social {
		/*width: 62px;
		position: absolute;
		top: 10px;
		left: 20px;
		text-align: right;*/
		position: absolute;
		top: 10px;
		left: 232px;
		display: inline;
		list-style: none;
	}
		#container > header.mini .social li {
			position: absolute;
			top: 0;
			margin-left: 10px;
			width: 21px;
			height: 21px;
		}
		#container > header.mini .social .label {
			display: none;
		}
		#container > header.mini .social .facebook {
			background: url(../images/site/main/facebook.png) no-repeat 0 0;
			right: 31px;
			z-index: 100;
		}
		#container > header.mini .social .twitter {
			background: url(../images/site/main/twitter.png) no-repeat top right;
			right: 0;
			z-index: 10;
		}

		#container > header.mini .social .tooltipbox {
			display: block;
			padding: 5px 0 7px 5px;
			height: 18px;
	        position: absolute;
	        top: 35px;
	        right: 0;

	        background: #000;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
			   -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
			        box-shadow: 1px 1px 3px rgba(0,0,0,.35);
		}
		#container > header.mini .social li:hover,
		#container > header.mini .social li.hover {
			height: 50px;
		}
		#container > header.mini .social li.no-hover .tooltipbox {
			display: none;
		}
		#container > header.mini .social li:hover .tooltipbox,
		#container > header.mini .social li.hover .tooltipbox {
			display: block;
		}
		#container > header.mini .social .tooltipbox:before {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-bottom: 4px solid #000;
			position: absolute;
			top: -4px;
		}
		#container > header.mini .social .facebook .tooltipbox {
			width: 50px;
			padding-right: 6px;
		}
		#container > header.mini .social .facebook .tooltipbox:before {
			right: 36px;
		}
		#container > header.mini .social .twitter .tooltipbox {
			width: 160px;
		}
		#container > header.mini .social .twitter .tooltipbox:before {
			right: 5px;
		}
		#container > header.mini .social .twitter:hover,
		#container > header.mini .social .twitter.hover {
			width: 165px;
		}
		#container > header.mini .social .facebook:hover,
		#container > header.mini .social .facebook.hover {
			width: 55px;
			right: 0;
			background-position: 3px 0;
			z-index: 1;
		}
		#container > header.mini .social iframe {
			position: relative;
			z-index: 2000;
		}
	#container > header.mini.mini-hidden {
		display: none;
	}

	/* page topic */
	#container > .topic {
		width: 978px;
		margin: 0 auto;
	}
		#container > .topic > header {
			padding-bottom: 15px;
			background: url('../images/site/main/border-bottom.png') no-repeat left bottom;
		}
		#page-sv-se #container > .topic > header,
		#page-en-us #container > .topic > header {
			background: transparent;
			padding-bottom: 0;
			margin-bottom: -35px;
		}
			#container > .topic h1,
			#page-sv-se #container > .topic h2,
			#page-en-us #container > .topic h2 {
				color: #383838;
				font-size: 20px;
				font-weight: 400;
				line-height: 30px;
				padding: 40px 15px;
				text-align: center;
			}
			#page-sv-se #container > .topic h1,
			#page-en-us #container > .topic h1 {
				color: #000;
				font-size: 30px;
				font-weight: 600;
				line-height: 1;
				padding: 0;
				margin: 40px 0 -20px 0;
			}

.main {
	min-height: 1000px;
	/*width: 980px;*/
	margin:0 auto;
	padding: 0;
}
	.main p {
		margin-bottom:1em;
	}
	.main h2 {
		text-transform: uppercase;
		font-size: 18px;
		text-align: center;
		letter-spacing: 1px;
	}
	.main h3 {
		font-family: georgia, serif;
		font-style: italic;
		font-weight: normal;
		font-size: 14px;
		text-align: center;
		margin-bottom: 25px;
	}
	.main h3 a {
		color: #898989;
		text-decoration: none;
	}
		.count {
			color:black;
		}
	/*.main .circles > img {
		padding:50px 0;
		display:block;
		margin:0 auto;
	}*/
	.main .circles > figcaption {
		overflow:hidden;

	}
		/*.main .circles > figcaption > section {
			clear:both;
			overflow:hidden;
			padding:30px 0;
			border-top:1px solid #CDCDCD;
		}*/
			.main .circles > figcaption article {
				float:left;
				width:22%;
				margin:0 0 0 3%;
				color: #555555;
				font: normal normal 12px sans-serif;
			}
			.main .circles > figcaption article:first-child {
				width:50%;
				margin:0;
			}
				.main .circles > figcaption article:first-child p {
					width:45%;
					margin-right:5%;
					float:left;
				}
				.main .circles > figcaption article p {
					line-height:1.5em;
				}
				.main .circles > figcaption article h2 {
					margin-bottom:10px;
					font: normal 600 16px "proxima-nova-1","proxima-nova-2",sans-serif;
					letter-spacing: 1px;
				}
				.main .circles > figcaption article ul {
					margin:0;
					padding:0;
				}
					.main .circles > figcaption article ul li {
						margin:0;
						padding:0;
						list-style:none;
					}
					.main .circles > figcaption article ul li:before {
						content:"- ";
					}
				.main .circles > figcaption article * {
					text-align:left;
				}
	.main .outsourcing {
		margin:0;
		padding:22px 0 50px 0;
	}
	.main .outsourcing h3 {
		margin:0;
		padding:0;
		font-size:18px;
	}
	.main .outsourcing h3.pre-title {
		color: #ef8925;
		font: normal 600 18px/1 "proxima-nova-1","proxima-nova-2",sans-serif;
		letter-spacing: 1px;
		text-transform:uppercase;
	}
	.main .outsourcing h1.title {
		font-family: KorolevCondensed, sans-serif;
		font-size:80px;
		text-align:center;
		line-height:0.75;
		text-transform:uppercase;
		margin: 15px 0 5px 0;
		padding:0;
	}
	.ie9 .main .outsourcing h1.title,
	.ie8 .main .outsourcing h1.title,
	.ie7 .main .outsourcing h1.title,
	.ie6 .main .outsourcing h1.title {
		margin: 10px 0 13px 0;
	}
	.main .outsourcing h3.sub-title {
		font: italic normal 18px/1 Georgia, serif;
	}
	.main .outsourcing h3.sub-title:before,
	.main .outsourcing h3.sub-title:after {
		content: "-";
		margin: 0 5px;
	}
	.main .methodology {
		color: #555555;
	}
	.main .methodology em {
		color: #242424;
	}
	.main .methodology .col3 h1 {
		font: 30px/1.1 KorolevCondensed, sans-serif;
		color: #1e1e1e;
	}
	.main .main-content {
		background: url(../images/site/modules/divider_horizontal.png) repeat-x bottom;
		padding-bottom:40px;
		margin:0 auto 40px auto;
		overflow:hidden;
		width:980px;
	}
		.main .main-content p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:1.5em;
		}
		.main .main-content h1 {
			margin-bottom:10px;
		}
		.main .main-content > article {
			float:left;
		}
		.main .main-content > .col1 {
			width:220px;/* total width:250px */
			padding-right:30px;
		}
		.main .main-content > .col2 {
			width:480px;
			overflow:hidden;
		}
			.main .main-content > .col2 img {
				max-width:480px;
			}
		.main .main-content > .col3 {
			width:220px;/* total width:250px */
			padding-left:30px;
		}
	.main .snippet-wrapper {
		clear:both;
		overflow:hidden;
		width:980px;
		margin:0 auto;
		color: #555555;
	}
		.main .snippet-wrapper * {
			float:left;
		}
		.main .snippet-wrapper p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		.main .snippet-wrapper img {
			border:1px solid #d6d6d6;
			padding:3px;
		}
		.main .snippet-wrapper .col1 {
			width:500px;
			background: url(../images/site/modules/divider_vertical.png) repeat-y right;
			height: 350px;
		}
			.main .snippet-wrapper .col1 .quote {
				font: italic 14px/1.43 Georgia, serif;
				color: #1e1e1e;
			}
			.main .snippet-wrapper .col1 p {
				width:220px; /* total width:250px */
				padding-right:30px;
				float:right;
				margin-bottom:1.5em;
				line-height:1.5em;
			}
		.main .snippet-wrapper .col2 {
			width:205px; /* total width:225px */
			padding:0 10px;
			background: url(../images/site/modules/divider_vertical.png) repeat-y right;
			height: 350px;
		}
			.main .snippet-wrapper .col2 blockquote {
				font-family: Georgia, serif;
				font-size:18px;
				font-style:italic;
				text-align:center;
				width:150px;
				margin: 0 auto;
				float:none;
			}
			.main .snippet-wrapper .col2 blockquote:before,
			.main .snippet-wrapper .col2 blockquote:after {
				content: "";
				display: block;
				width: 31px;
				height: 20px;
				margin: 0 auto 10px auto;
				background: url(../images/site/main/quotes2.png) no-repeat 0 0;
			}
			.main .snippet-wrapper .col2 blockquote:after {
				background-position: 0 -20px;
				margin-top: 10px;
			}
			.main .snippet-wrapper .col2 ul {
				margin:0;
				padding:50px 30px 0 0;
			}
			.main .snippet-wrapper .col2 li {
				list-style:none;
				line-height:1.5em;
				float:right;
			}
			.main .snippet-wrapper .col2 li > a {
				text-decoration:none;
				color:#19c59a;
				text-transform:uppercase;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:12px;
			}
		.main .snippet-wrapper .col3 {
			width:255px;
		}
			.main .snippet-wrapper .col3 * {
				float:right;
			}
/* footer */
#container {
	background: url('../images/site/main/footer-bottom.png') repeat-x left bottom;
	padding-bottom: 5px;
}
	#container > footer {
		background: url('../images/site/main/footer.png') repeat-x center top;
		height: 195px;
		min-width:980px;
		margin-top: 60px;
	}
	#container > footer .mailto {
		width:150px;
		position:relative;
		z-index:1;
		left:50%;
		margin-left:-480px;
		top:40%;
		font-size:0;
		line-height: 1;
	}
		#container > footer .mailto > a {
			font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
			font-size:14px;
			font-weight:600;
			letter-spacing: 1px;
			color:#35d9b0;
			text-transform:uppercase;
			text-decoration:none;
			position:absolute;
			padding:0 0 0 10px;
		}
			#container > footer .mailto > a > span {
				font-size:20px;
			}
	#container > footer .languages {
		margin: -100px auto 0 auto;
		padding:0 0 0 800px;
		position:relative;
		width:70px; /* (img-width:30px) + (margin-left:10px) + (img-width:30px) */
	}
		#container > footer .languages > a {
			display:block;
			float:left;
			width:30px;
			height:22px;
			text-decoration:none;
			text-indent:-9999em;
			margin:0 0 0 10px;
			padding:0;
		}
		#container > footer .languages > a:first-child {
			margin:0;
		}
		#container > footer .languages > .english {
			background:url(../images/site/main/flag-uk-normal.gif) no-repeat left top;
		}
		#container > footer .languages > .english.active, #container > footer .languages > .english:hover {
			background:url(../images/site/main/flag-uk-active.gif) no-repeat left top;
		}
		#container > footer .languages > .swedish {
			background:url(../images/site/main/flag-sv-normal.gif) no-repeat left top;
		}
		#container > footer .languages > .swedish.active, #container > footer .languages > .swedish:hover {
			background:url(../images/site/main/flag-sv-active.gif) no-repeat left top;
		}

	#container > footer ul {
		background: url('../images/site/main/footer-logo.png') no-repeat center top;
		height: 195px;
		position: relative; /* position li-items relative to this */
	}
	#container > footer li {
		position: absolute;
		top: 50%;
		left: 50%;
		list-style-type: none;
	}
	#container > footer li a {
		font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		text-transform: uppercase;
	}
	#container > footer li a:hover {
		color: #19c59a;
	}
	#container > footer .page-sv-se-projekt {
		margin-left: -150px;
		margin-top: -40px;
	}
	#container > footer .page-en-us-case-studies {
		margin-left: -190px;
		margin-top: -40px;
	}
	#container > footer .page-sv-se-metod,
	#container > footer .page-en-us-methodology {
		margin-left: 85px;
		margin-top: -40px;
	}
	#container > footer .page-sv-se-tjaenster,
	#container > footer .page-en-us-services {
		margin-left: -165px;
		margin-top: -8px;
	}
	#container > footer .page-sv-se-kontakt-alla,
	#container > footer .page-en-us-contact-all {
		margin-left: 95px;
		margin-top: -8px;
	}
	#container > footer .page-sv-se-anta-utmaningen {
		display:none;
	}


.gallery {
	margin: 40px 0;
	background-color: black;
	height: 460px;
	overflow:hidden;
}
	.gallery img {/* @todo: remove this style as image-processor will do the necessary */
		width:980px;
		height:460px;
	}

body > .shade {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	background: #000;
}
body > .shade.csstransition {
	display: block;
	-webkit-transition: opacity 300ms ease-out;
	   -moz-transition: opacity 300ms ease-out;
	    -ms-transition: opacity 300ms ease-out;
	     -o-transition: opacity 300ms ease-out;
	        transition: opacity 300ms ease-out;
}

.slideshow {
	overflow: hidden;
	width: 978px;
	height: 460px;
	margin: 32px auto 0 auto;
	position: relative;
	background: url(../images/site/slideshow/project-slideshow-shadow.png) no-repeat bottom left;
	padding-bottom: 15px;
}
.project-slideshow {
	width: 978px;
	height: 550px;
	margin-top: 0;
}
	.slideshow > div {
		border: 1px solid #fff;
		position: relative;
		overflow: hidden;
		height: 458px;
	}
	.project-slideshow > div {
		height: 548px;
	}
	.slideshow .nav {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity 200ms ease-out;
		   -moz-transition: opacity 200ms ease-out;
		    -ms-transition: opacity 200ms ease-out;
		     -o-transition: opacity 200ms ease-out;
		        transition: opacity 200ms ease-out;

		width: 87px;
		height: 458px;
		text-indent: -9999px;
		overflow: hidden;
		position: absolute;
		z-index: 1000;
		top: 0;
		left: 0;
	}
	.slideshow .prev {
		background: url(../images/site/slideshow/slideshow_navigation_prev.png) no-repeat center center;
	}
	.slideshow .next {
		background: url(../images/site/slideshow/slideshow_navigation_next.png) no-repeat center center;
		right: 0;
		left: inherit;
	}
	.slideshow .nav.active {
		display: block;
	}
	.slideshow .nav:hover {
		filter: alpha(opacity=1) !important;
		opacity: 1 !important;
	}

	.slideshow .overlays {
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity 250ms ease-out;
		   -moz-transition: opacity 250ms ease-out;
		    -ms-transition: opacity 250ms ease-out;
		     -o-transition: opacity 250ms ease-out;
		        transition: opacity 250ms ease-out;

		width: 978px;
		height: 458px;
		position: absolute;
		z-index: 100;
		top: 0;
		background: url(../images/site/slideshow/slideshow_overlay.png) no-repeat;
		color: #fff;
	}
	.slideshow .overlays.special {
		background: url(../images/site/slideshow/slideshow_overlay_specials.png) no-repeat;
	}
		.slideshow .overlays li {
			filter: alpha(opacity=0);
			opacity: 0;
			overflow: hidden;
			width: 978px;
			height: 458px;
			float: left;
			position: absolute;
			top: 0;
		}
		.slideshow .overlays li.active {
			filter: alpha(opacity=100);
			opacity: 1;
			z-index: 1000;
		}
		.slideshow .overlays h2 {
			font: 80px/1 KorolevCondensed, sans-serif;
			position: absolute;
			top: 10px;
			width: 100%;
			filter: alpha(opacity=0);
			opacity: 0;
		}
		.slideshow .overlays h2.csstransition {
			-webkit-transition: top 100ms ease-out, opacity 150ms ease-out;
			   -moz-transition: top 100ms ease-out, opacity 150ms ease-out;
			    -ms-transition: top 100ms ease-out, opacity 150ms ease-out;
			     -o-transition: top 100ms ease-out, opacity 150ms ease-out;
			        transition: top 100ms ease-out, opacity 150ms ease-out;
		}
		.slideshow .overlays .description {
			width: 470px;
			padding: 20px 30px;
			position: absolute;
			top: 280px;
			left: 224px;
			filter: alpha(opacity=0);
			opacity: 0;
			font: italic 13px/1.54 Georgia, serif;
			background: url(../images/site/slideshow/slideshow_overlay_divider.png) repeat-x;
		}
		.slideshow .overlays .description.csstransition {
			-webkit-transition: top 125ms ease-out, opacity 200ms ease-out;
			   -moz-transition: top 125ms ease-out, opacity 200ms ease-out;
			    -ms-transition: top 125ms ease-out, opacity 200ms ease-out;
			     -o-transition: top 125ms ease-out, opacity 200ms ease-out;
			        transition: top 125ms ease-out, opacity 200ms ease-out;
		}

		.slideshow .open {
			display: block;
			width: 92px;
			height: 91px;
			position: absolute;
			top: 310px;
			left: 443px;
			filter: alpha(opacity=0);
			opacity: 0;
			background: url(../images/site/slideshow/slideshow_overlay_openbutton.png);
			text-indent: -9999px;
		}
		.slideshow .open.csstransition {
			-webkit-transition: opacity 350ms ease-out;
			   -moz-transition: opacity 350ms ease-out;
			    -ms-transition: opacity 350ms ease-out;
			     -o-transition: opacity 350ms ease-out;
			        transition: opacity 350ms ease-out;
		}
		.sv_SE .slideshow .open {
			background-position: 0 0;
		}
		.sv_SE .slideshow .open:hover {
			background-position: 0 -91px;
		}
		.en_US .slideshow .open {
			background-position: 0 -182px;
		}
		.en_US .slideshow .open:hover {
			background-position: 0 -273px;
		}
		.slideshow .overlays h2.csstransition.onlyfade,
		.slideshow .overlays .description.csstransition.onlyfade,
		.slideshow .overlays .open.csstransition.onlyfade {
			-webkit-transition: opacity 200ms ease-out;
			   -moz-transition: opacity 200ms ease-out;
			    -ms-transition: opacity 200ms ease-out;
			     -o-transition: opacity 200ms ease-out;
			        transition: opacity 200ms ease-out;
		}
		.slideshow .open-big {
			display: block;
			width: 146px;
			height: 147px;
			top: 160px;
			left: 416px;
			background: url(../images/site/slideshow/slideshow_overlay_openbutton_big.png);
			text-indent: -9999px;
		}
		.slideshow .open-big.specialfirst {
			left: 333px;
		}
		.sv_SE .slideshow .open-big {
			background-position: 0 0;
		}
		.sv_SE .slideshow .open-big:hover {
			background-position: 0 -147px;
		}
		.en_US .slideshow .open-big {
			background-position: 0 -294px;
		}
		.en_US .slideshow .open-big:hover {
			background-position: 0 -441px;
		}
		.slideshow .overlays .lightbulb {
			display: block;
			width: 146px;
			height: 147px;
			background: url(../images/site/slideshow/lightbulb.png) no-repeat 0 0;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			top: 160px;
			right: 333px;
		}
		.slideshow .overlays .lightbulb:hover {
			background-position: 0 -147px;
		}
		.slideshow .overlays .lightbulb.reverse {
			background-position: 0 -294px;
		}
		.slideshow .overlays .lightbulb.reverse:hover {
			background-position: 0 -441px;
		}

	.slideshow .images {
		width: 5000px;
		position: absolute;
		left: 0;
	}
	.slideshow .images.csstransition {
		-webkit-transition: left 500ms ease-out;
		   -moz-transition: left 500ms ease-out;
		    -ms-transition: left 500ms ease-out;
		     -o-transition: left 500ms ease-out;
		        transition: left 500ms ease-out;
	}
		.slideshow .images li {
			overflow: hidden;
			width: 978px;
			height: 458px;
			float: left;
			position: relative;
		}
		.project-slideshow .images li {
			width: 976px;
			height: 548px;
		}
			.slideshow img {
				position: absolute;
				z-index: 10;
			}
			.slideshow .startsin {
				position: absolute;
				top: 255px;
				z-index: 50;
				width: 100%;
				height: 46px;
				margin: 0;

				font: italic 25px/40px Georgia, serif;
				text-align: center;
				color: #fff;
				background: url(../images/site/slideshow/startsin_borders.png) no-repeat center top;
			}
			.slideshow .countdown {
				position: absolute;
				top: 340px;
				z-index: 50;
				width: 100%;
				
				font: 40px/1.2 KorolevCondensed, sans-serif;
				text-align: center;
				color: #fff;
				background: url(../images/site/slideshow/slideshow_overlay_divider.png) repeat-x;
				padding-top: 5px;
			}
			.slideshow .countdown:after {
				content: "";
				display: block;
				height: 1px;
				background: url(../images/site/slideshow/slideshow_overlay_divider.png) repeat-x;
			}
				.slideshow .countdown span {
					margin-left: 20px;
					display: inline-block;
					*display: inline;
					text-align: right;
				}
				.slideshow .countdown span:first-child {
					margin-left: 0;
				}
				.sv_SE .slideshow .countdown .days { width: 160px; }
				.sv_SE .slideshow .countdown .hours { width: 95px; }
				.sv_SE .slideshow .countdown .minutes { width: 100px; }
				.sv_SE .slideshow .countdown .seconds { width: 100px; }
				.en_US .slideshow .countdown .days { width: 135px; }
				.en_US .slideshow .countdown .hours { width: 65px; }
				.en_US .slideshow .countdown .minutes { width: 100px; }
				.en_US .slideshow .countdown .seconds { width: 100px; }
	
	.slideshow-nav {
		width: 978px;
		margin: 11px auto 0 auto;
		text-align: center;
		font: normal 600 16px/1 "proxima-nova-1", "proxima-nova-2", sans-serif;
	}
		.slideshow-nav .nav {
			display: inline-block;
			*display: inline;
			width: 21px;
			height: 21px;
			background: url(../images/site/slideshow/slideshow_navigation_small.png) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			vertical-align: text-bottom;
		}
		.slideshow-nav .prev {
			background-position: 0 0;
			margin-right: 5px;
		}
		.slideshow-nav .next {
			background-position: 0 -21px;
			margin-left: 5px;
		}
		.slideshow-nav .prev:hover {
			background-position: -21px 0;
		}
		.slideshow-nav .next:hover {
			background-position: -21px -21px;
		}
		.slideshow-nav .current {
			border-right: 1px solid #000;
			padding-right: 5px;
		}
		.slideshow-numbers li:first-child {
			border-left: 0;
		}

/* start-page projects */
/*.projects {
	margin-bottom: 40px;
	margin-right: -40px; // make room for li-margin
	letter-spacing: -4px; // fixes issue with inline-block and whitespace
}
	.projects::after {
		content: " ";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		border-bottom: 1px solid #cbcbcb;
	}
	.projects li {
		letter-spacing: normal;
		display: inline-block;
		width: 222px;
		height: 144px;
		background-color: black;
		margin-right: 30px;
		list-style-type: none;
		margin-bottom: 60px;
	}
	.projects img {
		width:222px;
		height:144px;
	}*/

.main .latest-tweet {
	padding: 30px 0 0 0;
	background: url(../images/site/modules/divider_horizontal.png) repeat-x top;
	width: 840px;
	margin: 50px auto;
}
.main .latest-tweet:after {
	content: "";
	display: block;
	width: 840px;
	height: 1px;
	margin-top: 30px;
	background: url(../images/site/modules/divider_horizontal.png) repeat-x top;
}
	.main .latest-tweet > div {
		width: 840px;
		margin: 0 auto;
		text-align: center;
	}
		.main .latest-tweet .bird {
			display: block;
			width: 30px;
			height: 22px;
			margin: 0 auto;
			background: url(../images/site/main/twitter-bird.png) no-repeat 0 0;
			text-indent: -9999px;
			overflow: hidden;
			margin-bottom: 13px;
		}
			.main .latest-tweet .bird:hover {
				background-position: 0 -22px;
			}
		.main .latest-tweet .tweet {
			font: italic 22px/1.5 Georgia, serif;
			color: #484848;
			width: 660px;
			margin: 0 auto 10px auto;
		}
		.main .latest-tweet .tweet:before {
			content: "";
			display: block;
			width: 43px;
			height: 35px;
			background: url(../images/site/main/quotes.png) no-repeat;
			margin: 0 0 -35px -61px;
			position: absolute;
		}
		.main .latest-tweet .tweet:after {
			content: "";
			display: block;
			float: right;
			width: 43px;
			height: 35px;
			background: url(../images/site/main/quotes.png) no-repeat -43px 0;
			margin: 5px -62px 0 0;
		}
			.main .latest-tweet .hash {
				font: 600 22px/1.5 "proxima-nova-1", "proxima-nova-2", sans-serif;
			}
			.main .latest-tweet a:link,
			.main .latest-tweet a:visited {
				color: #00a2d0;
				text-decoration: none;
			}
			.main .latest-tweet a:hover,
			.main .latest-tweet a:active {
				color: #00c6ff;
				text-decoration: none;
			}
			.main .latest-tweet a.hash:link,
			.main .latest-tweet a.hash:visited {
				color: #000;
				text-decoration: none;
			}
			.main .latest-tweet a.hash:hover,
			.main .latest-tweet a.hash:active {
				color: #19c59a;
				text-decoration: none;
			}
		.main .latest-tweet time {
			color: #888;
			font: normal normal 14px/1 Georgia, sans-serif;
		}
		.main .latest-tweet time a:link,
		.main .latest-tweet time a:visited {
			color: #898989;
		}
		.main .latest-tweet time a:hover,
		.main .latest-tweet time a:active {
			color: #000;
		}
.bw-social-nets {
	clear:both;
	width:535px;
	margin:0 auto;
	overflow:hidden;
}
/*.bw-social-nets:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	border-bottom: 1px solid #cbcbcb;
}*/
#bw-social-net-loader {
	float:none;
	padding:0;
	width:100%;
	text-align:center;
}
	.bw-social-nets > div {
		float:left;
		width:225px;
		padding:0 20px;
	}
		.bw-social-nets header {
			border-bottom:1px dotted #313131;
		}
			.bw-social-nets h2 {
				text-transform:lowercase !important;
				font-size:16px !important;
			}
			.bw-social-nets h3 {
				text-transform:lowercase !important;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;
				font-style:italic;
				color:#00a2d0;
			}
	.bw-social-nets > .flickr {
		border-right:1px solid #dadada;
	}
		.bw-social-nets > .flickr h1 {
			float:right;
		}
		.bw-social-nets > .flickr h2 {
			text-align:right !important;
			padding-right:60px;
		}
		.bw-social-nets > .flickr h3 {
			text-align:right !important;
			padding-right:60px;
		}
		.flickr .images {
			margin:20px 0 0 0;
		}
			.flickr .images > li {
				list-style:none;
				display:inline-block; /*todo: inline for IE*/
				width:32px;
				height:32px;
			}
				.flickr .images > li img {
					width:32px;
					height:32px;
					border-radius:4px;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
				}
	.bw-social-nets > .twitter {
	}
		.bw-social-nets > .twitter h1 {
			float:left;
		}
		.bw-social-nets > .twitter h2 {
			text-align:left !important;
			padding-left:60px;
		}
		.bw-social-nets > .twitter h3 {
			text-align:left !important;
			padding-left:60px;
		}
		.twitter .tweet {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:14px;
			color:#484848;
			margin:20px 0 0 0;
			line-height:1.5em;
		}
			.twitter .tweet a {
				color:#00a2d0;
				text-decoration:none;
			}
		.twitter .tweet-info {
			font-weight:bold;
		}
	/*.bw-social-nets > .spacer {
		clear:both;
		font-size:0;
		height:0;
		margin:0 !important;
		padding:0 0 30px 0 !important;
	}*/

.mustache {
	display: block;
	width: 112px;
	height: 25px;
	margin: 0 auto 20px auto;
}
	.mustache .left,
	.mustache .right {
		float: left;
		width: 56px;
		height: 25px;
		background: url(../images/site/pages/home/mustache.png) no-repeat;
		-webkit-animation-duration: 400ms;
		   -moz-animation-duration: 400ms;
		    -ms-animation-duration: 400ms;
		     -o-animation-duration: 400ms;
		        animation-duration: 400ms;
	}
	@-webkit-keyframes wave-left {
		0% { -webkit-transform: rotate(0deg); }
		25% { -webkit-transform: rotate(5deg); }
		50% { -webkit-transform: rotate(0deg); }
		75% { -webkit-transform: rotate(5deg); }
		100% { -webkit-transform: rotate(0deg); }
	}
	@-webkit-keyframes wave-right {
		0% { -webkit-transform: rotate(0deg); }
		25% { -webkit-transform: rotate(-5deg); }
		50% { -webkit-transform: rotate(0deg); }
		75% { -webkit-transform: rotate(-5deg); }
		100% { -webkit-transform: rotate(0deg); }
	}
	@-moz-keyframes wave-left {
		0% { -moz-transform: rotate(0deg); }
		25% { -moz-transform: rotate(5deg); }
		50% { -moz-transform: rotate(0deg); }
		75% { -moz-transform: rotate(5deg); }
		100% { -moz-transform: rotate(0deg); }
	}
	@-moz-keyframes wave-right {
		0% { -moz-transform: rotate(0deg); }
		25% { -moz-transform: rotate(-5deg); }
		50% { -moz-transform: rotate(0deg); }
		75% { -moz-transform: rotate(-5deg); }
		100% { -moz-transform: rotate(0deg); }
	}
	@-ms-keyframes wave-left {
		0% { -ms-transform: rotate(0deg); }
		25% { -ms-transform: rotate(5deg); }
		50% { -ms-transform: rotate(0deg); }
		75% { -ms-transform: rotate(5deg); }
		100% { -ms-transform: rotate(0deg); }
	}
	@-ms-keyframes wave-right {
		0% { -ms-transform: rotate(0deg); }
		25% { -ms-transform: rotate(-5deg); }
		50% { -ms-transform: rotate(0deg); }
		75% { -ms-transform: rotate(-5deg); }
		100% { -ms-transform: rotate(0deg); }
	}
	@-o-keyframes wave-left {
		0% { -o-transform: rotate(0deg); }
		25% { -o-transform: rotate(5deg); }
		50% { -o-transform: rotate(0deg); }
		75% { -o-transform: rotate(5deg); }
		100% { -o-transform: rotate(0deg); }
	}
	@-o-keyframes wave-right {
		0% { -o-transform: rotate(0deg); }
		25% { -o-transform: rotate(-5deg); }
		50% { -o-transform: rotate(0deg); }
		75% { -o-transform: rotate(-5deg); }
		100% { -o-transform: rotate(0deg); }
	}
	@keyframes wave-left {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(5deg); }
		100% { transform: rotate(0deg); }
	}
	@keyframes wave-right {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(-5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}
	.mustache .right {
		background-position: -56px 0;
		-webkit-transform-origin: 0% 50%;
		   -moz-transform-origin: 0% 50%;
		    -ms-transform-origin: 0% 50%;
		     -o-transform-origin: 0% 50%;
		        transform-origin: 0% 50%;
	}
	.mustache .left {
		-webkit-transform-origin: 100% 50%;
		   -moz-transform-origin: 100% 50%;
		    -ms-transform-origin: 100% 50%;
		     -o-transform-origin: 100% 50%;
		        transform-origin: 100% 50%;
	}

	.mustache:hover .left,
	.mustache.animate .left {
		-webkit-animation-name: wave-left;
		   -moz-animation-name: wave-left;
		    -ms-animation-name: wave-left;
		     -o-animation-name: wave-left;
		        animation-name: wave-left;
	}
	.mustache:hover .right,
	.mustache.animate .right {
		-webkit-animation-name: wave-right;
		   -moz-animation-name: wave-right;
		    -ms-animation-name: wave-right;
		     -o-animation-name: wave-right;
		        animation-name: wave-right;
	}
#clients-container {
	margin-bottom:100px;
}

	#clients-header {
		clear:both;
	}
	.clients {
		width: 841px;
		background: url(../images/site/pages/home/client-bg.png);
		overflow: hidden;
		margin: 0 auto;
		border-bottom:1px solid #e7e7e7;
	}
		.clients li {
			float: left;
			width: 138px;
			height: 138px;
			background-color: white;
			list-style-type: none;
			margin: 0 15px 15px 15px;
			-webkit-border-radius: 69px;
			   -moz-border-radius: 69px;
			        border-radius: 69px;
			overflow:hidden;
		}
		.clients li:nth-child(n+6) {
			margin-top: 15px;
		}
	.client-expand, .client-collapse {
		width:11px;
		height:7px;
		display:block;
		margin:10px auto 0 auto;
	}
	.client-expand {
		background:url(../images/site/pages/home/home-clients-arrow-down.png) no-repeat left top;
	}
	.client-collapse {
		background:url(../images/site/pages/home/home-clients-arrow-up.png) no-repeat left top;
	}

#projects {
	font-family: sans-serif;
	font-size: 12px;
}
	#projects > header,
	#contact-container > header {
		width:978px;
		margin:0 auto;
		padding:35px 0 50px 0;
		font: 14px/32px "proxima-nova-1","proxima-nova-2",sans-serif;
		text-transform: uppercase;
	}
		#projects > header h2,
		#contact-container > header h2 {
			/*width: 738px;*/ /* 778-40 */
			float: left;
			font-size: 14px;
			padding-left: 40px;
		}
		#projects > header h2 {
			background:url(../images/site/pages/projects/icon-diamond.png) no-repeat left center;
			width:50%;
		}
			#projects > header h2 a.disabled {
				pointer-events: none;
			}
		#contact-container > header h2 {
			background:url(../images/site/pages/contact/icon-pointer.png) no-repeat left center;
		}
		#projects > header h2 span,
		#contact-container > header h2 span {
			color: #19c59a;
		}
		#project-categories {
			/*width: 200px;*/
			float: right;
			margin: 0;
			text-align: right;
		}
			#project-categories li {
				list-style-type: none;
				display: inline;
				margin:0 0 0 20px;
			}
			#project-categories li:first-child {
				margin:0;
			}
			#project-categories .active {
			}
			#project-categories a {
				color:#6C6C6C !important;
				font-size:14px;
			}
			#project-categories .active a,
			#project-categories a:hover {
		    color: #19C59A !important;
		    text-decoration: underline;
			}
		#projects > header a,
		#contact-container > header a {
			color: #000;
			text-decoration: none;
			font-weight: 600;
		}
		#projects > header a.close {
			font: 600 14px/21px "proxima-nova-1","proxima-nova-2",sans-serif;
			margin-top: 4px;
		}
		#projects > header a.close,
		#contact-container > header a.open-map,
		#contact-container > header a.map-mailto {
			/*width: 172px;*/ /* 200 - 28 */
			float: right;
			text-align: right;
			padding-right:28px;
		}
		#projects > header a.close {
			background:url(../images/site/pages/projects/icon-cross.png) no-repeat right center;
		}
		#contact-container > header a.open-map {
			background:url(../images/site/pages/contact/icon-map-marker.png) no-repeat right center;
		}
		#contact-container > header a.map-mailto {
			background:url(../images/site/pages/contact/icon-at.png) no-repeat right center;
		}
	.animated-content {
		/*padding: 45px 0 20px 0;*/
		padding:0;
		background: #ececec url(../images/site/modules/pattern-callout.jpg) left top;
		color: #555555;
		margin: 0 auto 25px;
		overflow: hidden;
		position: relative; /* makes sure lines get cut off by overflow hidden */
        width: 100%;
       	-webkit-transform: translateZ(0);
		   -moz-transform: translateZ(0);
		    -ms-transform: translateZ(0);
		     -o-transform: translateZ(0);
		        transform: translateZ(0);
	}
	.animated-content:before {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		background: url(../images/site/modules/project-top.png) right top repeat-x;
		margin-bottom: -6px;
	}
	.animated-content:after {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		background: url(../images/site/modules/project-bottom.png) right bottom repeat-x;
		margin-top: -6px;
	}
	.animated-content.closed:before,
	.animated-content.closed:after {
		display: none;
	}
	/* Fixes font rendering in IE8 */
	.animated-content * {
		position: relative;
	}
	.animated-content.csstransition_ {
		-webkit-transition: height 500ms ease-out;
		   -moz-transition: height 500ms ease-out;
		    -ms-transition: height 500ms ease-out;
		     -o-transition: height 500ms ease-out;
		        transition: height 500ms ease-out;
	}
    .animated-content.open {
	    width: 100%;
	}
	.animated-content.open:after,
	.animated-content.border {
		border-bottom: 1px solid #cbcbcb;
	}
    .animated-content.closed { width: 978px; }
    	.animated-content h1,
    	.animated-content h2,
    	.animated-content h3 {
    		color: #000;
    	}
    	#projects .project-container.closed {
    		margin: 0;
    	}
		#projects .project-container section h2 {
			font: 600 16px/1 "proxima-nova-1","proxima-nova-2",sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
			margin-bottom: 8px;
		}
		#projects .project-container li {
			list-style-type: none;
			line-height: 1.5em;
		}
		#projects .project-container p {
			line-height: 1.5em;
		}
		#projects .project-container #row1:before,
		#projects .project-container #row2:before {
			content: " ";
			display: block;
			margin: -40px 0 40px 0;
			border-bottom: 1px solid #cbcbcb;
		}
		#projects .project-container #row2:before {
			border-bottom: 0;
			height: 1px;
			background: url(../images/site/modules/divider_horizontal.png) repeat-x bottom;
		}
	#projects .project-container header {
		width:978px;
		margin:0 auto;
		padding:45px 0 35px 0;
	}
    #projects .project-content-wrapper {
		width:978px;
		margin:0 auto;
		color: #555555;
	}
		#projects .project-container header .excerpt {
			font: 600 20px/1.4 "proxima-nova-1","proxima-nova-2",sans-serif;
			color: #000;
		}
		#projects .project-container header hgroup {
			font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin: 45px 0;
			color: #000;
		}
		#projects .project-container header h2.project-range {
			color: #ef8925;
			font-size: 18px;
			font-weight: 600;
			margin-bottom:5px;
		}
		#projects .project-container header h1 {
			font-size: 80px;
			line-height: 1.125;
			font-family: KorolevCondensed, sans-serif;
			font-weight: bold;
		}
		.ie9 #projects .project-container header h1,
		.ie8 #projects .project-container header h1,
		.ie7 #projects .project-container header h1,
		.ie6 #projects .project-container header h1 {
			margin: -5px 0 5px 0;
		}
		#projects .project-container header h2.see-live-site {
			font: italic normal 18px/1 Georgia, serif;
			text-transform: lowercase;
			margin: -8px 0 0 0;
		}
		#projects .project-container header h2.see-live-site:before,
		#projects .project-container header h2.see-live-site:after {
			content: "-";
			margin: 0 5px;
		}
		#projects .project-container header h2 a {
			color: #000;
			text-decoration: none;
		}
		#projects .project-container header p {
			font-size: 20px;
			line-height: 1.4em;
		}
	#projects .project-container section {
		width:978px;
		margin:0 auto;
	}
	#projects .project-container #row1 {
		overflow: hidden; /* contain floats */
		padding: 40px 0 20px 0;
	}
		#projects .project-container #row1 > * {
			width: 325px;
			padding: 0;
			margin-right: 30px;
			min-height: 1px;
			float: left;
		}
			#projects .project-container #row1 p {
				margin-bottom:1.5em;
			}
			#projects .project-container #row1 article {
				position: relative;
			}
			#projects .project-container #row1 .col3 {
				width: 240px;
				margin-right: 0;
			}
			#projects .project-container #row1 .col3 a {
				color: #19c59a;
				font-weight: 600;
				text-transform: uppercase;
				text-decoration: none;
				line-height: 2em;
			}
			#projects .project-container #row1 .project-links {
				position: absolute;
				top: 30px;
				right: 0;
				text-align: right;
			}
	#projects .project-container #row2 {
		overflow: hidden; /* contain floats */
		padding: 40px 0;
	}
		#projects .project-container #row2 img {
			float: right;
			border: 3px solid white;
			margin-left: 10px;
			-webkit-box-shadow: 0px 1px 3px #bbb;
			   -moz-box-shadow: 0px 1px 3px #bbb;
			        box-shadow: 0px 1px 3px #bbb;
		}
		#projects .project-container #row2 .col1 {
			width: 48%;
			float: left;
		}
		#projects .project-container #row2 .col2 {
			width: 48%;
			float: right;
		}

		#projects .project-grid {
			margin:0 auto;
			padding:0;
			clear:both;
		}
			#projects .project-grid tr {
				margin:0;
				padding:0;
			}
			#projects .project-grid td {
				margin:0;
				padding:0 10px 20px 10px;
				vertical-align:top;
			}
			#projects .project-grid td:first-child {
			}
			#projects .project-grid td:last-child {
			}
			#projects .project-grid .one-by-one {
				width:230px;
				height:182px;
			}
				#projects .project-grid .one-by-one img {
				}
			#projects .project-grid .one-by-two {
				width:230px;
				height:364px;
			}
				#projects .project-grid .one-by-two img {
				}

			#projects .project-grid .two-by-two {
				width:460px;
				height:364px;
			}
				#projects .project-grid .two-by-two img {
				}
			#projects .project-grid a {
				display:block;
			}
			#projects .project-grid td div {
				display:block;
				margin:0;
				border:1px solid #fff;
				background: #000;
				-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.35);
				   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.35);
				        box-shadow: 1px 1px 2px rgba(0,0,0,.35);
			}
			#projects .project-grid img {
				display: block;
				-webkit-transition: opacity 150ms ease-out;
				   -moz-transition: opacity 150ms ease-out;
				    -ms-transition: opacity 150ms ease-out;
				     -o-transition: opacity 150ms ease-out;
				        transition: opacity 150ms ease-out;
			}
			#projects .project-grid .one-by-one div {
				width: 226px;
				height: 177px;
			}
			#projects .project-grid .one-by-two div {
				width: 226px;
				height: 376px;
			}
			#projects .project-grid .two-by-two div {
				width: 476px;
				height: 376px;
			}
			#projects .project-grid a:hover img {
				filter: alpha(opacity=60);
				opacity: .6;
			}


/*
project-grid cell dimensions:
1x1: 230x182
1x2: 230x364
2x2: 460x364
*/

/**
* Contacts styles
*/

#contact-container {
	font-family:sans-serif;
	font-size:12px;
	position:relative;
}
#contact-container .custom-map-container,
#contact-container .contact-form-container {
	border-bottom:none;
	background:url(../images/site/modules/project-top.png) repeat-x scroll right top,
		url(../images/site/modules/anim-content-bottom-with-border.png) repeat-x scroll right bottom,
		url(../images/site/modules/pattern-callout.jpg) repeat scroll left top #ECECEC
}
#contact-container .contact-form-container > .wrapper {
	clear:both;
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0;
}

.custom-map-wrapper {
	width: 1110px;
	height: 610px;
	margin: 30px auto -30px auto;
	position: relative;
}
.custom-map-wrapper .custom-map,
.custom-map-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.custom-map-wrapper .custom-map {
	z-index: 100;
}
.custom-map-container > #map-loader {
	width:980px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
.custom-map {
	width:1110px;
	height:610px;
	margin: 0 auto;
	display:block;
	position:relative;
	font-size:0;
	border:0;
}
	.custom-map .marker {
		list-style:none;
		display:inline;
		margin:0;
		padding:0;
		position:absolute;
		font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 16px;
	}
	.custom-map .marker a {
		background:black none;
		border:1px solid white;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
		        border-radius:5px;
		-webkit-box-shadow: 2px 2px 3px gray;
		   -moz-box-shadow: 2px 2px 3px gray;
		        box-shadow: 2px 2px 3px gray;
		text-decoration:none;
		text-transform:uppercase;
		color:white;
		padding:5px 10px;
		display:block;
	}
		.custom-map .marker span {
			background:url(../images/site/pages/contact/map-marker-normal-pin.png) no-repeat center top;
			width:15px;
			height:10px;
			display:block;
			margin:-1px auto 0 auto;
			padding:0;
		}
		.custom-map .marker a:hover {
			color:black;
			background:#19c59a none;
			text-shadow:1px 1px 1px white;
			border:1px solid #6cffda;
		}
		.custom-map .marker a:hover + span {
			background-image:url(../images/site/pages/contact/map-marker-active-pin.png);
		}
	.custom-map #malmo.marker {
		bottom:166px;
		left:249px;
	}
	.custom-map #goteborg.marker {
		bottom:218px;
		left:218px
	}
	.custom-map #stockholm.marker {
		left:337px;
		top:275px;
	}
	.custom-map #mumbai.marker {
		top:197px;
		right:338px;
	}

#contact-container .office-menu-wrapper {
	clear:both;
	width:980px;
	margin:30px auto -7px auto;
	overflow:hidden;
}
#contact-container .office-menu {
	text-align:center;
}
	.office-menu > li {
		display:inline;
		list-style:none;
		margin-left:25px;
	}
	.office-menu > li:first-child {
		margin-left:0;
	}
		.office-menu > li > a {
			display:inline-block;
			height:35px;
			font-weight:400;
			font-size:16px;
			text-decoration:none;
			font: 16px/1 "proxima-nova-1","proxima-nova-2",sans-serif;
			letter-spacing: 1px;
			text-transform:uppercase;
			color:#6c6c6c;
		}
	.office-menu > li.active {
	}
		.office-menu > li.active > a {
			color:#19c59a;
			font-weight:600;
			background:url(../images/site/modules/icon-arrow-up.png) no-repeat center bottom;
		}

	.contact-form {
		width:465px;
		padding:5px;
		float:left;
	}
		.contact-form input[type="text"] {
			clear:both;
			display:block;
			width:84%;
			height:40px;
			margin:0 0 15px 0;
			padding:0 20px 0 50px;
			border:1px solid #dfdfdf;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:16px;
			color:#414141;
			text-rendering: optimizelegibility;
			word-spacing:normal;
		}
		::-webkit-input-placeholder {
			font: italic 16px Georgia, serif;
			color: #414141;
		}
		:-moz-placeholder {
			font: italic 16px Georgia, serif;
			color: #414141;
		}
		textarea::-webkit-input-placeholder { font-size: 14px; }
		textarea:-moz-placeholder { font-size: 14px; }

		.ie9 .contact-form input[type="text"],
		.ie8 .contact-form input[type="text"],
		.ie7 .contact-form input[type="text"],
		.ie6 .contact-form input[type="text"] {
			line-height: 40px;
		}
			.contact-form .validator-icon {
				float: right;
				width: 40px;
				height: 40px;
				position: relative;
				z-index: 100;
				top: 1px;
				right: 4px;
				margin: 0 0 -40px 0;
				background: transparent;
			}
			.contact-form .validator-icon.content {
				top: 22px;
			}
			.contact-form .validator-icon.valid {
				background: url(../images/site/pages/contact/icon-widget-valid.png);
			}
			.contact-form .validator-icon.invalid {
				background: url(../images/site/pages/contact/icon-widget-invalid.png);
			}
			.contact-form input[name="Name"] {
				background:white url(../images/site/pages/contact/icon-widget-text-profile.png) no-repeat left top;
			}
			.contact-form input[name="Name"].focused-once:required:invalid {
				background:url(../images/site/pages/contact/icon-widget-text-profile.png) left top no-repeat,
				url(../images/site/pages/contact/icon-widget-invalid.png) right top no-repeat;
				background-color:#FFFFFF;
			}
			.contact-form input[name="Name"].focused-once:required:valid {
				background:url(../images/site/pages/contact/icon-widget-text-profile.png) left top no-repeat,
				url(../images/site/pages/contact/icon-widget-valid.png) right top no-repeat;
				background-color:#FFFFFF;
			}
			.contact-form input[name="Email"] {
				background:white url(../images/site/pages/contact/icon-widget-text-email.png) no-repeat left top;
			}
			.contact-form input[name="Email"].focused-once:required:invalid {
				background:url(../images/site/pages/contact/icon-widget-text-email.png) left top no-repeat,
				url(../images/site/pages/contact/icon-widget-invalid.png) right top no-repeat;
				background-color:#FFFFFF;
			}
			.contact-form input[name="Email"].focused-once:required:valid {
				background:url(../images/site/pages/contact/icon-widget-text-email.png) left top no-repeat,
				url(../images/site/pages/contact/icon-widget-valid.png) right top no-repeat;
				background-color:#FFFFFF;
			}
			.contact-form textarea[name="Content"].focused-once:required:invalid {
				background: url(../images/site/pages/contact/icon-widget-invalid.png) right top no-repeat;
				background-color: #FFFFFF;
			}
			.contact-form textarea[name="Content"].focused-once:required:valid {
				background: url(../images/site/pages/contact/icon-widget-valid.png) right top no-repeat;
				background-color:#FFFFFF;
			}

		.contact-form textarea {
			width:95%;
			height:180px;
			border:1px solid #dfdfdf;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			resize:none;
			margin:20px auto 10px auto;
			padding:10px;
			clear:both;
			display:block;
			font: normal normal 12px sans-serif;
		}
		.contact-form textarea.empty {
			font: italic normal 14px Georgia, serif;
		}
		.contact-form button[type="submit"] {
			font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
			font-size:14px;
			font-weight:600;
			letter-spacing:1px;
			text-transform:uppercase;
			text-align:center;
			color:#fff;
			background:#19c59a none;
			width:100%;
			line-height:normal;
			padding:5px 0;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
			cursor:pointer;
		}
		.contact-form button[type="submit"].error {
			background:#e25652 none;
		}
		.mail-sent {
			text-transform:uppercase;
			font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
			font-size: 14px;
			font-weight: 600;
			letter-spacing: 1px;
			padding:10px 0 0 0;
			text-align:center;
		}

	.contact-form .offices {
		text-align:center;
		margin:20px 0 0 0;
	}
	.contact-form .offices * {
		font-weight: 600;
		text-decoration:none;
		text-transform:uppercase;
		font-size:13px;
	}
	.contact-form .offices > span {
		margin-right:20px;
	}
	.contact-form .offices li {
		list-style:none;
		display:inline;
		padding:5px 10px;
	}
		.contact-form .offices li.active {
			background:#d5d5d5 none;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
			-webkit-box-shadow:#c8c8c8 0 1px 0 inset;
			   -moz-box-shadow:#c8c8c8 0 1px 0 inset;
			        box-shadow:#c8c8c8 0 1px 0 inset;
		}
		.contact-form .offices li a {
			color:#838383;
		}
		.contact-form .offices li.active a {
			color:#000000;
			text-shadow:white 1px 1px 1px;
		}

.contact-form-container .map-wrapper,
.office-details .map-wrapper {
	width:465px;/*total width: 475px*/
	padding:5px;
	float:right;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
	        box-shadow: 0 1px 2px rgba(0,0,0,.35);
	margin-right: 2px;
	background:white none;
}
	.contact-form-container .map-wrapper .map-canvas,
	.office-details .map-wrapper .map-canvas {
		height:360px;
		overflow:hidden;
		border:1px solid #cccccc;
	}
	.contact-form-container .map-wrapper .office-address,
	.office-details .map-wrapper .office-address {
		text-align:center;
		font-size:13px;
		font-weight: 600;
		padding:5px 0;
	}

#contact-container .office-details {
	clear:both;
	overflow:hidden;
	width:980px;
	margin: 0 auto;
	padding: 0;
	display: none;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
}
#contact-container .single-load .office-details {
	display: block;
}
#contact-container .single-load .custom-map-wrapper {
	display: none;
}
#contact-container .office-details > div {
	padding: 30px 0;
}

#contact-container .office {
	clear:both;
	overflow:hidden;
	width:980px;
	margin:20px auto 0 auto;
	padding-top: 30px;
}
	#contact-container .office > header > hgroup > h1 {
		text-transform:uppercase;
		text-align:center;
		font-family: KorolevCondensed, sans-serif;
		font-weight:bold;
		font-size:80px;
		line-height:normal;
	}
	#contact-container .office > header > hgroup > .count {
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		font-style:italic;
		background:url(../images/site/pages/contact/separator-bar-02.gif) no-repeat center center;
		line-height:normal;
	}
		#contact-container .office > header > hgroup > .count > span {
			background:#F3F3F3 none;
			padding:0 5px;
		}
	#contact-container .office .manager-info {
		clear:both;
		width:100%;
		overflow:hidden;
		margin:30px 0;
	}
		.manager-info {
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#6c6c6c;
			font-size:14px;
		}
			.manager-info p {
				font-size: 14px;
			}
		.manager-info .frame {
			display:block;
			width:125px;
			height:130px;
			overflow:hidden;
			position:relative;
			float:left;
			margin-right:25px;
		}
			.manager-info .frame > img {
				position:absolute;
				left:4px;
				top:3px;
			}
		.manager-info figcaption {
			height:130px;
			display:table-cell;
			vertical-align:middle;
		}
		.manager-info .name {
			text-transform:uppercase;
			color:#000000;
			font: 16px/1.5 "proxima-nova-1","proxima-nova-2",sans-serif;
			letter-spacing:1px;
		}
		.manager-info .email a {
			text-transform:lowercase;
			text-decoration:none;
			color:#04b78a;
			font-style:italic;
		}
		.manager-info .tel {
			font-style: italic;
		}
		.manager-info.all .email a {
			font: normal 600 16px/1 "proxima-nova-1", "proxima-nova-2", sans-serif;
			letter-spacing: 1px;
			text-transform:uppercase;
		}
		.manager-info .address {
			font-style:italic;
		}
	#contact-container .office .employees {
		overflow:hidden;
		width:100%;
		font-size:0;
	}
		#contact-container .employees li {
			list-style:none;
			margin:20px 25px 20px 0;
			display:inline-block;
			float:left;
			width:225px;
			overflow:hidden;
			font-size:0;
		}
		#contact-container .employees li.edge {
			margin-right:0;
		}
			#contact-container .employees li > img {
				max-width:225px;
				float:left;
			}
			#contact-container .employees li > div {
				clear:both;
				text-align:center;
			}
				#contact-container .employees .name {
					text-transform:uppercase;
					background:url(../images/site/pages/contact/separator-bar-01.gif) no-repeat center bottom;
					font: 600 14px/1 "proxima-nova-1", "proxima-nova-2", sans-serif;
					letter-spacing: 1px;
					padding:5px 0 10px 0;
					margin-bottom:0px;
				}
				#contact-container .employees .designation {
					color:#6c6c6c;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-style:italic;
					font-size:9pt;
					line-height:normal;
					padding:5px 0 0 0;
				}

/**
* Services
*/
.content-container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
}
	.content-container > .banner {
		clear:both;
		margin:0 auto;
		padding:30px 0 0 0;
		width:980px;
		background:transparent none;
		overflow:hidden;
	}
		.content-container > .banner img {
			margin-left: 30px;
		}
		.content-container > .banner img:first-child {
			margin-left: 0;
		}
		.content-container > .banner > p {
			float:left;
			width:306px;
			margin-left:30px;
			font:inherit;
			color:#5e5e5e;
		}
		.content-container > .banner > div {
			clear: both;
			margin: 0 0 10px 0;
			padding: 0;
			width: 100%;
		}
		.content-container > .banner > div + p {
			margin:0;
			padding:0;
		}
	.content-container > .technologies {
		clear:both;
		margin:0 auto;
		padding:30px 0;
		width:980px;
		border-bottom:1px solid #cbcbcb;
		overflow:hidden;
	}
		.content-container > .technologies > .legends {
			clear:both;
			background:#19c59a none;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			height:40px;
			margin-bottom:30px;
			text-transform:uppercase;
			font: 14px/20px "proxima-nova-1","proxima-nova-2",sans-serif;
			letter-spacing: 1px;
			font-weight:600;
		}
			.content-container > .technologies > .legends > span {
				margin:10px 10px 0 10px;
				padding:0 0 0 25px;
				float:right;
				height:20px;
				color:white;
				text-shadow:0px 1px 1px gray;
			}
			.content-container > .technologies > .legends > .provided {
				background:url(../images/site/pages/services/icon-legend-yes.png) no-repeat left top;
			}
			.content-container > .technologies > .legends > .not-provided {
				background:url(../images/site/pages/services/icon-legend-no.png) no-repeat left top;
			}
			.content-container > .technologies > div {
				width:25%;
				float:left;
				overflow:hidden;
			}
			.content-container > .technologies ul {
				margin:0 0 20px 0;
			}
				.content-container > .technologies ul > li {
					line-height:1.8em;
					list-style-position:inside;
				}
				.content-container > .technologies ul > li.yes {
					list-style-image:url(../images/site/pages/services/icon-yes.png);
				}
				.content-container > .technologies ul > li.no {
					list-style-image:url(../images/site/pages/services/icon-no.png);
				}
				.content-container > .technologies ul > li.title {
					text-transform:uppercase;
					font-weight:600;
					font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
					font-size:16px;
					letter-spacing: 1px;
				}
	.content-container .general-articles {
		clear:both;
		width:980px;
		margin:0 auto;
		padding:30px 0;
		overflow:hidden;
		border-bottom:1px solid #cbcbcb;
	}
	.content-container .general-articles.services-applications {
		border: 0;
	}
		.content-container .general-articles > article {
			float:left;
			width:47%;
			margin-left:3%;
		}
		.content-container .general-articles > article:first-child {
			margin:0;
			width:50%;
		}
			.content-container .general-articles > article > p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#555555;
				line-height:1.5em;
				margin:10px 0;
			}
			.content-container .general-articles > article > h1 {
				font: normal 600 16px/1.4 "proxima-nova-1","proxima-nova-2",sans-serif;
				text-transform:uppercase;
				letter-spacing: 1px;
				padding:5px 0;
			}
	
	
	.circles {
		overflow: hidden;
		margin: 0 auto;
		padding: 15px 0 20px 0;
		font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
		font-weight: 600;
	}	
		.circles li {
			list-style: none;
			float: left;

			background: url(../images/site/modules/circles.png) no-repeat 0 -453px;
			width: 151px;
			height: 151px;
			padding: 0;
			margin-left: 59px;
			position: relative;
			
			text-align: center;
			font-size: 15px;
			line-height: 1.2;
			text-transform: uppercase;
			text-shadow: 1px 1px 0px rgba(255,255,255,.4);
		}
		.circles li:before {
			content: "";
			display: block;
			width: 58px;
			height: 15px;

			background: url(../images/site/modules/circles.png) -93px -604px;
			position: absolute;
			top: 68px;
			left: -59px;

			float: right;
		}
		.circles.path li:before {
			background-position: 0 -604px;
		}
		.circles li:first-child {
			margin-left: 0;
		}
		.circles li:first-child:before {
			display: none;
		}
			.circles li a {
				display: block;
				width: 126px;
				height: 131px;
				padding: 10px 10px 10px 15px;
			}
			.circles li.one-line a {
				padding-top: 65px;
				height: 76px;
			}
			.circles li.two-lines a {
				padding-top: 58px;
				height: 83px;
			}
			.circles li a:link,
			.circles li a:visited,
			.circles li a:hover,
			.circles li a:active {
				color: #022119;
			}
				.circles li.open a:hover > span {
					display: none;
				}
				.circles li p {
					display: none;
					position: absolute;
					top: 40px;
					left: 10px;
					width: 131px;
					font: italic 12px/1 Georgia, sans-serif;
					text-transform: lowercase;
				}
				.circles li.two-lines p {
					top: 35px;
				}
				.circles li a:hover p {
					display: block;
				}
				.circles li.open a:hover p {
					top: 46px;
					width: 38px;
					height: 22px;
					background: url(../images/site/modules/circles.png) no-repeat 0 -625px;
					text-indent: -900px;
					overflow: hidden;
					position: static;
					margin: 6px auto;
				}
					.circles li p span {
						display: block;
						height: 6px;
						margin: 35px 0 5px 0;
						background: url(../images/site/modules/circles.png) no-repeat 35px -619px;
					}
					.circles li.two-lines p span {
						margin-top: 55px;
					}
	.switcher-method,
	.switcher-technologies {
		width: 785px;
		margin: 0 auto;
	}
	.switcher-technologies {
		margin: 10px auto;
	}
		.switcher-method .brief { background-position: 0 0; }
		.switcher-method .design { background-position: 0 -151px; }
		.switcher-method .development { background-position: 0 -302px; }
		.switcher-method .support { background-position: 0 -453px; }

		.content-container .our-technologies > .hover-text,
		.main .circles > .hover-text {
			display: none;
			width: 150px;
			position: absolute;
			font: italic 12px/1 Georgia, sans-serif;
			text-align: center;
			margin-top: 40px;
		}
		.content-container .our-technologies > .hover-text span,
		.main .circles > .hover-text span {
			display: block;
		}
		.content-container .our-technologies > .hover-text.two-lines span,
		.main .circles > .hover-text.two-lines span {
			margin: 60px 0;
		}
		.content-container .our-technologies > img,
		.main .circles > img {
			display:block;
			margin:0 auto 30px auto;
		}
		.main .circles figcaption {
			margin-top: 10px;
		}
			.content-container .our-technologies > figcaption > section,
			.main .circles > figcaption > section {
				clear:both;
				width: 1007px;
				margin:0 auto 30px auto;
				padding: 30px 0 30px 29px;
				overflow:hidden;
			}
				.content-container .our-technologies > figcaption > section h1 {
					font: normal 600 16px/1 "proxima-nova-1","proxima-nova-2",sans-serif;
					font-size:16px;
					letter-spacing:1px;
					text-transform:uppercase;
					padding:10px 0;
				}
				.content-container .our-technologies > figcaption > section p {
					float: left;
					width: 222px;
					margin: 0 29px 0 0;
				}
				.content-container .our-technologies > figcaption > section p:nth-child(6n) {
					clear:both;
				}

/**
* Challenge page styles.
*/
#container > .challenge {
	clear:both;
	height:190px;
	margin:50px auto 30px auto;
	background:url(../images/site/pages/challenge/challenge-header-bg.png) no-repeat center center;
	text-align:center;
}
	#container > .challenge > header {
		padding:35px 0 0 0;
	}
		#container > .challenge h1 {
			padding:0 0 10px 0;
			margin:0;
		}
		#container > .challenge h2 {
			line-height:normal;
			padding:0 0 10px 0;
			margin:0;
			text-transform:uppercase;
			font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
			font-weight: 600;
			font-size:18px;
			color:white;
			text-shadow:1px 1px 2px #b5b5b5;
		}
/* challenge banner */
.banner {
	clear:both;
	background:url(../images/site/pages/challenge/challenge-banner-bg-top.png) repeat-x left top,
		url(../images/site/pages/challenge/challenge-banner-bg-bottom.png) repeat-x left bottom,
		url(../images/site/pages/challenge/challenge-banner-bg-pattern.png) repeat left top;
}
	#bw-challenge-start {
		background-image: url(../images/site/pages/challenge/start-bg.png);
		background-repeat: no-repeat;
		background-position: center 100px;
		color: #FFFFFF;
		text-align: center;
		padding-top: 50px;
	}
		#bw-challenge-start p {
			font-size: 20px;
			text-transform: uppercase;
			text-shadow: rgba(34, 143, 114, 0.5) 1px 2px 0px;
		}
		#bw-challenge-info-btn {
			background-image: url(../images/site/pages/challenge/info-btn.png);
			display: block;
			margin: 15px auto 20px auto;
			background-color: transparent;
			cursor: pointer;
			width: 23px;
			height: 23px;
		}
		#bw-challenge-start-btn {
			background-color: #000000;
			width: 318px;
			height: 65px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			color: #FFAE00;
			font-size: 30px;
			text-transform: uppercase;
			cursor: pointer;
		}
		
	#bw-challenge-finish {
		/*background-image: url(../images/site/pages/challenge/challenge-finished-bg.png);
		background-repeat: no-repeat;
		background-position: center 19px;*/
		text-align: center;
		color: #FFFFFF;
		text-shadow: rgba(34, 143, 114, 0.5) 1px 2px 0px;
	}
		#bw-challenge-finish h1 {
			display: inline-block;
			font-size: 70px;
			line-height: 1.2;
			margin: 0px 10px;
		}
		#bw-challenge-finish h2 {
			font-size: 40px;
			line-height: 1.5;
		}
		#bw-challenge-finish p {
			font-size: 22px;
			line-height: 1.2;
			margin-bottom: 16px;
		}
		#bw-challenge-finish .hand {
			vertical-align: bottom;
		}
		#bw-challenge-finish .separator {
			display: block;
			margin: 2px auto;
			background-color: #BBFFED;
			height: 2px;
			width: 94px;
			border-bottom: 2px solid rgba(34, 143, 114, 0.5);
		}
		#bw-challenge-finish button {
			background-color: transparent;
			margin-top: 40px;
			font-family: Georgia;
			font-style: italic;
			cursor: pointer;
		}
			#bw-challenge-finish #fb-share {
				background-image: url(../images/site/pages/challenge/fb-share-results.png);
				color: #FFFFFF;
				width: 149px;
				height: 33px;
				text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 0px;
			}
			#bw-challenge-finish #tw-share {
				background-image: url(../images/site/pages/challenge/tweet-results-button.png);
				width: 195px;
				height: 33px;
				text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px;
			}
	.bw-challenge-instance {
		display:none;
	}
		
	#container .banner > .wrapper {
		width:980px;
		margin:0 auto;
		background:url(../images/site/pages/challenge/challenge-banner-shine.png) no-repeat center center;
		height:385px;
		overflow:hidden;
	}
		#container .banner header {
			clear:both;
			overflow:hidden;
			margin:20px 0 0 0;
		}
			#container .banner header ul {
				float:left;
			}
				#container .banner header ul > li {
					display:inline-block; /*todo: set to inline for IE*/
					float:left; /*fixes IE bug*/
					width:26px;
					height:24px;
					font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
					font-weight:600;
					font-size:20px;
					color:white;
					text-shadow:1px 1px 1px black;
					text-align:center;
					background-color:#21725d;
					border-radius:4px;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					margin:0 10px 0 0;
				}
				#container .banner header ul > li.done {
					background:url(../images/site/pages/challenge/challenge-banner-header-steps-first.png) no-repeat left top;
					text-indent:-100000em;
				}
				#container .banner header ul > li.active {
					background-color:black;
				}
			#container .banner header .share {
				float:right;
			}
				#container .banner header .share > * {
					float:left;
					margin-left:10px;
				}
		#container .banner .content {
			clear:both;
			margin:0 auto;
			text-align:center;
		}
		#container .banner .content.login {
			margin:20px 0 0 0;
		}
		#container .banner .content h2 {
			text-transform:uppercase;
			text-shadow:1px 1px 1px #228f72;
			letter-spacing:2px;
			word-spacing:2px;
			color:white;
			font-weight:500;
		}
		#container .banner .content.login p {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:16px;
			font-style:italic;
		}
			#container .banner .content.login .go-now {
				color:#21725d;
				background:url(../images/site/pages/challenge/challenge-banner-login-info.png) no-repeat center bottom;
				padding:0 0 40px 0;
			}
		#container .banner .content.login .buttons {
			background:url(../images/site/pages/challenge/challenge-banner-login-bar.png) no-repeat center top,
				url(../images/site/pages/challenge/challenge-banner-login-bar.png) no-repeat center bottom;
			padding:15px 0;
			margin:30px 0 20px 0;
			font-size:0;
			line-height:0;
			overflow:hidden;
		}
			#container .banner .content.login .buttons > .group {
				margin:0 auto; /* horizontally center the group */
				width:410px;
			}
			#container .banner .content.login .buttons a {
				float:left;
				padding-left:35px;
				width:160px; /*total:195px;*/
				height:40px;
				line-height:38px;
				font-size:13px;
				font-weight:500;
				font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
				text-decoration:none;
			}
			#container .banner .content.login .buttons a#fb-login {
				background:url(../images/site/pages/challenge/button-login-fb.png) no-repeat left top;
				color:white;
			}
			#container .banner .content.login .buttons a#tw-login {
				background:url(../images/site/pages/challenge/button-login-tw.png) no-repeat left top;
				color:#0e4c63;
			}
			#container .banner .content.login .buttons a:first-child {
				margin-right:20px;
			}
		#container .banner .content.start-test {
			margin-top:70px;
		}
			#container .banner .content.start-test > h2 {
				background:url(../images/site/pages/challenge/challenge-banner-login-info.png) no-repeat center bottom;
				padding:0 0 40px 0;
				margin-bottom:20px;
			}
			#container .banner .content.start-test .button {
				clear:both;
				width:320px;
				text-align:center;
				background:black none;
				margin:5px auto 0 auto;
				padding:15px 0;
				overflow:hidden;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
			#container .banner .content.start-test .button > a {
				text-transform:uppercase;
				text-decoration:none;
				color:#ffae00;
				font-size:30px;
				font-weight:500;
				line-height:normal;
			}
		#container .banner .content.test-results {
			margin-top:20px;
		}
			#container .banner .content.test-results header {
				background:url(../images/site/pages/challenge/challenge-banner-no1.png) no-repeat center top;
				margin:0;
				padding:70px 0 0 0;
			}
			#container .banner .content.test-results hgroup {
				background:url(../images/site/pages/challenge/challenge-test-bar.png) no-repeat center top,
					url(../images/site/pages/challenge/challenge-test-bar.png) no-repeat center bottom;
				padding:15px 0;
				margin:0 0 20px 0;
			}
			#container .banner .content.test-results h1 {
				color:white;
				font-size:40px;
				line-height:normal;
				text-transform:uppercase;
				text-shadow:1px 2px 2px #228f72;
				margin:0 0 10px 0;
			}
			#container .banner .content.test-results h2 {
				font-size:22px;
				letter-spacing:normal;
				line-height:normal;
			}
			#container .banner .content.test-results .share-buttons {
				margin:0;
				padding:0;
				font-size:0;
				line-height:0;
				overflow:hidden;
			}
				#container .banner .content.test-results .share-buttons > .group {
					margin:0 auto;
					width:360px;
				}
					#container .banner .content.test-results .share-buttons a {
						font-family:Georgia, "Times New Roman", Times, serif;
						font-style:italic;
						font-size:14px;
						text-transform:lowercase;
						text-decoration:none;
						display:block;
						float:left;
						text-align:center;
						height:35px;
						line-height:30px;
					}
					#container .banner .content.test-results .share-buttons a#fb-share {
						color:white;
						text-shadow:1px 1px 1px black;
						background:url(../images/site/pages/challenge/fb-share-results.png) no-repeat left top;
						width:120px;
						padding-left:30px;
					}
					#container .banner .content.test-results .share-buttons a#tw-share {
						color:black;
						text-shadow:1px 1px 1px white;
						background:url(../images/site/pages/challenge/tweet-results-button.png) no-repeat left top;
						width:155px;
						padding-left:40px;
					}
					#container .banner .content.test-results .share-buttons a:first-child {
						margin-right:15px;
					}


#container .contestants-container {
	border-bottom:1px solid #cbcbcb;
}
	#container .contestants-container > .toplist {
		background:black none;
	}
		#container .contestants-container > .toplist ul {
			background:url(../images/site/pages/challenge/challenge-no.png) no-repeat left center;
			width:850px;
			margin:0 auto;
			padding:30px 0 30px 130px;
		}
			#container .contestants-container > .toplist ul > li {
				list-style:none;
				display:inline-block;
				padding-left:50px;
				width:200px;
				color:#FFFFFF;
			}
			#container .contestants-container > .toplist ul > li.gold {
				background:url(../images/site/pages/challenge/challenge-toplist-gold.png) no-repeat left center;
			}
			#container .contestants-container > .toplist ul > li.silver {
				background:url(../images/site/pages/challenge/challenge-toplist-silver.png) no-repeat left center;
			}
			#container .contestants-container > .toplist ul > li.bronze {
				background:url(../images/site/pages/challenge/challenge-toplist-bronze.png) no-repeat left center;
			}
			#container .contestants-container > .toplist ul > li p {
				line-height:normal;
				color:#FFFFFF;
			}
			#container .contestants-container > .toplist ul > li .result {
				text-transform:uppercase;
				font-weight:bold;
				padding:10px 0 2px 0;
			}
			#container .contestants-container > .toplist ul > li .name {
				font-style:italic;
				font-weight:normal;
			}
			#container .contestants-container > .toplist ul > li img {
				float:left;
				margin-right:10px;
				width:54px;
				height:54px;
			}
	#container .contestants-container .contestants {
		width:980px;
		margin:0 auto;
		padding:30px 0;
		/*column-count:4;
		-moz-column-count:4;
		-webkit-column-count:4;*/
	}
		#container .contestants-container .contestants .contestants-column {
			width: 233px;
			display: inline-block;
		}
			#container .contestants-container .contestants li {
				list-style:none;
				margin-bottom:20px;
			}
				#container .contestants-container .contestants li img {
					float:left;
					margin-right:10px;
					border-radius:4px;
					width: 54px;
					height: 54px;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
				}
				#container .contestants-container .contestants li p {
					line-height:normal;
				}
				#container .contestants-container .contestants li .result {
					text-transform:uppercase;
					color:#1e1e1e;
					font-weight:bold;
				}
				#container .contestants-container .contestants li .name {
					color:#1e1e1e;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:13px;
					font-style:italic;
					padding:2px 0;
				}
				#container .contestants-container .contestants li .position {
					color:white;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:13px;
					font-style:italic;
				}
				#container .contestants-container .contestants li .position span {
					background:#353535 none;
					color:white;
					font-style:italic;
					border-radius:10px;
					-moz-border-radius:10px;
					-webkit-border-radius:10px;
					padding:0 7px;
				}

.career-contact-info {
	width:980px;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
}
	.career-contact-info > h2 {
		text-transform:uppercase;
		font-weight:500;
		margin-bottom:10px;
	}
	.career-contact-info > p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-style:italic;
		color:#414141;
	}
	.career-contact-info .email {
		color:#19c59a;
		text-decoration:none;
	}

.sb-wrapper {
	display:block;
	width:550px;
	overflow:hidden;
	margin:0 auto;
	padding:100px 30px 0 30px;
	background:url(../images/site/pages/challenge/challenge-sb-logo.png) no-repeat center 35px #212121;
	border:2px solid #ffa500;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:2px 5px 5px black;
	   -moz-box-shadow:2px 5px 5px black;
	        box-shadow:2px 5px 5px black;
	color:white;
}
	.sb-wrapper .signature {
		margin:10px auto 20px auto;
		display:block;
	}
	.sb-wrapper .content {
		-moz-column-count:2;
		-moz-column-gap:30px;
		-webkit-column-count:2;
		-webkit-column-gap:30px;
	}
	.sb-wrapper	h1 {
		font-weight:500px;
		font-size:24px;
		text-align:center;
		text-transform:uppercase;
		line-height:normal;
		padding:15px 0;
	}
	.sb-wrapper p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:13px;
		line-height:1.5em;
	}

/**
* External styles: Style plugins.
*/
#sb-player.html {
	/*overflow:hidden;*/
}

#sb-body {
	background:transparent none !important;
	border:none;
}
#sb-wrapper-inner {
	border:none !important;
}