/* PAGE SETUP */
/*html {
	overflow: scroll;
	height: 100%;
}*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #fff;
	font-weight: normal;
	color: #000;
	line-height: 1.2em;
}

a {
	text-decoration: none;
	color: #000;
}

a, a * {
	cursor: pointer !important;
}

a:hover {
	text-decoration: underline;
}

div.clear {
	clear: both;
}
span.clear {
	display: block;
	clear: both;
}

.error { background: #f66 !important; color: #000; }

#container {
	width: 960px;
	margin: 0 auto;	
}

/* HEADER */
#header {
	background-color: #e5eaf3;
	height: 100px;
}

#header h1, #header h1 span {
	display: block;
	height: 75px;
	position: relative;
	top: 0; left: 0;
	width: 153px;
}

#header h1 span {
	background: url(../images/probitas-logo.png) top left no-repeat;
	position: absolute;
}

#header h1 {
	top: 17px; left: 22px;
	float: left;
}

#header #contact_info {
	margin: 26px 20px 0 0;
	float: right;
	font-weight: bold;
	font-size: 13px;
}

#header #contact_info .big_blue {
	font-size: 32px;
	color: rgb(0, 48, 130);
	letter-spacing: 1px;
	padding: 9px 0 3px 0;
}

/* TOP NAVIGATION */
#navigation li {
	float: left;
	height: 33px;
	padding-right: 1px;
}

#navigation li.spacer {
	background: url(../images/navigation-bg-spacer.png) top left no-repeat;
	width: 193px;
}

#navigation li a {
	background: url(../images/navigation-bg.png) top center repeat-x;
	display: block;
	height: 33px;
	width: 127px;
	text-align: center;
	line-height: 33px;
	color: #fff;
	font-weight: bold;
}

#navigation li a:hover, #navigation li a.selected {
	text-decoration: none;
	background-position: bottom center;
}

#navigation li a.off,
#navigation li a:hover.off {
	cursor: default !important;
	background-position: top center;
}

#navigation li.first a {
	background-position: top left;
}

#navigation li.first a:hover, #navigation li.first a.selected {
	background-position: bottom left;
}

#navigation li.search {
	background: url(../images/navigation-bg-search.png) top right no-repeat;
	width: 192px;
	padding-right: 0;
	position: relative;
	top: 0; left: 0;
}
#navigation li.search .text {
	background: transparent !important;
	border: none !important;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	width: 143px;
	position: absolute;
	top: 7px; left: 33px;
}
#navigation li.search .submit {
	position: absolute;
	top: 8px; left: 11px;
} 

/* COLUMNS LAYOUT */
#left_column {
	float: left;
	width: 186px;
}

#center_column {
	float: left;
	width: 560px;
	margin-left: 14px;
	margin-top: 8px;
}

#right_column {
	float: right;
	width: 186px;
}

/* SIDE NAVIGATION COLUMNS */
.side_nav {
	margin-top: 8px;
}

.side_nav h3, .side_nav h3 span {
	display: block;
	height: 43px;
	position: relative;
	top: 0; left: 0;
	width: 186px;
} 

.side_nav h3 span {
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
}

#useful_info h3 span {
	background-image: url(../images/useful-info-header.png);
}

#useful_links h3 span {
	background-image: url(../images/useful-links-header.png);
}

#useful_article h3 span {
	background-image: url(../images/useful-article-header.png);
}

#specialist_team h3 span {
	background-image: url(../images/specialist-team-header.png);
}

#people_helped h3, #people_helped h3 span {
	height: 57px;
}
#people_helped h3 span {
	background-image: url(../images/people-helped-header.png);
}

#useful_info li, #useful_links li, #useful_articles li {
	padding-bottom: 1px;
}

#useful_info a, #useful_links a, #useful_articles a {
	display: block;
	font-weight: bold;
	background-position: top left;
	background-repeat: no-repeat;
}

#useful_links li a:hover span, #useful_articles li a:hover span {
	text-decoration: underline;
}

#useful_info li a {
	background-image: url(../images/useful-info-nav.png);
	width: 186px;
	height: 26px;
	text-indent: 10px;
	line-height: 28px;
}

#useful_links li a {
	width: 116px;
	height: 53px;
	padding: 8px 0 0 70px;
	line-height: 1em;
}
#useful_links li.button1 a {
	background-image: url(../images/useful-links-nav1.png);
}
#useful_links li.button2 a {
	background-image: url(../images/useful-links-nav2.png);
}
#useful_links li a span {
	color: #bf3019;
}

#useful_article {
	padding-bottom: 10px;
	border-bottom: 4px solid #003082;
}
#useful_article li a {
	display: block;
	background-image: url(../images/useful-article-nav.png);
	width: 176px;
	height: 101px;
	padding: 7px 0 0 10px;
	line-height: 1em;
	font-weight: bold;
	color: #003082;
	line-height: 1.1em;
}
#useful_article li a .black {
	color: #000;
}
#useful_article li a .white {
	color: #fff;
	font-weight: normal;
}
#useful_article li a:hover { text-decoration: none; }
#useful_article li a:hover, #useful_article li a:hover span { text-decoration: underline; }

#specialist_team .wrapper {
	background-color: #e6e7e8;
	padding: 10px;
	border-left: 1px solid #ecedee;
	font-weight: bold;
}
#specialist_team p {
	line-height: 1em;
}
#specialist_team ul {
	margin-top: 8px;
}
#specialist_team li {
	height: 71px;
	background-color: #b0b2b5;
	margin-top: 1px;
	position: relative;
	top: 0; left: 0;
	overflow: hidden;
	background-position: top right;
	background-repeat: no-repeat;
}
#specialist_team #keith_cottam {
	background-image: url(../images/keith-cottam-nav.jpg);
}
#specialist_team #gareth_self {
	background-image: url(../images/gareth-self-nav.jpg);
}
#specialist_team #debbie_doherty {
	background-image: url(../images/debbie-doherty-nav.jpg);
}
#specialist_team a {
	position: absolute;
	bottom: 0; right: 0;
	display: block;
	color: #fff;
	background: url(../images/specialist-team-nav.png) top right no-repeat;
	height: 28px;
	text-indent: 10px;
	line-height: 29px;
	width: 165px;
}
#specialist_team #keith_cottam a {
	line-height: 1em;
	text-indent: 0;
}
#specialist_team #keith_cottam a:hover {
	text-decoration: none;
}
#specialist_team #keith_cottam a span {
	position: relative;
	top: 3px; left: 10px;
	width: 120px;
	display: block;
}
#specialist_team #keith_cottam a:hover span {
	cursor: pointer;
	text-decoration: underline;
}
#specialist_team h4 {
	font-size: 13px;
	display: block;
	margin: 9px 0 0 9px;
	width: 70px;
}

#people_helped {
	padding-bottom: 10px;
	border-bottom: 4px solid #00927e;
}
#people_helped ul {
	background-color: #e6e7e8;
	padding: 8px 10px ;
}
#people_helped li {
	color: #00927e;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

#center_column h1.new-style {
	border-bottom: 3px solid #808080;
}

#center_column h1.new-style, 
#center_column h1.new-style span {
	display: block;
	height: 59px;
	position: relative;
	top: 0; left: 0;
	width: 560px;
} 

#center_column h1.new-style span {
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
}

/* FOOTER */
#footer_left {
	clear: left;
	float: left;
	width: 760px;
	margin-top: 10px;
	line-height: 1.1em;
	padding-bottom: 15px;
}

#footer_left address, #footer_left a, #footer_left .center_column  {
	color: #003082;
}

#footer_left p {
	margin-top: 10px;
	font-size: 9px;
	line-height: 1.2em
}

#footer_left .left_column {
	float: left;
	width: 186px;
	margin-right: 14px;
}

#footer_left .center_column {
	float: left;
	width: 560px;
}

#footer_right {
	clear: right;
	float: right;
	width: 186px;
	margin-top: 10px;
}

#footer_right a {
	float: right;
}

#footer_right a, #footer_right a span {
	display: block;
	height: 59px;
	position: relative;
	top: 0; left: 0;
	width: 163px;
}

#footer_right a span {
	background: url(../images/p-and-a-group.png) top left no-repeat;
	position: absolute;
}

/* Case study links */
.case_study_links a {
	float: left;
	display: block;
	margin: 10px 0 0 7px;
	height: 59px;
	width: 115px;
	background: url(../images/case-study-link.png) top left no-repeat;
	font-size: 12px;
	padding-top: 7px;
}

.case_study_links a .cs_title {
	font-weight: bold;
	margin: 0 0 0 7px;
}

.case_study_links a .view {
	color: #fff;
	float: right;
	margin: 25px 28px 0 0;
}

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

.case_study_links a:hover .view {
	text-decoration: underline;
}

#creditor-portal {
	display: block;
	background: url(../images/creditor-portal.png) no-repeat top left;
	width: 185px;
	height: 42px;
	overflow: hidden;
}

#creditor-portal:hover {
	background-position: top right;
}