.dip-container {
	margin:0;
	padding:0;
}

#dipmap {background:#ffffff url(../images/map.jpg) no-repeat top; position: relative; width: 200px; height: 250px;}
      
/* Here are the CSS styles for your inner DIVs that will become Tooltips */
#point1 {background:url(../images/pointer.png) no-repeat;position:absolute;left:113px;top:3px;width:16px;height:26px;}
#point2 {background:url(../images/pointer.png) no-repeat;position:absolute;left:145px;top:85px;width:16px;height:26px;}
#point3 {background:url(../images/pointer.png) no-repeat;position:absolute;left:100px;top:170px;width:16px;height:26px;}
#point4 {background:url(../images/pointer.png) no-repeat;position:absolute;left:120px;top:205px;width:16px;height:26px;}
      
/* Here is a CSS style that effects all the inner DIVs and gives them a red border (so you can see them) THIS IS ONLY FOR THE EXAMPLE! */
.pointer {}
      
/* Here is a CSS style that colors our Pointers and their inner parts */
.tip {background:#ffffff}
.tip-title {
	color: #ffffff;
	background: #d81e05;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-align:center;
	text-transform: uppercase;
	font-size: 12px;
}
.tip-text {
	color:#555555;
	font-size: 11px;
}

#dipmap-content {
}

.dipmap-heading {
	margin: 5px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.dipmap-address {
	margin: 5px 0 5px 0;
	font-size: 12px;
	color: #555555;
}
.dipmap-contact {
	margin: 5px 0 5px 0;
	font-size: 11px;
	color: #d81e05;
}