/*
   Face2face css by Daniel Mahal
   
   File structure:
   
   - YUI css reset
   - Body / html
   - Basic typography & colors
   - Basic layout
   - Widgets
   - Page specific stuff
   		- Colors & background
   		- Layout
   - Extras (e.g. wrapping inputs, rounded corners)
   
*/


/* YUI CSS RESET: Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* !Body / html */

html {
	background-color: #000;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

html,
body {
	/* height: 100%;  /* Body fills the viewport */
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica;
	color: #b3b3b3;
}


/* !Basic typography & colors */

a {
	outline: 0 none;
	color: #b3b3b5;
	text-decoration: none;
}

p a {
	color: #158fae;
}

p a:hover {
	color: #257393;
}

h1,
h2,
h3,
h4 {
	font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
}

h1 {
	font-size: 4.4em;
	line-height: 1.137em;
	font-style: italic;
	letter-spacing: -0.025em;
	margin-bottom: 0.45em;
}

	h1 small {
		display: block;
		font-style: normal;
		font-size: 0.318em;
		line-height: 1.4em;
		height: 1.4em;
		margin-bottom: -0.3em;
		text-transform: uppercase;
		letter-spacing: 0;
	}
	
	body.has-js h1 {
/*		margin-left: -0.15em;*/
	}
	body.has-js h1 small {
		margin-left: 0.55em;
	}

h3,
h4 {
	font-size: 2.2em;
	line-height: 1.4em;
	letter-spacing: -0.025em;
}

h3 {
	font-size: 1.6em;
	text-transform: uppercase;
}
	.article h3 {
		margin-bottom: 1em;
	}

h2 {
	font-size: 2.4em;
	line-height: 1.17em;
	letter-spacing: -0.025em;
	margin-bottom: 0.5em;
}
	
	body.has-js h2 {
		/*margin-left: -0.2em;*/
	}
	
	h2 small {
		display: block;
		margin-bottom: -4px;
		height: 14px;
        font-size: 12px;
		line-height: 14px;
		text-transform: uppercase;
	}
		
		body.has-js h2 small {
			/*margin-left: 0.4em;*/
		}
	
	#content h2 {
		margin-bottom: 1em;
	}

	

h5 {
	font-size: 1.4em;
	font-weight:bold;
}

h1 a,
h2 a,
h3 a,
h4 a {
	text-decoration: none;
}

ul a {
	text-decoration: none;
}

p,
h5,
#main ul,
address {
	font-size: 1.4em;
	line-height: 1.57em;
	margin-bottom: 1.2em;
}

address {
	font-style: normal;
	margin-bottom: 0;
}

strong {
	font-weight: bold;
}

blockquote {
	margin-bottom: 2em;
    font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
}
	
	blockquote p {
		font-size: 2em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
		padding: 14px 0;
		padding-bottom: 20px;
		padding-right: 1.2em;
		margin: 0;
	}

	body.has-js blockquote {
		background: url(elm/h_dots_grey.gif) repeat-x top left;
		
	}
		body.has-js blockquote p {
			display: block;
			background: url(elm/h_dots_grey.gif) repeat-x bottom left;
		}

	body.no-js blockquote {
		border: 1px #515151 dotted;
		border-left: 0;
		border-right: 0;
	}
	
.error_list {
	color:#e56e6e;
	}

/* !Basic layout */

#header,
#footer {
	/*z-index: 2;*/
}

#container {
	position: relative;
	width: 930px;
	margin: 0 auto;
	padding: 0 8px 8px 8px;
	background: url(elm/black_90_opacity.png);
}

#header {
	position: relative;
	height: 52px;
	padding: 4px 0;
	border-bottom: 1px #1c1c1c solid;
	margin-bottom: 3px;
	background: #000;
}
	
	#logo,
	#footer .logo {
		background: url(elm/logo.png) no-repeat center center;
	}
	
	#logo {
		display: block;
		position: absolute;
		left: 0;
		top: 4px;
		width: 210px;
		height: 52px;
		text-indent: -10em;
		overflow: hidden;
	}
	
	#header .glossy {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50%;
		background: #fff;
		opacity: .08;
	}
	
	#navigation {
        display: block;
		position: absolute;
		top: 0;
		right: 0;
        width: 694px;
        font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
        overflow: hidden;
	}
	
		#navigation li {
            display: block;
			float: left;
			padding: 4px 0;
		}
		
			#navigation li.selected {
				background: url(elm/navigation_hover.png);
				margin-right: -1px;
			}
			
				#navigation li.selected a {
					border: 0;
				}
			
			#navigation li a {
				display: block;
				padding: 0 19px;
				border-left: 1px #222 solid;
				line-height: 52px;
				color: #c4d8e5;
				font-size: 1.4em;
				text-decoration: none;
				letter-spacing: 0.03em;
			}
				
				#navigation li a:hover,
				#navigation li.selected a {
					color: #328cb1;
				}



#main {
	overflow: hidden;
	padding: 30px 27px;
}
	

#sidebar {
	width: 170px;
	float: left;
}

#content {
	margin-left: 60px;
	float: left;
	width: 630px;
	margin-bottom: 7em;
}

#footer {
	background: url(elm/stripes_dark.png);
	padding: 35px;
	color: #b3b3b3;
}

/* !Widgets */

.article .image {
	margin-bottom: 1em;
}
	.article .image img {
		margin-bottom: 0.6em;
	}
	
	#promoters #content .article .imagetext,
	.article .imagetext {
		font-size: 1.2em;
		color: #569397;
		width: 500px;
	}

.article .part {
	margin-bottom: 4em;
}

.article ul li {
	list-style-image: url(elm/bullet.png);
	margin-left: 1em;
}

#sidebar .linklist {
	background: url(elm/h_dots_grey.gif) repeat-x top left;
	padding-top: 1px;
	margin-bottom: 40px;
}
	
	#sidebar .linklist li {
		position: relative;
		background: url(elm/h_dots_grey.gif) repeat-x bottom left;
		padding-bottom: 1px;
		overflow: hidden;
	}
		#sidebar .linklist li .hovereffect {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 30%;
			height: 32px;
			background: #07161b;
			z-index: 1;
			display: none;
			cursor: pointer;
		}
		
		#sidebar .linklist li .label {
			position: absolute;
			top: 5px;
			left: 8px;
			z-index: 2;
			cursor: pointer;
		}
		
		#sidebar .linklist li a {
			display: block;
			padding: 5px 8px;
		}
		
		#sidebar .linklist li a.hoverable {
			padding: 0;
			height: 32px;
		}
		
			#sidebar .linklist li a.hoverable:hover {
				background: transparent;
			}
		
		#sidebar .linklist li.selected a,
		body.no-js #sidebar .linklist li a:hover,
		#sidebar .linklist li .hovereffect {
			background-color: #07161b;
		}


.kenburns {
	position: relative;
	margin: 0 -5px;
	margin-bottom: 3.5em;
}
	
	.kenburns .dark_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .3;
		background: #000;
		cursor: pointer;
	}
		
		body.no-js .kenburns .dark_overlay {
			display: none
		}
	
	.kenburns .slide_navigation {
		position: absolute;
		bottom: 40px;
		right: 28px;
	}
		.kenburns .slide_navigation a {
			display: block;
			float: left;
			
			margin-left: 12px;
			width: 29px;
			height: 29px;
			line-height: 27px;
			background: url(elm/slideshow_selected.png);
			text-decoration: none;
			font-size: 2.2em;
			font-style: italic;
			text-align: center;
			color: #cee2e9;
		}
			
			.kenburns .slide_navigation a.selected,
			.kenburns .slide_navigation a:hover {
				background-position: -29px 0;
			}
	
	.kenburns .navigation {
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -22.5px;
		width: 79px;
		height: 45px;
	}

    .kenburns .navigation-en {
        width: 100px;
    }
	
	.kenburns .navigation a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(elm/slideshow_nav_next.png) no-repeat;
	}

    .kenburns .navigation-en a {
         background-position: 0 -45px;
    }
		
		body.no-js .kenburns .navigation a {
			display: none;
		}
		
		.kenburns .navigation a.next {
			right: 30px;
		}
			.kenburns.active .navigation {
				width: 33px;
			}
			.kenburns.active .navigation a.next {
				background-position: -46px 0; 
			}
	
	.kenburns .images {
		position: relative;
		height: 395px;
		overflow: hidden;
	}
	
		.kenburns .images div {
			position: absolute;
			top: 0;
			left: 0;
			width: 890px;
			height: 395px;
		}
		
			.kenburns .images div h1 {
				position: absolute;
				bottom: 10px;
				left: 20px;
			}
		
			.kenburns .images div img {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
			}


#share {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 5px 8px;
	font-size: 1.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	#share img {
		vertical-align: -2px;
	}
	#share a {
		color: #323333;
		text-decoration: none;
		
	}
		#share a:hover,
		#share a:hover span {
			color: #555;
			text-decoration: none;
		}

.quick_contact {
	margin: 3em 0;
	background: url(elm/h_dots_grey.gif) repeat-x bottom left;
}
	.quick_contact p,
	#content .article .quick_contact p {
		background: url(elm/h_dots_grey.gif) repeat-x top left;
		padding: 1em 0;
		width: auto;
	}
	
	.quick_contact em {
		color: #ffe9bf;
	}


#main .top_image {
	margin: 0 -5px;
	margin-bottom: 3.5em;
}
	#main .top_image img {
		display: block;
	}

#main .no-image {
	height: 20px;
}


.cases {
	width: 100%;
	overflow: hidden;
}

	.cases .case {
		float: left;
		width: 189px;
		padding: 7px;
		margin-right: 10px;
		background: #fbfbef;
	}
	
		body.has-js .cases .case {
			cursor: pointer;
		}
		
		.cases .case h4 {
            font-family: Arial, Helvetica;
			font-size: 1.6em;
		}
		
		.cases .case:hover {
			background: #403f3d;
		}
		
		.cases .case .image {
			display: block;
			overflow: hidden;
			width: 189px;
			height: 152px;
			margin-bottom: 5px;
		}
		
			.cases .case .image .corner {
				background-image: url(elm/corners_fefbef_5px.png);
			}
				
				.cases .case:hover .image .corner {
					background-image: url(elm/corners_403f3c_5px.png);
				}
		
		.cases .case img {
			display: block;
			margin-bottom: 5px;
		}

		.cases .case .info {
			padding: 3px 4px;
		}
		
			.cases .case:hover .info {
				background: #202020;
				padding: 3px 8px;
			}
			
				.cases .case .info .corner {
					background-image: none;
				}
				
					.cases .case:hover .info .corner {
						background-image: url(elm/corners_403f3c_5px.png);
					}
		
		.cases .case p {
			margin-bottom: 0;
			color: #848585;
			font-size: 1.2em;
		}
		
		.cases .case.last {
			margin-right: 0;
		}


.tabpanel {

}
	.tabpanel .panels {
		position: relative;
	}
	
	body.has-js .tabpanel .panels .panel {
		display: none;
	}
	
	.tabpanel .sides {
		height: 6px;
		border-left: 1px #515151 solid;
		border-right: 1px #515151 solid;
		margin-bottom: 15px;
	}
	
	#main .tabpanel ul.tabs {
		font-size: 1.2em;
		border-bottom: 1px #515151 solid;
		height: 30px;
		margin: 0;
	}
		
		
		.tabpanel .tabs li {
			float: left;
		}
			
			.tabpanel .tabs li.selected {
				border-top-right-radius: 4px;
				border-top-left-radius: 4px;
				
				-moz-border-radius-topright: 4px;
				-moz-border-radius-topleft: 4px;
				
				-webkit-border-top-right-radius: 4px;
				-webkit-border-top-left-radius: 4px;
				
				background: url(elm/tabs_selected_bg.png);
				border: 1px #515151 solid;
				border-bottom: 0;
				height: 30px;
			}
				.tabpanel .tabs li.selected a {
					font-weight: bold;
					padding: 0 9px;
					line-height: 28px;
				}
			
			.tabpanel .tabs li a {
				line-height: 30px;
				display: block;
				padding: 0 10px;
			}
			
				#content .tabpanel .tabs li a:hover {
					color: #fff;
				}


form.contact {
	
}	
	form.contact .input_wrap {
		margin-bottom: 28px;
		display: block;
	}
	
	form.contact input.text,
	form.contact textarea {
		width: 80%;
		height: 80%;
		display: block;
	}
	
	form.contact textarea {
		height: 200px;
	}
	
	form.contact input.text,
	form.contact textarea {
		padding: 5px 8px;
		font-size: 1.6em;
		font-family: Arial;
		background: #fefaec;
		
		-moz-box-shadow:inset 2px 2px 5px #9e9c91;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		border: 0;
		outline: 0 none;
	}
		
		form.contact input.text:focus,
		form.contact textarea:focus {
			background: #d6f2ff;
			-moz-box-shadow:inset 2px 2px 5px #89a2ae;
		}
	
		form.contact .input_wrap.text label,
		form.contact .input_wrap.textarea label {
			font-size: 1.6em;
			padding: 5px 8px;
			color: #7f7d76;
		}
	
	form.contact input.text.error,
	form.contact textarea.error {
		background: #e56e6e;
		-moz-box-shadow:inset 2px 2px 5px #a84141;
	}
	
		form.contact .input_wrap.text label.error,
		form.contact .input_wrap.textarea label.error {
			color: #000;
		}
	
	form.contact .loader {
		display: none;
		vertical-align: 4px;
		margin-left: 10px;
		background: url(elm/ajax_loader.gif);
		width: 24px;
		height: 24px;
	}
	
	body.no-js form.contact label {
		display: block;
		font-size: 1.6em;
		line-height: 1.6em;
	}
	
	body.no-js form.contact input,
	body.no-js form.contact textarea {
		margin-bottom: 28px;
	}


/* !Page specific */

/* !Page specific colors & backgrounds */

/* Backgrounds: */
#frontpage 		{ background-image: url(elm/bgs/frontpage.jpg) }
#blog 			{ background-image: url(elm/bgs/blog.jpg) }
#case 			{ background-image: url(elm/bgs/case.jpg) }
#services 		{ background-image: url(elm/bgs/services.jpg) }
#work 			{ background-image: url(elm/bgs/work.jpg) }
#contact		{ background-image: url(elm/bgs/contact.jpg) }
#promoters		{ background-image: url(elm/bgs/promoters.jpg) }

/* Colors: */
/* Frontpage */
#frontpage h1 a 						{ color: #cee2e9 }
#frontpage h1 small,
#frontpage h2 a							{ color: #85b1c2 }

/* Blog */
#blog body 								{ color: #323333 }

#blog h1,
#blog h2,
#blog h3,
#blog h1.alternate small,
#blog h2.alternate small				{ color: #5e0042; } /* Dark pink */

#blog h1.alternate,
#blog h2.alternate,
#blog h1 small,
#blog h2 small							{ color: #b10052; }	/* Light pink */

#blog a									{ color: #853e6f; }
#blog a:hover							{ color: #b10052; }

/* Case */
#case h1,
#case h2,
#case h3,
#case h4,
#case h1.alternate small,
#case h2.alternate small				{ color: #8eced6; } /* Light blue */

#case h1.alternate,
#case h2.alternate,
#case h1 small,
#case h2 small 							{ color: #ffe9bf; } /* Light yellow */

#case blockquote						{ color: #ffe9bf; } /* Dirty yellow */


/* Tjenester */
#services h1.alternate,
#services h2.alternate,
#services h1 small,
#services h2 small,
#services h3							{ color: #970052; } /* Pink */

#services body.service h4 				{ color: #970052; } /* Pink */

/* Work */
#work h1 small,
#work h2,
#work  a								{ color: #ce8301; } /* Orange */
#work  a:hover							{ color: #e29b1f; } /* Brighter Orange */


/* Contact */
#contact h1 small,
#contact h2 small 						{ color: #1ecbf7 } /* Bright blue */

#contact h1,
#contact h2 							{ color: #cec6ad } /* Beige */


/* Promoters */
#promoters h1,
#promoters #content h2 					{ color: #fefcf2 } /* Light yellow */

#promoters #sidebar h2 					{ color: #1ecbf7 }  /* Bright blue */

#promoters h1 small,
#promoters h2 small						{ color: #569397 } /* Mid-blue */



/* Special case with colors on 'Se flere av våre referanser': */

#case 		.cases .case h4,
#services 	.cases .case h4,
#promoters  .cases .case h4 {
	color: #328cb1;
	margin-bottom: -2px;
}

	#case 		.cases .case:hover h4,
	#services 	.cases .case:hover h4,
	#promoters	.cases .case:hover h4 {
		color: #c4d8e5;
	}






/* !Page specific layout stuff */

/* Frontpage */
#frontpage #content {
	margin-left: 0;
	width: 100%;
}
	#frontpage blockquote {
		border: none;
		display: block;
		background: none;
		margin-bottom: 60px;
	}
		#frontpage blockquote p {
			width: 720px;
			margin: 0 auto;
			padding: 0;
			background: none;
			font-size: 2.4em;
			line-height: 1.33em;
		}

#frontpage h1 {
	font-size: 4em;
}

#frontpage h1 span {
	clear: both;
	display: block;
	margin-bottom: 0;
	padding: 0 35px 4px 15px;
	background: url(elm/black_90_opacity.png);
}

#frontpage h1 small {
	float: left;
	margin-left: 0;
    padding: 0 25px 0 15px;
    height: 23px;
    line-height: 23px;
	background: url(elm/black_90_opacity.png);
	margin-bottom: 4px;
}

#frontpage .columns {
	width: 100%;
	margin: 0 8px;
	overflow: hidden;
}
	#frontpage .columns .column {
		float: left;
		width: 270px;
		margin-right: 25px;
	}
		
		#frontpage .columns .column h2 {
			margin: 0;
		}
		
		#frontpage .columns .column h2 a {
			display: block;
			background: url(elm/frontpage_column_header.png) no-repeat;
			line-height: 38px;
			padding: 0 15px;
		}
		
			#frontpage .columns .column h2 a:hover {
				background-position: 0 -38px;
			}
		
		#frontpage .columns .column.last {
			margin-right: 0;
		}
		
		#frontpage .columns .column.feed ul li,
		#frontpage .columns .column.what ul li {
			background: url(elm/h_dots_grey.gif) repeat-x bottom left;
		}
			#frontpage .columns .column.feed ul li a,
			#frontpage .columns .column.what ul li a {
				display: block;
				padding: 14px 15px;
				color: #9daeb9;
			}
			
			#frontpage .columns .column.feed ul li a {
				padding: 18px 15px;
			}
				#frontpage .columns .column.feed ul li a:hover,
				#frontpage .columns .column.what ul li a:hover {
					color: #d8e8ee;
				}
			
				#frontpage .columns .column.feed ul li a .date {
					display: block;
					font-size: 0.785em;
					line-height: 1.8em;
					color: #d8e8ee;
				}
		
		
		#frontpage .columns .column.promoters h2 {
			margin-bottom: 15px;
		}
		
		#frontpage .columns .column.promoters p {
			padding: 0 15px;
		}
		
		#frontpage .columns .column .go {
			display: block;
			font-size: 1.4em;
			padding: 0 15px;
			color: #ffe9bf;
			text-decoration: none;
		}
			#frontpage .columns .column .go:hover {
				color: #d0b176;
			}
		
/* Blogg */
#blog h1 {
	display: none;
}

#blog #main {
	background: #f9f8f2;
}

#blog #content {
	margin-left: 0;
	float: left;
	width: 665px;
}

#blog #footer .corner.tl,
#blog #footer .corner.tr {
	display: none;
}

#blog #sidebar {
	float: right;
}

	#blog #sidebar .linklist {
		font-size: 1.2em;
		padding-top: 0.8em;
	}
		
		#blog #sidebar .linklist .show_all {
			font-weight: bold;
		}
		
			#blog body.no-js #sidebar .linklist .show_all {
				display: none;
			}
		
		#blog #sidebar .linklist li {
			background: transparent;
		}
			#blog #sidebar .linklist li a {
				padding: 0;
				line-height: 2.16em;
			}

#blog .searchtext {
	font-weight: bold;
	color: #b10052;
	margin-left: 75px;
}
	#blog .searchtext a {
		margin-left: 15px;
	}

#blog .post {
	position: relative;
	margin-left: 75px;
	margin-bottom: 3em;
}
	
	#blog .post embed {
		width: 590px;
		height: 360px;
	}
	
	#blog .post .time {
		position: absolute;
		top: 0;
		left: -75px;
		width: 44px;
	}
		#blog .post .time .date {
			padding-top: 5px;
			height: 36px;
			background: #000 url(elm/stripes_dark.png);
			color: #faf9f4;
			text-align: center;
			
			font-size: 3em;
			line-height: 1em;
            font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
		}
		
		#blog .post .time .seperator {
			height: 3px;
			overflow: hidden;
			background: #328cb1;
		}
		
		#blog .post .time .month {
			font-size: 1.1em;
			line-height: 1.5em;
		}
	
	#blog .post .article {
		padding-top: 0.3em;
	}
		
		#blog .post .article h4 {
			font-size: 2.6em;
			line-height: 1.3em;
			margin-bottom: 0.6em;
		}
		
			#blog .post .article h4 a {
				color: #0a6383;
				text-decoration: none;
			}
		
		#blog .post .article p {
			width: auto;
		}
		
			#blog .post .article .content p a {
				color: #328CB1;
			}
			
				#blog .post .article .content p a:hover {
					color: #257393;
				}
		
		#blog .post .article img,
		#blog .post .article embed {
			margin-bottom: 1em;
		}
		
		#blog .post .article .meta_wrapper {
			background: url(elm/h_dots_grey.gif);
			padding: 1px 0;
		}
			#blog .post .article .meta {
				padding: 0 10px;
				background: #fff;
			}
			
				#blog .post .article .meta .sharebutton {
					display: block;
					float: right;
					line-height: 28px;
					font-size: 1.1em;
					padding-left: 22px;
					background: url(elm/share-icon.png) no-repeat left center;
					text-decoration: none;
				}
					#blog .post .article .meta .sharebutton {
						text-decoration: none;
						color: #323333;
					}
						#blog .post .article .meta .sharebutton:hover {
							color: #555;
						}
				
				#blog .post .article .meta p {
					margin-bottom: 0;
					font-size: 1.1em;
					line-height: 28px;
					color: #b10052;
				}
				
				#blog .post .article .meta p a {
					text-decoration: none;
				}
				
					#blog .post .article .meta p a:hover {
						color: #b10052;
					}
			
#blog #searchform {
	margin-bottom: 3.5em;
}
	#blog #searchform input {
		vertical-align: middle;
	}
	
	#blog #searchform label {
		font-size: 1.2em;
		line-height: 23px;
		left: 5px;
		color: #989999;
	}
	
	#blog #searchform #s {
		border: 1px #d2d2d2 solid;
		line-height: 25px;
		font-size: 1.2em;
		padding: 4px;
		width: 137px;
		color: #989999;
	}
		
		
#blog #footer {
	background: #f9f8f2 url(elm/stripes_bright.png);
}


/* Case */

#case .slideshow {
	overflow: hidden;
	width: 890px;
	height: 395px;
}

    #case .slideshow .slide_navigation a {
        font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
    }



#case .article {
		width: 90%;
	}
		#case .article p {
			width: 95%;
		}
			#case .article blockquote p {
				width: auto;
			}

#case body.customers #content {
	overflow: hidden;
}

#case body .customers {
	width: 120%;
	padding-top: 18px;
}
    #case body .customers h4 {
        font-family: Arial, Helvetica;
    }
    
	#case body .customers .customer {
		position: relative;
		overflow: hidden;
		float: left;
		
		width: 203px;
		height: 212px;
		background: url(elm/case_customer_bg.png);
		
		margin-right: 11px;
		margin-bottom: 11px;
		
		cursor: default;
	}
	
		#case body .customers .customer .logo {
			line-height: 200px;
			text-align: center;
		}
			#case body .customers .customer .logo img {
				vertical-align: middle;
			}
		
		#case body.no-js .customers .customer:hover .info {
			top: 0;
		}
		
		#case body .customers .customer .info {
			position: absolute;
			top: 212px;
			left: 0;
			background: url(elm/case_customer_bg.png) no-repeat -203px 0;
			height: 100%;
			width: 100%;
		}
			
			#case body .customers .customer .info h4 {
				font-size: 1.6em;
				padding-top: 18px;
				padding-left: 20px;
				color: #fff;
			}
			#case body .customers .customer .info p {
				font-size: 1.2em;
				line-height: 1.833em;
				color: #fff;
				
				padding: 14px 20px;
				margin: 0;
				height: 122px;
				overflow: hidden;
			}

#services .services_heading {
	background: url(elm/h_dots_grey.gif) repeat-x left bottom;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#services .article p {
	width: 95%;
}

#services .services {
	width: 100%;
	overflow: hidden;
	font-size: 1em;
	padding-bottom: 1px;
	background: url(elm/h_dots_grey.gif) repeat-x left bottom;
	margin-bottom: 3.5em;
}
	#services .services .service {
		position: relative;
		padding-top: 3em;
		float: left;
		width: 33.33%;
		padding-bottom: 25px;
	}
	
		#services body.no-js .services .service:hover,
		#services .services .service.open {
			background: #07161b;
		}
	
		#services .services .service .arrow {
			display: block;
			position: absolute;
			left: 8px;
			top: 92px;
			background: url(elm/white_arrows.png) no-repeat;
			width: 17px;
			height: 17px;
		}
			#services .services .service.open .arrow,
			#services body.no-js .services .service:hover .arrow {
				background-position: 0 -17px;
				height: 13px;
			}
	
		#services .services .service h4 {
			width: 148px;
			height: 149px;
			font-size: 1.6em;
			background: url(elm/services_circles.png) no-repeat;
			margin-left: 32px;
			margin-bottom: 25px;
		}
			#services .services .service.social_medias h4 {
				background-position: -148px 0;
			}
			#services .services .service.design h4 {
				background-position: -296px 0;
			}
			
			#services .services .service h4 a {
				text-align: center;
				display: block;
				padding-top: 60px;
				padding-bottom: 68px;
				margin: 0 auto;
			}
				#services .services .service h4 a:hover {
					color: #d8e1e7;
				}

		#services .services .service .submenu {
			display: none;
			margin: 0;
			background: url(elm/h_dots_grey.gif) repeat-x left top;
			padding-top: 10px;
			margin-top: 10px;
			margin-bottom: 1em;
		}		

			#services .services .service .submenu li {
				line-height: 1.71em;
			}
				#services .services .service .submenu li a {
					display: block;
					margin: 0 15px;
				}
					#services .services .service .submenu li a:hover {
						color: #d8e1e7;
					}
				
				#services body.no-js .services .service:hover .submenu {
					display: block;
				}

	#services .process h4 {
		display: inline;
	}
	
	#services .process .heading {
		margin-bottom: 1.7em;
	}
	
		#services .process .readmore {
			font-size: 1.4em;
			margin-left: 0.6em;
			text-decoration: underline;
		}
		
			#services .process .readmore:hover {
				color: #d8e1e7;
			}
		
		#services .process_model img {
			margin-top: 3em;
			margin-bottom: 5em;
		}
		
		#services .process .model {
			padding-top: 3em;
			display: block;
		}


/* Services process */

#services body.process .process {
	background: url(elm/h_dots_grey.gif) repeat-x bottom left;
	margin-bottom: 3em;
	padding-bottom: 3em;
}

#services body.process .cases {
	margin-top: 5em;
}


/* Services service */

#services body.service h4 {
	margin-bottom: 1em;
}

#services body.service .panels {
	margin-bottom: 40px;
}

#services body.service .panels .article {
	margin-bottom: 70px;
}

/* Work */

#work #content {
	margin-left: 40px;
	float: none;
	width: 730px;
}

	#work #content .article {
		padding-right: 60px;
	}

#work .jobs {
	padding-top: 10px;
	background: url(elm/h_dots_grey.gif) repeat-x bottom left;
}

	#work .jobs .job {
		padding: 15px 0 25px 0;
		background: url(elm/h_dots_grey.gif) repeat-x top left;
	}
		#work body.has-js .jobs .job .expandable {
			display: none;
		}
		
		#work .jobs .job h4 {
			margin: 0;
			margin-bottom: 10px;
		}
		
		#work .jobs .job ul {
			margin-top: -1em;
		}
		
		#work .jobs .job .button {
			display: inline-block;
			font-size: 1.2em;
			background: #242424 url(elm/button.png);
			color: #ce8301;
			text-decoration: none;
			text-align: center;
			line-height: 24px;
			width: 90px;
		}
			
			#work body.no-js .jobs .job .button,
			#work .jobs .job .button.contract {
				display: none;
			}
			
			#work .jobs .job .button:hover {
				background-color: #2a2a2a;
			}
			
			#work .jobs .job .button:active {
				background-color: #1c1c1c;
			}



#contact #content {
	float: left;
	margin-left: 0;
}

#contact #sidebar {
	float: right;
	width: 190px;
}

	#contact .persons {
		width: 620px;
	}
		
		#contact .persons .seperator {
			clear: both;
			background: url(elm/h_dots_grey.gif) repeat-x bottom left;
			height: 26px;
		}
		
		#contact .persons .person {
			width: 100%;
			overflow: hidden;
			padding-top: 22px;
			padding-bottom: 10px;
			background: url(elm/h_dots_grey.gif) repeat-x top left;
			
		}
			
			#contact .persons .person .image {
				float: left;
				width: 133px;
				padding-top: 6px;
			}
				#contact .persons .person .image img {
					border: 1px #4d4e4e solid;
				}
			
			#contact .persons .person .info {
				float: right;
				width: 460px;
			}
			
				#contact .persons .person .info h2 {
					font-size: 2.6em;
					margin-bottom: 8px;
				}
				
				#contact .persons .person .info p {
					padding-right: 1em;
					font-size: 1.2em;
					line-height: 1.883em;
					margin-bottom: 8px;
				}
				
					#contact .persons .person .info .email {
						font-size: 1.4em;
						
					}

#contact .type {
	display: none;
}

#contact .offices {
	padding-top: 34px;
}
	#contact .offices h2 {
		margin-left: -0.1em;
		margin-bottom: 24px;
	}
	
		#contact .offices .office {
			margin-bottom: 35px;
		}
			#contact .offices .office p,
			#contact .offices .office h5 {
				margin: 0;
			}
			
			
			#contact .offices .office .street-address {
				display: block
			}


/* Promoters */

#promoters .response_message {
	display: none;
}
	#promoters .response_message.success {
		color: #ca005f;
		margin-top: 40px;
	}
	
	#promoters .response_message.error {
		color: #ec9898;
	}

#promoters #send_cv {
	background: url(elm/h_dots_grey.gif) repeat-x left top;
	
	margin-top: 6em;
	padding-top: 2em;
}

#promoters .send_cv {
	padding-bottom: 4em;
	margin-bottom: 4em;
	background: url(elm/h_dots_grey.gif) repeat-x left bottom;
}

#promoters .input_wrap input.text {
	width: 100%;
}

#promoters #send_cv .cv_name,
#promoters #send_cv .cv_telephone {
	float: left;
}

#promoters #send_cv .cv_telephone {
	width: 150px;
}

#promoters #send_cv .cv_name {
	margin-right: 50px;
}

#promoters #send_cv .cv_email {
	clear: left;
}

#promoters #send_cv .cv_name,
#promoters #send_cv .cv_email {
	width: 325px;
}

#promoters #send_cv .cv_cv,
#promoters #send_cv .cv_other_info {
	width: 620px;
}

#promoters #send_cv #cv_cv {
	height: 280px;
}

#promoters #send_cv #cv_other_info {
	height: 150px;
}

#promoters #sidebar {
	width: 210px;
}

#promoters .article {
	margin-bottom: 4em;
}

#promoters #content {
	width: 630px;
	margin-left: 35px;
	overflow: hidden;
}

	#promoters #content h1 {
		margin-bottom: 0.2em;
	}
	
	#promoters #content p {
		width: 90%;
	}


#promoters #sidebar .event {
	margin-bottom: 4em;
}
	#promoters #sidebar .event p {
		font-size: 1.2em;
	}

#promoters #content blockquote {
	width: 95%;
}

#promoters #content blockquote p {
	color: #569797;
	font-size: 2em;
	padding-right: 0;
	width: 100%;
}


#promoters .intro p {
	margin-bottom: 3em;
}

#promoters .intro ul {
	color: #ca005f;
	font-size: 1.6em;
	line-height: 1.7em;
    font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
}
	#promoters .intro ul li {
		list-style: disc;
		margin-left: 1em;
	}




/* !Footer */

#footer .column,
#footer .copy {
	padding: 25px;
	background: #000508;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


#footer .column {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 200px;
	overflow: hidden;
}

	#footer .column a {
			
	}
	
		#footer .column a:hover,
		#footer .contact .email .value:hover {
			color: #257393;
		}

#footer .logo {
	display: block;
	width: 157px;
	height: 21px;
	margin-bottom: 20px;
}

#footer .contact {
	width: 168px;
}
	#footer .contact .org {
		color: #fff;
	}
	#footer .contact .org,
	#footer .contact .adr,
	#footer .contact .street-address,
	#footer .contact .tel {
		display: block;
	}
	
	#footer .contact .tel {
		margin-bottom: 1em;
	}
	
	#footer .contact .email .value {
		color: #328cb1;
		text-decoration: none;
	}
	
	#footer .contact .type {
		display: none;
	}

#footer .twitter {
	width: 155px;
	background-image: url(elm/tweet_badge.png);
	background-position: 45px 30px;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-bottom: 50px;
}
	#footer .twitter p,
	#footer .twitter a {
		font-size: 1.2em;
		
	}
	
	#footer .twitter p {
		padding-top: 25px;
		margin: 140px -20px 5px -20px;
		padding-left: 70px;
		padding-bottom: 5px;
		background: url(elm/h_dots_grey.gif) repeat-x bottom left;
	}
	
	#footer .twitter a {
		padding-left: 50px;
		line-height: 1.8em;
		color: #328cb1;
		text-decoration: none;
	}

#footer .sitemap {
	width: 367px;
	margin-right: 0;
}
	
	#footer .sitemap ul {
		margin-top: -8px;
		/*float: left;*/
		margin-right: 30px;
		width: 168px;
	}

    #footer .sitemap ul.languages {
        margin-top: 25px;
        }
	
		#footer .sitemap ul.last {
			margin-right: 0;
            float: right;
		}
	
		#footer .sitemap ul li {
			padding: 0 5px;
			font-size: 1.2em;
			line-height: 1.833em;
		}
			
			#footer .sitemap ul li a {
				display: block;
				color: #b3b3b5;
			}

            #footer .sitemap ul.languages li a {
                margin-bottom: 12px;
                padding-left: 32px;
                height: 13px;
                line-height: 13px;
                background: url(elm/flags.png) 0 0 no-repeat;
            }

            #footer .sitemap ul.languages li.sv a {
                background-position: 0 -25px;
                }

            #footer .sitemap ul.languages li.en a {
                background-position: 0 -46px;
                }

            #footer .sitemap ul li a:hover {
					color: #d8e1e7;
				}
		
			#footer .sitemap ul li.big {
				font-size: 1.4em;
				margin-bottom: 0.3em;
				padding-bottom: 0.3em;
                font-family: "ronnia-1","ronnia-2", Arial, Helvetica;
				background: url(elm/h_dots_grey.gif) repeat-x bottom left;
			}
			
				body.has-js #footer .sitemap ul li.big a {
					margin-left: -2px;
				}
	
#footer .copy {
	clear: left;
	padding: 0 25px;
	float: none;
	
}
	#footer .copy p {
		margin: 0;
		font-size: 1.2em;
		line-height: 2.2em;
		color: #343434;
	}
		#footer .copy a {
			color: #343434;
			text-decoration: none;
		}
			#footer .copy a:hover {
				color: #d8e1e7;
			}
	
		#footer .copy p.c {	
			float: left;
			width: 220px;
		}
		
		#footer .copy p.supporting {
			
		}
		
		#footer .copy p.madebyapt {
			float: right;
		}




/* !Extras */

/* Input wrapping / labeleing */

.input_wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

	.input_wrap label {
		position: absolute;
	}
	
	body.has-js label {
		cursor: text;
	}
/* Rounded corners */

.corners {
	position: relative;
}
	.corner {
		position: absolute;
		
		/* Default background, width & height. Set specifically on each corner element
		if size is different. Background-position is calculated in main.js */
		
		background: url(elm/corners_000_5px.png);
		width: 5px;
		height: 5px;
	}
		.corner.tl { left: 0; top: 0; }
		.corner.tr { right: 0; top: 0; }
		.corner.bl { left: 0; bottom: 0; }
		.corner.br { right: 0; bottom: 0; }