@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	margin:auto auto 1px auto;	
}

.hr {
	border-bottom:1px solid #DDD;
	margin:10px 0;
}

.contentarea ul {
	list-style-image:url(bullet_blue.png);
	margin:10px 0 0 5px;
	padding:0;
}

.contentarea ul li {
	margin:0;
	padding:0 0 5px 0;
}

ul.list {
	list-style-image:url(bullet_blue.png);
	margin:10px 0 0 20px;
	padding:0;
}

ul.list-site-map, ul.list-site-map ul {
	list-style-type:none !important;
	list-style-image:none !important;
	margin:10px 0 0 20px;
	padding:0;
}

ul.list li {
	margin:0;
	padding:0 0 5px 0;
}

ul.list ul {
	margin:10px auto auto 20px;
}

body {
	background:#FFFFFF url(body-bg.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:20px;
}

.spacer-50px-high {
	display:blockwidth:100px;
	height:50px;
}

a, a:visited {
	color:#336699;
	text-decoration:none;
}

h4 {
	font-weight:normal;
	color:#014C98;
	font-size:16px;
	margin:0 0 10px 0;
}

a:hover {
	text-decoration:underline;
}

a.action-forward {
	background:url(action-forward.png) no-repeat left center;
	padding:0 0 0 20px;
}

#main-column a.action-forward, ul a.action-forward {
	background:url(action-forward-small.png) no-repeat left center;
	padding:0 0 0 12px;
}

li a.action-forward {
	display:block;
	margin:0 0 5px 0;
	background:url(action-forward-small-ie.png) no-repeat left top;
}

#main-column a.action-backward {
	background:url(action-backward-small.png) no-repeat left center;
	padding:0 0 0 12px;
}

.accessibility {
	display:none;
}

#container {
	width:908px;
	margin:0 auto;
	padding:0 0 10px 0;
}

#masthead {
	width:908px;
	height:100px;
	background:url(masthead-bg.png) no-repeat top center;
	margin:10px 0 0 0;
	behavior:url('ie6-fixes/iepngfix.htc');
}

#masthead a.logo-link {
	display:block;
	width:120px;
	height:40px;
	margin:20px 0 0 20px;
	float:left;
	overflow:hidden;
}

#masthead a.contact-link {
	display:block;
	width:230px;
	height:50px;
	margin:20px 20px 0 0;
	float:right;
	overflow:hidden;
}

#page {
	width:908px;
	background:url(page-bg.png) repeat-y center;
	behavior:url('ie6-fixes/iepngfix.htc');
	overflow:hidden;
}

.navs {
	margin:0 0 0 4px;
}

.navs ul{
	overflow: hidden;
	width: 900px;
	margin: 0 0 0 0px !important;
	padding: 0 0 0 0 !important;
	list-style-type: none !important;
	list-style-image: none !important;
	background:#D2FDE8 url(navs-top-bg.gif) repeat-x center;
}

.navs li{
	float: left;
	list-style-image: none !important;
}

.navs li span {	
	width:1px;
	float:right;
	*float:left;
	_display:none;
	height:30px;
	background:#99CCFF;
	margin:-29px 0 0 0;
}

.navs a {
	display: block;
	padding: 10px 20px 0 20px;
	height:23px;
	background:#D2FDE8 url(navs-top-bg.gif) repeat-x center;
	color:#333333;
	text-decoration: none;
	_float:left;
}

.navs a:hover, .navs a.selected{
	background: #ADDFE6;
	color: #333333;
	padding:9px 20px 1px 20px;
	border-top:1px solid #99CCFF;
	border-left:1px solid #99CCFF;
	border-right:1px solid #99CCFF;
	-moz-border-radius:2px;
	margin:0 -1px -1px -1px;
	_margin:0 -1px -1px 0;
	*margin:0 -1px -1px 0;
	position:relative;
	z-index:1;
}

.sub-navs {
	clear: left;
	background: #ADDFE6;
	width:880px;
	height: 24px;
	padding: 5px 0 0 20px;
	margin:0 0 0 4px;
}

.sub-navs ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub-navs li{
	float: left;
	margin-right: 1em;
	list-style-image: none !important;
	margin:0 8px 0 0 !important;
	padding:0 !important;
}

.sub-navs a, .sub-navs a:visited {
	margin:0 10px 0 0;
	text-decoration:none;
	color:#006699;
}

.sub-navs a:hover {
	text-decoration:underline;
}

#page-shadow {
	width:900px;
	margin:1px auto 0 auto;
	height:55px;
	background:url(page-shadow-bg.gif) repeat-x top;
	position:relative;
	z-index:0;
}


#scrolling_image_container {
  width: 288px;
  height: 180px;
}

#big-photos {
	width:900px;
	height:244px;
	margin:0 0 0 4px;
	position:relative;
	z-index:1;
}

#main-column {
	float:left;
	margin:-20px 20px 0 24px;
	_margin-left:12px;
	width:625px;
	position:relative;
	z-index:1;
}

#right-column {
	float:right;
	width:190px;
	padding:0 0 0 15px;
	margin:-20px 24px 0 0;
	overflow:hidden;
	position:relative;
	border-left:1px solid #CCCCCC;
	z-index:1;
}

#right-column h5 {
	color:#014C98;
	font-size:16px;
	font-weight:normal;
	margin:20px 0 10px 0;
}

#right-column h5.top {
	margin:0 0 10px 0;
}

#right-column p {
	color:#666666;
	line-height:20px;
}

.intro {
	width:625px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
	padding:0 0 20px 0;
}

.column {
	float:left;
	width:185px;
	margin:0 35px 0 0;
}

.column.last {
	margin:0;
}

.column h4 {
	font-weight:normal;
	color:#014C98;
	font-size:16px;
	margin:0 0 15px 0;
}

.column p {
	line-height:20px;
}

.article {
	width:625px;
	padding:20px 0 0 0;
	margin:20px 0 20px 0;
	border-top:1px solid #DDDDDD;
	float:left;
	line-height:22px;
}

.contentarea {
	width:625px;
	margin:0;
	padding:0;
	float:left;
}

.contenthomearea {
	width:625px;
	margin:0;
	padding:0;
	float:left;
}

.articlecase {
	width:625px;
	padding:0;
	margin:0;
	float:left;
	line-height:18px;
}

.readmorebox {
	border-top:1px solid #5798c2;
	text-align:right;
}

.readmorebox a {
	color:#014c98;
	background-image:url(../images/downarrow.jpg);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding:0 15px 0 0;
}

.article img {
	float:left;
	padding:0 5px 0 0;
}

.contactContent {
	width:625px;
	float:left;
	line-height:18px;
	border-top:1px solid #CCC;
	/*background-image:url(../images/contactbg.jpg);
	background-repeat:no-repeat;*/
}

.article p {
	margin:0 0 15px 0;
}

#footer {
	width:860px;
	margin:20px 0 0 4px;
	_margin:20px 0 -10px 2px;
	padding:40px 20px 25px 20px;
	overflow:auto;
	background:#D2FDE8;
	float:left;
}

.footer-links span {
	padding:0 5px;
	color:#999999;
}

#page-bottom {
	width:908px;
	height:15px;
	background:url(page-bottom-bg.png) no-repeat top center;
}

.ie-6-warning {
	padding:10px;
	border:1px solid #CC0000;
	color:#CC0000;
	background:#FFCACA;
	margin:0 0 10px 0;
}

.ie-6-warning p {
	margin:0;
	font-size:11px;
}

.ie-6-warning h3 {
	margin:0 0 10px 0;
}

.quotebox {
	background-image:url(../images/quote.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 55px;
}

span.required {
	color:#C00;
	font-size:13px;
	font-weight:bold;
}

input.emailbtn {
	width:138px;
	height:34px;
	border:0;
}

.downloadstorybox {
	padding:0 0 30px 23px; 
	border-bottom:1px solid #CCC;
}

#ourapproachsubnav {
	font-size:12px;
}

.otherintro {
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	width:625px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
}

/*Boxes*/

.boxTop {
	background-image:url(../images/_box/topbottombg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:600px;
	height:5px;
	margin:10px 0 0 0;
}

.boxBg {
	
	background-image:url(../images/_box/boxbg.jpg);
	background-repeat:repeat-y;
	
	width:560px;
	min-height:50px;
	
	padding:5px 20px 5px 20px;
	margin:0 0 0 0;
	
}

.boxBottom {
	background-image:url(../images/_box/topbottombg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:600px;
	height:5px;
}

.homebox {
	width:295px;
	height:100px;
	float:left;
	margin:0 0 5px 5px;
	padding:0 0 0 10px;
	font-size:12px;
}

p.sent {
	background-color:#f1f1f1;
	border:1px solid #ccc;
	padding:10px;
	color:#555;
}

.feedback {
	color:#069;
	padding:10px;
	border:1px solid #336699;
	background:#D9F2FF;
	-moz-border-radius:2px;
}

.feedback a, .feedback a:visited {
	text-decoration:underline;
}

.feedback a:hover {
	text-decoration:none;
}

.emphasise {
	font-weight:bold;
	font-size:14px;
}

blockquote {
	margin:20px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:22px;
	letter-spacing:-1px;
	color:#777777;
	font-style:italic;
}

#minttwist {
	width:880px;
	margin:0 auto;
	padding:0 0 10px 0;
}

#minttwist p {
	text-align:right;
	font-size:11px;
	color:#999999;
	font-family:"Corbel", arial, sans-serif;
}

#minttwist p a, #minttwist p a:visited {
	color:#999999;
}