* {
	margin:0;
	padding:0;
}

/* JB Additions 3/28/16 */
#clicktoPlay:hover {cursor:pointer; opacity:0.8;}

.blogList {width:100%; float:left; margin:20px 0;}
.blogBlock {width:31.33%; height:500px; margin:10px 1%; float:left; font-size:13px; background:#FFF; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);}
.blogBlock img {max-width:100%;}
.wrap {width:1000px; margin:0 auto; position:relative; height:366px; text-align:center;}

.blogImage {min-height:192px; position:relative;}
.blogImage a {position:relative; display:block;}
.blogImage a span {position:absolute; top:80px; opacity:0; color:#FFF; text-transform:uppercase; letter-spacing:1px; font-weight:bold; text-decoration:none; display:block; width:54%; margin:0 20%; padding:4% 3%; background:#767676; text-align:center; transition:all 0.3s ease;}
.blogImage a:hover span {opacity:1; transition:all 0.3s ease;}
.blogContent {width:94%; padding:0 3%;}
.blogHeadline {text-align:center; padding-top:20px; font-family:'materegular'; color:#454545; font-size:26px;}
.blogText {text-align:center; font-family:'materegular'; color:#8d8d8d; font-size:14px;}

.blogCategory {width:100%; display:block; text-align:center; color:#454545; text-transform:uppercase; font-size:14px; padding:15px 0 0;}
.blogSepLine {width:100%; display:block; text-align:center;}

#CategoryBodyID #rotator {height:366px; width:100%; background:url(/Content/images/blogBanner.jpg) top center no-repeat; color:#FFF;}
#CategoryBodyID #rotator a {color:#FFF; text-decoration:none;}
#CategoryBodyID #rotator a:hover {color:#000;}

#Holistic-Healing-Milwaukee .headerDescription {
	margin: 65px auto;
	clear: both;
	float: none;
}

#Holistic-Healing-Milwaukee #rotator {height:366px; width:100%; /*background:url(/Content/images/blogBanner.jpg) top center no-repeat;*/ color:#FFF;}
#Holistic-Healing-Milwaukee #rotator a {color:#FFF; text-decoration:none;}
#subCatBlogNav {position:absolute; bottom:50px; width:100%; text-transform:uppercase; letter-spacing:1px; font-size:13px;}
#subCatBlogNav a {padding:0 10px;}
#Holistic-Healing-Milwaukee #rotator a:hover {color:#000;}

#createReview label {display:block; width:100%; text-align:center; margin:15px auto 0 auto; font-size:13px; font-weight:bold;}
#createReview input {border:1px solid #202326; background:#a0adba; display:block; padding:5px; width:50%; margin:0 25%; transition:all 0.3s ease;}
#createReview input:hover {background:#626a72; transition:all 0.3s ease;  color:#FFF;}
#createReview input:focus {background:#52585e; transition:all 0.3s ease; color:#FFF;}
#createReview textarea {border:1px solid #202326; background:#a0adba; display:block; padding:5px; width:50%; margin:0 25%; transition:all 0.3s ease; font-family:inherit !important; font-size:13px;}
#createReview textarea:hover {background:#626a72; transition:all 0.3s ease; color:#FFF;}
#createReview textarea:focus {background:#52585e; transition:all 0.3s ease; color:#FFF;}
#createReview button {background:#00A14B; color:#FFF; border:none; text-transform:uppercase; padding:8px 15px; transition:all 0.3s ease;}
#createReview button:hover {transition:all 0.3s ease; cursor:pointer; background:#013d1d;}

#review-info {display:block; text-align:center; font-size:11px;}
#submit-review {text-align:center;}

#review-button {background:#00A14B; color:#FFF; border:none; text-transform:uppercase; padding:8px 15px; transition:all 0.3s ease; display:block; clear:both; width:20%; margin:25px auto;}
#review-button:hover {transition:all 0.3s ease; cursor:pointer; background:#013d1d;}

#Thankyou {background:#FFF; padding:5% 50px; position:relative;}
#close-form {background:#e66b6f; color:#fff; padding:5px; position:absolute; right:15px; top:10px; transition:all 0.3s ease;}
#close-form:hover {cursor:pointer; opacity:0.8; transition:all 0.3s ease;}
.note {display:block; text-align:center; font-size:12px;}
#ReviewErrors {color:#E66B6F;}
#createReview {padding-top:10px;}

.review {display:block; text-align:center; background:#ececec; width:70%; margin:2% 15%; padding:10px 0; font-size:14px;}
.review-date {font-weight:bold; font-size:12px;}
#form-contain {display:none;}
#Reviews {padding-top:10px; border-top:1px solid #000;}

#backBlogBtn {background:#1B1D1F; transition:all 0.3s ease; padding:5px; color:#FFF; text-decoration:none; display:block; margin:0 0 5px; width:20%; margin:0 auto;}
#backBlogBtn:hover {background:#596B77; transition:all 0.3s ease;}

#Holistic-Healing-Milwaukee #headerWrapper {
	background:url(/Content/images/wholesome-blue.jpg) top center no-repeat;
}


.CategoryBodyClass #headerWrapper {background:#FFF !important;}

/* JB Additions END 3/28/16 */

@font-face {
    font-family: 'mateitalic';
    src: url('mate-italic-webfont.eot');
    src: url('mate-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('mate-italic-webfont.woff') format('woff'),
         url('mate-italic-webfont.ttf') format('truetype'),
         url('mate-italic-webfont.svg#mateitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'materegular';
    src: url('mate-regular-webfont.eot');
    src: url('mate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('mate-regular-webfont.woff') format('woff'),
         url('mate-regular-webfont.ttf') format('truetype'),
         url('mate-regular-webfont.svg#materegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a img {outline:none; border:none;}

a, a:focus, a:hover, a:active {outline:none; border:none;}
a {color:#005524; text-decoration:underline;}
a:hover {color:#63B836; text-decoration:none;}
.clear {clear:both;}

/* Fonts */

#topNav ul li a{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:400;
}

.headerTitle .heading, #content h1, #callToAction, #ContactForm label, #SendButton input, .featuredVideo a, #Milwaukee-Spiritual-Healing #content .newsHeadline{
 font-family: 'museo_sans_500regular', Helvetiva, Arial, Sans-Serif;
 }

 .headerTitle p, .headerDescription .heading, .headerDescription p, #content h2, .classyButton a{
	font-family: 'Mate', Georgia, Times New Roman, Serif;
	font-style: normal;
	font-weight: 400;
 }

body{
	background:url(/Content/images/wholesome-page-BG.jpg) top center repeat;
	font-family:'Tahoma', Arial, Helvetica, Sans-Serif;
}

#headerWrapper.hover, #Milwaukee-Natural-Healer #headerWrapper.hover{
	background:url(/Content/images/wholesome-red.jpg) top center no-repeat;
	-webkit-transition: background 1s ease-in;
		-moz-transition: background 1s ease-in;
        -ms-transition: background 1s ease-in;
        -o-transition: background 1s ease-in;
		transition: background 1s ease-in;
}

#headerWrapper.hover1, #Spiritual-Life-Coach #headerWrapper.hover1{
	background:url(/Content/images/wholesome-orange.jpg) top center no-repeat;
}

#headerWrapper.hover2, #Spiritual-Life-Coach #headerWrapper.hover2, #Milwaukee-Natural-Healer #headerWrapper.hover2{
	background:url(/Content/images/wholesome-yellow.jpg) top center no-repeat;
}

#headerWrapper.hover3, #Spiritual-Life-Coach #headerWrapper.hover3, #Milwaukee-Natural-Healer #headerWrapper.hover3{
	background:url(/Content/images/wholesome-green.jpg) top center no-repeat;
}

#headerWrapper.hover4, #Spiritual-Life-Coach #headerWrapper.hover4, #Milwaukee-Natural-Healer #headerWrapper.hover4{
	background:url(/Content/images/wholesome-blue.jpg) top center no-repeat;
}

#headerWrapper.hover5, #Spiritual-Life-Coach #headerWrapper.hover5, #Milwaukee-Natural-Healer #headerWrapper.hover5{
	background:url(/Content/images/wholesome-indigo.jpg) top center no-repeat;
}

#headerWrapper.hover6, #Spiritual-Life-Coach #headerWrapper.hover6, #Milwaukee-Natural-Healer #headerWrapper.hover6{
	background:url(/Content/images/wholesome-purple.jpg) top center no-repeat;
}

#headerWrapper{
	background:url(/Content/images/wholesome-green.jpg) top center no-repeat;
	width:100%;
	float:left;
	  -webkit-transition: background-image .5s linear;
    -moz-transition: background-image .5s linear;
    }

.TopAddress {font-size:.700em; color: #403d3e; padding-left:15px; text-align:center;}
/* Body ids */

#chakra-balancing-guide #headerWrapper{
	background:url(/Content/images/wholesome-green-small.jpg) top center no-repeat;
	height:434px;
}

#chakra-balancing-guide .headerDescription{
	display:none;
}


#MemberLoginBodyID #headerWrapper{
	background:url(/Content/images/wholesome-green-small.jpg) top center no-repeat;
	height:434px;
}

/* Red */
#Spiritual-Life-Coach #headerWrapper{
	background:url(/Content/images/wholesome-red.jpg) top center no-repeat;
}

#Spiritual-Life-Coach .headerDescription{
	background:#A01115;
}

#Spiritual-Life-Coach #content h1{color:#A01115;background: url("/Content/images/heading-red.png") no-repeat scroll 337px 9% transparent;}

#Spiritual-Life-Coach #topNav ul.column1 li#aboutMe a{
	font-weight:bold;
	color:#EE1D32;
}

/* Orange */
#Milwaukee-Natural-Healer #headerWrapper{
	background:url(/Content/images/wholesome-orange.jpg) top center no-repeat;
}

#Milwaukee-Natural-Healer .headerDescription{
	background:#EB6001;
}

#Milwaukee-Natural-Healer #content h1{color:#EB6001;background: url("/Content/images/heading-orange.png") no-repeat scroll 337px 9% transparent;}

#Milwaukee-Natural-Healer #content h2, #Milwaukee-Natural-Healer #content h3, #Milwaukee-Natural-Healer #content h4, #Milwaukee-Natural-Healer #content h5{
	color:#EB6001;
}

#Milwaukee-Natural-Healer #topNav ul.column1 li#services a{
	font-weight:bold;
	color:#FC8941;
}

#WholeGS{
	width:376px;
	height:502px;
    position:absolute;
    right:16%;
    top:53%;
    display:block;
}

#header{
	width:1070px;
	height:133px;
	margin:0 auto;
	position:relative;
}

#callToAction{
	float: right;
    height: 31px;
    margin-bottom: 10px;
    margin-top: 16px;
    color:#403d3e;
    letter-spacing:1px;
    text-transform:uppercase;
}

#callToAction .phone{
	color:#00a14b;
}

#socialMedia {
	float: right;
    margin-left: 10px;
    margin-top: 12px;
    width: auto;
    }

    #socialMedia a{
	float:left;
	margin-left:2px;
    }

    #socialMedia a img{
	float:left;
    }

#topNav{
	float: left;
    margin-left: 45px;
    width: 978px;
}

#topNav ul.column1{
	list-style-type:none;
	float:left;
	width:351px;
}

#topNav ul.column1 li{
	float:left;
}

#topNav ul.column1 li a{
	padding:0 35px;
}

#topNav ul.column2{
	list-style-type:none;
	float:left;
	width:351px;
}

#topNav ul.column2 li{
	float:left;
}

#topNav ul.column2 li a{
	padding:0 29px;
}

#topNav #home{
	margin-top:-46px;
	float:left;
	width:274px;
	height:102px;
}

#topNav #home a{
	float:left;
	display:block;
}

#topNav li a{
	color:#403d3e;
	font-size:12px;
	text-decoration:none;
}

#topNav li a:hover{
	color:#159A41;
}

#rotator{
	width:1000px; 
	margin:0 auto;
	}

.headerTitle{
	width:100%;
	float:left;
	color:#fff;
	text-align:center;
	margin-top:45px;
	min-height:213px;
}

.headerTitle .heading{
	font-size: 36px;
    letter-spacing: 3px;
    margin-bottom: 28px;
    text-transform: uppercase;
    width:100%;
}

.headerTitle p{
	font-size: 26px;
    font-style: italic;
    margin: 30px auto 0;
    text-align: center;
    width: 556px;
}
		
.headerDescription{
	background: #00A14B;
    border: 3px solid #FFFFFF;
    float: left;
    margin-left: 205px;
    margin-top: 42px;
    padding: 20px;
    width: 562px;
}

.headerDescription .heading{
	font-size:30px;
	color:#fff;
	font-style:italic;
	text-align:center;
}

.headerDescription p{
	font-size:17px;
	line-height:24px;
	letter-spacing:.5px;
	color:#e4f1f2;
	margin-top:15px;
	margin-bottom:10px;
	padding:0 75px;
}

.headerDescription p a{
	color:#E4F1F2;
}

.headerDescription p a:hover{
	color:#fff;
}

#contentWrapper{
	width:100%;
	float:left;
}

#content{
	margin:0 auto;
	width:819px;
	padding-bottom:40px;
}

.color#red{border:solid 2px #EE2327;}
#content .color#red p, #content .color#red h2{color:#EE2327;}
.color#orange{border:solid 2px #E95C00;}
#content .color#orange p, #content .color#orange h2{color: #E95C00;}
.color#yellow{border:solid 2px #FCBE07;}
#content .color#yellow p, #content .color#yellow h2{color: #FCBE07;}
.color#green{border:solid 2px #00A14B;}
#content .color#green p, #content .color#green h2{color: #00A14B;}
.color#blue{border:solid 2px #1E77A3;}
#content .color#blue p, #content .color#blue h2{color: #1E77A3;}
.color#indigo{border:solid 2px #4C0FA7;}
#content .color#indigo p, #content .color#indigo h2{color:#4C0FA7;}
.color#violet{border:solid 2px #8400A1;}
#content .color#violet p, #content .color#violet h2{color:#8400A1;}

.color{
	float:left;
	width:29%;
	margin-left:1%;
	margin-bottom:1%;
	padding:10px;
	min-height:293px;
}

#content h1{
	background: url("/Content/images/heading-green.png") no-repeat scroll 337px 9% transparent;
    color: #00A14B;
    font-size: 24px;
    font-weight: normal;
    height: 116px;
    letter-spacing: 1px;
    margin-top: 30px;
    padding-top: 46px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#content p, #content h2, #content h3, #content h4{
	color:#403d3e;
	margin-bottom:10px;
	width:auto;
	font-size:12px;
}

#Home #content h2, #Home #content h3, #Home #content h4, #Home #content h5{
	color:#00A14B;
}

#content h2{
	font-size:24px;
	font-style:italic;
}

#content p, #content ul{
	font-size:14px;
	line-height:27px;
}

#content ul{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:40px;
	color:#403d3e;
}

#footerWrapper{
	float:left;
	background:url(/Content/images/footer-bg.png) top center no-repeat;
	width:100%;
	height:236px;
}

#footer{
	height: 200px;
    margin: 29px auto 0;
    width: 1000px;
}

#footer ul.column1{
	float: left;
    height: 32px;
    list-style-type: none;
    margin-top: 86px;
    width: 351px;
}

#footer ul.column1 li{
	float:left;
}

#footer ul.column1 li a{
	padding:0 35px;
}

#footer ul.column2{
	list-style-type:none;
	float:left;
	width:351px;
	margin-top:86px;
	margin-left:23px;
}

#footer ul.column2 li{
	float:left;
}

#footer ul.column2 li a{
	padding:0 29px;
}

#footer #footerLogo{
	margin-top:47px;
	float:left;
	width:274px;
	height:102px;
}

#footer #footerLogo a{
	float:left;
	display:block;
}

#footer li a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#footer li a:hover{
	color:#159A41;
}

#copyright{
	width:100%;
	font-size:11px;
	color:#efefef;
	height:20px;
	margin-top:20px;
	text-align:center;
	float:left;
}


/* Contact Form */

#ContactForm {
	float:left;
	margin-top:10px;
}

#ContactForm label{
	float:left;
	width:300px;
	height:25px;
	clear:both;
	margin-bottom:10px;
	color:#8400A1;
}

#ContactForm input{
	float:left;
	width:300px;
	height:25px;
	clear:both;
	margin-bottom:5px;
	color:#403D3E;
	border:solid 1px #8400A1;
	background:#fff;
}

#ContactForm span{
	float:left;
	width:auto;
	clear:none;
	margin:0px;
	height:auto;
	font-size:11px;
	color:#BEB8B1;
	margin-left: 10px;
    margin-top: 9px;
}

#ContactForm textarea{
	min-width:300px;
	max-width:300px;
	float:left;
	clear:both;
	border:solid 1px #8400A1;
	margin-bottom:10px;
}


#recaptcha_widget_div {
    clear: both;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    background:#8400A1;
}

#SendButton{
	float:left;
	clear:both;
}

#SendButton input{
	background:none;
	width:auto;
	height:auto;
	border:none;
	color:#fff;
	margin:0px;
	padding:3px 8px;
	background:#8400A1;
	text-transform:uppercase;
	font-size:11px;
}

#SendButton input:hover{
	background:#B270D1;
	cursor:pointer;
}