@import url("reset.css");
@import url("typography.css");
@import url("grid.css");
/*----------------------------------------------------------------------------------------

COLOUR TABLE 
#3AC2D6__________Cyan
#9ce0ea__________50% Cyan
#cef0f5__________25% Cyan
#ebf9fb__________10% Cyan

----------------------------------------------------------------------------------------*/

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background:#dededf;
	padding:0;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif; /*font-family:"Times New Roman", Times, serif;*/
}

body.fullscreen {background-color:white;}
body.fullscreen .content {padding-top:0px;}
body.fullscreen .prism-story a {width:auto;}

.head-wrapper {
	width:100%;
	background-color:white;
}
.head-content {
	margin:0 auto;
	width:960px;
	z-index:40;
	position:relative;
	min-height:205px;
  	height:auto !important;
  	height:205px;

}
.content-wrapper {
	width:100%;
	clear:both;
	float:left;
	display:inline;
}
.content {
	margin:0 auto;
	width:960px;
	padding-top:20px;
	position:relative;
}
.site-utilities {
	padding:0;
	margin:0;
	position:absolute;
	z-index:40;
	bottom:0px;
	left:0px;
}

.prism-story, .prism-story-return {
	width:162px;
	height:47px;
	background:transparent url(../images/view-prism-story-bg.png);
	padding:55px 0 0 20px;
	position:absolute;
	z-index:50;
	top:0;
	right:-3px;
}
.prism-story a {
	font-weight:normal;
	font-size:1.6em;
	color:white;
	display:block;
	color:#bcbdbe;
	padding-right:35px;
	margin-right:20px;
	background:url(../images/prism-story-arrows.png) no-repeat top right;
}

.prism-story-return a.return {
	font-weight:normal;
	font-size:1.6em;
	color:white;
	display:block;
	color:#bcbdbe;
	padding-right:35px;
	margin-right:20px;
	background:url(../images/prism-story-arrows.png) no-repeat bottom right;
}


.prism-story a span, .prism-story-return a span {
	color:white;
}

.prism-story a:hover, .prism-story-return a:hover {
	text-decoration:none;
	color:#bcbdbe;
}
a.prism-story span, .prism-story-return span {
	color:#bcbdbe;
}

.footer {
	clear:both;
	float:left;
	display:inline;
	position:relative;
	z-index:10;
	width:100%;
	margin-top:30px;
}

/*----------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------*/


div.menu { width:176px; position:relative; z-index:200; float:left; display:inline; margin-left:20px;}

div.menu ul { padding:0; margin:0; list-style-type:none; float:right; width:176px; position:relative; z-index:100;  }

div.menu ul ul { padding:0; margin:0; position:relative; z-index:90; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div.menu ul li { float:left; position:relative; margin:0; background:none; width:176px; font-size:100%; padding:0; }

/* style the links for the top level */
div.menu ul li ul li { text-align:left; }

div.menu ul li a { display:block; text-decoration:none; color:#fff; height:25px; border:0; line-height:27px; font-weight:normal; font-size:1.4em; background:none; padding-bottom:2px; cursor:pointer; }

div.menu ul li a strong { margin-bottom:0px; padding-left: 15px; padding-right:8px; width:153px; background: url(../images/interested-in-bg.png) top left no-repeat; position:relative; display:block; font-weight:normal; float:left; color:black; font-size:0.8em; }

div.menu ul li a:hover { text-decoration:none; /*background: url(../images/nav-quicklinks.png) bottom right;*/ color:#ff7f84;}

div.menu ul li a:hover strong { text-decoration:none; background: url(../images/interested-in-bg.png) top left no-repeat; color:black;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
div.menu ul ul { visibility:hidden; position:absolute; top:27px; left:0; }

div.menu ul ul a { border:none; cursor:pointer; }

div.menu ul li ul li { width:176px; padding:0; float:left; font-size:100%; }

/* style the second level links */
div.menu ul li ul li a { height:auto; line-height:1em; margin:0; padding:0em 8px 0.4em 8px; width:160px; display:block; font-size:1.2em; background-color:#af292e;/*background: url(../images/nav-quicklinks.png) center left;*/ }

div.menu ul li ul li a:hover { color:#e5b9ba; background-color:#af292e; }

div.menu ul li ul li a.last { border-bottom: none; background: url(../images/nav-quicklinks.png) bottom left; padding-bottom:1em; }

div.menu ul li ul li a:hover.last { border-bottom: none; /*background: url(../images/nav-quicklinks.png) bottom right;*/ padding-bottom:1em; }

/* make the second level visible when hover on first level list OR link */
div.menu ul li:hover ul,
div.menu ul a:hover ul { visibility:visible; }

div.menu :hover > a { color:#e5b9ba; /*background: url(../images/nav-quicklinks.png) bottom right;*/ }

div.menu :hover > a strong { color:#black; /*background: url(../images/nav-quicklinks.png) top right;*/ }


.navigation {
	padding: 0;
	margin:0;
	font-size:1.3em;
}

.navigation li {
	list-style: none;
	margin: 0;
	background:none;
	padding:0 0 2px 0;
}
.navigation li ul {
	margin:0;
	padding:0;
}
.navigation li ul li {
	margin-left:10px;
	padding:0;
}

.navigation li a {color:#141414;}

.navigation li.active a {
	color:#9a9b9d;
	font-weight:bold;
}

.navigation li.active a:hover {
	text-decoration:none;
	cursor:default;
}

.navigation li.active ul li a {
	font-weight:normal;
	color:#141414;
}
.navigation li.active ul li a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
BREADCRUMB
----------------------------------------------------------------------------------------*/
.breadcrumb {
	background:#ffffff;
	width:100%;
	width:920px;
	padding:10px 20px 10px 20px;
	text-align:left;
	float:left;
}
.breadcrumb p {
	background-color: transparent;
	margin-bottom: 0px;
	font-size:100%;
}
.breadcrumb p a {
	background-color: transparent;
	color: #3AC2D6;
	text-decoration:none;
}
.breadcrumb p a:hover {
	text-decoration:underline;
}
/*----------------------------------------------------------------------------------------
SEARCH
----------------------------------------------------------------------------------------*/
.search {
	display:inline;
	width:164px;
	float:left; /*CHANGE THIS FLOAT WHEN PLACING SEARCH CONTAINER ELSEWHERE*/
	margin: 0;
	height:15px;
	font-size:100%;
	background:url(../images/search-background.png);
	color:white;
	padding:6px 6px;
}
.search input.search-input {
	background-color:transparent;
	background-image:url(../images/search-box.gif);
	background-repeat:no-repeat;
	border:medium none;
	float:left;
	display:inline;
	font-size:1em;
	margin:0;
	width:94px;
	padding:1px 5px 1px 5px; 
	height:14px;
	color:#a7a8aa;
}
.search input.search-submit {
	float:left;
	margin-left:6px;
}
.search label {
	font-size:1em;
	float:left;
	margin-top:3px;
	margin-right:10px;
	color:White;
}
/*----------------------------------------------------------------------------------------
FOOTER: PIPED LIST
----------------------------------------------------------------------------------------*/

ul.pipe-list {
	margin: 0 0 1em 0;
	padding: 0;
	float:left;
	display:inline;
}
ul.pipe-list li {
	margin: 0;
	padding:0;
	list-style-type: none;
	background:none;
	border:0px;
	float:left;
}
ul.pipe-list li a {
	padding: 0 8px;
	margin:0;
	border-right: 1px solid #fff;
	color:#fff;
	color: #fff;
	text-decoration: none;
}

ul.pipe-list li a.first {padding:0 8px 0 0;}

ul.pipe-list li a.feed {
	margin-left: 8px;
	padding-left: 19px;
	background: url(../images/rss.png) no-repeat 0 50%;
}
ul.pipe-list li a:hover {
	color: #3ac2d6;
}
.footer ul.pipe-list li a {
	border-right: 1px solid #9f9fa1;
	color:#9f9fa1;
	font-size:0.9em;
}
.footer ul.pipe-list li a:hover {
	color: #9f9fa1;
	text-decoration:underline;
}
ul.pipe-list li a.last {
	border-right: 0 none;
}
/*TEXT SIZE*/ 
ul.pipe-list li.text-size {
	position:relative;
	top:-2px;
	padding:0 0 0 5px;
} /*position applied to line up the text size difference*/
ul.pipe-list li.text-size a {
	border:none;
	padding:0 0 0 5px;
	margin:0;
}
ul.pipe-list li.text-size a.medium {
	font-size:125%;
}
ul.pipe-list li.text-size a.large {
	font-size:150%;
}
/*----------------------------------------------------------------------------------------
BUTTONS
----------------------------------------------------------------------------------------*/

a.button {
	/* Right half of button */
background: transparent url(../images/button.gif) no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #fff;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:1em;
}
a.button span {
	/* Left half of button */ 
background: transparent url(../images/button.gif) no-repeat;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 5px 0 5px 18px;
}
a.button:hover {
	background:url(../images/button.gif) scroll right -250px;
}
a.button:hover span {
	background: url(../images/button.gif) no-repeat scroll 0px -250px;
}
a.button-to-top {
	display:block;
	font-weight:bold;
	text-decoration:none;
	background:#333333;
	padding:0;
	margin:0 0 1em 0;
	color:#FFFFFF;
	width:7em;
	text-align:center;
	border:1px solid #fff;
}
a:hover.button-to-top {
	color:#333333;
	border:1px solid #333333;
	background:#fff;
}
/*----------------------------------------------------------------------------------------
FEATURE
----------------------------------------------------------------------------------------*/
.feature dl {
	padding: 15px 0 15px 0;
	border-top: 1px dotted #ccc;
}
.feature dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.feature dl dt {
	margin: 0 0 .5em 0;
	font-size: 1.6em;
}
.feature dl dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}
.feature dl dd {
	margin-left: 120px;
	color: #666;
	font-size:1.2em;
}
/*----------------------------------------------------------------------------------------
NEWS FEED
----------------------------------------------------------------------------------------*/
.news-feed dl {
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #ccc;
}
.news-feed dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.news-feed dl dt {
	margin: 0;
	font-size: 1.6em;
}
.news-feed dl dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}
.news-feed dl dd {
	margin-left: 65px;
	color: #666;
	font-size:1.2em;
}
.news-feed dl:hover {
	background: #EDEDED;
}
/*----------------------------------------------------------------------------------------
HELPER CLASSES
----------------------------------------------------------------------------------------*/

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	overflow: hidden;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.logo {
	margin-top:50px;
	padding:0;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}
.content p img {
	padding:5px 10px;
}
/*----------------------------------------------------------------------------------------
FRAMEWORK
----------------------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.s-h {
	display: block;
	height: 0;
	float: left;
	overflow: hidden;
	width: 0;
} /* accessible display none */
.s-h-o {
	left: -9999em;
	position: absolute;
	top: -9999em;
} /* place content off screen */
.s-i-bg {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.s-i-i {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.s-break {
	display: block;
}
/*----------------------------------------------------------------------------------------
PNG SUPPORT BACKGROUND - DELETE. NOT REQUIRED WHEN IMPLEMENTING A SITE
----------------------------------------------------------------------------------------*/

.png-support {
	background:url(../images/checkerboard.gif) repeat;
	padding:20px;
	margin-bottom:20px;
}
.shadowImg {
	padding: 9px 11px 11px 9px;
	background-image: url(../images/shadow.png);
}
a.png-link {
	background: url(../images/inline-text-background.png) no-repeat;
	cursor: pointer;
	color:#FFFFFF;
	margin-bottom:20px;
}



/*widgets*/

/*.latest-news {width:379px;float:left;}*/
.widget h2 {color:white;font-size:1.6em;}
.widget {float:left;display:inline;}

.latest-news h2 {background:url(../images/latest-news-bg.png) no-repeat;width:357px;height:28px;margin:0;padding-top:25px;padding-left:15px;padding-bottom:0;}
.latest-news .widget-content {background-color:white;padding:13px 0px 13px 15px;}
.latest-news dl {float:left;display:inline;width:104px;margin-right:15px;font-size:1.2em;margin-bottom:12px;}
.latest-news dl dt {font-weight:bold;margin-bottom:10px;}
.latest-news dl dd {line-height:1.2em;}
.latest-news dl dd a {text-decoration:underline;font-weight:bold;display:block;margin-top:10px;}

/*.case-study {width:179px;}*/
.case-study  .widget-content {background:url(../images/case-study-bg.png) bottom left no-repeat; padding-bottom:20px;/*padding:15px 12px 15px 12px; float:left;*/ position:relative; /*width:155px;*/}
.case-study .widget-content h2 {width:120px;margin-bottom:0.5em;padding:0;}
.case-study .widget-content .icon {position:absolute; top:-17px; right:10px;}
.case-study .widget-content a {color:white;font-weight:bold;text-decoration:underline;font-size:1.3em;}
.case-study .widget-content p a {font-size:100%;}

.jobs {/*width:179px;*/}
.jobs  .widget-content {float:left;display:inline;background:url(../images/jobs-bg.png) bottom left no-repeat; padding:8px 12px 14px;/*padding:5px 12px 5px 12px; float:left;*/ position:relative; /*width:155px;*/}
.jobs .widget-content h2 {margin:0;padding:0;}
.jobs .widget-content h2 a {color:white;font-weight:bold;text-decoration:underline;}
.jobs .widget-content .icon {position:absolute; top:-20px; right:12px;}


.get-in-touch h2 {background:url(../images/get-in-touch-bg.png) no-repeat; display:block; height:23px; padding:25px 12px 0; margin:0;}
.get-in-touch .widget-content {background:url(../images/get-in-touch-body-bg.png) bottom left no-repeat; padding:5px 12px 20px;}
.get-in-touch .widget-content a {color:white;font-weight:bold;text-decoration:underline;font-size:1.3em;}
.get-in-touch .widget-content p a {font-size:100%;} 


.related-services h2 {background:url(../images/related-pages-h2.png) no-repeat; display:block; height:12px; padding:16px 14px; margin:0;color:black;}
.related-services .widget-content {background:url(../images/related-pages-bg.png) bottom left no-repeat; padding:12px 12px 20px; margin:0; float:left;}
.related-services .widget-content ul {margin:0;padding:0;}
.related-services .widget-content ul li {background:none;padding:0;margin:0;}
.related-services .widget-content ul li a {font-weight:bold;text-decoration:underline;line-height:1.4em;color:#141414;padding:0;}





.management-image {padding:0 10px 10px 0;float:left;display:inline;}

div.hr {height:1px; width:100%; margin:10px;clear:both;}
div hr {display:none;}

#SocialMedia { list-style-type:none; }
#SocialMedia li { float: left; background: none; padding: 0; margin: 20px 10px 0 0; }