﻿@font-face {
	font-family: 'DroidSans';
	src: url('fonts/DroidSans-webfont.eot');
	src: local('DroidSans'), url('fonts/DROIDSANS.TTF') format('opentype');
	font-weight: normal;
}

@font-face {
	font-family: 'DroidSans';
	src: url('fonts/DroidSans-Bold-webfont.eot');
	src: local('DroidSans-Bold'), url('fonts/DROIDSANS-BOLD.TTF') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'DroidSerif';
	src: url('fonts/DroidSerif-Regular-webfont.eot');
	src: local('DroidSerif'), url('fonts/DROIDSERIF.TTF') format('opentype');
	font-weight: normal;
}

@font-face {
	font-family: 'DroidSerif';
	src: url('fonts/DroidSerif-Bold-webfont.eot');
	src: local('DroidSerif-Bold'), url('fonts/DROIDSERIF-BOLD.TTF') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'PTSansCaption';
	src: url('fonts/PT_Sans_Caption-webfont.eot');
	src: local('PTSansCaption'), url('fonts/PTSANS-CAPTION.TTF') format('opentype');
	font-weight: normal;
}

@font-face {
	font-family: 'PTSansCaption';
	src: url('fonts/PT_Sans_Caption_Bold-webfont.eot');
	src: local('PTSansCaption-Bold'), url('fonts/PTSANS-CAPTIONBOLD.TTF') format('opentype');
	font-weight: bold;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: DroidSerif, Georgia, Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
}

h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 0.5em;
}

h2 {
	font-size: 15px;
	line-height: 18px;
}

h3 {
	font-size: 12px;
	line-height: 18px;	
}

h4, h5, h6 {
	font-size: 12px;
	line-height: 22px;
}

p {
	margin: 0 0 20px 0;
}

p.intro {
	color: #1c2a3b;
	font-size: 15px;
	line-height: 22px;
}

a {
	color: #000000;
	text-decoration: none;
}

img {
	border: none;
}

ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul li {
	background: url(/img/bullet_grey.png) no-repeat left 8px;
	padding: 0 0 0 6px;
}

dl {
	border-top: 1px dotted #c6cace;
	border-bottom: 1px dotted #c6cace;
	width: auto;
	overflow: hidden;
	padding: 14px 0 16px;
	margin: 0 0 15px 0;
}

dt {
	clear: left;
	float: left;
	font-weight: bold;
}

/*** forms ***/

fieldset {
	border: 0;
}

fieldset br {
	clear: both;
}

fieldset label {
	color: #555f6c;
	display: block;
	margin: 0 0 4px 0;
}

fieldset input.text,
fieldset select, 
fieldset textarea {
	border: 1px solid #e2e9ef;
	border-top: 1px solid #aaadb2;
	padding: 3px 10px;	
	color: #8d949d;
	width: 210px;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 15px 0;
}

fieldset input.text {
	float: left;
	margin: 0 20px 15px 0;
}

fieldset textarea {
	width: 350px;
	height: 120px;
}

/* Hide these elements: */
ul.socialmedianav,
ul.metanav,
ul.mainnav,
div.webtrail_img,
div.menunav,
div.page_title_holder,
div.col_nav,
div.col_teaser,
img.contact_img,
div.teaser h3,
div.teaser_content a.readmore,
div.teaser_related,
div.footerwrapper,
a.button,
div#sb-container, 
div.pushbox, 
div#jwplayer,
embed#slideshare,
a.readmore, 
div.employee_tooltip_holder,
div.employee_tooltip,
fieldset.quick_search,
div.paginator, 
iframe {
	display: none;
}

div.col {
	width: 630px;
}

div.logo_mainnav {
	width: 630px;
	padding: 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #c6cace;
}

div.col_content_large div.col {
	width: 100%;
	padding-left: 0;
}

ul.overview li {
	float: left;
	width: 50%;
	padding: 0 0 20px 0;
}

ul.overview li img {
	padding-bottom: 10px;
}

div.overview_container ul {
	border-top: 1px dotted #c6cace;
}

div.overview_container ul li {
	padding: 20px;
	background: none;
	width: auto;
	overflow: hidden;
	border-bottom: 1px dotted #c6cace;
}

ul.news_overview img {
	float: left;
	display: block;
	margin-right: 20px;
}

ul.news_overview span.date {
	font-size: 0.75em;
	color: #8D949D;
}

ul.clients_overview li img {
	border: 1px solid #c6cace;
}

ul.clients_overview ul li {
	clear: both;
	padding: 0;
}

ul.whatwedo_panels {
	width: 680px !important;
}

ul.sitemap li {
	height: auto !important;
}

div.employee_specs {
	display: none !important;
}

ul.employee_overview li {
	float: left;
	margin: 0 10px 10px 0;
}

ul.employee_overview li img {
	display: none;
}

ul.employee_overview li a img {
	display: block;
	opacity: 1;
}
