/*
PRINT STYLESHEET
Colour ref
Dark head #423a3a
Light head #4482be
main text #4c4c4c
light text #787878
links #
*/
/* HTML Elements */
html {  }  /* Forces vert scrollbar on all pages*/
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #4c4c4c;
	font: 12px/13px verdana, arial, helvetica, sans-serif;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6 {
	font: 12px/13px verdana, arial, helvetica, sans-serif;
	margin: 0 0 0 0; /* removes unpridictable 'browser default' settings */
	padding: 0 0 0 0; /* " " */
}

img {
	border: 0 none;
}
p {
	text-align: left; /* IE5Win bug, if no alignment is presented the text may center */
	margin: 0 0 1em 0;
}
form {
	margin: 0 0 0 0;
}
table {
	border: 0;
}
br.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
 /* Link Elements must be in this order*/
a:link, a:visited, a:active, a:hover{
	color: #4482be;
	font-weight: bold;
	text-decoration: none;
}
/*css layout elements*/
/*header*/
#head {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#logobar {
	height: 99px;
}
#printlogo {
	float: left;
}
/*head login*/
#login {
	float: right;
	width: 141px;
	margin: 0 21px 0 0;
	display: inline;
}
#login form {
	width: 141px;
}
#login form h2, #login h2.logged  {
	text-align: left;
	color: #4c4c4c;
	font: bold 10px/11px verdana, arial, helvetica, sans-serif;
	margin-bottom: 7px;
}
#login form input.log {
	width: 139px;
	height: 15px;
	border: 1px solid #c0c0c0;
	font: normal 10px/10px verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 4px 0;
}
#login p {
	font-size: 10px;
}
/*main*/
#main {
	width: 95%;
	text-align: left;
}
#cont, #caseblock, #workblock {
	float: right;
	width: 98%;
	margin: 0 0 0 1%;
	display: inline;
}
#cont p {
	margin: 10px 0 10px 0;
	line-height: 15px;
}
.lineclear {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: 5px;
}

#caseblock, #workblock {
page-break-before: avoid;
	float: right;
	/*width: 95%;*/
	display: inline;
}
/*#caseblock p, #caseblock h2 {
	width: 265px;
}*/
#caseblock h2, #workblock h2 {
	color: #4c4c4c;
	font: bold 10px/11px verdana, arial, helvetica, sans-serif;
	margin-bottom: 7px;
	padding-bottom: 10px;
}
/*sidebar*/
#side {
	margin: 1% 0 0 0;
	display: none;
	overflow: hidden;
}
#side h2 {
	color: #4c4c4c;
	font: bold 10px/11px verdana, arial, helvetica, sans-serif;
	margin-bottom: 7px;
	padding-bottom: 10px;
	background: transparent url(images/greydots.gif) repeat-x bottom;
}
#regoffice {
	margin-top: 20px;
}
#regoffice h2 {
	color: #4482be; 
	font-size: 12px;
}
/*Client area sidebar*/
#side #clientside { 
	border: 1px solid #dddddd;
	border-width: 0 1px 5px 1px;
	margin-top: 62px;
}
#side #clientside h2 {
	padding: 7px 0 9px 10px;
	background: #dddddd url(images/bgnds/bgnd-ass-head.gif) repeat-x top;
}
#side #clientside p {
	font-size: 10px;
	line-height: 13px;
	padding: 5px 10px 5px 10px
}
/*Editable text blocks*/
#edit-text ul, #edit-text ol {
	margin-left: 16px;
}
#edit-text li {
	margin-bottom: 10px;
}
/*Contact page*/
#cont dl.contact {
	margin: 0 0 0 0;
	font-size: 10px;
}
dl.contact dt, dl.contact dd {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}
dl.contact dt {
	width: 206px;
	clear: left;
	overflow: hidden;
}
/*Form*/
.form-container {
	float: left;
	width: 213px;
	margin-left: 16px;
}
form .form-container p, #cont form .form-container p, form p.widetitle {
	clear: both;
	margin: 4px 0 0 0;
}
form .form-container p label {
	width: 200px;
  display: block;
  text-align: left;
  margin-bottom: 2px;
}
form p .form-container span.formw {
  display: block;
	width: 200px
}
.singleline-field {
	background: White url(images/bgnds/contfield-bgnd.gif) no-repeat;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 198px;
	border: 1px solid #b8c0c5;
   margin: 3px 0 0 0;
	padding: 4px 0 4px 0;
	display: inline;
}
.multiline-field {
	background: White url(images/bgnds/contfield-bgnd-lg.gif) repeat-x top;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 198px;
	height: 163px;
	border: 1px solid #b8c0c5;
   margin: 3px 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}
.formbutton {
	float: right;
	margin: 17px 12px 0 0;
	height: 23px;
	width: 70px
}
select.singleline-field {
	text-align: right;
	width: 206px;
}
.darktxt {
	color: #4f89c2;
}
form p.widetitle {
	width: 410px;
	/*display: inline;*/
	padding-left: 16px;
	padding-top: 3px;
}
form .wide-textarea {
	background: White url(images/bgnds/contfield-bgnd-lg.gif) repeat-x top;
	border: 1px solid #b8c0c5;
	width: 430px;
	height: 150px;
	clear: both;
	margin: 3px 0 0 0;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form .wide-singleline-field {
	background: White url(images/bgnds/contfield-bgnd.gif) no-repeat;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #b8c0c5;
   margin: 3px 0 0 15px;
	padding: 4px 0 4px 0;
	width: 198px;
	
}

/*Case studies*/
.case-rep {
	margin-top: 15px;
}
.case-rep h2 {
	color: #423a3a;
	font-weight: bold;
}
 #ca-col1 a.thickbox {
	font: bold 9px/7px verdana, arial, helvetica, sans-serif;
	background: #ff6300 url(images/button-viewdemo.gif) no-repeat top;
	padding: 0 6px 2px 6px;
}
/*Client Area pages*/
#ca-col1 {
	float: left;
	width: 60%;
	display: inline;
}
#ca-col1 #ca-prog {
	display: block;
	padding: 71px 0 5px 76px;
}
#ca-col1 p {
	padding-right: 5px;
}
#ca-col1 #ca-prog p {
	color: #b3b3b3;
	font-size: 8px;
}
#ca-col1 ul {
	margin-left: 15px;
	padding-right: 5px;
}
#ca-col1 ul li {
	margin-bottom:5px;
	color: #ff6300; 
}
#ca-col1 ul li span {
	color: #423a3a;
}
#ca-col1 #ca-prog p span {
	border: 1px solid #b3b3b3;
	padding: 2px 4px 2px 4px;
}
#ca-col1 #ca-prog p span.stagecomp { border-color:#ff6300; color:#ff6300;} 
#ca-col2 {
	margin-left: 10px;
	border-left: 1px solid #dddddd;
	float: left;
	display: inline;
}
#ca-col2 ul.docs {
	width: 196px;
	margin: 0 0 20px 15px;
}
#ca-col2 p, #ca-col2 h1{
	width: 195px;
	margin-left: 15px
}
#ca-col2 ul.docs h1.smallhead {
	width: 180px;
}
#ca-col2 ul.docs li {
	font-size: 11px;
	padding: 0 0 5px 20px;
	background: transparent url(images/icon-doc.gif) no-repeat left;
	list-style-type: none;
}
#ca-col2 form.log {
	width: 196px;
	margin: 0 0 20px 15px;
}
#ca-col2 form.log p {
	margin: 4px 0 0 0;
}
#ca-col2 form.log input.log {
	background: White url(images/bgnds/contfield-bgnd.gif) no-repeat;
	margin: 3px 0 0 0;
	border: 1px solid #b8c0c5;
}
#ca-col2 form.log input.formbutton {
	margin-top: 5px;
	float: left;
}
/*Links page*/
#cont dl {
	margin: 0 5px 0 5px;
}
#cont dt, #cont dd {
	padding: 3px 0 3px 0;
}

/*orange button links*/
#imagebar a:link, #imagebar a:visited, #imagebar a:active, #imagebar a:hover,
#login form a:link, #login form a:visited, #login form a:active, #login form a:hover,
#cont a.prevbut:link, #cont a.prevbut:visited, #cont a.prevbut:active, #cont a.prevbut:hover,
#cont a.nextbut:link, #cont a.nextbut:visited, #cont a.nextbut:active, #cont a.nextbut:hover,
#ca-col1 a.thickbox:link, #ca-col1 a.thickbox:visited, #ca-col1 a.thickbox:active, #ca-col1 a.thickbox:hover
 {
	color: White;
	text-decoration: none;
}
p.assignment a, p.lout a {
	padding: 2px 4px 2px 4px;
	margin-right: 5px;
	color: White;
}
p.assignment a:link, p.assignment a:visited, p.lout a:link, p.lout a:visited, p.assignment a:active, 
p.lout a:active, p.assignment a:hover, p.lout a:hover{
	background-color: #ff6300;
	border: 2px solid White;
	border-top-color: #ff9c29;
	border-left-color: #ff9c29;
	border-right-color: #de4200;
	border-bottom-color: #de4200;
	cursor: pointer;
}
p.lout a:link, p.lout a:visited, p.lout a:active, p.lout a:hover {
	padding: 0 3px 0 3px;
	font-size: 9px;
	float: right;
}
/*Page footer*/
#foot {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
   clear: both;
	height: 26px;
	margin-top: 5px;
	text-align: right;
	border-top: 1px solid Black;
}
#foot h1 {
	/*height: 56px;*/
	font-size: 18px;
	font-weight: normal;
	padding: 13px 0 11px 0;
	line-height: 18px;
	color: White;
	text-align: right;
}
#foot p {
	text-align: right;
	color: #a5a4a4;
	font-size: 10px;
	margin: 9px 0 9px 0;
}
#foot p a:link, #foot p a:visited , #foot p a:active, #foot p a:hover{
	color: #a5a4a4;
	text-decoration: none;
	font-weight: normal;
}
/*Flash headers*/
h1.repl {
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
	color: #423a3a;
	margin-bottom: 10px;
}
h1.smallhead {
	font-size: 18px;
	line-height: 19px;
}
h1.repl em {
	font-style: normal;
	color: #4482be;
}

/*Below Removed for printout*/
#logobar h1,#cont a.prevbut, #cont a.nextbut,
#login form button, #imagebar, #imagebar h1, #imagebar h1, #imagebar h1 span, #imagebar a, 
#casestud-head, #casestud-head p, #casestud-head p.cname, #imagebar #casestud-head a,
#side ul#nav, #side ul#nav li, #side ul#nav li a, #cont h3.bread, #cont h3.date
{
	display: none; overflow: hidden; height: 1px; width: 1px;
}

/* All code (C) Antony Ellam, D4H Creative 2007 */