/* Imports */
@import url("reset.css");

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

body {
	font:13px/30px 'Tahoma', sans-serif;
	background:#1c1c1c;
}

h1 {
	margin:0 0 5px 0;
	font-size:30px;
	line-height:34px;
	font-weight:normal;
}

h2 {
	font-size:13px;
	line-height:30px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

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


/*	Layout	*/
#wrapper {
	background-position:50% 0;
	background-repeat:no-repeat;
}

#wrapper > header > .inner,
#wrapper > section,
#wrapper > footer > .top,
#wrapper > footer > .bottom {
	position:relative;
	margin:0 auto;
	width:980px;
}

#wrapper > header,
#wrapper > footer {
	width:100%;
}



/*	Header	*/
#wrapper > header {
	height:79px;
}

#logo {
	position:absolute;
	top:26px;
	left:37px;
}

/*	Header navigation	*/
nav {
	position:absolute;
	top:28px;
	left:206px;
	z-index:20;
}

nav a {
	display:block;
	float:left;
	padding:0 15px;
	border-left:1px solid #99d0b5;
}

nav a:first-child {
	border:none;
}

nav a img {
	display:block;
}

/*	Header aside	*/
#wrapper > header aside {
	position:absolute;
	top:32px;
	right:8px;
}

#wrapper > header aside a {
	display:block;
	float:left;
	margin:0 0 0 26px;
}

#wrapper > header aside a img {
	display:block;
}



/*	Main section	*/
#wrapper > section {
	min-height:450px;
}

body.home #wrapper > section {
	height:680px;
}

/*	triangle	*/
body #plectra {
	position:absolute;
	left:0;
	top:60px;
}

body.home #plectra {
	left:95px;
	top:61px;
}

body.home.small-viewport #plectra {
	top:0;
}

#plectra #triangle-large {
	position:absolute;
	top:0;
	left:0;
}

#plectra #triangle-medium {
	position:absolute;
	top:201px;
	left:82px;
}

#plectra #triangle-small {
	position:absolute;
	top:228px;
	left:268px;
}

/*	Page	*/
#wrapper > section article {
	padding:100px 0 100px 432px;
	width:460px;
}

#wrapper > section article p.intro {
	font-size:16px;
	line-height:34px;
}

/*	Footer	*/
#wrapper > footer {
	font-family:'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#484848;
	background-color:#1c1c1c;
	background-repeat:no-repeat;
	background-position:50% 0;
}

body.home.footerFixed #wrapper > footer {
	position:fixed;
	bottom:0;
	width:100%;
}

/*	Footer top	*/
#wrapper > footer .top {
	padding:9px 0 0 0;
	height:46px;
	background:no-repeat 0 0 url(../gfx/footer/top.png);
}

#wrapper > footer .top p {
	float:left;
	margin:0 11px 0 0;
	width:170px;
	height:36px;
	text-indent:-4096px;
	overflow:hidden;
	background-color:black;
	background-image:url(../gfx/footer/top-text.png);
	background-position:0 0;
}

#wrapper > footer .top ul li {
	float:left;
	margin:0 26px 0 0;
}

#wrapper > footer .top #bel-ons {
	display:none;
}

/*	Footer bottom	*/
#wrapper > footer .bottom {
	width:817px;
	height:95px;
	padding:0 0 0 163px;
	background:no-repeat 38px 38px url(../gfx/footer/logo.png);
}

#wrapper > footer .bottom div {
	float:left;
	margin:35px 12px 0 0;
	width:112px;
}

#wrapper > footer .bottom #legal {
	width:auto;
}



/*	Themes
	******/

/*	Projects	*/
body.projects #wrapper {
	background-color:#d9eee4;
}

body.projects.home #wrapper {
	background-color:#d9ede1;
	background-image:url(../gfx/projects/bg.jpg);
}

body.projects #wrapper > header {
	background:no-repeat 50% 100% url(../gfx/projects/header.png);
}

body.projects #wrapper > footer {
	background-image:url(../gfx/projects/footer.png);
}

body.projects #wrapper > footer .top p {
	background-color:#6a8412;
}



/*	Professionals	*/
body.professionals #wrapper {
	background-color:#f3fffe;
}

body.professionals.home #wrapper {
	background-color:#fdfdfd;
	background-image:url(../gfx/professionals/bg.jpg);
}

body.professionals #wrapper > header {
	background:no-repeat 50% 100% url(../gfx/professionals/header.png);
}

body.professionals.home #wrapper > header {
	background-image:url(../gfx/professionals/header-home.png);
}

body.consultancy nav a {
	border-color:#99d0b5;
}

body.professionals #wrapper> footer {
	background-image:url(../gfx/professionals/footer.png);
}

body.professionals #wrapper > footer .top p {
	background-color:#de7918;
}



/*	Professionals	*/
body.consultancy #wrapper {
	background-color:#eef8fa;
}

body.consultancy.home #wrapper {
	background-color:black;
	background-image:url(../gfx/consultancy/bg.jpg);
}

body.consultancy #wrapper > header {
	background:no-repeat 50% 100% url(../gfx/consultancy/header.png);
}

body.consultancy.home #wrapper > header {
	background:no-repeat 50% 100% url(../gfx/consultancy/header-home.png);
}

body.consultancy nav a {
	border-color:#cec99c;
}

body.consultancy #wrapper > footer {
	background-image:url(../gfx/consultancy/footer.png);
}

body.consultancy #wrapper > footer .top p {
	background-color:#416180;
}