/* -------------------------------------------------------------------------------------------------
File:		Global (p)reset.
Barista:   	Andy Coffey @ C4
Born:     	December 2007
Respect: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
html {height:100%}
body {min-height:101%;line-height:1;color:black;background:white}
:focus {outline:0}
ol,ul {list-style:none}
table {border-collapse:separate;border-spacing:0/* tables still need 'cellspacing="0" */}
caption,th,td {text-align:left; font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}

/* Layout style */
#wrap {width:940px;margin:0 auto;border:1px solid #000;color:#000;font-family:arial;line-height:1.05em} /* will probably put the red ink into this container */
#masthead {width:100%;display:block;}
.pagebreak {clear:both;}
.nav {height:21px;background: url(img/navup.jpg);width:100%;font-size:13px;line-height:20px;display:block}
.nav ul {height:21px;}
.nav li {display:block;float:left;height:21px;}
.nav li a {display:block;height:21px;width:auto;background: url(img/navup.jpg);text-align:center;color:#fff;text-decoration:none}
.nav li a:hover, .nav li.active a {background: url(img/navdown.jpg);text-decoration:none}
.pagewrap {width:100%;background: url(img/pagebg.jpg) repeat-x bottom center;height:auto;clear:both;}
.page.chairmanreport {background: url(img/splot1.jpg) no-repeat bottom right;height:100%;}
.page.division {background: url(img/splot2.jpg) no-repeat 755px 250px;height:100%;}
.page.board h3 {margin-top:0px;}
.page.board h2 {margin-bottom:20px;}
.pageflash {clear:both;}
.content {width:540px;margin:0 auto;border:0px solid #ccc;font-size:13px;padding-top:30px;padding-bottom:20px}
.content.BODcontent {width:750px;float:left}
.flashcontent{width:100%;}
.content p {margin:1em 0;}
.content h2 {font-family:'BauerBodoni Roman','Times New Roman';text-transform:uppercase;font-size:20px;color:#bc362d}
.content h3 {font-weight:bold;font-size:15px;margin-top:20px;}
.content h4 {font-size:13px;}
.content a {color:#bc362d;text-decoration:none;font-weight:bold}
.footer {clear:both;display:block;width:auto;height:100px;padding:20px;}
.footer a, footer a:hover {text-decoration:none;}
.footer li {float:left;padding:0.2em 0.5em}
.leftcol {float:left;width:190px;border:0px solid red;height:800px;position:relative;}
.leftcol img {position:absolute;top:50px}
.leftcol .infotext {padding:20px;font-size:13px;padding-top:30px}
.leftcol .infotext strong {color:#bc362d;}
.leftcol .infotext p {margin-bottom:10px}
.rightcol {float:right;width:190px;border:0px solid red;height:800px;font-size:11px}
.rightcol p {font-size:12px;text-align:center;margin:10px 0;}
.channels {margin-top:60px;margin-left:20px}
.graphs {margin-top:36px;}
.divisionhead {margin-top:50px;}
.divisionhead img {position:static;}
span.right {float:right;width:6em;color:#b4b4b4;}
.bottomnav {height:40px;font-size:14px;}
.bottomnav a {color:#000;}
.bottomnav a:hover{color:#bc362d;}
.footerlinks {clear:left;border-top:1px solid #b4b4b4;padding-top:5px;font-size:11px}
.footerlinks a, .footerlinks a:hover {color:#999;}
.EMT {margin-top:30px;padding:0 10px}
.EMT h2, .EMT h3{font-weight:bold;}
.EMT h2, .BOD h3 {color:#bc362d;}
.EMT h2, .EMT h4 {margin-bottom:10px;}
.divisionlink {font-size:13px;margin-top:50px;padding:0 10px}
.infotext a {text-decoration:none;color:#000}
.infotext a:hover, .current {color:#bc362d !important}
.numbers {width:478px;margin:0 auto;}
.content .numbers a {color:#000}
.content .numbers a:hover {color:#bc362d;}
.introp {color:#bc362d;font-size:17px;font-weight:bold;}
.BODcontent {font-size:10px;line-height:1.4em}
.BODcontent h4 {font-size:10px;}
.BOD img {margin-bottom:20px;}
.BOD h3 {margin-bottom:10px;}
.BOD h4 {height:40px}
.EMTbox {height:90px;width:130px;float:left;padding-right:10px}
.EMTbox h3 {margin-bottom:10px;}
.EMTbox h4 {font-weight:normal;}
.pdficon {height:10px;width:10px;background: url(img/pdf.gif) no-repeat;}

/* Title images */
.subtitle {display:block;height:20px;width:420px;text-indent:-9000px;background: url(img/titles.jpg) no-repeat}
.subtitle.chairmantitle {background-position:0 0;}
.subtitle.strategictitle {background-position:0 -25px;}
.subtitle.ceotitle {background-position:0 -60px;}
.subtitle.marketingtitle {background-position:0 -150px;}
.subtitle.experientialtitle {background-position:0 -180px;}
.subtitle.integratedtitle {background-position:0 -210px;}
.subtitle.specialisedtitle {background-position:0 -240px;}
.subtitle.boardtitle {background-position:0 -270px;}
.subtitle.executivetitle {background-position:0 -300px;}

/*  Navigation  */
.intro {width: 5em;}
.chairman {width: 10em;}
.ceo {width: 12.5em;}
.overview {width: 10em;}
.directors {width: 10em;}
.financial {width: 12em;}

/* masthead */
.title {height:60px;margin-top:20px}
.title h1 {display:block;height:36px;width:443px;text-indent:-9000px;background:url(img/title.jpg) no-repeat;margin:0px 0 10px 30px;}

/* Board divs */
.tim {width:130px;float:left;padding:5px;}
.matt {width:130px;float:left;padding:5px;}
.susan {width:130px;float:left;padding:5px;}
.brian {width:130px;float:left;padding:5px;}
.paul {width:130px;float:left;padding:5px;}