/*******************
* SCREEN INDEPENDENT
********************/
/* RESET */
html
{
	height: 100%;
	width: 100%;
}

body
{
	height: 100%;
	margin: 0px auto;
	color: #1c2f4a;
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	overflow-y: auto;
}

img
{
	border: none;
}

.clear
{
	clear: both;
}

#s4-workspace
{
	overflow: initial;
}

header *,
h2,
footer,
#nav-large *,
#nav-small *
{
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
}
/* END OF RESET */



/* TYPOGRAPHY */
/* END OF TYPOGRAPHY */



/* COLORS */
/* END OF LAYOUT */


/* UI */
/* END OF UI */



/* TITLES */
/* END OF TITLES */



/* HEADER */
header
{
	width: 100%;
	height: 93px;
	background-color: #2a4069;
	border-top: 8px solid #0a1626;
	box-shadow: inset 0px -5px 1px 3px rgba(41, 64, 106, 1);
}

header #container
{
	max-width: 1010px;
	width: 100%;
	height: 100%;
	margin: 0px auto;
}

header #container #logo
{
	float: left;
	margin-top: 15px;
}

header #container #title-box
{
	float: left;
	margin: 10px 0px 0px 15px;
}

header #container #title-box #title
{
	color: #ffffff;
	font-size: 40px;
	font-weight: 400;
}

header #container #title-box #subtitle
{
	margin-top: -7px;
	color: #c8daff;
	font-size: 12px;
	font-weight: 300;
}

header #container #varia-box
{
	float: right;
	margin-top: 30px;
}

header #container #varia-box *
{
	display: inline-block;
	vertical-align: text-top;
}

header #container #varia-box .lang-switch
{
	padding-top: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: #c8daff;
}

header #container #varia-box .lang-switch a
{
	font-size: 12px;
	color: #c8daff;
}

header #container #varia-box #searchbar .ms-srch-sb
{
	border: none;
	padding: 3px 12px;
	background: #203251 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.7);
	box-shadow: 1px 1px 1px #3f5475;
}

header #container #varia-box #searchbar .ms-srch-sb .ms-srch-sb-prompt
{
	width: 160px;
	margin: 0;
	padding: 2px 5px;
	color: #bdc2cb;
}

header #container #varia-box #searchbar input
{
	padding-top: 2px;
	font-size: 14px;
	color: #bdc2cb;
}

header #container #varia-box #socialicons
{
    display: block;
	margin-top: 4px;
    text-align: right;
}

header #container #varia-box #socialicons #linkedin-title
{
    color: rgb(37, 170, 218);
    font-size: 11px;
    margin-right: 5px;
}
/* END OF HEADER */



/* NAVIGATION */
#nav-large
{
	width: 100%;
	height: 390px;
	background: #385388 url('../img/bg-header.jpg') no-repeat scroll center bottom;
}

#nav-small
{
	width: 100%;
	height: 190px;
	background: #385388 url('../img/bg-header.jpg') no-repeat scroll center bottom;
}

#nav-large nav,
#nav-small nav
{
	max-width: 1010px;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 1px;
	background: #385388 url('../img/nav-dots.jpg') repeat-x scroll center bottom;
}

#nav-large nav ul,
#nav-small nav ul
{
	left: 0 !important;
	padding-left: 0;
}

#nav-large nav li,
#nav-small nav li
{
	list-style: none !important;
}

#nav-large nav .dynamic-children,
#nav-small nav .dynamic-children
{
	padding-right: 0;
}

#nav-large nav ul.dynamic,
#nav-small nav ul.dynamic
{
	margin-top: 12px !important;
	min-width: 170px;
}

#nav-large nav .static.menu-item,
#nav-small nav .static.menu-item
{
	margin: 0;
	padding: 16px 10px;
	font-size: 16px;
	text-decoration: none;
	background-color: #385388;
	-moz-transition-property: background;
	-webkit-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#nav-large nav .static.menu-item:hover,
#nav-small nav .static.menu-item:hover
{
	background-color: #293d64;
}

#nav-large nav .static.menu-item .additional-background,
#nav-small nav .static.menu-item .additional-background
{
	background-image: none;
}

#nav-large nav .static.menu-item .additional-background .menu-item-text,
#nav-small nav .static.menu-item .additional-background .menu-item-text
{
	color: #bdcae5;
}

#nav-large nav .static.menu-item:hover .additional-background .menu-item-text,
#nav-small nav .static.menu-item:hover .additional-background .menu-item-text
{
	color: #ffffff;
}

#nav-large nav ul.dynamic,
#nav-small nav ul.dynamic
{
	margin: -1px 0px 0px 1px;
	padding: 5px 7px;
	border: 0px none;
	background-color: #293d64;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

#nav-large nav ul.dynamic .menu-item,
#nav-small nav ul.dynamic .menu-item
{
	padding: 5px 5px;
	color: #e2e7f3;
	font-size: 12px;
	font-weight: 300;
}

#nav-large nav ul.dynamic .menu-item:hover,
#nav-small nav ul.dynamic .menu-item:hover
{
	color: #ffffff;
	background-color: #20304e;
}

#nav-large nav li.static:hover > .menu-item,
#nav-large nav li.static.selected > .menu-item,
#nav-small nav li.static:hover > .menu-item,
#nav-small nav li.static.selected > .menu-item
{
	color: #ffffff;
	background: #293d64;
}

.ms-listMenu-editLink
{
	display: none !important;
}

#nav-large #subtitle-box
{
	max-width: 1010px;
	width: 100%;
	margin: 0px auto;
	padding: 38px 0px 0px 50px;
	background: #385388 url('../img/map.png') no-repeat scroll 650px 20px;
}

#nav-large #subtitle-box p
{
	margin: 0px;
	padding: 0px;
	font-size: 48px;
	font-weight: 300;
	line-height: 45px;
	color: #f2f6fe;
}

#nav-large #subtitle-box p:nth-child(1)
{
	margin-left: 20px;
}

#nav-large #subtitle-box p:nth-child(2)
{
	margin-left: 40px;
}

#nav-large #subtitle-box p:nth-child(3)
{
	margin-left: 60px;
}

#nav-large #subtitle-box p span
{
	font-size: 28px;
	color: #bccae3;
}
/* END OF NAVIGATION */



/* CONTENT */
#content-box
{
	max-width: 1010px;
	width: 100%;
	margin: 0px auto;
	line-height: 25px;
}

#content-box h1
{
	margin: 20px auto;
	color: #0072bc;
	font-size: 2em;
	font-weight: normal;
}

#content-box .article
{
	width: 60%;
}

#content-box .right-wp-zone-col,
#content-box .ms-descriptiontext.ewiki-margin
{
	display: none;
}

#content-box .article.article-body
{
	padding: 0px;
}

#content-box h2
{
	margin: 0px 0px 35px 0px;
	color: #333333;
	font-size: 35px;
	font-weight: 400;
}

#content-box .col-fluid-2
{
    margin-right: 0px;
}

#content-box .twitter-zone
{
    float: right;
    width: 30%;
    margin-top: 50px;
}

#content-box .article-content,
#content-box .welcome-content
{
	color: #1c2f4a;
}

#content-box .ms-searchCenter-result-main
{
	margin-left: 100px;
}

/* start of contact form */
.form-contact fieldset
{
	border: none;
}

.form-contact input,
.form-contact textarea,
.form-contact button
{
	width: 300px;
    padding: 5px;
    border: 1px solid #89b8ff;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    color: #404040;
}

.form-contact input
{
	width: 200px;
}

.form-contact input[type='submit']
{
	width: 100px;
	margin-left: 0;
	font-weight: bold;
}

.form-contact button[type='submit']:hover
{
	cursor: pointer;
	background-color: #e6f0f0;
}

.form-contact .label
{
	font-size: 16px;
	font-weight: bold;
}

.form-contact .error
{
	border: 2px solid rgba(255, 30, 68, 0.4);
	background-color: rgba(255, 35, 43, 0.1);
}
/* end of contact form */
/* END OF CONTENT */


/* IMPORTANT LINKS BOX */
#importantlinks-box
{
	width: 100%;
	height: auto;
	margin-top: 20px;
	background-color: #ededed;
	border-top: 7px solid #dedede;
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
}

#importantlinks-box #link-box
{
    max-width: 1010px;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0px 10px;
}

#importantlinks-box #link-box h3
{
	float: right;
	display: inline-block;
	margin: 6px 20px 30px 0px;
    font-size: 32px;
	font-weight: 300;
}

#importantlinks-box #link-box h3 span
{
    font-weight: 500;
}


#importantlinks-box #link-box h3.grey
{
	color: #666666;
}

#importantlinks-box #link-box .login-button
{
	width: 226px;
	height: 48px;
	float: right;
	display: inline-block;
	vertical-align: top;
}

#importantlinks-box #link-box .login-button span
{
	display: block;
	margin: 14px 0px 0px 90px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
}

#importantlinks-box #link-box .login-button.red
{
	background: transparent url('../img/button-red.png') no-repeat scroll center;
}

#importantlinks-box #link-box .login-button.grey
{
	background: transparent url('../img/button-grey.png') no-repeat scroll center;
}

#importantlinks-box #link-box .login-button.red:hover
{
	background: transparent url('../img/button-red-hover.png') no-repeat scroll center;
}

#importantlinks-box #link-box .login-button.grey:hover
{
	background: transparent url('../img/button-grey-hover.png') no-repeat scroll center;
}
/* END OF IMPORTANT LINKS BOX */



/* FOOTER */
footer
{
	width: 100%;
	height: auto;
	background-color: #091625;
	border-top: 7px solid #17395d;
}

footer #summary
{
    width: 100%;
    max-width: 1010px;
    margin: 0px auto;
    padding: 30px 0px;
}

footer #summary .col
{
	display: inline-block;
	width: 200px;
	vertical-align: top;
	text-align: left;
}

footer #summary .col img
{
	margin-bottom: 30px;
}

footer #summary .col:nth-child(1)
{
	display: inline-block;
	width: 400px;
	vertical-align: top;
	text-align: left;
}

footer #summary .col:nth-child(2)
{
	margin-left: 130px;
}

footer #summary .col:nth-child(3)
{
	margin-left: 70px;
}

footer #summary .col h3
{
	margin: 0 0 .3em;
	line-height: 1.1em;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: 700;
}

footer #summary .col p
{
	color: #ffffff;
	line-height: 25px;
}

footer #summary  li.static > .menu-item
{
    color: #d6e8ff;
    padding: 3px 0px;
    text-decoration: none;
}

footer #summary li.static a:hover
{
	color: #ec2100;
	background: none;
	transition: color 0.3s ease 0s;
}

footer #summary .nav-footer ul
{
	left: 0 !important;
	padding-left: 0;
}

footer #summary .nav-footer li
{
	list-style: none !important;
}

footer #summary .nav-footer a
{
	font-weight: normal;
	background-color: transparent;
}

footer #copyright
{
    padding: 28px 0px;
    text-align: center;
    border-top: 1px dotted rgb(120, 127, 135);
    color: #787f87;
    font-size: 11px;
}
/* END OF FOOTER */