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

Elateral Red - #800000
grey text - #454545
light grey text - #929292
light grey - #e4e4e4

*/
/* -------------------------------------------------------- General */
#diagramSmall {
    float:right;
    margin:5px 0 10px 15px;
}
#showDiagram {
   width:900px;
   position:relative;
}
#diagramContainer {
}
.layerLink {
    display:block;
	background:url("../images/new/trans.gif") top left;
}
.layerLinkArea {
    display:block;
	cursor:pointer;
	background:url("../images/new/trans.gif") top left;
}
.layerLinkOn {
    background-color:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: .1;
}

#adminLayerLink, #adminLayerLinkArea {
    position:absolute;
    top:5px;
    left:40px;
    width:366px;
    height:84px;
}
#adminLayer {
    position:absolute;
    top:70px;
    left:150px;
    width:492px;
    height:295px;
    display:none;
}

#studioLayerLink, #studioLayerLinkArea {
    position:absolute;
    top:5px;
    left:520px;
    width:331px;
    height:84px;
}

#studioLayer {
    position:absolute;
    top:70px;
    left:250px;
    display:none;
}

#contentLayerLink, #contentLayerLinkArea {
    position:absolute;
    top:90px;
    left:40px;
    width:278px;
    height:336px;
}
#contentLayer {
    position:absolute;
    top:10px;
    left:165px;
    display:none;
}

#mspLayerLink, #mspLayerLinkArea {
    position:absolute;
    top:190px;
    left:340px;
    width:246px;
    height:113px;
}
#mspLayer {
    position:absolute;
    top:1px;
    left:185px;
    display:none;
}

#marketingLayerLink, #marketingLayerLinkArea {
    position:absolute;
    top:90px;
    left:591px;
    width:269px;
    height:336px;
}
#marketingLayer {
    position:absolute;
    top:5px;
    left:240px;
    display:none;
}

#productionLayerLink, #productionLayerLinkArea {
    position:absolute;
    top:425px;
    left:40px;
    width:821px;
    height:120px;
}
#productionLayer {
    position:absolute;
    top:169px;
    left:89px;
    display:none;
}

/* -------------------------------------------- srtyles for 900px image
#adminLayerLink, #adminLayerLinkArea {
    position:absolute;
    top:20px;
    left:20px;
    width:373px;
    height:93px;
}
#adminLayer {
    position:absolute;
    top:90px;
    left:150px;
    width:492px;
    height:295px;
    display:none;
}

#studioLayerLink, #studioLayerLinkArea {
    position:absolute;
    top:20px;
    left:521px;
    width:369px;
    height:93px;
}

#studioLayer {
    position:absolute;
    top:90px;
    left:250px;
    display:none;
}

#contentLayerLink, #contentLayerLinkArea {
    position:absolute;
    top:114px;
    left:20px;
    width:305px;
    height:358px;
}
#contentLayer {
    position:absolute;
    top:20px;
    left:225px;
    display:none;
}

#mspLayerLink, #mspLayerLinkArea {
    position:absolute;
    top:211px;
    left:330px;
    width:265px;
    height:135px;
}
#mspLayer {
    position:absolute;
    top:5px;
    left:185px;
    display:none;
}

#marketingLayerLink, #marketingLayerLinkArea {
    position:absolute;
    top:114px;
    left:594px;
    width:296px;
    height:365px;
}
#marketingLayer {
    position:absolute;
    top:5px;
    left:230px;
    display:none;
}

#productionLayerLink, #productionLayerLinkArea {
    position:absolute;
    top:471px;
    left:20px;
    width:870px;
    height:126px;
}
#productionLayer {
    position:absolute;
    top:189px;
    left:89px;
    display:none;
}
*/