.navigation {
	text-align: center;
}

.icon_dock {
	display: inline-block;
	width: auto;
	margin: 0px;
	margin-top:0px;
	padding: 0px;
	list-style: none;
	height: 135px;
	overflow: visible;
	vertical-align: bottom;
	line-height: 135px;
	text-align: center;
	background: transparent url("icons/shadow.gif"/*tpa=http://www.aplweb.co.uk/jQuery/Mac_Dock_v2/icons/shadow.gif*/) repeat-x bottom left;
}

.icon_dock:after {
	clear: both;
	display: block;
	content: ".";
	visibility: hidden;
	height: 0px;
}

.icon_dock li {
	width: auto;
	height: auto;
	display: inline-block;
	bottom: 0px;
	vertical-align: bottom;
	padding-left: 1px;
	padding-right: 1px;
}

.icon_dock li.seperator {
	background: transparent url("icons/seperator.png"/*tpa=http://www.aplweb.co.uk/jQuery/Mac_Dock_v2/icons/seperator.png*/) no-repeat center center;
}

.icon_dock li.seperator,
.icon_dock li.seperator:hover {
	width: 6px;
	height: 60px;
	border: none;
}

.icon_dock li a {
	margin: 0px;
	background:url(icons/icons-shadow.jpg) no-repeat center bottom;
	margin-left:20px;
	margin-right:20px;
	padding: 0px;
	display: block;

	height:60px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	position: relative;
	outline: none;
	border: none;
	font-size: 100%;
	line-height: 1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.icon_dock li a:hover,
.icon_dock li a.hover {
	width: 120px;
	height: 120px;
	padding-top:15px;
}


.icon_dock li a span {
				position: relative;
				display: none;
				font-weight:bold;
				text-align: center;
				font-size:11px;
				padding: 3px 10px;
				background-color: #333;
				color:#fff;
				opacity: 0.9;
				letter-spacing:-0.05em;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				z-index:999;
				margin: 0px auto;
				top: -20px;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
}

.icon_dock li a:hover span {display: inline-block;}

.icon_dock li a:hover span:after {
				display: block;
				height: 12px;
				color: transparent;
				background: transparent url(icons/span.png) center bottom no-repeat;
				position: absolute;
				content: "";
				text-align: center;
				padding: 0px;
				width: 100%;
				margin-left:-5px;
}


/*.icon_dock li a span {
	width: 100%;
	height:100%;
	position:relative;
	text-align: center;
	z-index: 100;
	letter-spacing:-0.05em;
	visibility: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#000 url(icons/span.png) center 100% no-repeat;
	padding:10px;
	margin:0px;
	color:#fff;
	font-size:12px;
}

.icon_dock li a:hover span {
	visibility: visible;
}*/

.icon_dock li a img {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}