/*begin box model hack
ie 5 and 5.* incorrectly render the box model. It does not ADD padding and border to render the width or height.
It SUBTRACTS from the overall specified width/height.


height: 520px;
voice-family: "\"}\"";
voice-family:inherit;
height:500px;
}

html>body #mainwrap {
height:500px;
} */

body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
color:  #fff;
}

div {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color :  #fff;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
color :  #fff;
}

p {
color: #fff;
}

p.csr {
color: #fff;
}

.textbox {  
margin: 0px;
color:  #fff;
font-size: 10px;
}

#home {  
width: 162px;
}

select {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000;
}

h1 {
color : #fff;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 8px 0px;
}

h2 {
color : #cccccc /*FFFF33*/;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 8px 0px;
}

h3 {
color : #7DB0F2;
font-size: 10px;
font-weight: bold;
margin: 0px 0px 4px 0px;
}

p {
line-height: 14px;
margin: 8px 0px 8px 0px;
}

ul {
padding-top: 0px;
padding-bottom: 2px;
}

li {
list-style-type: square;
margin: 0px 0px 4px 0px;
}

dt {
margin-bottom:4px;
}

dd {
margin-bottom:10px;
font-family: Arial, Helvetica, sans-serif;
}

dl {

}

a img {
border: none;
}

/* link styles */
a:link {
font-weight : normal;
color: #fff;
}

a:hover {
color: #FF9933;
text-decoration : underline;
}

a:active {
color: #fff;
text-decoration : underline;
}

a:visited {
color: #fff;
font-weight : normal;
text-decoration : underline;
}

a:visited:hover {
color: #FF9933;
text-decoration : underline;
}

a.more:link {
text-decoration : none;
font-weight : normal;
color : #660066;
}

a.more:hover {
color: #a4223a;
text-decoration : none;
}

a.more:active {
color : #660066;
text-decoration : none;
}

a.more:visited {
text-decoration : none;
color : #660066;
font-weight : normal;
}

a.more:visited:hover {
color: #a4223a;
text-decoration : none;
}

iframe {
border:none;
}

#contentframe {
border: 1px solid #fff;
background-color:#ccc;
position:absolute;
z-index:10;
top:111px;
left:10px;
width:530px;
}

#contentframe2 {
border: 1px solid #fff;
background-color:#ccc;
position:relative;
z-index:10;
top:10px;
left:10px;
width:530px;
}


.articlebox { 
background-color: #fff;
color: #000;
width: 530px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;

}

.articleimage {
vertical-align: bottom;
margin-top: 15px;
text-align: center;
}

/*this style is possible redundant */
.contentbox {
height: 326px;
width: 530px; 
border: 1px solid #fff;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
color:  #fff;
}


.copyright {  
font-size: 9px;
color: #000;
margin-right: 8px;
margin-bottom: 8px;
text-align:right; 
}

.footerheader { 
background-color: #fff;
color:  #000;
}

.greyborder {
border-right:1px solid #CDCCCC;  
}
.greyborderright {
border-right:1px solid #CDCCCC;  
}
.greyborderleft {
border-left:1px solid #CDCCCC;  
}

.rightbox { 
background-color: #fff;
margin-top:10px;
}

.rightboxcontent { 
margin:5px 10px 5px 10px;
}

.menuarea {
border-bottom:0px solid #996699;
/*margin-bottom:10px;*/
padding:0px 0px 5px 0px;
background-color:#fff;
/*voice-family: "\"}\""; 
voice-family:inherit; 
height:94px;*/
/*box model hack failed for mac ie - abanoned*/
cursor: pointer;
voice-family: "\"}\""; 
voice-family:inherit; 
cursor:pointer;
}

.menubox {
}

.menu {
border: none;
padding: 5px 10px 5px 10px;
}

.menuo {
border: 1px solid #ffccff;
padding: 5px 10px 5px 10px;
cursor: pointer;
/*voice-family: "\"}\""; 
voice-family:inherit; */
cursor:pointer;
}

.menu a, .menuo a {
font-weight:normal;
text-decoration: none;
color: #000;
}

.menuheader {
background-color: #ffccff;
border: 1px solid #996699;
padding: 5px 10px 5px 10px;
}

.feature {
border: 1px solid #fff;
}

.featureo {
border: 1px solid #660066;
cursor:pointer;
/*voice-family: "\"}\""; 
voice-family:inherit; */
cursor:pointer;
}

.newsitem, .newsitemo {
border-bottom:10px solid #996699;
/*margin-bottom:10px;*/
padding:5px 10px 5px 10px;
background-color:#fff;
/*voice-family: "\"}\""; 
voice-family:inherit; 
height:94px;*/
/*box model hack failed for mac ie - abanoned*/
cursor:pointer;
voice-family: "\"}\""; 
voice-family:inherit; 
cursor:pointer;
}

/* split following 2 classes because of ie pc */
.newsitem h2, .newsitemo h2 {
margin-bottom : -4px;
margin-top : 0px;
}
.newsitem h2 {
margin-bottom : -4px;
margin-top : 0px;
}

.archive, .archiveo {
background-color:#fff;
text-align:right; 
height:20px;
/* use of the box model hack should be kept to the last attributes of the stye otherwise the browser breaks from reading the following attributes*/
cursor:pointer;
/*voice-family: "\"}\""; 
voice-family:inherit; */
cursor :pointer;
}


/*
this would have been used had it not been for ie which didn't pick up the font-weight attribute.
please see a.more class up the top of the document.
.newsitem a, .newsitemo a {
color : #660066;
font-weight: normal;
}
*/

.newsitemo {
border: 1px solid #660066;
margin-bottom: 10px;
}

.archiveo {
background-color: #ffccff;
}

.navmenu {  
background-color: #CDCCCC;
}

.navmenu img {
border-right:1px solid #fff;  
}

.no_border {
border: none;
}

.pagecontainer { 
border: 1px solid #000;
}

.textarticle {  
margin: 10px;
width: 500px;
color:  #000;
}

td.scroll_arrow_area {
border-right: 1px solid #fff;
background-color: #0b66b2;
}
.test {  vertical-align: bottom;}

.caption {
font-size : 11px;
font-style : italic;
padding: 0px 0px 0px 10px;
color : Black;
}

.ticker {
font-size : 11px;
padding: 10px 10px 0px 10px;
color: #fff;
}

.menudivider {
background-color: none;
margin-top: 10px;
width: 100%;
height: 20px;
}

.searchcont {
background-color: #fff;
height: 20px;
}

.searchbox {
width: 100px;
border: none;
}

.linkbox {
font-size: 9px;
background-color: #CDCDF3;
margin: 10px;
padding: 5px;
border: 1px #fff solid;
}

.quotebox {
font-size: 10px;
line-height: 15px;
color: #cccccc /*FFFF33*/*/;
background-color: none;
margin: 10px 0px 10px 10px;
background-repeat: no-repeat;
}

.quotebox a {
font-size: 10px;
line-height: 15px;
color: #cccccc /*FFFF33*/*/;
text-decoration: none;
background-color: none;
margin: 10px 0px 10px 10px;
background-repeat: no-repeat;
}

.quotebox a:hover {
font-size: 10px;
line-height: 15px;
color: #cccccc /*FFFF33*/*/;
text-decoration: underline;
background-color: none;
margin: 10px 0px 10px 10px;
background-repeat: no-repeat;
}

.quotebox a:visited {
font-size: 10px;
line-height: 15px;
color: #cccccc /*FFFF33*/*/;
background-color: none;
text-decoration: none;
margin: 10px 0px 10px 10px;
background-repeat: no-repeat;
}

.quotebox a:visited:hover {
font-size: 10px;
line-height: 15px;
color: #cccccc /*FFFF33*/*/;
background-color: none;
text-decoration: underline;
margin: 10px 0px 10px 10px;
background-repeat: no-repeat;
}




.newsheader {
font-size: 10px;
font-weight: bold;
line-height: 15px;
color: #fff;
background-color: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

.newsheader a {
font-size: 10px;
font-weight: bold;
line-height: 15px;
color: #fff;
text-decoration: none;
background-color: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

.newsheader a:hover {
font-size: 10px;
font-weight: bold;
line-height: 15px;
color: #fff;
text-decoration: underline;
background-color: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

.newsheader a:visited {
font-size: 10px;
font-weight: bold;
line-height: 15px;
color: #fff;
background-color: none;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

.newsheader a:visited:hover {
font-size: 10px;
font-weight: bold;
line-height: 15px;
color: #fff;
background-color: none;
text-decoration: underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
}




.linkname {
font-weight: bold;
}

.linkname a{
font-weight: bold;
color: #fff;
text-decoration: none;
}

.linkname a:hover{
font-weight: bold;
color: #fff;
text-decoration: underline;
}

.linkname a:visited:hover{
font-weight: bold;
color: #fff;
text-decoration: underline;
}


.casestudy {
color: #fff;
font-weight: normal;
font-size: 15px;
line-height: 18px;
padding: 0px 0px 0px 0px;
}

.client {
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 0px 0px 15px 0px;
}

.casequote {
font-size: 15px;
line-height: 20px;
color: #FF9933;
padding: 13px 0px 3px 0px;
}

.casedetailtitle {
color: #7DB0F2;
font-weight: normal;
font-size: 11px;
padding: 0px 0px 0px 0px;
}

.caseclient {
color: #7DB0F2;
font-weight: normal;
font-size: 9px;
padding: 0px 0px 10px 0px;
}

.casetitle {
font-weight: normal;
font-size: 12px;
line-height: 18px;
padding: 0px 0px 0px 0px;
}

.casetitle a{
font-weight: normal;
color: #fff;
text-decoration: none;
}

.casetitle a:hover{
font-weight: normal;
color: #fff;
text-decoration: underline;
}

.casetitle a:visited{
font-weight: normal;
color: #fff;
text-decoration: none;
}

.casetitle a:visited:hover{
font-weight: normal;
color: #fff;
text-decoration: underline;
}





.personel {
font-size: 14px;
font-weight: normal;
color: #cccccc /*FFFF33*/;
margin: 0px 0px 2px 0px;
margin: 20px 0px 0px 0px;
}

.title {
font-size: 10px;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0px 0px 15px 0px;
margin: 2px 0px 0px 0px;
}

.events {
margin: 5px;
padding: 5px;
}

.news {
padding: 5px 5px 0px 0px;
}


.readmore {
font-size: 9px;
color: #CC3300;
}

.readmore a{
font-size: 9px;
color: #CC3300;
}

.readmore a:hover{
font-size: 9px;
color: #000;
}

.quote {
font-size: 14px;
line-height: 18px;
color: #FF9933;
margin: 0px 0px 4px 0px;
}

.quotepersonel {
font-size: 10px;
font-weight: bold;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0px 0px 15px 0px;
margin: 2px 0px 0px 0px;
}

.quoteposition {
font-size: 10px;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0px 0px 15px 0px;
margin: 2px 0px 0px 0px;
}

.quotecompany {
font-size: 10px;
font-weight: normal;
color: #fff;
padding: 0px 0px 10px 0px;
}

.leftcolumn {
width: 450px;
padding: 20px 20px 0px 40px;
}

.meetcolumn {
width: 350px;
padding: 20px 20px 0px 20px;
}

.newscolumn {
width: 180px;
padding: 20px 0px 0px 40px;
}

#casestudy {
width: 600px;
}

.usefullink {
font-size: 12px;
line-height: 16px;
color: #7DB0F2;
padding: 0px 0px 4px 0px;
margin: 12px 0px 0px 0px;
}

.flow1 {
background-image: url(../img/bld/flow1.gif);
background-repeat: no-repeat;
}

.flow2 {
background-image: url(../img/bld/flow2.gif);
background-repeat: no-repeat;
}

.flow_CSR {
background-image: url(../img/bld/CSR_img_2.jpg);
background-repeat: no-repeat;
}

.flow_PRO {
background-image: url(../img/bld/profile_montage.jpg);
background-repeat: no-repeat;
}

.flow_DBS {
background-image: url(../img/bld/dbs_flow.jpg);
background-repeat: no-repeat;
}

.flow_home {
background-image: url(../img/bld/home_montage.jpg);
background-repeat: no-repeat;
}

.flownews {
background-image: url(../img/bld/newsthumb.gif);
background-repeat: no-repeat;
}

.thumbnail {
border: 1px solid #84AFF4;
}

.listthumb {
border: 1px solid #84AFF4;
margin: 5px 0px 5px 0px;
}


.form_xxsml {
width: 10px;
}

.form_xsml {
width: 20px;
}

.form_sml {
width: 40px;
}

.form_medsml {
width: 70px;
}

.form_med {
width: 100px;
}

.form_medlrg {
width: 140px;
}

.form_lrg {
width: 180px;
}

.form_xlrg {
width: 230px;
}

.form_xxlrg {
width: 280px;
}

input{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

.checkbox{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
border: none;
}

textarea {
color: #434343;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
border: 1px solid #84AFF4;
margin: 1px 2px 1px 2px;
}

.formfield {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
border: 1px solid #84AFF4;
margin: 1px 2px 1px 2px;
}

select {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000;
font-size: 10px;
border: 1px solid #84AFF4;
margin: 1px 2px 1px 2px;
}

.fieldname {
color: #7DB0F2;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
}

.disclaimer {
color: #7DB0F2;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 9px;
}

.small {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 9px;
}

#footer {
    padding:40px 40px 0 40px;
}