/* Colors */
body {
	background-color: transparent;
}

body, a {
	color: #666;
}

h1 {
	color: #444;
}

h2 {
	color: #999;
}

#content h1 .back_arrow {
	background-color: #39f;
}

#page #menu a.active, .project_navigation a {
	color: #39f;
}

#content h1 .back_arrow a, #cv {
	color: #fbfbfb;
}

#page #menu, #page #menu a, #footer, #footer a {
	color: #aaa;
}

.project_image {
	background-color: #e0e0e0;
}

/* Fonts */
@font-face {
    font-family: 'CalibriRegular';
    src: url('/fonts/calibri-webfont.eot');
    src: url('/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibri-webfont.woff') format('woff'),
         url('/fonts/calibri-webfont.ttf') format('truetype'),
         url('/fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('/fonts/calibri_bold-webfont.eot');
    src: url('/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibri_bold-webfont.woff') format('woff'),
         url('/fonts/calibri_bold-webfont.ttf') format('truetype'),
         url('/fonts/calibri_bold-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBoldItalic';
    src: url('/fonts/calibri_bold_italic-webfont.eot');
    src: url('/fonts/calibri_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibri_bold_italic-webfont.woff') format('woff'),
         url('/fonts/calibri_bold_italic-webfont.ttf') format('truetype'),
         url('/fonts/calibri_bold_italic-webfont.svg#CalibriBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriItalic';
    src: url('/fonts/calibri_italic-webfont.eot');
    src: url('/fonts/calibri_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibri_italic-webfont.woff') format('woff'),
         url('/fonts/calibri_italic-webfont.ttf') format('truetype'),
         url('/fonts/calibri_italic-webfont.svg#CalibriItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: arial, sans-serif;
	font-size: 13.5px;
}

h1, h2, h3 {
	font-family: 'CalibriRegular', sans-serif;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 20px;
}

#menu {
	font-size: 12.5px;
}

#footer {
	font-size: 13.5px;
}

#cv {
	font-size: 12px;
}

#content h1 .back_arrow {
	font-size: 20px;
}

#content h1 a {
	width: 1000px !important;
}

#page.cv h2 {
	margin-left: 0;
}

.back-to-frontpage {
	position: absolute;
	top:  4px;
	left: 4px;
	width: 199px;
	font-size: 12.5px;
}

.project_navigation {
	font-size: 18px;
}

/* Layout */
html, body {
	height: 100%;
}

body {
	margin: 0;
	text-align: center;
}

a {
	text-decoration: none;
}

a:focus, area:focus {
	outline: none !important;
	ie-dummy: expression(this.hideFocus=true) !important;
}

a img {
	border: 0;
}

img {
	vertical-align: middle;
}

h1 {
	overflow: hidden;
	height: 41px;
	margin: 0;
	border-left: 4px solid #39f;
}

h2 {
	margin-top:    5px;
	margin-left:   53px;
	margin-bottom: 0;
	font-weight: normal;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 2px solid #eee;
}

address {
	display: inline;
	font-style: normal;
}

#background {
	display: none;
}

.fullBg {
	display: inline !important;
	position: fixed;
	top:  0;
	left: 0;
	z-index: -2;
	overflow: hidden;
	opacity: 1;
}

#page {
	overflow: hidden;
	display: none;
	position: relative;
	z-index: 1;
	width:  1000px;
	height: auto !important;
	margin: auto;
	border: 1px solid white;
	text-align: center;
}

#frontpage-table {
	text-align: left;
}

#frontpage-image {
	/* display: none; */
}

#frontpage-main-link {
	cursor: pointer;
	display: block;
	position: absolute;
	top:  2px;
	left: 2px;
	width:  200px;
	height: 200px;
	background-image: url(/images/transparent.png);
}

#frontpage-cases-link {
	cursor: pointer;
	display: block;
	position: absolute;
	top:  323px;
	left: 206px;
	width:  243px;
	height: 118px;
	background-image: url(/images/transparent.png);
}

#frontpage-cv-link {
	cursor: pointer;
	display: block;
	position: absolute;
	top:  666px;
	left: 898px;
	width:  58px;
	height: 58px;
	background-image: url(/images/transparent.png);
}

.blue {
	color: #0097d8;
}

.light-grey-bg {
	width:  515px;
	height: 616px;
	padding: 25px;
	background-color: #e6e5e7;
}

.grey-bg {
	float: right;
	width:  270px;
	height: 324px;
	padding: 25px;
	margin-top: -374px;
	margin-right: 69px;
	background-color: #cdcbcf;
}

#page.frontpage {
	border-width: 0;
}

#page #menu {
	margin-bottom: 35px;
	text-align: left;
	text-transform: uppercase;
}

#page #menu .separator {
	margin: 0 10px;
}

#page #menu a {
	/* margin-right: 60px; */
}

#page #menu a.last {
	margin-right: 0;
}

#content {
	width: 960px;
	text-align: left;
}

#content p {
	line-height: 150%;
}

#content h1 .back_arrow {
	float: left;
	display: block;
	width:  38px;
	height: 41px;
	margin-right: 10px;
}

#content h1 .back_arrow a {
	display: block;
	width: 400px;
	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:   40px;
	background-image:    url(/images/back_arrow.png);
	background-repeat:   no-repeat;
	background-position: 13px 14px;
	font-weight: normal;
}

#footer {
	display: none;
	width:  960px;
	height: 50px;
	padding-top: 15px;
	margin: auto;
	text-align: left;
}

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

#page.cv {
	width: 922px !important;
	margin-top: 85px;
	font-size: 11.5px;
}

#page.cv p {
	line-height: 175%;
}

#page.cv .portrait {
	float: right;
	margin-right: 189px;
}

.project {
	overflow: auto;
	display: block;
	width:   500px;
	padding: 11px 0;
	margin:  0;
	border: 4px solid white;
	background-color: white;
}

.project_thumb {
	float: left;
	margin-right: 12px;
}

.project_image {
	float: left;
	display: block;
	overflow: hidden;
	width:  300px;
	height: 200px;
	margin-top:  15px;
	margin-right: 15px;
}

.project_image.slim {
	width: 143px;
}

.project_image.slim_large {
	width:  295px;
	height: 415px;
}

.project_image.slim_medium {
	width:  154px !important;
	height: 415px;
}

.floatleft .project_image {
	float: none !important;
	width: 300px;
}

.floatleft .project_image.slim {
	width: 143px;
}

.floatleft .project_image.slim_large {
	width: 295px;
}

.project_navigation {
	clear: both;
	width: 615px;
	padding-top: 10px;
}

.project_navigation.wide {
	width: 930px;
}

.project_navigation.wide772 {
	width: 772px;
}

.project_navigation.slim468 {
	width: 468px;
}

.project_navigation a.previous {
	float: left;
}

.project_navigation a.next {
	float: right;
}

/* Frontpage */
#page.frontpage {
	width:  1020px !important;
	height: 685px !important;
}

.frontpage .item1, .frontpage .item2, .frontpage .item3, .frontpage .item4, .frontpage .item5, .frontpage .item6, .frontpage .item7, .frontpage .item8, .frontpage .item9, #cv {
	position: absolute;
	display:  none;
}

.frontpage .item1 {
	top:  0;
	left: 226px;
}

.frontpage .item2 {
	top:  136px;
	left: 226px;
}

.frontpage .item3 {
	top:  136px;
	left: 0px;
}

.frontpage .item4 {
	top:  293px;
	left: 66px;
}

.frontpage .item5 {
	top:  466px;
	left: 328px;
}

.frontpage .item6 {
	top:  18px;
	left: 579px;
}

.frontpage .item7 {
	top:  292px;
	left: 579px;
}

.frontpage .item8 {
	top:  379px;
	left: 752px;
}

.frontpage .item9 {
	top:  520px;
	left: 579px;
}

#cv {
	top:  293px;
	left: 386px;
	width:  166px;
	height: 136px;
	padding-left: 15px;
	padding-top:  25px;
}

img.cv_background, img.cv_background_with_text {
	position: absolute;
	z-index: -1;
	left: 0;
	top:  0;
}

img.cv_background_with_text {
	display: none;
}

.cv_name, .cv_title {
	position: absolute;
	top: 24px !important;
	width:  100%;
	height: 20px;
}

.cv_title {
	opacity:      .0;
	-moz-opacity: .0;
	filter: alpha(opacity=0);
	margin-top:    0;
	margin-bottom: 2px;
	font-weight: bold;
}

.item_text {
	display: none;
	position: absolute;
	bottom: 0;
	width:  100%;
	height: 29px;
	padding-top: 7px;
	/* background-image: url(/images/black_semitransparent.png); */
	text-align: center;
	color: white;
}

.item_text.dark {
	color: black;
}

.clearboth {
	clear: both;
}

.floatleft {
	float: left;
	margin-bottom: 0;
}

.floatleft.slim {
	width: 315px;
}

/* SMALL LAYOUT */

/* Frontpage */
.smalllayout #page.frontpage {
	width:  775px !important;
	height: 525px !important;
}

.smalllayout .frontpage .item1 {
	top:  0;
	left: 172px;
}
.smalllayout .frontpage .item1 img {
	width:  168px;
	height: 93px;
}

.smalllayout .frontpage .item2 {
	top:  105px;
	left: 172px;
}
.smalllayout .frontpage .item2 img {
	width:  256px;
	height: 109px;
}

.smalllayout .frontpage .item3 {
	top:  105px;
	left: 0px;
}
.smalllayout .frontpage .item3 img {
	width:  160px;
	height: 109px;
}

.smalllayout .frontpage .item4 {
	top:  226px;
	left: 46px;
}
.smalllayout .frontpage .item4 img {
	width:  231px;
	height: 121px;
}

.smalllayout .frontpage .item5 {
	top:  359px;
	left: 248px;
}
.smalllayout .frontpage .item5 img {
	width:  180px;
	height: 121px;
}

.smalllayout .frontpage .item6 {
	top:  18px;
	left: 440px;
}
.smalllayout .frontpage .item6 img {
	width:  295px;
	height: 196px;
}

.smalllayout .frontpage .item7 {
	top:  226px;
	left: 440px;
}
.smalllayout .frontpage .item7 img {
	width:  121px;
	height: 162px;
}

.smalllayout .frontpage .item8 {
	top:  291px;
	left: 573px;
}
.smalllayout .frontpage .item8 img {
	width:  201px;
	height: 97px;
}

.smalllayout .frontpage .item9 {
	top:  400px;
	left: 440px;
}
.smalllayout .frontpage .item9 img {
	width:  161px;
	height: 121px;
}

.smalllayout #cv {
	top:  226px;
	left: 289px;
	width:  129px;
	height: 111px;
	padding-left: 10px;
	padding-top:  10px;
	font-size: 10px;
}

.smalllayout .cv_background {
	width:  139px;
	height: 121px;
}

.smalllayout .cv_name, .cv_title {
	position: absolute;
	top: 10px;
	width:  100%;
	height: 20px;
}

.smalllayout .item_text {
	height: 23px;
	padding-top: 10px;
	font-size: 12px;
}

.smalllayout .item6 .item_text {
	height: 31px;
	padding-top: 19px;
}
/* SMALL LAYOUT END */