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



/* ------------------ GLOBAL -------------------------- */

body {
	margin: 0;
	padding: 0;
	font: ;
	background-color: #f1f1ee;
}

p, h1, h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: inherit;
}

a img {
	border: none;
}


/* ------------------ STRUCTURE -------------------------- */

#shell {
	width: 1024px;
	height: 768px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-longbio {
	width: 1024px;
	height: 820px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-faq {
	width: 1024px;
	height: 1300px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-careers {
	width: 1024px;
	height: 1460px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-longcontent {
	width: 1024px;
	height: 1130px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-longcontent2 {
	width: 1024px;
	height: 1400px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-videos {
	width: 800px;
	height: 600px;
	margin: 0 auto; /* this centers the #shell */
	background-image: url(../images/healing_mind_bg.jpg);
	background-repeat: no-repeat;
}

#header {
	width: 1024px;
	height: 128px;
}

#header-short {
	width: 1024px;
	height: 96px;
}

#nav {
	width: 1024px;
	height: 32px;
}

#banner {
	width: 1024px;
	height: 264px;
}

#banner-locations-left {
	width: 212px;
	height: 264px;
	background-image: url(../images/image_locations_L.jpg);
	float: left;
}

#banner-locations-right {
	width: 812px;
	height: 264px;
	background-image: url(../images/image_locations.jpg);
	float: left;
}

#banner-thirdpage {
	width: 1024px;
	height: 166px;
}

#divider {
	width: 1024px;
	height: 14px;
}

hr.divider {

}

#contenttop {
	width: 1024px;
	height: 25px;
	background-image: url(../images/content_bg_top_text.gif);
	background-repeat: no-repeat;
}

#content {
	width: 1024px;
	height: 307px;
}

#content-secondpage {
	width: 1024px;
	height: 318px;
}

#content-secondpage-long {
	width: 1024px;
	height: 370px;
}

#content-secondpage-long2 {
	width: 1024px;
	height: 680px;
	color: white;
}

#content-secondpage-long2a {
	width: 1024px;
	height: 380px;
	background-color: white;
}

#content-secondpage-long2b {
	width: 1024px;
	height: 472px;
	background-color: white;
}

#content-secondpage-long3 {
	width: 1024px;
	height: 950px;
}

#content-thirdpage {
	width: 1024px;
	height: 430px;
}

#content-faq {
	width: 1024px;
	height: 960px;
}

#content-careers {
	width: 1024px;
	height: 1124px;
}


#footer {
	width: 1024px;
	height: 44px;
	border-top: 1px dotted #ada39e;
	background-color: white;	
}

#shell.home #footer {
	border-top: none;
}

#shell.other #footer {
	padding-top: none;
}

/* ------------------ MINDFULNESS VIDEO -------------------------- */

#video-header {
	width: 726px;
	height: 186px;
	background-image: url(../images/healing_mind_header.gif);
	background-repeat: no-repeat;
	margin-left: 37px;
	margin-right: 37px;
}

#video-content {
	width: 726px;
	height: 344px;
	background-image: url(../images/healing_mind_contentbg.jpg);
	background-repeat: no-repeat;
	margin-left: 37px;
	margin-right: 37px;
}

#video-text {
	width: 463px;
	height: 344px;
	float: left;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
}

#video-buttons {
	width: 213px;
	height: 344px;
	float: right;
}

#video-button1 {
	width: 209px;
	height: 53px;
	margin-top: 16px;
	float: right;
}

#video-button2 {
	width: 209px;
	height: 53px;
	margin-top: 5px;
	float: right;
}

#video-button3 {
	width: 209px;
	height: 53px;
	margin-top: 5px;
	float: right;
}

.video-bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #5b473d;
}

/* ------------------ LAYOUT -------------------------- */

#logo {
	float: left;
}

#menu {
	float: right;
	height: 66px;
}
/* ------------------ CONTENT -------------------------- */

#banner img {
	float: left;
}

#banner-thirdpage img {
	float: left;
}

#content .column-left {
	float: left;
	width: 212px;
	height: 307px;
	background-image: url(../images/content_bg_left.jpg);
	background-repeat: no-repeat;
}

#content .column-middle {
	float: left;
	width: 300px;
	height: 307px;
	background-image: url(../images/content_bg_middle.jpg);
	background-repeat: no-repeat;
}

#content .column-right {
	float: left;
	width: 512px;
	height: 307px;
	background-image: url(../images/content_bg_right_text.gif);
	background-repeat: no-repeat;
}

#column-left-1 {
	float: left;
	width: 212px;
	height: 318px;
	background-color: white;
}

#column-left-2 {
	float: left;
	width: 212px;
	height: 318px;
	background-color: #ede4cc;
}

#column-loc-sf {
	float: left;
	width: 212px;
	height: 318px;
	background-image:url(../images/loc_sf_Penninsula.gif);
}

#column-right-1 {
	float: left;
	width: 535px;
	height: 280px;
	background-color: white;
	padding: 20px 30px 0 33px;
}

#column-right-2 {
	float: left;
	width: 535px;
	height: 660px;
	background-color: white;
	padding: 20px 30px 0 33px;
}

#column-right-3 {
	float: left;
	width: 749px;
	height: 280px;
	background-color: white;
	padding: 20px 30px 0 33px;
}

#column-doctorslist {
	float: left;
	width: 212px;
	height: 318px;
	background-image: url(../images/bg_doctors.gif);
	background-repeat: no-repeat;
}

#column-doctorsbio {
	float: left;
	width: 598px;
	height: 318px;
	padding: 0;
}

#column-doctorsbio-long {
	float: left;
	width: 598px;
	height: 418px;
	padding: 0;
}

#column-doctorsbio-long-2 {
	float: left;
	width: 598px;
	height: 380px;
	padding: 0;
}

#column-doctorsbio-photo {
	float: left;
	width: 91px;
	height: 318px;
	padding: 0;
}

#column-doctorsbio-text {
	float: left;
	width: 457px;
	height: 298px;
	padding: 20px 20px 0 30px;
}

#column-doctorsbio-text-long {
	float: left;
	width: 457px;
	height: 450px;
	padding: 20px 20px 0 30px;
}

#column-doctorsbio-text-long-2 {
	float: left;
	width: 457px;
	height: 375px;
	padding: 20px 20px 0 30px;
}

#column-left {
	float: left;
	width: 212px;
	height: 430px;
	background-color: white;
	padding: 0;
}

#column-right {
	float: left;
	width: 712px;
	padding-top: 30px;
	padding-left: 33px;
	padding-right: 67px;
	background-color: white;
}

#column-careers {
	float: left;
	width: 712px;
	padding: 0;
	background-color: white;
}

#careers-top {
	width: 812px;
	height: 135px;
	margin-top: 4px;
	float: left;
	background-color: #ebd599;
}

#careers-bottom {
	width: 712px;
	height: 960px;
	padding-top: 25px;
	padding-left: 33px;
	padding-right: 67px;
	float: left;
	background-color: #f8f2de;
}

#column-subnav {
	float: left;
	width: 184px;
	background-color: white;
	padding: 25px 0 0 28px;
}

#column-locate {
	float: left;
	width: 214px;
	height: 415px;
	background-color: #e2e1d9;
	background-repeat: no-repeat;
	padding: 0;
}

#column-locate-list {
	float: left;
	width: 214px;
	height: 550px;
	background-color: #e2e1d9;
	background-repeat: no-repeat;
	padding: 0;
}

#column-locate-long {
	float: left;
	width: 199px;
	height: 293px;
	background-image: url(../images/bg_locations.gif);
	background-repeat: no-repeat;
	padding: 25px 0 0 15px;
}

#column-button {
	float: left;
	width: 214px;
	height: 97px;
	padding: 0;
}

/* ------------------ TYPOGRAPHY -------------------------- */

ul#top-menu {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 15px 66px 0 0;
	height: 81px;
}

ul#top-menu li {
	display: inline;
	border-right: 1px solid #5b473d;
}

ul#top-menu a {
	color: #5b473d;
	padding: 0 10px;
}

ul#top-menu a:hover, ul#top-menu a:visited {
	color: #bb942e;
}

ul#top-menu li.last {
	border-right: none;
}

#shell.home .column-middle p {
	color: #5b473d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	padding: 10px 0;
}

.footer {
	color: #ADA39E;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding-top: 5px;
	margin-top: 10px;
	text-align: center;
}

.footertext-secondpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ADA39E;
	padding-top: 5px;
	margin-top: 10px;
	text-align: center;
}

.footertext-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d77029;
	padding-top: 5px;
	margin-top: 10px;
	text-align: center;
	text-decoration: underline;
}

.section-header {
	font-family: Georgia, Times, serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #d77029;
}

.footertext-secondpage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ADA39E;
}

.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #5b473d;
}

.bodycopy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #bb942e;
}

.bodycopy a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #bb942e;
}

.bodycopyyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #bb942e;
}

.bodycopyyellow a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #bb942e;
}

.bodycopyyellow a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #5b473d;
}

.bodycopybrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #96664e;
}

.bodycopybrown a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #96664e;
}

.bodycopybrown a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #5b473d;
}

.bodycopybold-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #d77029;
}

.bodycopybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #5b473d;
}

.bodycopybold-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #5b473d;
}

.bulletcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-left: 20px;
	color: #5b473d;
}

.bulletcopy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #bb942e;
}

.intro-careers {
	font-family: Times, serif;
	font-size: 21px;
	line-height: 24px;
	color: #5b473d;
	margin-top: 20px;
	margin-left: 33px;
	margin-right: 70px;
}

ul#subnav {
	width: 184px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #bb942e;
	list-style: none;
}

ul#subnav li {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #bb942e;
	list-style: none;
}

ul#subnav li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #bb942e;
	list-style: none;
}

ul#subnav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}

.subnav-on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}

ul#subnav-locations {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
	margin-left: 25px;
}

ul#subnav-locations li {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
}

ul#subnav-locations li a {
	display: block;
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
}

ul#subnav-locations li a:hover {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}

.subnav-locations-on {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}

ul#subnav-doctors {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 12px;
	line-height: 30px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
	margin-left: 25px;
}

ul#subnav-doctors li {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 12px;
	line-height: 30px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
}

ul#subnav-doctors li a {
	display: block;
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 12px;
	line-height: 30px;
	font-weight: normal;
	color: #a37900;
	list-style: none;
}

ul#subnav-doctors li a:hover {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}

.subnav-doctors-on {
	width: 184px;
	font-family: "Arial Narrow", "Arial Narrow Bold";
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #5b473d;
	list-style: none;
}


/* ------------------ ELEMENTS -------------------------- */

.button {
	margin: 15px 0;
}

/* ------------------- MARK'S ADDS ------------------------- */

.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size19 { font-size: 19px; }
.size21 { font-size: 21px; }
.size22 { font-size: 22px; }
.size25 { font-size: 25px; }
.size27 { font-size: 27px; }
.size38 { font-size: 38px; }
.size48 { font-size: 48px; }
.size60 { font-size: 60px; }

.garamond { font-family: Garamond, serif; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.orange { color: #d8702a; }
.brown { color: #5b473d; }
.white { color: #ffffff; }
.tan { color: #a37900; }
.olive { color: #9c9b83; }
.darkgreen { color: #87953e; }

.margin5top { margin-top: 5px; }
.margin10top { margin-top: 10px; }
.margin15top { margin-top: 15px; }
.margin20top { margin-top: 20px; }
.margin25top { margin-top: 25px; }
.margin10right { margin-right: 10px; }
.margin45right { margin-right: 45px; }
.margin10left { margin-left: 10px; }
.margin15left { margin-left: 15px; }
.margin25left { margin-left: 25px; }
.margin30left { margin-left: 30px; }
.margin125left { margin-left: 125px; }
.margin150left { margin-left: 150px; }
.margin20bottom { margin-bottom: 20px; }
.margin15bottom { margin-bottom: 15px; }

.padding15left { padding-left: 15px; }

.lineheight18 { line-height: 18px; }

.italic { font-style: italic; }

.bold { font-weight: bold; }

.floatright { float: right; }
.floatleft { float: left; }

.center { vertical-align: middle; }

