/* ------------------------------------------------------ */
/* Copyright 2009 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("form.css");
@import url("reset.css");
/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */

body {
	font: 62.5% Arial, Tahoma, Verdana, Geneva, sans-serif;
	background-color:#C8C8C8;
	min-width:1200px;
}
body.login {
	background-color:#FFF;
}
#container {
	margin:0 auto;
	position:relative;
	width:100%;
}
#main {
	float:left;
	margin-top:235px;
	width:100%;
	background-image: url(/www/images/bg/main.png);
	background-repeat: repeat-x;
	background-color:#FFF;
}
.home #main {
	margin-top:344px;
}
.login #main {
	min-height:350px;
}
#inner {
	position:relative;
	width:100%;
}
#wrap {
	margin:0 auto;
	position:relative;
	min-width:980px;
	max-width:1200px;
}
.content, .footer-content {
	float:right;
	width:80%;
	font-size:1.2em;
	color:#666;
	position:relative;
}
.content {
	padding:2.5em 0 0 0;
}
.home .content {
	padding:1.5em 0 0 0;
}
.home .content p {
	margin-bottom:0.8em;
	line-height:1.4em;
}
.content a {
	color:#00B8E4;
}
.content a:hover {
	text-decoration:none;
}
.content-wrap {
	padding:2.5em 0 0 0;
}
.rightbar-content {
	padding:0 25px;
}
.content-small {
	width:47%;
	padding-right:3.2em;
}
.min {
	position:relative;
	margin:0 auto;
	min-width:980px;
	max-width:1200px;
}
.block-two, .block-three, .block-threebig {
	float:left;
}
.block-two {
	width:40%;
	margin:0 4em 3em 0;
}
.block-three {
	width:33.3%;
}
.block-threebig {
	width:66.6%;
}
.block-three div, .block-threebig div {
	padding-right:30px;
}
#sidebar {
	padding-top:2.5em;
}
#sidebar, .footer-sidebar {
	float:left;
	width:19.9%;
	font-size:1.2em;
}
/* Styles / deco ---------------------------------------- */
/* ------------------------------------------------------ */

.logo {
	display:block;
	height:215px;
	width:215px;
	background-image: url(/www/images/logo.png);
	text-indent:-9999px;
	outline:none;
}
h1 {
	font-size:1.8em;
	color:#00B8E4;
	margin-bottom:0.6em;
}
a {
	color:#666666;
}
.red {
	color:#EC2839 !important;
}
.purple {
	color:#FF3399 !important;
}
strong {
	font-weight:700;
}
em {
	font-style:italic;
}
table td {
	vertical-align: top;
}
h2 {
	color:#007992;
	margin-bottom:0.4em;
}
.location-info h2 {
	font-size:1.6em;
	color:#EC2839;
	font-weight:normal !important;
	margin-bottom:0.8em !important;
}
.blog h2 {
	font-size:1.8em;
	color:#00B8E4;
	margin-bottom:0.6em !important;
	font-weight:normal !important;
}
.blog h2, .blog h2 a {
	color:#00B8E4;
	text-decoration:none;
}
.content h2 {
	font-weight:700;
	margin-bottom:1em;
}
.content h3 {
	font-weight:700;
}
.block-three h2 {
	font-size:1.6em;
	color:#00B8E4;
	margin-bottom:0.6em;
}
#highlight h2 {
	color:#00B8E4;
	font-size:1.6em;
	margin-top:1.2em;
	font-weight:normal !important;
}
#rightbar h3 {
	font-size:1.8em;
	color:#005971;
	margin-bottom:0.8em;
}
#footer h3 {
	font-size:1.6em;
	color:#FFF;
	margin:0.8em 0 0.6em;
}
#footer h3 a {
	color:#FFF;
	text-decoration:none;
}
#header h4 {
	font-size:1.8em;
	color:#BFF2FF;
	margin:0.4em 0;
}
.content p {
	line-height:1.8em;
	margin-bottom:1.8em;
}
.content table td {
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	line-height:1.8em;
}
#sidebar p {
	line-height:1.6em;
}
.content ul {
	list-style:none outside;
	margin:0 0 2.2em 0;
}
.content li {
	padding:0.1em 0 0 2em;
	background-position: 0px 0px;
	margin-bottom:1em;
	line-height:1.4em;
	background-image: url(/www/images/bg/content_li.png);
	background-repeat:no-repeat;
}
/* Rightbar --------------------------------------------- */
/* ------------------------------------------------------ */

#rightbar {
	margin-top:1px;
	font-size:1.2em;
	float:right;
	width:29%;
	background-color:#CEF2FB;
	padding-top:2.5em;
	color:#007992;
}
.rightbar-content p {
	line-height:1.4em;
	margin-bottom:1em;
}
#rightbar ul {
	margin-bottom:2em;
}
#rightbar ul a {
	color:#00B8E4;
}
#rightbar ul li {
	margin-bottom:0.4em;
}
/* Header ----------------------------------------------- */
/* ------------------------------------------------------ */

#header {
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:1.2em;
	height:235px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
	background-color:#002D37;
	background-image: url(/www/images/bg/header.png);
	background-repeat: repeat-x;
}
.home #header {
	height:344px;
}
#header-inner {
	height:235px;
	background-image: url(/www/images/bg/header-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.home #header-inner {
	height:344px;
}
#quicklinks {
	position:absolute;
	top:6px;
	right:0;
}
#keywords {
	z-index:1;
	position:absolute;
	bottom:18px;
	right:10px;
	color:#00B8E4;
	font-size:1.4em;
	font-weight:700;
}
#keywords li {
	display:block;
	float:left;
	background-position: -3px -312px;
	padding-left:2.2em;
}
#keywords li.first {
	background:none;
}
/* Nav -------------------------------------------------- */
/* ------------------------------------------------------ */

#nav {
	position:absolute;
	top:82px;
	left:225px;
	font-size:1.1em;
	font-weight:700;
	z-index:1000;
	width:950px;
}
#nav a:hover, #nav .selected {
	background-color:#00B9E4;
}
#nav ul {
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	white-space:nowrap;
}
#nav li {
	float: left;
	position: relative;
	margin-right:8px;
}
#nav li a {
	color:#FFF;
	float: left;
	padding:11px 15px;
	text-decoration:none;
	text-transform:uppercase;
}
#nav .sub {
	position: absolute;
	top: 40px;
	left: 0;
	background: #007993;
	min-width:168px;
	padding: 15px 15px 15px;
	float: left;
	display: none;
}
#nav ul li .sub a {
	text-transform:none !important;
}
#nav ul li .row {
	clear: both;
	float: left;
	width: 100%;
}
#nav ul li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
#nav ul .sub ul li {
	width: 100%;
	color: #fff;
}
#nav ul .sub ul li h2 {
	color:#DEF6FC;
	padding: 0;
	margin: 0.4em 0 1em 0;
	font-weight: 700 !important;
	font-size:12px;
}
#nav ul .sub ul li a {
	float: none;
	height: auto;
	padding: 5px 5px 5px 20px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(/www/images/icons.png);
	background-repeat: no-repeat;
	background-position: -15px -152px;
	font-weight:normal;
	font-size:12px;
}
#nav ul .sub ul li h2 a {
	padding: 5px 5px 5px 0;
	color: #DEF6FC;
	background-image: none !important;
	font-weight:700;
	font-size:12px;
}
.sub .selected {
	background:none !Important;
}
div#nav ul .sub ul li a:hover {
	text-decoration:underline;
	background:url(/www/images/icons.png);
	background-position: -15px -152px;
}
/* Footer ----------------------------------------------- */
/* ------------------------------------------------------ */

#footer {
	clear:both;
	position:relative;
	width:auto;
	background-color:#48DBFF;
	font-size:1.1em;
	padding-bottom:5em;
}
#footer p {
	color:#003846;
}
#footer-links {
	background-color:#00B9E4;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:29px;
	padding-top:8px;
}
#footer-links a {
	display:block;
	float:left;
	margin-right:1em;
	padding:0.2em 0 0.4em;
	color:#93EAFF;
}
#footer-links span {
	display:block;
	float:left;
	padding:0.3em 0 0.4em;
	color:#93EAFF;
}
/* Background icons.png --------------------------------- */
/* ------------------------------------------------------ */

#keywords li, .call-me-back, .twitter, .feed, .img-readmore a, .slideshow-nav a, #slideshow-nav a, .tweet_list li, #highlight-slideshow-nav a, #subnav a, .global-map a, .offices a, .highlight-readmore, .buttonset a, .recent-comment li {
	background-image: url(/www/images/icons.png);
}
/* Elements --------------------------------------------- */
/* ------------------------------------------------------ */

.tip {
	position:relative;
	padding:25px;
	margin-right:20px;
	color:#0083A4;
	background-color:#CEF2FB;
	margin-bottom:2em;
}
.tip p {
	margin-bottom:1em;
}
.call-me-back {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.9em;
	position:absolute;
	bottom:0;
	right:0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	padding:0.5em 3.5em 0.5em 1em;
	background-color:#00B9E4;
	background-position: -535px -153px;
}
.twitter, .feed {
	padding-left:20px;
	padding:0.2em 0 0.4em 2em !important;
	background-position: -10px -9px;
}
.feed {
	background-position: -308px -9px;
}
.img-readmore {
	float:left;
	display:block;
	position:relative;
	margin:0 1em 0 0;
}
.img-readmore a {
	background-color:#00B9E4;
	position:absolute;
	bottom:0;
	right:0;
	padding:0.5em 2.5em 0.5em 1em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.9em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	background-position: right -167px;
}
.highlight-readmore {
	background-color:#00B9E4;
	padding:0.5em 2.5em 0.5em 1em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.9em;
	color:#FFF !important;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	background-position: right -167px;
}
.img-readmore {
	height:93px;
	width:123px;
	padding:0 0 0 0 !important;
}
.tweet_list a {
	color:#FFF;
	text-decoration:none;
}
.tweet_list a:hover {
	text-decoration:underline;
}
.tweet_time, .tweet_time a, .tweet_join {
	font-weight:bold;
}
.tweet_text {
	display:block;
}
.tweet_list li {
	background-position: -706px -558px;
	margin:0 0 0.5em -8px;
	color:#FFF;
	padding:0.8em 1em 0.8em 1.7em;
	line-height:1.4em;
}
/* Slideshow -------------------------------------------- */
/* ------------------------------------------------------ */

#slideshow {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:135px;
	left:240px;
	width:750px;
	color:#FFF;
	height:180px;
	overflow:hidden;
}
#slideshow .type {
	color:#0096BA;
}
#slideshow p {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:0.8em;
}
#slideshow a, .readmore {
	font-family:Tahoma, Geneva, sans-serif;
	display:inline-block;
	background-color:#ED2939;
	padding:0.4em 0.8em;
	color:#FFF !important;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
}
#slideshow-nav {
	position:absolute;
	bottom:20px;
	left:240px;
}
#slideshow-nav a, #highlight-slideshow-nav a, .slideshow-nav a {
	display:block;
	float:left;
	height:10px;
	width:10px;
	text-indent:-9999px;
	outline:none;
	background-position: -827px -19px;
	margin-right:0.7em;
}
#slideshow-nav .activeSlide, #slideshow-nav a:hover, .slideshow-nav .activeSlide, .slideshow-nav a:hover, #highlight-slideshow-nav .activeSlide, #highlight-slideshow-nav a:hover {
	background-position: -642px -19px;
}
#highlight {
	clear:both;
	position:relative;
	width:auto;
	background-color:#CEF2FB;
	font-size:1.1em;
	overflow:hidden;
}
.home #highlight-slides {
	height:200px;	
}

#highlight-slides p {
	display:block;
	width:250px;	
}


#highlight-slides {
	margin-bottom:25px;
	overflow:hidden;
}
#highlight-slideshow-nav {
	position:absolute;
	top:30px;
	right:0;
	z-index:111;
}
#highlight .content {
	padding-top:0 !important;
}
#highlight-slides .date {
	font-size:0.9em;
	color:#0083A4;
}
#highlight-slides .date, #highlight-slides h4 {
	margin-bottom:0.2em;
}
/* Subnav ----------------------------------------------- */
/* ------------------------------------------------------ */

#subnav {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.1em;
	background-color:#007993;
	margin-right:20px;
	padding:25px 25px 14px 25px;
	margin-bottom:2em;
}
#subnav ul ul {
	margin-top:0.8em;
}
#subnav li {
	margin-bottom:1em;
}
#subnav a {
	color:#FFF;
	text-decoration:none;
	font-weight:700;
	background-position: -311px -157px;
	display:block;
	padding-left:1.6em;
}
#subnav .selected {
	background-position: -17px -156px;
	color:#92EAFF;
}
#subnav a:hover, li li .selected {
	text-decoration:underline !important;
}
#subnav li li a {
	padding-left:0;
	margin-left:2.2em;
	font-weight:normal;
	background:none;
}
/* Blog ------------------------------------------------- */
/* ------------------------------------------------------ */

.blog-item {
	margin-bottom:6em;
}
.blog-info {
	color:#005A71;
	margin: 1.5em 0 !important;
}
.blog em {
	color:#007992;
}
.flickr {
	margin-bottom:2em;
}
.flickr a {
	display:block;
	float:left;
	margin: 0 0.4em 0.4em 0;
}
.blog-items p {
	margin-bottom:0.4em;
}
.blog-items a {
	color:#003846;
	text-decoration:none;
}
.blog-items a:hover {
	text-decoration:underline;
}
.blog-comment {
	position:relative;
	color:#00B8E4;
	font-size:0.9em;
	display:inline-block;
	margin-bottom:0.8em !important;
	background-color:#CEF2FB;
	padding:0.4em 0.4em;
}
#footer .blog-comment {
	background-color:#00B9E4;
}
.content .blog-comment {
	padding:1em;
	display:block;
}
.content .blog-comment a {
	color:#00B8E4;
}
.content .blog-comment p {
	margin-bottom:0;
}
.content .blog-comment span {
	display:block;
	width:470px;
}
.comment-count {
	position:absolute;
	top:12px;
	right:12px;
	font-weight:700;
}
.comment-count a {
	text-decoration:underline;
}
.tags li {
	display:inline;
	color:#00B8E4;
}
.recent-comment li {
	display:block;
	margin-bottom:1em !important;
	padding-left:20px;
	background-position:-11px -670px;
}
.comment-title {
	margin-top:2em;
}
.odd {
	background-color:#E6F8FD;
}
.even {
	background-color:#CEF2FB;
}
/* Contact ---------------------------------------------- */
/* ------------------------------------------------------ */

.global-map {
	width:675px;
	height:304px;
	background-image: url(/www/images/map.png);
	margin:3em 0 3em;
}
.location-info {
	position:absolute;
	top:48px;
	right:0;
	width:230px;
}
.location-info div {
	width:230px;
}
.global-map {
	position:relative;
}
.global-map .selected {
	background-position: -828px -165px;
}
.global-map a {
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	background-position: -828px -92px;
	text-indent:-999px;
	cursor:pointer;
}
.location-marker {
	position:absolute;
	width:152px !important;
	height:25px !important;
	background-image: url(/www/images/bg/marker.png) !important;
	background-position: center top !important;
	color:#FFF;
	text-align:center;
	padding:0.5em;
	font-weight:700;
	font-size:1.1em;
}
.offices {
	margin-top:3.5em;
}
.offices li {
	margin-bottom:0.5em;
}
.offices a {
	color:#00B8E4;
	padding-left:2em;
	background-position: -824px -87px;
}
.offices .selected, .offices a:hover {
	color:#EB2739;
	background-position: -824px -160px;
}
/* Clients ---------------------------------------------- */
/* ------------------------------------------------------ */

.sponsors {
	margin-bottom:3em;
	width:90%;
}
.sponsor {
	width:180px;
	height:180px;
	float:left;
	margin:4px;
	position:relative;
	cursor:pointer;
}
.sponsorFlip {
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background-image: url(/www/images/bg/clientflip.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.sponsorFlip:hover {
	border:1px solid #0099FF;
	background-position: bottom center;
}
.sponsorFlip img {
	width:172px;
	height:172px;
	margin:5px 0 0 5px;
}
.sponsorData {
	display:none;
}
.sponsorContent {
	padding:20px;
}
.sponsorContent p {
	line-height:1.2em;
}
.buttonset {
	margin-bottom:1.5em !important;
	color:#CED3D7;
}
.buttonset a {
	font-family:Tahoma, Geneva, sans-serif;
	display:block;
	padding:20px 20px 20px 60px;
	color:#FFF;
	text-decoration:none;
	font-size:1.3em;
	background-repeat:no-repeat;
	outline:none;
}
.contactbutton a {
	background-position:4px -943px;
	background-color:#5B7888;
}
.casestudybutton, .casestudybutton a {
	background-position:-292px -940px;
	background-color:#405560;
}
.downloadbutton a {
	background-position:-633px -934px;
	background-color:#1E272D;
}
.casestudybutton p {
	padding:8px 20px;
}
/* Pages ----------------------------------------------------- */
/* ------------------------------------------------------------*/

div.pages {
	margin: 1em 0 2em;
	font-size: .9em;
}
div.pages ul {
	list-style: none;
	margin: 0;
}
div.pages ul li {
	display: inline;
	margin-right: .2em;
	padding: .3em;
	border: 1px solid #EAEDEE;
	background: none !important;
}
div.pages, div.pages a {
}
div.pages ul li, div.pages ul li.selected a {
	color: #CCC;
}
#lan, #login, #search {
	float:right;
	position:relative;
	height:36px;
	background-color:#C8C8C8;
}
#lan {
	width:81px;
}
#login, #search {
	margin-right:8px;
}
#search form {
	padding:4px;
}
#lan a, #login a {
	display:block;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
}
#lan div a, #login a {
	height:36px;
	font-size:1.2em;
	line-height:2.4em;
	text-indent:1.1em;
	background-image: url(/www/images/icons.png);
	background-position: -257px -475px;
}
#login a {
	padding-right:3em;
	background-position: 120px -473px;
}
#lan ul {
	z-index:1101;
	position:absolute;
	top:36px;
	right:0;
	background-color:#ED2939;
	width:100px;
	display:none;
	padding:1.5em 2em;
}
#lan ul a {
	text-transform:none;
	font-size:1.1em;
	line-height:2em;
}
#lan ul a:hover, #lan .selected {
	color:#002C37;
}
.breadcrumbs {
	position:absolute;
	top:2.5em;
	left:0;
	white-space:nowrap;
}
.breadcrumbs li {
	background:none;
	padding:0;
	display:inline;
}
.breadcrumbs, .breadcrumbs a {
	color:#00B8E4;
	padding-right:0.2em;
}
.breadcrumbs .last {
	color:#666666;
	text-decoration:none;
}
.seperator {
	padding:0 0.1em;
}
blockquote {
	background-image: url(/www/images/bg/blockquote.png);
	background-repeat: no-repeat;
	color:#007992;
	font-style:italic;
	padding:0.3em 0 0 2.2em;
}
.testimonial {
	color:#007992;
}
.testimonial div {
	border-top:1px solid #EDEDED;
	padding-top:1.2em;
}
.testimonial img {
	padding-left:2em;
}
.contact .gallery a, .googlemaps a {
	background-color:#0083A4;
	border:0;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	padding:0.4em 0.8em;
}
.previous {
	margin:-2.5em 0 3em 0;
}
.previous a {
	padding:0.7em 1em;
	background-color:#C8C8C8;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
}

#addthis-blogitem {
	padding-bottom:0.5em;
}

#addthis-blogpreview {
	position:absolute;
	bottom:35px;
	right:40px;
}