/**************************************** CSS RESET ************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
p{line-height: 1.3em; padding-bottom:10px;}	
em{font-style:italic;}
strong{font-weight: bold;}
span{line-height: 1.2em;}	

/**************************************** WEBSITE ELEMENTS ************************************************/

body{
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#666666;
	background-color:#f3f4f4;
}
a:link, a:visited, a:hover, a:active{
	color:#7aa0cd;
	line-height:1.2em;
}
/********************************************** MAIN CONTENT WRAPPERS **********************************************/
#wrapper-top{
	margin:0px auto;
	width:890px;
	padding:30px 67px 0px 67px;
	height:17px;
	background:url(../images-structure/wrapper-top.jpg);
	text-align:right;
}
#wrapper-content{
	margin:0px auto;
	width:1024px;
	overflow:hidden;
	background:url(../images-structure/wrapper-content.jpg);
}
#wrapper-bottom{
	margin:0px auto;
	width:1024px;
	height:30px;
	background:url(../images-structure/wrapper-bottom.jpg);
}
#header{
	width:890px;
	height:91px;
	text-align:right;
	margin:5px 67px;
	padding-top:9px;
	background:url(../images-structure/logo.jpg) no-repeat;
}
/********************************************** MAIN TOP NAVIGATION **********************************************/
#nav-top-wrapper{
	width:958px;
	height:55px;
	margin:0px 33px;
	background:url(../images-structure/nav-top-wrapper-bg.jpg);
}
ul#top-nav{
	height:55px;
	width:940px;
	margin:0px 9px;
	clear:both;
	overflow:hidden;
	list-style: none;
}
ul#top-nav li{
	float: left;
	
}
ul#top-nav li a{
	display:block;
	text-indent: -99999px;
	height: 54px;
	margin-bottom:1px;
}

li#top-nav-home a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: 0px 0px; width:151px;}
li#top-nav-home a:hover {background-position: 0px -54px;}
li#top-nav-who a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: -151px 0px; width:160px;}
li#top-nav-who a:hover {background-position: -151px -54px;}
li#top-nav-what a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: -311px 0px; width:162px;}
li#top-nav-what a:hover {background-position: -311px -54px;}
li#top-nav-ideas a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: -473px 0px; width:138px;}
li#top-nav-ideas a:hover {background-position: -473px -54px;}
li#top-nav-people a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: -611px 0px; width:168px;}
li#top-nav-people a:hover {background-position: -611px -54px;}
li#top-nav-contact a {background: url(../images-structure/nav-top.jpg) no-repeat; background-position: -779px 0px; width:161px;}
li#top-nav-contact a:hover {background-position: -779px -54px;}

li#top-nav-who ul li a{width:136px;}
li#top-nav-what ul li a{width:138px;}
li#top-nav-ideas ul li a{width:114px;}
li#top-nav-people ul li a{width:144px;}

ul#top-nav li ul{
	z-index:10;
	position:absolute;
	display:none;
}

ul#top-nav li ul li{
	clear:both;
}

ul#top-nav li ul li a{
	text-indent: 0px;
	background-color:#7ea1cb;
	background-image:none;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	height:auto;
	padding:12px 12px;
	text-decoration:none;
	margin:0px;
}
ul#top-nav li ul li a:hover{
	background-color:#3b5d83;
	text-decoration:underline;
}

/********************************************** HOMAPAGE GALLERY **********************************************/
#gallery-homepage{
	width:958px;
	height:369px;
	margin:0px 33px;
	overflow:hidden;
	position:relative;
	background-color:#f3f4f4;
}
#gallery-homepage .item {
	width: 958px;
	height: 369px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#gallery-homepage .item.off {
	display: none;
}
ul#gallery-navigator{
	position:absolute;
	top:340px;
	right:13px;
}
ul#gallery-navigator li{
	float:left;
	list-style:none;
	cursor:pointer;
}
ul#gallery-navigator li a{
	display:block;
	text-indent:-9999px;
}

ul#gallery-navigator li a.gallery-button{
	width:11px;
	height:11px;
	margin:5px 3px 0px 0px;
	background:url(../images-structure/gallery-nav.gif) no-repeat -5px -5px;
}
ul#gallery-navigator li a.play{
	width:19px;
	height:19px;
	background:url(../images-structure/gallery-nav.gif) no-repeat 0 -57px;
	margin-right:3px;
}
ul#gallery-navigator li a.pause{
	width:19px;
	height:19px;
	background:url(../images-structure/gallery-nav.gif) no-repeat 0px -38px;
	margin-right:13px;
}

/********************************************** MAIN CONTENT, HEADERS **********************************************/
#main-content{
	width:890px;
	margin:0px 33px;
	padding:43px 34px 0px 34px;
	background:url(../images-structure/content-homepage-bg.jpg) repeat-x;
}
#main-content h2.headers-home{
	display:block;
	float:left;
	width:200px;
	margin-right:28px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#main-content h2.headers-home.bigger-gap{
	margin-right:31px;
}
.text-content-with-menu{
	width:655px;
	padding-left:35px;
	overflow:hidden;
	float:left;
	line-height:1.3em;
}
.text-content-with-menu.without-menu{
	width:890px;
	padding-left:0px;
}
.text-content-with-menu h1,h2{
	font-size:25px;
	color:#5d8fca;
	line-height:1.3em;
	font-family:Century Gothic, Arial, Verdana;
	font-weight:normal;
	padding-bottom:20px;
}
.separator{
	width:100%;
	height:1px;
	clear:both;
}
ul.bullet-point{
	padding:15px 0px 0px 25px;
}

ul.bullet-point li{
	margin-bottom:9px;
	padding-left:30px;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 2px;
	clear:both;
}
ul.bullet-point.arrow li{
	background-image:url(../images-structure/bullet-arrow.gif);
}
ul.bullet-point.tickbox li{
	background-image:url(../images-structure/bullet-tick.gif);
}

/********************************************** ICONS HOMEPAGE **********************************************/
ul.icons-homepage{
	width:200px;
	float:left;
	margin-right:31px;
}
ul.icons-homepage li a{
	width:153px;
	height:22px;
	margin-bottom:8.5px;
	padding-top:6px;
	padding-left:47px;
	display:block;
	background-image:url(../images-structure/icons-homepage.jpg);
	background-repeat:no-repeat;
}
ul.icons-homepage li a.twitter{background-position:0px -28px;}
ul.icons-homepage li a.newsletter{background-position:0px -56px;}
ul.icons-homepage li a.linkedin{background-position:0px -84px;}
ul.icons-homepage li a.innovate{background-position:0px -112px;}
ul.icons-homepage li a.contact{background-position:0px -140px;}

/********************************************** RANDOM IMAGES HOMEPAGE **********************************************/
div.random-image{
	width:200px;
	height:100px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
}
div.random-image a{
	width:200px;
	height:100px;
	display:none;
	overflow:hidden;
}
/********************************************** LEFT NAVIGATION **********************************************/
ul.left-nav{
	width:200px;
	float:left;
	overflow:hidden;
}
ul.left-nav.big-gap{
	margin-right:28px;
}
ul.left-nav.bigger-gap{
	margin-right:31px;
}
ul.left-nav li a{
	display:block;
	width:182px;
	height:25px;
	text-decoration:none;
	padding:10px 0px 0px 18px;
}
ul.left-nav li a.top{
	background:url(../images-structure/navigation-left.jpg) no-repeat 0px 0px;
	color:#173456;
}
ul.left-nav li a.middle{
	background:url(../images-structure/navigation-left.jpg) no-repeat 0px -35px;
	color:#173456;
}
ul.left-nav li a.bottom{
	background:url(../images-structure/navigation-left.jpg) no-repeat 0px -70px;
	color:#173456;
}
ul.left-nav li a.top:hover{
	background:url(../images-structure/navigation-left.jpg) no-repeat -200px 0px;
	text-decoration:underline;
}
ul.left-nav li a.middle:hover{
	background:url(../images-structure/navigation-left.jpg) no-repeat -200px -35px;
	text-decoration:underline;
}
ul.left-nav li a.bottom:hover{
	background:url(../images-structure/navigation-left.jpg) no-repeat -200px -70px;
	text-decoration:underline;
}

/********************************************** FOOTER **********************************************/
.dotted-line{
	width:890px;
	height:47px;
	background:url(../images-structure/dotted-line.gif) repeat-x 0px 33px;
	clear:both;
}
#footer-left{
	float:left;
	text-align:left;
	line-height:0.9em;
	padding-bottom:17px;
}
#footer-right{
	float:right;
	text-align:right;
	line-height:0.9em;
	padding-bottom:17px;
}

/********************************************** FOOTER **********************************************/
table.aligned-top tr td{
	text-align:left;
	vertical-align:top;
	padding:3px;
	margin:0px;
}

table.aligned-middle tr td{
	text-align:left;
	vertical-align:middle;
	padding:3px;
	margin:0px;
}