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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #dddee2;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-image: url('../images/background.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	color: black;
}

#container { 
	position: relative;
  	margin: auto;
  	width: 968px;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	background: white;
	padding-top: 6px;
	}

#container:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

.hidden {
	visibility: hidden;
}

.clearfloat {
	clear: both;
}

/* Generic */

#topbar {
  	width: 924px;
	height: 123px;
	background-image: url('../images/topbar.jpg');
	background-repeat: no-repeat;
	background-position: top left;
  	margin: auto;
	padding-bottom: 6px;
	border: 1px solid white;
}

#topbar h1 {
	display: inline;
	float: left;
	padding: 0px;
	margin: 33px 0px 0px 49px;
  	width: 90px;
	height: 64px;
	background-image: url('../images/digitalchapterlogo.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#topbarright {
	display: inline;
	float: right;
	padding: 25px 7px 0px 0px;
	margin: 0px;
	text-align: right;
}

#topbar h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #c2e1f1;
	padding: 0px 22px 0px 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 1.2em;
}

#topbar h2 strong {
	color: white;
	font-weight: normal;
}

#topbar ul {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	padding: 25px 0px 0px 0px;
	margin: 0px;
}

#topbar ul li {
	display: inline;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	line-height: 28px;

}

#topbar ul li a {
	text-decoration: none;
	padding: 0px 22px 5px 22px;
	border-left: 1px dotted white;
	color: white;
}

#topbar ul .first a {
	border-left: none;
	padding-left: 0px;
}
	
#topbar ul li a:hover {
	color: #63aace;
	background-image: url('../images/underline.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#topbar ul li #highlighted {
	color: #63aace;
	background-image: url('../images/underline.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}


#orangepanel {
	display: inline;
	background-color: #e43c01;
	width: 184px;
	background-image: url('../images/orangebottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#orangepanelcontent {
	width: 175px;
	min-height: 288px;
	height:auto !important;
	height: 288px;
	background-image: url('../images/orangepanel.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 14px 4px 14px 4px;
	margin: 0px;
	border: 1px solid white;
}

#orangepanelcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: 1em;
	color: #722904;
	font-weight: normal;
	padding: 0px 0px 18px 9px;
	margin: 0px;
}

#orangepanelcontent p {
	color: white;
	font-size: 0.9em;
	padding: 0px 5px 12px 9px;
	margin: 0px;
}

#orangepanelcontent cite {
	color: white;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
}

#orangepanelcontent a {
	color: #722904;
	font-size: 0.9em;
	text-decoration: none;
}

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

#orangepanelcontent #quoteWrapper {
	background-image: url(../images/quote_open.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	text-indent: 25px;
}

#orangepanelcontent blockquote {
	background-image: url(../images/quote_closed.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 15px 0px 10px 10px;
	margin: 0px;
	font-size: 0.8em;
}

#orangepanelcontent cite {
	width: 145px;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 0.7em;
	text-indent: 0px;
	float: right;
	color: white;
	font-weight: normal;
}

#footer {
	clear: both;
  	width: 924px;
	height: 33px;
	background-image: url('../images/footer.jpg');
	background-repeat: no-repeat;
	background-position: top left;
  	margin: 7px auto 7px auto;
}

#footer p {
	color: white;
	font-size: 0.8em;
	padding: 8px 0px 0px 15px;
	float: left;
	margin: 0px;
}

#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 0.8em;
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#footer ul li {
	display: inline;
	float: right;
	font-size: 0.9em;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

#footer ul li a {
	text-decoration: none;
	color: white;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/* Homepage */

#mainpanel {
  	width: 927px;
  	margin: auto;
}

#contentpanel {
  	clear: both;
	padding-top: 6px;
  	width: 927px;
  	margin: auto;
}

#centrepanel {
	display: inline;
	position: relative;
	background-color: white;
	width: 484px;
	padding: 6px 36px 6px 36px;
	margin: 0px;
	float: left;
	font-size: 0.8em;	
}

#centrepanel2 {
	display: inline;
	position: relative;
	background-color: white;
	width: 852px;
	padding: 6px 36px 6px 36px;
	margin: 0px;
	float: left;
	font-size: 0.8em;	
}

#centrepanel h1,#centrepanel2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #1e7cb6;
	font-size: 2.1em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	line-height: 1em;
}

#centrepanel p,#centrepanel2 p {
	padding: 6px 0px 0px 0px;
	color: #0c244e;
}

#centrepanel strong,#centrepanel2 strong {
	color: #1e7cb6;
}

#centrepanel ol,#centrepanel2 ol {
	color: #0c244e;
}

#centrepanel li,#centrepanel2 li {
	color: #0c244e;
}

#bluepanel {
	display: inline;
	background-color: #8ca5b3;
	width: 184px;
	background-image: url('../images/bluebottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#bluepanelcontent {
	width: 157px;
	min-height: 288px;
	height:auto !important;
	height: 288px;
	background-image: url('../images/bluepanel.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 14px 13px 14px 13px;
	margin: 0px;
	border: 1px solid white;
}

#bluepanelcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: 1em;
	color: #041c46;
	font-weight: normal;
	padding: 0px 0px 18px 0px;
	margin: 0px;
}

#bluepanelcontent p {
	color: white;
	font-size: 0.9em;
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

#bluepanelcontent a {
	color: #3c647b;
	font-size: 0.9em;
	text-decoration: none;
}

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

#bluepanelcontent ol {
	color: white;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 0px 20px;	
}

#bluepanelcontent ol li {
	padding: 0px 0px 5px 0px;
	margin: 0px;	
}

/* Content */

.column1 {
	display: inline;
	width: 140px;
	float: left;
	padding-bottom: 5px;
}

.column2 {
	display: inline;
	width: 280px;
	float: left;
	padding-bottom: 5px;
}

#blankpanel {
	display: inline;
	width: 184px;
	float: left;
}

#navpanel {
	display: inline;
	background-color: white;
	width: 184px;
	background-image: url('../images/navbottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#navpanelcontent {
	width: 158px;
	background-image: url('../images/navpanel.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 14px 13px 14px 13px;
	margin: 0px 0px 0px 0px;
}

#navpanelcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: 1em;
	color: #6f7d97;
	font-weight: normal;
	padding: 0px 0px 18px 0px;
	margin: 0px;
}

#navpanelcontent ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: #6f7d97;
	font-size: 0.9em;
	text-decoration: none;
}

#navpanelcontent ul li {
	border-bottom: 1px dotted #b7becb;
	padding: 12px 0px 11px 0px;
	font-weight: bold;
	font-size: 0.9em;
}

#navpanelcontent ul .first {
	border-top: 1px dotted #b7becb;
}

#navpanelcontent a {
	color: #6f7d97;
	font-size: 0.9em;
	text-decoration: none;
}

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

#navpanelcontent #highlighted:after  {
	content: "  >"; 
}

#logos {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

.rollover {
}

.client {
	display: inline;
	border-top: 1px dotted #b7becb;
	border-left: 1px dotted #b7becb;
	float: left;
}

.clientright {
	border-right: 1px dotted #b7becb;
}

.clientbottom {
	border-bottom: 1px dotted #b7becb;
}

.top5 {
	margin-right: 13px;
	margin-bottom: 13px;
}

.clientpop {  
    width: 221px;  
    height: 179px;  
	background-image: url('../images/bubble.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 20px 0px 25px;
	color: #1e7cb6;
} 

.clientpop p {  
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.clientpop h2 {  
	font-size: 1.5em;
	margin: 0px;
	padding: 14px 0px 7px 2px;
}

.clientpop ul {  
	padding: 0px 0px 15px 15px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #b7becb;
}

.clientpop a {  
	margin: 14px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	color: #1e7cb6;
	font-size: 0.85em;
}

.clientpop .close {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 14px;
	height: 14px;
	background-image: url('../images/close.gif');
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.clientpop2 {  
    width: 467px;  
    height: 179px;  
	background-image: url('../images/bubble2.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 20px 0px 25px;
	color: #1e7cb6;
} 

.clientpop2 img {  
	padding: 0px 10px 10px 0px;
} 

.clientpop2 h2 {  
	font-size: 1.5em;
	margin: 0px;
	padding: 14px 0px 0px 2px;
}

.clientpop2 ul {  
	padding: 0px 0px 15px 15px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #b7becb;
}

.clientpop2 a {  
	margin: 14px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	color: #1e7cb6;
	font-size: 0.85em;
}

.clientpop2 .close {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 14px;
	height: 14px;
	background-image: url('../images/close.gif');
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

#logos a {
	cursor: pointer;
}

#teampop1 {  
    position: absolute;  
	display: block;
    top: 160px;  
    left: 180px;
	z-index: 999;
	font-size: 0.7em;
} 

#teampop2 {  
    position: absolute;  
	display: block;
    top: 200px;  
    left: 180px;  
	z-index: 999;
	font-size: 0.7em;
} 

#clienttop1 {  
    position: absolute;  
	display: block;
    top: 40px;  
    left: 400px;  
} 

#clienttop2 {  
    position: absolute;  
	display: block;
    top: 40px;  
    left: 800px;  
} 

#clienttop3 {  
    position: absolute;  
	display: block;
    top: 340px;  
    left: 400px;  
} 

#clienttop4 {  
    position: absolute;  
	display: block;
    top: 340px;  
    left: 800px;  
} 

#clienttop5 {  
    position: absolute;  
	display: block;
    top: 640px;  
    left: 400px;  
} 

#clientpop1 {  
    position: absolute;  
	display: block;
    top: 40px;  
    left: 180px;  
} 

#clientpop2 {  
    position: absolute;  
	display: block;
    top: 40px;  
    left: 330px;  
} 

#clientpop3 {  
    position: absolute;  
	display: block;
    top: 40px;  
    left: 480px;  
} 

#clientpop4 {  
    position: absolute;  
	display: block;
    top: 160px;  
    left: 180px;  
} 

#clientpop5 {  
    position: absolute;  
	display: block;
    top: 160px;  
    left: 330px;  
} 

#clientpop6 {  
    position: absolute;  
	display: block;
    top: 160px;  
    left: 480px;  
} 

#clientpop7 {  
    position: absolute;  
	display: block;
    top: 280px;  
    left: 180px;  
} 

#clientpop8 {  
    position: absolute;  
	display: block;
    top: 280px;  
    left: 330px;  
} 

#clientpop9 {  
    position: absolute;  
	display: block;
    top: 280px;  
    left: 480px;  
} 

#clientpop10 {  
    position: absolute;  
	display: block;
    top: 400px;  
    left: 180px;  
} 

#clientpop11 {  
    position: absolute;  
	display: block;
    top: 400px;  
    left: 330px;  
} 

#clientpop12 {  
    position: absolute;  
	display: block;
    top: 400px;  
    left: 480px;  
} 

#clientpop13 {  
    position: absolute;  
	display: block;
    top: 520px;  
    left: 180px;  
} 

#clientpop14 {  
    position: absolute;  
	display: block;
    top: 520px;  
    left: 330px;  
} 

#clientpop15 {  
    position: absolute;  
	display: block;
    top: 520px;  
    left: 480px;  
} 

#clientpop16 {  
    position: absolute;  
	display: block;
    top: 640px;  
    left: 180px;  
} 

#clientpop17 {  
    position: absolute;  
	display: block;
    top: 640px;  
    left: 330px;  
} 

#clientpop18 {  
    position: absolute;  
	display: block;
    top: 640px;  
    left: 480px;  
} 

#clientpop19 {  
    position: absolute;  
	display: block;
    top: 760px;  
    left: 180px;  
} 

#clientpop20 {  
    position: absolute;  
	display: block;
    top: 760px;  
    left: 330px;  
} 

#clientpop21 {  
    position: absolute;  
	display: block;
    top: 760px;  
    left: 480px;  
} 

#clientpop22 {  
    position: absolute;  
	display: block;
    top: 880px;  
    left: 180px;  
} 

#clientpop23 {  
    position: absolute;  
	display: block;
    top: 880px;  
    left: 330px;  
} 

#clientpop24 {  
    position: absolute;  
	display: block;
    top: 880px;  
    left: 480px;  
} 

#contactpanel {
	position: relative;
	width: 480px;
	height: 200px;
	background-image: url('../images/contactpanel.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#contactpanel p {
	padding: 0px;
	margin: 0px;
}

#contactpanel a {
	color: #1e7cb6;
}

#contactpanel #office {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 190px;
}

#contactpanel #findus {
	position: absolute;
	top: 155px;
	left: 40px;
	width: 190px;
}

#contactpanel #telephone {
	position: absolute;
	top: 20px;
	left: 280px;
	width: 190px;
}

#contactpanel #fax {
	position: absolute;
	top: 75px;
	left: 280px;
	width: 190px;
}

#contactpanel #email {
	position: absolute;
	top: 127px;
	left: 280px;
	width: 190px;
}

#registeredoffice {
	border-top: #b7becb dotted 1px;
	font-size: 0.8em;
}