/*Changed order of background images within #dockContainer divs to make semi transparent pngs show in line and not overlapping */
/*played *!*%^x!&$(**!!! with disply properties trying to eliminate FFs (correct) rendering of 'table', it would remain as a div at maximumHeight of menu images therefore covering the icons. I was amazed putting the #fTD div within #dock , #dockContainer behaved in FF and wrapped around the #dockContainer menu body and not the menu images*/
/*Had to hide #fTDs 'auto' width from IE, it wouldnt show the text/images but would when the width was set. It works so nicely in FF moving with the menu images :) */
#holderDiv {
	text-align: center;
	margin: 6px auto;
}
#dock{
	text-align: center;
}
#dockContainer {
	z-index: 2000;
	margin: 0px auto;
	text-align: center; /* fixes IE bug *//* fixes IE bug */
	position: relative;
	height: 35px;
}

#dockContainer {
	display: table;
	}
#dockContainer > div {
	display: inline-block; /* fixes IE bug *//* fixes IE bug */
}

#dockContainer > div {
	display: inline; /* fixes IE bug *//* fixes IE bug */
}
#dockContainer > div {
	display: table-row;
}

#dockContainer > div {
	background-image: url('mac/macbar-chwith.png');
	background-repeat: no-repeat;
	background-position: left 0px;
	padding: 0px 0px;
	height: 35px;
	position: relative;
}
#dockContainer > div > div {
	background-image: url('mac/macbar-dde.png');
	background-repeat: no-repeat;
	background-position:  right 0px;
	padding: 0px 25px;
	height: 35px;
	position: relative;
}
#dockContainer > div > div > div {
	background-image: url('mac/macbar-cefn.png');
	background-repeat: repeat-x;
	background-position:  0 0;
	height: 35px;
	position: relative;
	text-align: center;
}


.noImage {
	background-image: none;
	background-color: transparent;
}

#fTD {
	background-color: transparent;
	margin: 0px 0px;
	height: 35px;
	position: relative;
	top: 130px;
}
#fTD {
	width: 530px;
}

.fTDC0 {
	background-image: url('mac/text0.png');
	background-position: 40px 0px;
	background-repeat: no-repeat;
}
.fTDC1 {
	background-image: url('mac/text1.png');
	background-position: 80px 0px;
	background-repeat: no-repeat;
}
.fTDC2 {
	background-image: url('mac/text2.png');
	background-position: 120px 0px;
	background-repeat: no-repeat;
}
.fTDC3 {
	background-image: url('mac/text3.png');
	background-position: 160px 0px;
	background-repeat: no-repeat;
	text-indent: 20%;
}
.fTDC4 {
	background-image: url('mac/text4.png');
	background-position: 200px 0px;
	background-repeat: no-repeat;
}
.fTDC5 {
	background-image: url('mac/text5.png');
	background-position: 240px 0px;
	background-repeat: no-repeat;
}
.fTDC6 {
	background-image: url('mac/text6.png');
	background-position: 280px 0px;
	background-repeat: no-repeat;
}
.fTDC7 {
	background-image: url('mac/text7.png');
	background-position: 320px 0px;
	background-repeat: no-repeat;
}
.fTDC8 {
	background-image: url('mac/text8.png');
	background-position: 360px 0px;
	background-repeat: no-repeat;
}
.fTDC9 {
	background-image: url('mac/text9.png');
	background-position: 380px 0px;
	background-repeat: no-repeat;
}
.fTDC10 {
	background-image: url('mac/text10.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.fTDC11 {
	background-image: url('mac/text11.png');
	background-position: 440px 0px;
	background-repeat: no-repeat;
}
.fTDC12 {
	background-image: url('mac/text12.png');
	background-position: 480px 0px;
	background-repeat: no-repeat;
}
