/* CSS Document */
@import url(screen.css);

#header { height:92px;}
#header h1 { width:283px; height:57px;}
#header a { background:url(../img/header-logo-small.gif) no-repeat;}

#content #specialism-nav { background:#EBD899;}

#pagetitle { height:160px; border:none; margin-top:-30px; text-align:left; }
#pagetitle h2 { padding:0; color:#2F6297; position:relative; width:450px; height:30px; margin-left:310px}
#pagetitle span { position:absolute; width:100%;; height:100%; background:#fff url(../img/title-profiling.gif) no-repeat right 3px;;}
#pagetitleimg { position:absolute; width:763px; height:230px; left:0px; top:-54px; background:url(../img/pagetitle-profiling-bg.gif) no-repeat;}

#content { width:415px; margin-right:55px;}
#content h3 { color:#2F6297;}
#content h5 { color:#2F6297;}
#content .relatedcontent { background:url(../img/relatedcontent-bg-profiling.gif) repeat-x 0 22px;}
#content .relatedcontent h4 { margin-bottom:15px;}
#relatedbottom { background:#fff url(../img/relatedbottom-profiling.gif) no-repeat right; width:235px; height:94px; margin-top:-94px;}

#content .highligted { background-color:#D4BACB; padding:5px 10px 1px;}
.expand {background-color:#dae0ed; }

#stages { background:url(../img/profiling-stage-bg.gif) no-repeat; width:712px; height:233px; margin-left:-250px; margin-right:-100px; position:relative;}
#stages h4 { margin:0;}
#stages h5 { margin:0 0 6px 0; color:#2E6196;}
#stages a { margin:0 0 0 10px; color:#333; text-decoration:none; font-weight:bold;}
#stage1 { width:170px; height:155px; margin:20px 55px 0 15px; float:left; display:inline;}
#stage2 { width:445px; height:205px; margin:20px 0px 0 15px; float:left; position:relative;}
#stages #stage2 div { width:270px; margin:0 0 0 10px; position:absolute; left:140px; top:50px; background:url(../img/arrow-profiling.gif) 0px 8px no-repeat;}
#stages #stage2 p { margin-left:20px;}
#stages #stage2 #discovery { top:41px; display:block;}
#stages #stage2 #feedback { top:71px; display:none;}
#stages #stage2 #one { top:90px; display:none; background:url(../img/arrow-profiling.gif) 0px 20px no-repeat;}
#stages #stage2 #testing { top:92px; display:none; background:url(../img/arrow-profiling.gif) 0px 46px no-repeat;}

.downloadicon { width:218px;}