@charset "utf-8";
/* CSS Document */

@import url("fonts.css");

* {margin:0; padding:0;}
body {margin:0; padding:0; font-family: 'open_sansregular';}

header {width:90%; height:406px; float:left; margin:0; padding:0 5%;}
#logo {background:url(../images/bg-home.jpg) center center; background-size:cover; width:74%; height:406px; float:left; margin:0 1% 0 0;
	box-shadow:0 3px 5px #a4cde3;}
#logo img {max-width:95%; height:auto; margin:3% 0 0 3%; border:none;}
#women {background:url(../images/bg-women.jpg) top center; background-size:cover; width:33%; height:406px; float:left; margin:0; padding:60px 2% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#weightloss {background:url(../images/bg-weightloss.jpg) center right; background-size:cover; width:33%; height:406px; float:left; margin:0; padding:60px 2% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#metabolic {background:url(../images/bg-metabolic.jpg) center right; background-size:cover; width:33%; height:406px; float:left; margin:0; padding:60px 2% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#men {background:url(../images/bg-men.jpg) center center; background-size:cover; width:28%; height:326px; float:left; margin:0; padding:140px 45% 0 2%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#insomnia {background:url(../images/bg-insomnia.jpg) center right; background-size:cover; width:33%; height:406px; float:left; margin:0; padding:60px 2% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#food {background:url(../images/bg-food.jpg) bottom left; background-size:cover; width:25%; height:226px; float:left; margin:0; padding:240px 10% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#drclark {background:url(../images/bg-drclark.jpg) top left; background-size:cover; width:30%; height:326px; float:left; margin:0; padding:140px 5% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#detox {background:url(../images/bg-detox.jpg) top center; background-size:cover; width:30%; height:326px; float:left; margin:0; padding:140px 5% 0 40%;
	box-shadow:0 3px 5px #a4cde3; font-size:16px;}
#mobText {display:none; background:#1a80b9; width:90%; height:auto; float:left; margin:0 0 20px; box-shadow:0 3px 5px #a4cde3; color:#FFF; font-size:16px;
	padding:15px 5%;}
#headRight {background:#a3cce3; width:21%; height:366px; float:left; margin:0; padding:40px 2% 0; box-shadow:0 3px 5px #a4cde3; color:#000;}
#search {width:100%; height:35px; float:left; margin:0; padding:0 0 36px;}
#search input.search-input {width:56%; height:25px; padding:5px 4%; text-align:right; color:#435780; font-family: 'merriweatherregular'; font-size:12px;
	font-style:italic; border:none; margin:0 4% 0 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
#search input.search-button {background:#18a1af; width:30%; height:35px; padding:0; color:#fff; font-family: 'merriweatherregular'; font-size:12px;
	font-style:italic; border:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
nav {width:100%; height:auto; float:left; margin:0;}
header nav ul {list-style-type:none; margin:0; padding:0; float:left; font-size:15px;}
header nav li {display:inline-block; float:left; width:100%; margin:0 0 7px;}
header nav li a {display:block; color:#000; text-decoration:none; padding:0;}
header nav li:hover a {color:#15376e;}
header nav .show-menu {text-decoration:none; color:#fff; text-align:center; padding:5px 0; display:none;}
header nav input[type=checkbox]{display:none;}
header nav input[type=checkbox]:checked ~ #menu{display:block;}

#contentArea {background:#d3d8e1; width:64%; height:auto; float:left; margin:0 5%; padding:15px 1% 15px 25%; font-size:16px;}
#contentArea h1 {font-family: 'merriweatherregular'; font-size:20px; font-weight:normal; margin:0 0 20px; padding:5px 0;
	border-top:1px solid #40577f; border-bottom:1px solid #40577f; text-transform:uppercase;}
#contentArea h2 {font-family: 'open_sanscondensed_light'; font-size:18px; font-weight:normal; margin:0 0 20px;}
#contentArea p {margin:0 0 20px;}
#contentArea li {font-family: 'open_sanscondensed_light'; font-size:18px; font-weight:normal; margin:0 0 2px;}
#contentArea ul {margin:0 0 20px 20px;}
#contentArea table td {border-bottom:1px solid #40577f;}
#contentArea table {margin-bottom:20px;}
#contentArea table table {margin-bottom:0;}
#contentArea td#noBorder, #contentArea table td table td {border-bottom:0px;}

#teaserWrap {width:90%; height:274px; float:left; margin:17px 0 0; padding:0 5%;}
#tease01 {background:#a2d9df; width:23%; height:274px; float:left; margin:0;}
#tease01pic {background:url(../images/bg-tease01.jpg) top left; background-size:cover; width:100%; height:160px; float:left; margin:0 0 5px;}
#tease01 h1 {color:#082656; font-size:18px; font-weight:normal; margin:0 10px 5px; text-transform:uppercase;}
#tease01 p {color:#4d4d4f; font-size:18px; margin:0 10px 0; line-height:20px;}
#tease02 {background:#a2d9df; width:23%; height:274px; float:left; margin:0 1.5%;}
#tease02:hover {cursor:pointer;}
#tease02pic {background:url(../images/bg-tease02.jpg) center right; background-size:cover; width:100%; height:160px; float:left; margin:0 0 5px;}
#tease02 h1 {color:#082656; font-size:18px; font-weight:normal; margin:0 10px 5px; text-transform:uppercase;}
#tease02 p {color:#4d4d4f; font-size:18px; margin:0 10px 0; line-height:20px;}
#tease03 {background:#1a80b9; width:41%; height:204px; float:left; margin:0; padding:70px 5% 0; color:#FFF; font-size:18px;}

footer {background:#072556; width:90%; height:auto; float:left; margin:0 5%; padding:20px 0;}
#doctor {width:36%; height:auto; float:left; margin:0; padding:0 0 0 1%; color:#FFF; font-family: 'merriweatherregular'; font-size:35px; text-transform:uppercase;}
#doctor span {font-size:24px;}
#location {width:38%; height:auto; float:left; margin:0; padding:0 0 0 1%; color:#FFF; font-size:19px; line-height:20px; text-transform:uppercase;}
#location span {font-size:17px;}
#location a {color:#FFF; text-decoration:none;}
#social {width:23%; height:auto; float:left; margin:0; padding:0 1% 0 0; text-align:right;}
#social img {max-width:100%; height:auto; margin:0 0 0 15px; border:none;}

@media screen and (min-width:1220px) and (max-width:1460px) {
	#tease03 {padding:40px 5% 30px;}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
	#headRight {height:386px; padding:20px 2% 0;}
	#tease01 h1, #tease01 p, #tease02 h1, #tease02 p {font-size:16px;}
	#tease03 {padding:40px 5% 30px; font-size:16px;}
	#doctor {width:100%;}
	#location {width:49%;}
	#social {width:49%;}
}

@media screen and (min-width:810px) and (max-width:999px) {
	header {height:auto;}
	#logo {width:100%; margin:0 0 20px;}
	#headRight {width:96%; height:auto; padding:20px 2%;}
	header nav ul {display:none; float:none; width:100%; margin:0; padding:0; list-style-type:none;}
	header nav li {margin-bottom:1px; border-bottom:1px dotted #000;}
	header nav ul li, header nav li a {width:100%; background-color:#a2d9df; color:#000; text-decoration:none; text-align:center; padding:5px 0 !important;}
	header nav span {display:none;}
	header nav .show-menu {background:#1a80b9; display:block; text-decoration:none; color:#fff; text-align:center; padding:10px 0; font-size:24px;}
	header nav input[type=checkbox]{display:none;}
	header nav input[type=checkbox]:checked ~ #menu{display:block;}
	#teaserWrap {height:auto;}
	#tease01 {width:49%;}
	#tease02 {width:49%; margin:0 0 0 2%;}
	#tease01 h1, #tease01 p, #tease02 h1, #tease02 p {font-size:16px;}
	#tease03 {padding:40px 5% 0px; height:auto; width:90%;}
	footer {width:82%; padding:20px 4%;}
	#doctor {width:100%;}
	#location {width:49%;}
	#social {width:49%;}
	#women {width:38%; margin:0 0 20px; padding:60px 2% 0 60%;}
	#weightloss {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#metabolic {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#men {width:43%; margin:0 0 20px; padding:140px 55% 0 2%;}
	#insomnia {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#food {width:50%; margin:0 0 20px; padding:240px 10% 0 40%;}
	#drclark {width:45%; margin:0 0 20px; padding:140px 5% 0 50%;}
	#detox { width:100%; margin:0 0 20px; padding:140px 0 0;}
	#contentArea {width:84%;margin:0 5%; padding:15px 3% 15px 3%;}
}

@media screen and (min-width:500px) and (max-width:809px) {
	header {height:auto;}
	#logo {width:100%; margin:0 0 20px;}
	#headRight {width:96%; height:auto; padding:20px 2%;}
	header nav ul {display:none; float:none; width:100%; margin:0; padding:0; list-style-type:none;}
	header nav li {margin-bottom:1px; border-bottom:1px dotted #000;}
	header nav ul li, header nav li a {width:100%; background-color:#a2d9df; color:#000; text-decoration:none; text-align:center; padding:5px 0 !important;}
	header nav span {display:none;}
	header nav .show-menu {background:#1a80b9; display:block; text-decoration:none; color:#fff; text-align:center; padding:10px 0; font-size:24px;}
	header nav input[type=checkbox]{display:none;}
	header nav input[type=checkbox]:checked ~ #menu{display:block;}
	#teaserWrap {height:auto;}
	#tease01 {width:49%;}
	#tease02 {width:49%; margin:0 0 0 2%;}
	#tease01 h1, #tease01 p, #tease02 h1, #tease02 p {font-size:16px;}
	#tease03 {padding:40px 5% 0px; height:auto; width:90%;}
	footer {width:82%; padding:20px 4%; text-align:center;}
	#doctor {width:100%;}
	#location {width:100%; padding:0;}
	#social {width:100%; padding:15px 0 0; text-align:center;}
	#women {width:38%; margin:0 0 20px; padding:60px 2% 0 60%; font-size:14px;}
	#weightloss {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#metabolic {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#men {width:33%; margin:0 0 20px; padding:80px 65% 60px 2%; font-size:14px;}
	#insomnia {width:100%; margin:0 0 20px; padding:60px 0 0;}
	#food {width:50%; margin:0 0 20px; padding:100px 10% 140px 40%;}
	#drclark {width:90%; height:86px; margin:0 0 20px; padding:380px 5% 0 5%;}
	#detox { width:100%; margin:0 0 20px; padding:140px 0 0;}
	#contentArea {width:84%;margin:0 5%; padding:15px 3% 15px 3%;}
}

@media screen and (min-width:150px) and (max-width:499px) {
	header {height:auto; width:100%; padding:0;}
	#logo {width:100%; margin:0 0 20px;}
	#headRight {width:96%; height:auto; padding:20px 2%;}
	header nav ul {display:none; float:none; width:100%; margin:0; padding:0; list-style-type:none;}
	header nav li {margin-bottom:1px; border-bottom:1px dotted #000;}
	header nav ul li, header nav li a {width:100%; background-color:#a2d9df; color:#000; text-decoration:none; text-align:center; padding:5px 0 !important;}
	header nav span {display:none;}
	header nav .show-menu {background:#1a80b9; display:block; text-decoration:none; color:#fff; text-align:center; padding:10px 0; font-size:24px;}
	header nav input[type=checkbox]{display:none;}
	header nav input[type=checkbox]:checked ~ #menu{display:block;}
	#teaserWrap {height:auto; width:100%; padding:0;}
	#tease01 {width:100%;}
	#tease02 {width:100%; margin:0;}
	#tease01 h1, #tease01 p, #tease02 h1, #tease02 p {font-size:16px;}
	#tease03 {padding:40px 5% 0px; height:auto; width:90%;}
	footer {width:92%; padding:20px 4%; margin:0; text-align:center;}
	#doctor {width:100%; font-size:26px;}
	#doctor span {font-size:20px;}
	#location {width:100%; padding:0; font-size:16px;}
	#social {width:100%; padding:15px 0 0; text-align:center;}
	#women {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#women p {display:none;}
	#weightloss {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#metabolic {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#men {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#men p {display:none;}
	#insomnia {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#food {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#food p {display:none;}
	#drclark {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#drclark p {display:none;}
	#detox {width:100%; height:150px; margin:0 0 20px; padding:0;}
	#mobText {display:block;}
	#contentArea {width:90%; margin:17px 0 0; padding:15px 5%;}
	#contentArea td {display:block; width:100%; float:left;}
	#contentArea table td {border-bottom:0px solid #40577f;}
	#contentArea td#noBorder {display:none;}
}