@charset "utf-8";

/* Master style sheet created on 09/04/10 */

@media screen {
	/* All screen styles to go between these braces */
	
	/* reset the desired elements for best control */

abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1,h2, h3, h4, h5, h6,
hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small,
span, strong, sub,s sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

focus {
	outline: 1px dotted;
}

/*************/
/* end reset */
/*************/

body, body#latest, body#portfolio, body#exhibitions, body#contact {
	font-size: small;
	font-family: "Utopia Std", Georgia, "Times New Roman", serif;
	background: #FFF url(../images/home_bckgd03.png) no-repeat;
	background-position:  -45px 0;
	margin: 10px 40px 40px;
}

body#about, body#who, body#clients, body#studies, body#jobs, body#news {
	background-position: -543px 0;
}

body#services, body#train, body#spot {
	background-position: -1886px 0;
}

a {
	color: #7A868E;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p#skipLink {
	margin: 0 0 20px 0;
}

a.skip {
	font-family: Arial, sans-serif;
	color: #FFF;
}

h1, h2, h3 {
	font-weight: normal;
	color: #7A868E;
}

li {
	color: #7A868E;
}

p {
	line-height: 140%;
}

.highlight01 {
	color: #C20081;
}

.highlight02 {
	color: #019292;
}

#container {
	width: 980px;
	float: left;
	display: inline;
}

/**********************/
/*# Nav panel styles #*/

#navSection {
	float: left;
	width: 180px;
	background-color: rgba(255, 255, 255, 0.94);
	padding: 30px 0 40px 40px;
	font-family: Arial, sans-serif;
	font-size: 110%;
	display: inline;
}

#logo {
	margin: -3px 0 33px -15px;
}

#mainNav {
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

#mainNav li, #subNav li {
	margin: 0 0 4px 0;
}

#subNav li.last {
	margin-bottom: 0;
}

#train #subNav li.last a {
	color: #019292;
}

#mainNav a {
	text-decoration: none;
	letter-spacing: 1px;
}

#mainNav a:hover, #subNav a:hover {
	color: #019292;
}

#mainNav li span {
	color: #019292;
	letter-spacing: 1px;
}

#subNav a {
	text-decoration: none;
}

#subNav .selected a {
	color: #019292;
}

#subNav li span {
	color: #019292;
}

/* Highlight selected top level section in main nav */
body#company #main_LI_0_2_1 a, body#about #main_LI_0_2_1 a, 
body#clients #main_LI_0_2_1 a, body#studies #main_LI_0_2_1 a,
body#jobs #main_LI_0_2_1 a, body#services #main_LI_0_3_1 a,
body#portfolio #main_LI_0_4_1 a, body#news #main_LI_0_5_1 a,
body#fun #main_LI_0_6_1 a, body#contact #main_LI_0_7_1 a,
body#who #main_LI_0_3_1 a, body#spot #main_LI_0_6_1 a,
body#latest #main_LI_0_4_1 a, body#home #main_LI_0_1_1 a, 
body#train #main_LI_0_3_1 a {
	color: #019292;
}



/* End nav styles */
/******************/

#contentSection {
	float: left;
	width: 680px;
	background: #FFF;
	padding: 30px 40px 24px;
	display: inline;
}

#introduction h1 {
	color: #7A868E;
	font-size: 90px;
	margin-bottom: 6px;
}

#introduction h2 {
	color: #7A868E;
	font-size: 46px;
}

/*************************/
/* # Breadcrumbs styles #*/
#breadcrumb {
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #7A868E;
}

#breadcrumb span, #breadcrumb a:hover {
	color: #019292;
}

#breadcrumb a {
	text-decoration: none;
	color: #7A868E;
}

/* End breadcrumb styles */
/*************************/

/***********************/
/*# Search bar styles #*/
.searchBar {
	height: 28px;
	width: 200px;
	float: right;
	background: transparent url(../images/search_bckgd2.gif) no-repeat top right;
	margin: 3px 0 0 0;
	display: inline;
}

.searchBar input.searchEntry {
	font-family: Arial, sans-serif;
	border: none;
	background: none;
	margin: 5px 0 0 4px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
	width: 164px;
}

.searchBar input.btnSearch {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	margin: 4px 0 0 4px;
	color: transparent;
	text-transform: capitalize;
	background-color: transparent;
	background-image: none;
}

.searchBar label {
	color: #FFF;
	font-size: 90%;
	display: none;
}

.searchBar label.structural {
	
}

body#about .searchBar {
	margin-right: 40px;
}

/* End search bar styles */
/*************************/

/************************/
/*# Search page styles #*/
.SearchDialog {
	margin: 0 0 15px 0;
	padding: 0 0 6px 0;
	border-bottom: 2px dotted #CCC;
}

.SearchDialog  td {
	padding: 3px 0;
}

.SearchResults {
	padding-bottom: 15px;
}

.searchResultBlock {
	margin: 0 0 26px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #333;
}

.searchResultTitle p {
	margin: 0 0 8px 0;
	font-size: 110%;
}

.searchResultTitle a {
	padding-bottom: 1px;
	border-bottom: 1px solid #CCC;
}

.searchResultTitle a:hover {
	border-bottom: 2px solid #019292;
	color: #019292;
}

.searchResultText p {
	font-family: Arial, sans-serif;
	margin: 8px 0;
	color: #7A868E;
}

.searchResultRel {
	font-family: Arial, sans-serif;
}

.searchResultDate {
	color: #888888;
	font-size: 9pt;
}
/* End search page styles */
/**************************/

#introduction {
	margin: 30px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 2px dotted #BCC2C6;
}

.section {
	float: left;
	padding: 14px 0 15px 0;
	border-bottom: 2px dotted #BCC2C6;
	width: 100%;
	display: inline;
}

.section p {
	font-family: Arial, sans-serif;
}


.leftColumn {
	float: left;
	width: 325px;
	margin: 0 30px 0 0;
	display: inline;
}

.rightColumn {
	float: left;
	width: 325px;
	color: #7A868E;
	display: inline;
}

.articleBlock {
	font-family: Arial, sans-serif;
	color: #7A868E;
	float: left;
	z-index: 100;
	display: inline;
}

.articleBlock a {
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

.articleBlock a:hover {
	color: #019292;
	border-bottom: 2px solid #019292;
}

.intro {
	margin: 40px 0 0 0;
}

#services .leftColumn a, #jobs .leftColumn a, #spot .rightColumn a, 
#terms .rightColumn a, #terms2 .rightColumn a, 
#about .leftColumn a, #privacy .rightColumn a {
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

#services .leftColumn a:hover, #jobs .leftColumn a:hover, #spot .rightColumn a:hover,
#terms .rightColumn a:hover, #terms2 .rightColumn a:hover, 
#about .leftColumn a:hover, #privacy .rightColumn a:hover {
	border-bottom: 2px solid #019292;
	color: #019292;
}

.contact {
	margin: 40px 0 0 0;
	border: none;
	padding-bottom: 0;
}

.form {
	padding-top: 0;
}

body#about .intro {
	width: 680px;
}

.section h1 {
	font-family: "Utopia Std", Georgia, "Times New Roman", serif;
	color: #7A868E;
	font-size: 350%;
	margin: 0 0 7px 0;	
}

.articleBlock h3 {
	margin: 8px 0 4px;
	color: #C20081;
	clear: left;
}

.articleBlock p {
	margin: 15px 0;
	line-height: 1.4em;
}
.articleBlock .description {
	margin: 0;
}

.description a {
	color: #C20081;
	border-bottom: 1px solid #DDD;
}

.description a:hover {
	color: #C20081;
	border-bottom: 2px solid #C20081;
}

.articleBlock p.last {
	margin-bottom: 0;
}

.articleBlock ul {
	margin: 15px 0 15px 30px;
	list-style-type: none;
}

.articleBlock ul ol {
	margin: 5px 0 15px 0;
}

body#sitemap .articleBlock ul {
	margin-bottom: 0;
}

.articleBlock li {
	background: transparent url(../images/bullet_green.gif) no-repeat 0 0.5em;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
}

body#privacy .listPP li {
	background: none;
}

body#home .caseLower {
	text-transform: lowercase;
}

.highlight, #newsStory p.highlight {
	color: #019292;
}

.divider {
	padding-bottom: 15px;
	border-bottom: 2px dotted #CCC;
}

.statement {
	margin: 12px 0 15px;
	padding: 0 0 20px 0;
	border-bottom: 2px dotted #BCC2C6;
	font-size: 160%;
	color: #019292;
}

#workItem {
	margin: 0 0 80px 0;
}

#workItem p {
	margin: 8px 0 0 0;
	padding: 0 0 3px 19px;
	background: transparent url(../images/bullet_services.gif) no-repeat 0 .1em;
}

#workItem a {
	color: #019292;
	font-family: Arial, sans-serif;
}

#workItem a:hover {
	text-decoration: underline;
}

/******************/
/*# Quote styles #*/
.quoteBlock {
	padding: 1px 0 0 0;
	margin: 15px 0 0 0;	
}

#newsStory .quoteBlock {
	margin: 30px 0 15px 0;
}

body#services .quoteBlock {
	margin-bottom: 40px;
}

.quote, #newsStory p.quote {
	margin: 0 0 5px 45px;
	font-style: italic;
	color: #C20081;
	text-indent: -0.7em;
	line-height: 1.4em;
}

.client, #newsStory p.client {
	color: #7A868E;
	margin: 0 0 15px 45px;
	font-style: italic;
}

#newsStory p.quote, #newsStory p.client {
	font-family: "Utopia Std", Georgia, "Times New Roman", serif;
}

body#exhibitions .quote {
	word-spacing: 1px;
}

/*******************/
/*# Footer styles #*/
#footer {
	margin: 30px 0 0 0;
	color: #7A868E;
	float: left;
	display: inline;
}

#associations {
	margin: 0 0 15px 0;
}

#associations img {
	margin: 0 30px 0 0;
}

#footer p {
	font-family: Arial, sans-serif;
	font-size: 86%;
	margin: 6px 0;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #019292;
	/*text-decoration: underline;*/
}

body#about #contentSection {
	padding-right: 0;
	width: 720px;
}

/********************************/
/*# Portfolio pop image styles #*/
a.popImage {
	background: none;
	border: none;
	display: block;
	float: left;
	height: 150px;
	margin: 0 0 8px 0;
	text-decoration: none;
	width: 325px;
}

a.popImage img {
	border: none;
	display: block;
	text-decoration: none;
}

a.popImage:hover {
	position: relative;
	text-decoration: none;
	z-index: 500;
	border: none;
}

a.popImage span {
	display: block;
	left: -9999px;
	opacity: 0;
	padding: 0;
	position: absolute;
	line-height: 140%;
}

a.popImage span img {
	border: 1px solid #F2F5F9;
	border-top-width: 30px;
	border-left-width: 30px;
	border-right-width: 30px;
	border-bottom-width: 60px;
	-moz-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}

a.popImage span em {
	font-style: normal;
	font-family: Arial, sans-serif;
	display: block; 
	margin: -50px 25px 0 30px; 
	color: #7A868E;
	line-height: 150%;
}

a.popImage:hover span {
	background: none;
	border: none;
	left: -67px;
	opacity: 1;
	padding: 0;
	top: -280px;
	text-decoration: none;
}

#environments {
	float: left;
	display: inline;
}

#environments ul {
	margin: 0;
	padding: 0;
}

#environments li {
	float: left;
	width: 155px;
	margin-right: 20px;
}

#environments .enviroImage {
	float: left;
	width: 155px;
	height: 70px;
	margin: 0 20px 20px 0;
}

#environments a.popImage {
	height: 70px;
	width: 155px;
	margin: 0;
	text-decoration: none;
}

#environments a.popImage:hover span {
	top: -400px;
	left: -153px;
}

.enviro {
	border-bottom: none;
	padding: 15px 0 0;
}

#enviroBorder {
	clear: both;
	height: 10px;
	width: 680px;
	border-bottom: 2px dotted #BCC2C6;
}

.section h2 {
	margin: 15px 0;
	font-size: 150%;
}

body#latest .intro {
	padding-bottom: 50px;
}

/* End pop image styles */
/************************/

/***************************************/
/*# Utility pages styles e.g. sitemap #*/

body#sitemap .section {
	width: 100%;
	padding-bottom: 18px;
}

body#sitemap .CMSSiteMapList li {
	margin: 0 0 7px 0;
}

/*body#sitemap .CMSSiteMapList li a {
	border-bottom: 1px solid #DDD;
}*/

body#sitemap .CMSSiteMapList li a:hover {
	color: #019292;
	border-bottom: 2px solid #019292;
}

body#sitemap .CMSSiteMapList ul {
	margin: 8px 0 12px 25px;
}

body#sitemap .CMSSiteMapList ul li {
	background: none;
}

body#epolicy .section ul {
	margin: 0  50px 0 30px;
	list-style: none;
}

body#terms .tscs, body#terms2 .tscs {
	margin: 15px 0 0 0;
}

body#terms .tscs li, body#terms2 .tscs li {
	background: none;
	padding: 0;
}

body#terms .articleBlock {
	padding-top: 15px;
}

body#terms .articleBlock ul, body#terms2 .articleBlock ul, 
body#privacy .articleBlock ul {
	list-style-type: decimal;
	margin: 0 0 0 30px;
}

body#epolicy .section li {
	margin: 0 0 10px 0;
	line-height: 150%;
	/*padding: 0 0 0 20px;
	background: transparent url(../images/bullet.gif) no-repeat 0 .2em;*/
}

body#terms .section li, body#terms2 .section li, body#privacy .section li {
	margin: 0 0 10px 0;
	line-height: 150%;
}

body#terms .section ul ul, body#terms2 .section ul ul, body#privacy .section ul ul {
	list-style-type: lower-alpha;
}

body#terms2 .section ul ul ul {
	list-style-type: lower-roman;	
}

body#privacy .section li p {
	margin: 0;
}

body#privacy .section li p.pad {
	margin: 0 0 10px;
}

/*body#epolicy .section li:hover {
	background: transparent url(../images/bullet_over.gif) no-repeat 0 .2em;
}*/

body#epolicy .section li a {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
}

body#epolicy .section li a:hover {
	border-bottom: 2px solid #01A4A6;
	padding-bottom: 1px;
	color: #6F7A82;
}

body#terms .rightColumn ul, body#terms2 .rightColumn ul, 
body#privacy .rightColumn ul, body#spot .rightColumn ul {
	font-family: Arial, sans-serif;
	font-style: italic;
	margin: 0 0 0 31px;
	list-style-type: none;
}

body#terms .rightColumn li, body#terms2 .rightColumn li, 
body#privacy .rightColumn li, body#spot .rightColumn li {
	margin: 0 0 2px 0;
	padding: 0 0 0 14px;
	background: transparent url(../images/bullet_green.gif) no-repeat 0 0.6em;
}

.rightColumn .quickLinks {
	margin: 16px 0 0 30px;
	font-family: Arial, sans-serif;
}

.returnLink {
	display: inline-block;
	border-bottom: 1px dotted #7A868E;
	margin: 10px 0 3px 0;
}

.returnLink a {
	border: none;
	vertical-align: text-top;
}

.returnLink a:hover {
	border: none;
	color: #000;
}

/*********************/
/*# Whos who styles #*/
.people {
	padding-bottom: 30px;
}

#biogContainer {
	overflow: auto;
	/*height: 190px;*/
}

#biogContainer .bioImage {
	float: right;
	border: none;
	margin-right: 5px;
}

#biogContainer h2 {
	margin: 0;
}

#biogContainer h2.peopleName {
	color: #C20081;
}

#biogContainer .peopleQuote {
	margin: 15px 220px 0 0;
	font-family: Arial, sans-serif;
	color: #7A868E;
	width: 330px;
} 

#thumbsHolder {
	overflow: auto;
	width: 100%;
	margin-top: 10px;
	width: 675px;
	background: transparent url(../images/thumbs_bckgd.gif) no-repeat right bottom;
}

#thumbsHolder a {
	width: 75px;
	height: 75px;
	display: block;
	float: left;
}

#thumbsHolder a img {
	display: block;
}

#peopleCategories {
	background-color: #F1F3F3;
	font-family: Arial, sans-serif;
	padding: 10px 10px 10px 0;
	overflow: auto;
	width: 665px;
}

#peopleCategories p {
	color: #7A868E;
	float: left;
	width: 90px;
}

#peopleCategories ul {
	list-style-type: none;
	float: left;
	width: 563px;	
}

#peopleCategories li {
	font-family: Arial, sans-serif;
	width: 185px;
	float: left;
	margin: 0 0 4px 0;
}

#peopleCategories li a {
	padding: 0 0 0 12px;
	background: transparent url(../images/who_arrow.gif) no-repeat 0 .2em;
}

#peopleCategories li a:hover {
	color: #019292;
	background: url(../images/who_arrow_on.gif) no-repeat 0 .2em;
}

.opacity {
	opacity: .2;
	cursor: default;
}

.noOpacity {
	opacity: 1;
}

#peopleCategories li.selected a {
	background:url("../images/who_arrow_on.gif") no-repeat scroll 0 0.2em transparent;
	color:#019292;
	text-decoration: none;
}

/*.quoteMark {
	color: #C20081;
	display: inline-block;
	font-size: 220%;
	margin-bottom: -10px;
	vertical-align: -0.4em;
}*/

/* End whos who styles */
/***********************/

/*****************/
/*# News styles #*/

body#news .leftColumn {
	padding-top: 19px;
}

.newsBlock {
	padding: 0 0 30px 0;
	border-bottom: 2px dotted #CCC;
	margin: 0 0 30px 0;
}

.last {
	margin: 0;
	padding: 0 0 15px 0;
	border: none;
}

.newsBlock h2, #newsStory h2 {
	color: #C20081;
	margin: 8px 0;
}

.newsBlock p {
	font-family: Arial, san-serif;
	font-size: 90%;
	color: #7A868E;
}

.newsBlock a, #storyDate a {
	color: #019292;
}

.newsBlock a.titleLink {
	color: #C20081;
}

.newsBlock a:hover, .newsBlock a.titleLink:hover {
	text-decoration: underline;
}

#newsListing {
	margin: 17px 0 0 0;
}

#newsListing ul {
	margin: 0 0 0 24px;
	list-style-type: none;
}

#newsListing li {
	margin: 0 0 10px 0;
	font-family: Arial, san-serif;
}

#newsListing li a {
	font-family: Arial, san-serif;
	display: block;
	padding: 0 0 7px 25px;
	line-height: 140%;	
	background: transparent url(../images/bullet_news.gif) no-repeat 0 1px;
}

#newsListing li a:hover, #newsListing li.selected a {
	color: #C20081;
	background: transparent url(../images/bullet_news_over.gif) no-repeat 0 1px;
}

#newsListing .listingNewsDate {
	display: block;
	margin: -3px 0 0 25px;
	font-size: 90%;
}

#newsStory {
	margin: 19px 0 0 0;
}

#newsStory #storyDate, #newsStory p {
	font-family: Arial, san-serif;
	color: #7A868E;
	margin: 15px 0;
}

#newsStory a {
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

#newsStory a:hover {
	color: #019292;
	border-bottom: 2px solid #019292;
}

#newsStory #storyDate {
	font-size: 90%;
	margin: 0 0 15px 0;
}

#newsStory ul {
	margin: 15px 0 15px 30px;
	list-style-type: none;
}

#newsStory li {
	font-family: Arial, san-serif;
	background: url(../images/bullet_green.gif) no-repeat 0 0.5em transparent;
	margin: 0 0 5px;
	padding: 0 0 0 12px;
}

#newsStory .pullBlock {
	margin: 15px 0 15px 45px;
	font-family: "Utopia Std", Georgia, "Times New Roman", serif;
	color: #019292;
	font-style: italic;
}

/* End news styles */
/*******************/

/**********************/
/*# Client list styles #*/

.clients ul {
	list-style-type: none;
	margin: 0; 
}

.clients ul ul {
	list-style-type: none;
	margin: 5px 0 15px 15px;
}

.clients li {
	color: #019292;	
}

.clients li li {
	color: #7A868E;
	background: none;
}

#theLogos {
	margin: 25px 0 15px;
}

/* End client list styles */
/**************************/

/********************/
/*# Contact styles #*/

body#contact #workItem {
	margin: 0 0 15px 0;
}

/* End contact styles */
/**********************/

/*# Location styles #*/

#mapHolder {
	overflow: auto;
	width: 680px;
	margin: 15px 0;
}

.mapHeight {
	height: 400px;
}

#infoWindowContent {
	display: none;
}

.mapDetailHeader, .mapDetailText, #ocumapDetails h4, #ocumapDetails p {
	font-family: Arial, sans-serif;
	color: #7A868E;
}

.mapDetailHeader, #ocumapDetails h4 {
	margin: 8px 0 3px 0;
}

#ocumapDetails p.mapDetailLink {
	margin: 15px 0;
}

.mapDetailText {
	padding-bottom: 8px;
}

.streetViewer {
	width: 350px;
	height: 250px;
	margin: 10px;
}

/*************************/
/*# Case studies styles #*/

body#studies .section {
	border: none;
}

body#studies .cstudies {
	min-height: 237px;
	padding: 0;
}

#filterControl {
	overflow: auto;
	padding: 0 0 12px;
	margin: 0 0 22px;
	border-bottom: 2px dotted #CCC;
}

#filterControl h2.selectTitle {
	font-size: 110%;
	font-family: Arial, sans-serif;
	margin: 0 0 3px 0;
}

#filterControl ul {
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
}

#filterControl li {
	margin: 0 0 8px 0;
}

#filterControl li select {
	width: 300px;
	color: #7A868E;
}

#filterControl li.itemOr {
	width: 10%;
}

#filterControl li.itemOr h2 {
	margin: 0 0 8px 0;
}

#btnFilter {
	float: left;
	width: 40%;
	border-left: 1px solid #CCC;
	padding: 20px 0 20px 45px;
	margin: 13px 0 0 0;
}

#filterControl #btnFilter input {
	background: url(../images/btn_submit.jpg) no-repeat scroll 0 0 transparent;
	border: none;
	color: #FFFFFF;
	height: 39px;
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
	width: 121px;
	cursor: pointer;
	font-weight: bold;
}

#filterControl #btnFilter input:hover {
	background-position: 0 -39px;
	padding: 1px 0 0 2px;
}

#filterControl h2.results {
	clear: both;
	margin: 0;
}

.casestudyBlock {
	overflow: auto;
	padding: 0 0 22px 0;
	margin: 0 0 22px 0;
	border-bottom: 2px dotted #CCC;
}

.casestudyBlock img {
	float: left;
	margin-bottom: 10px;
}

.frontCover {
	margin-right: 10px;
}

.backCover {
	margin-right: 25px;
}

.casestudyDetail {
	float: left;
	width: 445px;
}

.casestudyDetail h3, .casestudyDetail p {
	font-family: Arial, sans-serif;
}

.casestudyDetail h3 {
	font-weight: bold;
	color: #C20081;
	margin: 0 0 5px 0;
}

.casestudyDetail p {
	color: #7A868E;
}

.casestudyIntro {
	margin: 0 0 5px 0;
}

.pdfDownload {
	margin: 10px 0 0;
}

.pdfDownload a {
	border-bottom: 1px solid #DDD;
}

.pdfDownload a:hover {
	border-bottom: 2px solid #019292;
}

.pdfDownload img {
	margin: 2px 15px 0 0;
}

.groupBy {
	padding: 3px 0 0;
	font-size: 90%;
	font-family: Arial, sans-serif;
	font-style: italic;
	display: inline-block;
}

.byCapability, .bySector {
	font-style: normal;
}

body#studies #footer {
	margin-top: 0;
}

/*body#studies #contentSection {
	min-height: 454px;
}*/

/********************************/
/*# Spot the difference styles #*/

#topSection {
	overflow: auto;
	margin-bottom: 15px;
}

body#spot h2, body#who h2 {
	font-family: "Utopia Std", Georgia, "Times New Roman", serif;
}

body#spot .articleBlock ul {
	margin-left: 15px;
}

body#spot .articleBlock li {
	line-height: 140%;
	margin: 0 0 8px;
	background: transparent url(../images/bullet_green.gif) no-repeat 0 0.6em;
}

body#spot .articleBlock li strong {
	color: #019292;
}

body#spot .rightColumn .quickLinks {
	margin-bottom: 5px;
}

body#spot .rightColumn ul {
	margin-bottom: 15px;
}

body#spot .rightColumn ol {
	font-family: Arial, sans-serif;
	list-style-type: decimal;
	margin: 0 0 15px 20px;
}

body#spot .rightColumn li {
	margin: 0 0 5px 0;
	line-height: 1.4em;
}

body#spot .rightColumn ol li {
	padding: 0;
	background: none;
}

body#spot .rightColumn img {
	margin: 0 0 15px 0;
}

body#spot .rightColumn p {
	font-family: Arial, sans-serif;
}

body#spot #container {
	margin-bottom: 15px;
}

body#spot .game {
	border-bottom: none;
	padding-bottom: 0;
	min-height: 258px;
}

#gameSection {
	clear: both;
	width: 980px;
	background: #FFF;
	overflow: auto;
	padding: 0 0 25px 0;
}

#formSection {
	width: 680px;
	margin: 15px 0 15px 220px;
	padding: 15px 40px 0; 
	background-color: #FFF;
	overflow: auto;
}

#formSection #footer {
	padding: 0 0 15px;
	margin-top: 15px;
}

#tickHolder {
	clear: both;
	overflow: auto;
	margin: 0 0 0 290px;
}

#tickHolder .tick {
	width: 40px;
	float: left;
text-align: center;
}

#Result {
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 120%;
	color: #7A868E;
}

#formSection #formHolder {
	padding: 10px 0 15px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #CCC;
}

body#spot #formSection h2 {
	font-size: 200%;
}

body#spot .sdName:focus, body#spot #formHolder input:focus {
	background-color: #CFEDF0;
}

/*****************/
/*# Jobs styles #*/

body#jobs .rightColumn img {
	margin: 18px 0 50px 46px;
}

/***************************/
/*# Thank you page styles #*/

body#thanks #contentSection {
	min-height: 343px;
}

body#thanks .intro {
	border-bottom: none;
}

#formHolder fieldset {
	background: #FFF url(../images/fieldset_bckgd.gif) repeat-x;
}

/*# Training pages #*/
#courseDetails {
	margin: 18px 0 0 0;
	padding: 5px;
	background: #F5F5F5;
}

#courseDetails p {
	clear: both;
	overflow: auto;
	margin: 6px;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #CCC;
}

#courseDetails .topic {
	float: left;
	width: 110px;
	padding: 0 10px 0 0;
	text-align: left;
}

#courseDetails .theDetail {
	float: left;
	width: 180px;
	margin: 0 0 0 0;
}

#courseDetails .last {
	border: none;
}

.rightColumn .bookCourse {
	border-top: 2px dotted #CCC;
	border-bottom: 2px dotted #CCC;
	padding: 15px 0;
	margin: 0 0 15px 0;
	overflow: auto;
}

.rightColumn .bookCourse a {
	float: left;
	margin: 7px 0 0 0;
	border-bottom: 1px solid #CCC;
}

.rightColumn .bookCourse a:hover {
	color: #019292;
	border-bottom: 2px solid #019292;
}

a#bookNow {
	display: block;
	width: 122px;
	height: 30px;
	background: transparent url(../images/btn_book.jpg) no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: left;
	padding: 8px 0 0 0;
	margin: 0 10px 0 0;
	border: none;
}

a#bookNow:hover {
	text-decoration: underline;
}

.rightColumn .extraInfo {
	margin: 0 0 15px 0;
}

body#train .articleBlock ul li {
	margin: 0 0 12px 0;
}

/*# End training pages #*/

} /* Closing brace for @media screen styles // Do not delete */

@media print {
	/* All print styles to go between these braces */
	img {
		border: none;
	}
}