/*
	Custom CSS for Balance Orlando Body Map
	Created by CT Social 
	Author Greg Trujillo
	Website http://ct-social.com
*/


.bm-dot-row .c-1,.bm-dot-row .c-2,.bm-dot-row .c-3,.bm-dot-row .c-4,.bm-dot-row .c-5,.bm-dot-row .c-6,.bm-dot-row .c-7,.bm-dot-row .c-8,.bm-dot-row .c-9,.bm-dot-row .c-10,.bm-dot-row .c-11,.bm-dot-row .c-12 {
padding:0;
}

#content {
	width: 100% !important;
	margin: 0 auto;
}
#bobm-container {
	position: relative;
	width: 600px;
	margin: 0 auto;
}
#bobm-map {
	background-image: url(images/body-map-background.png);
	background-repeat: no-repeat;
	width: 520px;
	height: 673px;
	margin: 0 auto; 
}
#bobm-map1 {
	background-image: url(images/massage-body-map-background-front.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 673px;
	margin: 0 auto; 
	float: left;
}
#bobm-map2 {
	background-image: url(images/massage-body-map-background-back.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 673px;
	margin: 0 auto; 
	float: left;
}
.bm-callout {
	display: none;

}
.bm-grey-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #f3f3f3;
	opacity: .95;
	top: 0;
	left: 0;
	z-index: 998;
	border: 1px inset solid #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .35);
}
.bm-content-wrap {
	position: relative;
	z-index: 999;
	font-family: "Open Sans"; 
	color: #333333;
	padding-bottom: 10px;
	width: 205px;
}
.bm-callout-content {
	padding: 15px 10px;
}
.bm-video {
	height: 100px;
}
.bm-x {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #f3f3f3;
	background: #cc0000;
	font-size: 18px;
	width: 18px;
	text-align: center;
}
.bm-title {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.bm-content {
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 10px;
	opacity: .8;
}
.bm-link {
	font-weight: 600;
	font-size: 11px;
	margin-bottom: 10px;
}
.bm-thumb {
	margin-bottom: 10px;
	max-height: 120px;
	max-width: 185px;
	overflow: hidden;
}
.bm-video {
	margin-bottom: 10px;
	max-height: 120px;
	max-width: 185px;
}
.bm-content-wrap a:hover {
	text-decoration: none;
}
.bm-button {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background-color: #cc0000;
	padding: 10px;
	max-width: 205px;
	text-transform: uppercase;
}



/* CallOut Positioning */
.top-of-head {
	position: absolute;
	top: 0px;
	left: -160px;
	z-index: 9999;
}
.left-jaw-near-ear {
	position: absolute;
	top: 20px;
	left: 480px;
	float: left;
	z-index: 9999;
}
.right-shoulder {
	position: absolute;
	top: 0px;
	left: -160px;
	float: left;
	z-index: 9999;
}
.left-wrist {
	position: absolute;
	top: 20px;
	left: -160px;
	float: left;
	z-index: 9999;
}
.right-knee {
	position: absolute;
	top: 20px;
	left: -160px;
	float: left;
	z-index: 9999;
}
.left-foot {
	position: absolute;
	top: 15px;
	left: -160px;
	float: left;
	z-index: 9999;
}
.base-of-skull {
	position: absolute;
	top: 0px;
	left: 475px;
	float: left;
	z-index: 9999;
}
.right-foot {
	position: absolute;
	top: 80px;
	left: 475px;
	float: left;
	z-index: 9999;
}
.neck {
	position: absolute;
	top: 10px;
	left: 475px;
	float: left;
	z-index: 9999;
}
.spine-top {
	position: absolute;
	top: 20px;
	left: 480px;
	float: left;
	z-index: 9999;
}
.spine-middle {
	position: absolute;
	top: 20px;
	left: 475px;
	float: left;
	z-index: 9999;
}
.spine-bottom {
	position: absolute;
	top: 40px;
	left: 475px;
	float: left;
	z-index: 9999;
}
.hip-left {
	position: absolute;
	top: 80px;
	left: 480px;
	float: left;
	z-index: 9999;
}
.hip-middle {
	position: absolute;
	top: 80px;
	left: 125px;
	float: left;
	z-index: 9999;
}
.hip-right {
	position: absolute;
	top:  80px;
	left: 480px;
	float: left;
}

/* Column Styling */
.bm-dot-row {
	height: 10px;
	margin-bottom: 5px;
}
.bm-dot-column {
	height: 10px;
	width: 10px;
	float: left;
	margin: 0 10px;
}

.bm-dot-row.r-0 {
	height: 25px;
}
.bm-dot-row.r-1 {
	margin-bottom: 20px;
}
.bm-dot-row.r-2 {
	margin-bottom: 5px;
}
.bm-dot-row.r-3 {
	margin-bottom: 20px;
}
.bm-dot-row.r-4 {
	margin-bottom: 20px;
}
.bm-dot-row.r-5 {
	margin-bottom: 25px;
}
.bm-dot-row.r-6 {
	margin-bottom: 25px;
}
.bm-dot-row.r-7 {
	margin-bottom: 35px;
}
.bm-dot-row.r-8 {
	margin-bottom: 5px;
}
.bm-dot-row.r-9 {
	margin-bottom: 30px;
}
.bm-dot-row.r-10 {
	margin-bottom: 200px;
}
.bm-dot-row.r-11 {
	margin-bottom: 75px;
}
.bm-dot-row.r-12 {
}
.bm-dot-row.r-13 {
}
.bm-dot-row.r-14 {

}
.bm-dot-row.r-15 {

}

#bm-dot-wrapper div.bm-dot-column.c-8 {
	margin: 0;
}
.r-1 .c-4 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-2 .c-14 {
	margin-left: 5px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-3 .c-13 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-4 .c-13 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-5 .c-4 {
	margin-left: 15px;
}
.r-5 .c-5 {
}
.r-5 .c-12 {
	margin-right: 5px;
}
.r-5 .c-13 {

}
.r-6 .c-5 {
	margin-left: 15px;
	margin-top: -10px;
	margin-right: 5px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-6 .c-13 {
	margin-left: 0;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-7 .c-13 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-8 .c-13 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-9 .c-12 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-9 .c-14 {

}
.r-10 .c-1 {
	margin-right: 6px;
}
.r-10 .c-2 {
	margin-left: 0px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-11 .c-5 {
	margin-left: 20px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-12 .c-3 {
	margin-left: 5px;
	margin-top: 5px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
}
.r-12 .c-14 {
	margin-left: 0px;
	margin-top: 5px;
	background-color: #cc0000;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -5px;
}


/* CallOut Hover*/

.r-1 > .c-4:hover ~ .top-of-head {
	visibility: visible;
}

/* Mobile */
@media (max-width: 950px) {
	#bobm-map1 {
		margin: 0 auto;
		float: none;
	}
	#bobm-map2 {
		margin: 0 auto;
		float: none;
	}
	.top-of-head, .right-shoulder, .left-wrist, .right-knee, .left-foot  {
		left: 0px;

	}
	.left-jaw-near-ear, .base-of-skull, .right-foot, .neck, .spine-top, .spine-middle, .spine-bottom, .hip-left, .hip-middle, .hip-right {
		top: 690px;
		left: 380px;
	}
}
@media (max-width: 630px) {
	#bobm-container {
		max-width: 600px;
		width: 100%;
	}
	.left-jaw-near-ear, .base-of-skull, .right-foot, .neck, .spine-top, .spine-middle, .spine-bottom, .hip-left, .hip-middle, .hip-right {
		top: 690px;
		left: 0px;
	}
}