#ImageMap {
position:relative;
width: 400px;
height: 355px;
padding: 0;
z-index:0;
background: url('/assets/templates/rms/images/WeConnectDiagram.gif');
background-repeat:no-repeat;
}

#ImageMap li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#ImageMap a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:default;
}
#Internet {left: 7px; top:1px; width:386px; height: 33px; z-index:100;}
#Optimisation  {left: 8px; top: 322px; width:386px; height: 32px; z-index:99;}
#Design  {left: 366px; top: 4px; width:33px; height: 345px; z-index:98;}
#Consultancy  {left: 5px; top: 7px; width:31px; height: 344px; z-index:97;}
#Hosting  {left: 39px; top: 32px; width:323px; height: 42px; z-index:80;}
#CoLocation {left: 39px; top: 280px; width:321px; height: 41px; z-index:79;}
#Appliances  {left: 37px; top: 37px; width:41px; height: 281px; z-index:78;}
#Telephony {left: 324px; top: 38px; width:43px; height: 282px; z-index:77;}
#Security  {left: 81px; top: 73px; width:241px; height: 42px; z-index:70;}
#Url {left: 81px; top: 239px; width:241px; height: 42px; z-index:69;}
#Qos  {left: 78px; top: 78px; width:41px; height: 199px; z-index:68;}
#AntiVirus {left: 285px; top: 78px; width:41px; height: 199px; z-index:67;}
#Private  {left: 120px; top: 117px; width:162px; height: 63px; z-index:68;}
#Secure {left: 120px; top: 180px; width:163px; height: 60px; z-index:67;}

#Internet a {height:32px;}
#Optimisation a {height:32px;}
#Consultancy  a {height:344px;}
#Design a {height:345px;}
#Hosting a {height:42px;}
#CoLocation a {height:41px;}
#Appliances a {height:281px;}
#Telephony a {height:282px;}
#Security a {height:42px;}
#Url a {height:42px;}
#Qos a {height:199px;}
#AntiVirus a {height:199px;}
#Private a {height:63px;}
#Secure a {height:60px;}

#ImageMap a:hover {
text-indent:0px;
}

#Internet a:hover, #Optimisation a:hover, #Design a:hover, #Consultancy a:hover, #Hosting a:hover,  #CoLocation a:hover, #Appliances a:hover, #Telephony a:hover,  #Security a:hover, #Url a:hover, #Qos a:hover, #AntiVirus a:hover, #Private a:hover, #Secure a:hover {
background: url('/assets/templates/rms/images/WeConnectDiagram.gif');
background-repeat:no-repeat;
}

#Internet a:hover  {background-position: 0px -364px;}
#Optimisation a:hover {background-position: 0px -399px;}
#Consultancy a:hover {background-position: 1px -435px;}
#Design a:hover {background-position: -33px -435px;}
#Hosting a:hover {background-position: -74px -723px;}
#CoLocation a:hover {background-position: -74px -770px;}
#Appliances a:hover {background-position: -76px -436px;}
#Telephony a:hover {background-position: -118px -435px;}
#Security a:hover {background-position: -161px -636px;}
#Url a:hover {background-position: -161px -680px;}
#Qos a:hover {background-position: -164px -436px;}
#AntiVirus a:hover {background-position: -209px -436px;}
#Private a:hover {background-position: 0px -893px;}
#Secure a:hover {background-position: 0px -833px;}

.custom_tip .tip {
	background-color: #991e32;
	padding: 5px;
	position:absolute;
	z-index:1000;
	width:300px;
	height:200px;
	background:url('/assets/templates/rms/images/tooltipBackground.jpg');
	background-repeat:repeat-x;}
 .custom_tip .tip-title {color: #990000;background-color: #FFFFFF;font-size: 20px;padding: 5px;}
.custom_tip .tip-text {color: #fff;padding: 5px;}