/* notes

purple for lettering: 774a6b
grey for lettering: e3deda

*/

@import url("base.css");

body {
	font-family: 'Roboto', sans-serif;
}
#announcement {
	width: 100%;
	text-align: center;
	background-color: #F9EDBE;
}
#announcement h1 {
	color: #000;
	margin: 0 0 10px;
}
#announcement p {
	color: #000 !important;
	font-size: 16px;
} 

#banner-sell {
	width: 100%;
	text-align: center;
	background-color: #774A6B;
	margin-bottom: -33px !important;
}

#banner-sell h1 a{
	color: #fff;
	margin: 0 0 10px;
	font-size: 18px;
	margin-bottom: -33px !important;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#banner-sell h1 a:hover {

}

p {
	font-weight: 300;
	font-size: 13px;
	color: #333333 !important;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color: #774a6b;
	font-weight: 400;
	margin: -4px 0 33px;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 400;
	font-size: 20px;
}

h4 {
	font-size: 24px;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}

h5 {
	font-size: 24px;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	color: #774a6b;
	margin: 45px 0 20px;
}

hr {
	border-color: #dfdedd -moz-use-text-color rgb(255, 255, 255);
}

.logo {
	text-indent: -9999px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	width: 375px !important;
	height: 77px;
	margin: 25px 0 0;
	display: block;
}

.mast1 {
	font-family:"Roboto Condensed", Arial, Helvetica;
	font-size: 18px;
	font-weight: 100;
	color: #635c58;
	margin: 0 4px 0 40px;
}

.mast2 {
	color: #774a6b;
	font-family: "Roboto Condensed", Arial, Helvetica;
	font-size: 18px;
	font-weight: 500;
	margin: 0 8px 0 0;
}

.mast3 {
	color: #774a6b;
	font-family: "Roboto Condensed", Arial, Helvetica;
	font-size: 11px;
	font-weight: 500;
	float: right;
	letter-spacing: 1px;
	margin: 2px 0 0 0;
}

.mast3 a {
	color: #774a6b;
	text-decoration: none;
}

.mast-btn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #774a6b;
	background-image: #774a6b;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(162, 162, 162);
	border-image: none;
	border-radius: 0 6px 6px 0;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: rgb(51, 51, 51);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 0 -18px;
	padding: 0px 12px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
}

.kh-hr hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #dfdedd -moz-use-text-color rgb(255, 255, 255);
	border-image: none;
	border-left: 0 none;
	border-style: solid none;
	border-width: 1px 0;
	margin: 1px 0;
}

.navbar-inner-kh {
	min-height: 40px;
	padding-left: 10px;
	width: 100%;
}

.kh-purple a {
	font-family: "Roboto Condensed", Arial, Helvetica;	
	color: #774a6b !important;
	margin-left: 26px;
	font-size: 14px !important;
}
.kh-purple ul li a:hover {
	color: #ffffff !important;
}
.callout {
	list-style: none;
	padding: 17px 10px 10px 15px;
}

.callout p.announcement a {
	font-weight: bold;
	color: #774A6B;
	font-size: 20px;
}

.callout h3 {
	color: #aca8a5;
	font-size: 24px;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}

.callout ul > li {
	list-style: none;
	padding: 12px 0 0 0;
	font-size: 16px;
}

.callout form {
	margin: -10 0 -9;
}


.topmargin {
	margin: 25px 0 0 0;
}

.topmargin input {
	padding: 0 15px 0 0;
	margin-left: 58px;
}

.navbar-inner .nav {
	border: 0px solid #CCCCCC;
}

.navbar .nav {
	display: block;
	float: left;
	left: 0;
	position: relative;
}

.navbar .nav > li > a {
	font-family: "Roboto Condensed", Arial, Helvetica;	
	padding: 10px 0 0 0;
	font-size: 14px;
}

.email {
	
}

.email h3 {
	font-size: 14px;
	line-height: 18px;
}

.emailbtn {
	font-size: 13px;
	line-height: 17px;
	padding: 2px 6px;
}

.callout input {
	height: auto;
	width: 170px;
	margin-bottom: 0;
}

.social {
	height: 26px;
	width: 196px;
	float: right;	
	margin: 7px 5px 0 0;
}
@media only screen and (min-width: 941px) {	
	.social {
		text-indent: -9999px;
	}
}
.social li {
	float: left;
}
ul.social li,
ul.social li a {
	display:block;
	float:left;
	width: 28px;
}

ul.social li a{
	width:28px;
	height:26px;
	/*background-image: url(/img/sprite-social.gif);*/
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left: 14px;
}

ul.social li.twitter a{
	background-image: url(/img/twit.png);
	background-position:0 0;}

	ul.social li.facebook a{
		background-image: url(/img/fb.png);
	}

	ul.social li.youtube a{
		background-image: url(/img/youtube.png);  
	}

	ul.social li.linkedin a{
		background-image: url(/img/linked.png);  
	}

	ul.social li.pinterest a{
		background-image: url(/img/pint.png);  
	}

	ul.social li.yelp a{
		background-image: url(/img/yelp.png);	
	}

	ul.social li.instagram a{
		background-image: url(/img/instagram.png);	
	}


	.fleft {
		float: left;
	}
	.fright {
		float: right;
	}
	ul li.header {
		text-transform: uppercase;
		font-size: 14px;
		padding-right: 21px;
	}

	.nav {
		font-size: 14px;
		font-family:  "Roboto Condensed", Arial, Helvetica;	
	}

	.span8 h2 {
		margin: -11px 0 0 0;
	}
	.bottom hr {
		margin: 0 0 20px;
	}

	.form {
		background-color: #f6f1ec;
		border-color: #e8e2db;
		border-style:solid;
		border-width:1px;
		border-radius: 5px 5px 5px 5px;
		overflow:hidden;
		margin-top: 20px;
		padding: 7px 10px 9px 10px;
	}

	.form h3 {
		line-height: 31px;
	}

	.form .btn {
		background-color: #774a6b;
		color: #ffffff;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 16px;
		padding: 5px 25px;
		margin: 12px 0 -3px;
	}
/*.modal p {
	padding: 10px;
}


.modal.fade.in {
	top: 0%
	} */

	.modal {
		left: 18%;
		margin-left: 0;
	}
	.modal.fade.hide.in {
		height: auto;
		max-height: 100%;
		max-width: 65%;
		overflow: hidden;
		width: auto;
	}

	.modal-body {
		max-height: none !important;
	}
	.modal-header {
		text-align: center;
	}
	.modal-header a h3 {
		color: #774a6b;
		text-decoration: underline;
	}
	.breadcrumb {
		background-color: #fff;
		margin: -8px 0 12px;
		padding: 0 0 0 1px;
	}

	.breadcrumb a {
		color: #774a6b;
		font-size: 11px;
		font-family: 'Arial', sans-serif;
	}

	.sidenav a {
		text-decoration: none;	
		color: #774a6b;
	}

	.sidenav li {
		list-style: disc;
		color: #774a6b;
		font-family: 'Arial', sans-serif;
		font-size: 13px;
		line-height: 15px;
		padding: 9px 0 6px;
	}

	.primary {
		background-color: #774a6b !important;
		list-style: none !important;
		padding: 7px 31px !important;
		margin: 3px 0 0 -25px !important;
		font-family: 'Roboto Condensed', sans-serif !important;
		font-size: 16px !important;
		border-radius: 3px !important;
	}

	.primary a {
		color: #ffffff;
	}

	.internal {
		padding-left: 40px;
	}
	.internal p img {
		float: left;
		margin: 5px 20px 10px 0;
	}
	.input-medium {
		font-family: 'Arial', sans-serif;
		font-weight: bold;
		font-size: 12px;
		width: 184px;
	}

	.control-group {
		font-family: 'Arial', sans-serif !important;
		font-size: 12px;
	}

	.first {
		height: 175px;
		width: auto;
	}

	.bio {
		padding: 5px 35px 15px 0;
	}

	/* all the following classes are for use in the footer, don'y let the names fool you */

	.footer {
		background-color: #e3deda;
		margin: 115px 0 0 0;
		padding: 15px 0;
	}

	.footer p {
		font-size: 11px;
		color: #87827f !important;
	}

	.footer h3 {
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #87827f;
	}

	.footer .btn {
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #87827f;
		margin: 0 0 0 4px;
		background-color: #fff;
	}

	.footer a {
		color:#87827f;
		text-decoration: none;
	}

	.footer ul {
	}
	.footer ul li {
		list-style: none;
		font-family: 'Arial', sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #87827f;
		min-width: 143px;
	}

	.footer .pull-left input {
		padding: 4px 0;
		margin-left: -1px;
	}

	.footer ul.social li a {
		width:5px;
		height:5px;
		background-repeat:no-repeat;
		text-indent:-9999px;
		margin-left: 14px;
		padding: 10px;
	}

	.social2 {
		margin: 14px 109px 0 0;
	}

	.social2 li {
		min-width: 0 !important;
	}

	.foot-width {
		width: 940px;
		margin: 0 auto;
	}

	.contact .btn {
		background-color: #fff;
		margin: 12px 35px 0;
		padding: 4px 53px 4px 12px;
	}

	.last hr {
		border-color: #ccc7c3;
		margin: 15px 0 17px 0;
	}

	.center {
		margin: 0 auto;
	}

	.center ul {
		padding: 6px 0 0;
	}

	.up-right {

	}

	.up-middle {

	}

	.up-left {

	}

	.lower-left {

	}

	.lower-left p {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #777777;
	}

	.lower-right {

	}
	.carouselbg {
		background-color: #E3DDD9;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.whitebg {
		width: 980px;
		margin: 0 auto;/*was 15px auto 0 */
	}

	.footer-text li {
		display: inline;
		width: 0;
	}

	.footer .row-fluid .span7 {
		width: 61.1%;
	}

	.footer .row-fluid .span5 {
		width: 36%;
	}

	.subscribe-main h3{
		color: #952577;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.subscribe-main p{
		font-size: 13px;
	}

	.subscribe-main a.subscribe{
		background-image: -ms-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -moz-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -o-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F03568), 
			color-stop(50, #8f2372), color-stop(100, #50103f));
		background-image: -webkit-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: linear-gradient(to bottom, #d44aae 0%, #8f2372 50%, #50103f 100%);
		border: none;
		color: #fff;
		font-size: 18px;
		padding:6px 26px;
	}

	.subscribe-model .modal{
		border-radius: 0px;
	}
	.subscribe-model .modal.fade.in{
		top: 18%;
	}
	.subscribe-model .modal-header{
		text-align: center;
		position: absolute;
		right: 0px;
		border: none;
		z-index: 999;
	}
	.subscribe-model .modal-header .close{
		opacity: 1;
		color: #808080;
		box-shadow: none;
		font-weight: normal;
		font-size: 30px;
		margin: 0px;
	}
	.subscribe-model .modal-body{
		padding: 0px;
		background-color: #ddd4d0;
		width: 100%;
	}
	.subscribe-model .modal-body .modal-con{
		width: 100%;
		/*padding: 15px;*/
		float: left;
		box-sizing: border-box;
	}
	.subscribe-model .modal-body .modal-con .logo{
		width: 100% !important;
		height: auto;
		background-color: #fff;
		margin: 0px;
		box-sizing: border-box;
		padding: 6px;
		background-image: none;
		text-indent: inherit;
		text-align: center;
	}
	.subscribe-model .modal-body .modal-con .logo img{
		max-width: 68%;
	}
	.subscribe-model .modal-body .modal-con .subscribe-inner-div{
		padding:10px 15px 15px 15px;
		background-color: #ddd4d0;
		width: 100%;
		float: left;
		box-sizing: border-box;
	}
	.subscribe-model .modal-body .modal-con .subscribe-inner-div h4{
		font-size: 35px;
		display: inline-block;
		line-height:38px;
		color:#645e5b;
	}
	.subscribe-model .modal-body .modal-con .subscribe-inner-div h6{
		font-size:15px;
		line-height: 22px;
		margin: 0px;
		color:#645e5b;
		max-width: 75%;
		font-weight: normal;
		display: inline-block;
	}
	.subscribe-model .modal-body .modal-con .subscribe-inner-div p{
		font-size: 11px;
		color: #645e5b !important;
		margin: 10px 0px 0px;
		line-height: 15px;
		float: left;
		width: 100%;
		border-top: 1px solid #b9b6b7;
		padding: 15px 0px 0px 0px;
	}
	.subscribe-inner-div button.btn.subscribe-btn{
		background-image: -ms-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -moz-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -o-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F03568), 
			color-stop(50, #8f2372), color-stop(100, #50103f));
		background-image: -webkit-linear-gradient(top, #d44aae 0%, #8f2372 50%, #50103f 100%);
		background-image: linear-gradient(to bottom, #d44aae 0%, #8f2372 50%, #50103f 100%);
		border: none;
		color: #fff;
		font-size: 18px;
		padding:6px 26px;
		margin: 20px 0px;
		float: left;
	}
	.subscribe-model .modal-body .modal-image{
		width: 100%;
		float: left;
	}
	.modal-image img{
		width: 100%;
	}

	@media (min-width:1600px){
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4{
			font-size: 46px;
			line-height: 54px;
			width: 100%;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h6 {
			font-size: 28px;
			line-height: 38px;
			max-width: 100%;
			float: left;
			width: 100%;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div p {
			font-size: 18px;
			line-height: 22px;
		}
	}
	@media (min-width:768px){
		.subscribe-model .modal-body .modal-con{
			width: 50%;
			float: left;
		}
		.subscribe-model .modal-body .modal-image{
			width: 50%;
			float: left;
		}
	}
	@media (max-width:1100px){
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4 br{
			display: none;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4 {
			font-size: 18px;
			line-height: 32px;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h6{
			max-width: 100%;
		}
	}
	@media (max-width:1024px){
		.subscribe-model .modal.fade.in{
			max-width: 76%;
			width: auto;
			left: 12%;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4{
			font-size: 18px;
			line-height:22px;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h6{
			max-width: 100%;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4 br{
			display: none;
		}
	}
	@media (max-width:880px){
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4 br{
			display: none;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4{
			font-size: 22px;
			line-height: 28px;
		}
		.subscribe-model .modal.fade.in{
			max-width:88%;
			left: 6%;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h6{
			max-width: 100%;
		}
	}
	@media (max-width:767px){
		.subscribe-model .modal.fade.in{
			top: 2%;
			left: 5%;
			max-width: 90%;
			overflow: scroll;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h4 br{
			display: none;
		}
		.subscribe-model .modal-body .modal-con .subscribe-inner-div h6{
			max-width: 100%;
		}
		.modal-image img{
			width: 100%;
		}
		.subscribe-model .modal-header .close{
			color: #000;
		}
	}

	/* Wufoo */
	.info h2 {
		color: #774A6B !important;
		font-family: 'Roboto Condensed',sans-serif !important;
		font-size: 34px !important;
		font-weight: 400 !important;
		margin: -4px 0 33px;
	}

	.info div {
		color: #333333 !important;
		font-size: 13px !important;
		font-weight: 300 !important;
		font-family: 'Roboto',sans-serif !important;
	}

	li.focused {
		background-color: #fff !important;
	}
	.toggler1:hover, .toggler2:hover, .toggler3:hover, .toggler4:hover, .toggler5:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	.toggle1, .toggle2, .toggle3, .toggle4, .toggle5 {
		display: none;
	}

	/* BOOTSTRAP OVERRIDES */
	.dropdown-menu li > a:hover,
	.dropdown-menu li > a:focus,
	.dropdown-submenu:hover > a {
		color: #ffffff !important;
		text-decoration: none;
		background-color: #774A6B;
		background-image: -moz-linear-gradient(top, #774A6B, #774A6B);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#774A6B), to(#774A6B));
		background-image: -webkit-linear-gradient(top, #774A6B, #774A6B);
		background-image: -o-linear-gradient(top, #774A6B, #774A6B);
		background-image: linear-gradient(to bottom, #774A6B, #774A6B);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#774A6B', endColorstr='#774A6B', GradientType=0);
	}
	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		color: #774A6B;
		background-color: #ffffff;
	}

	span.clinic-header {
		color: #774A6B;
		font-size: 14px;
		font-weight: bold;
	}

	span.clinic-item {
		color: #774A6B;
		font-size: 16px;
		font-weight: bold;
	}

	.tab-pane hr {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #DFDEDD -moz-use-text-color #FFFFFF;
		border-image: none;
		border-style: solid none;
		border-width: 1px 0;
		margin: 4px 0 -18px 0;
	}
	.skin-blog{
		display: none;
	}