/*************************************************
  	
	Color Guide:
		
		#e9e9e9 - Medium Blue
		#7f9097 - Gray (more links)
		#9ebd3f - Green
		#b2c740 - Green Links
			
	Font Guide:
	
		Helvetica, Helvetica Neue, Arial, sans-serif - Heading
		Arial, 'Helvetica Neue', Helvetica, sans-serif - Body        

 
**************************************************/

/*---------------------------------
------------ CSS Reset ----------*/

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}


/**********************************
 
 GLOBAL
 
***********************************/

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
}

/**********************************
 
 STYLES
 
***********************************/

/****************
 
 Fonts & Headings
 
*****************/

p { 
	font-size: 70%; 
	margin-bottom: 10px;
	color: #002130;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 140%;
	letter-spacing: .02em;
}

.para_large {
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 22px;
}

.para_med {
	font-size: 90%;
	line-height: 140%;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #002130;
}

	a:hover { color: #B2C740; }

p.more a {
	font-size: 200%;
	color: #7f9097;
	font-weight: normal;
}

	.more a:hover { color: #1374b0; }

.learn_more {
	height: 23px;
	margin: 5px 0 0 0;
	padding-top: 4px;
}

.learn_more a {
		background: url(../images/arrow.png) right no-repeat;
		padding: 5px 35px 5px 0;
}

h1 {
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 100%;
	border-bottom: 1px solid #acaca7;	
	margin-bottom: 5px;
}

h2 {
	color: #fff;
	font-size: 110%;
}

h3 {
	color: #9ebd3f;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 80%;
}	

h4 {
	color: #9ebd3f;
	font-size: 105%;
}
.active { color: #9ebd3f; }

.emphasis { font-size: 100%; font-weight: bold;}
.emphasis2 { font-size: 90%; font-weight: bold;}

blockquote {
	margin: 15px 0 15px 20px;
	padding-left: 10px;
	border-left: 1px solid #787878;
}

blockquote p {	
	color: #787878; 
	line-height: 18px; 
	font-size: 10px;
}

#column_middle blockquote ul {
	color: #787878;
	font-size: 10px;
	font-weight: bold; 
	margin-left: 20px;
}

#column_middle blockquote li {
 list-style-type: disc;
}

/****************
 
 Lists
 
*****************/

ul {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
}

/**********************************
 
 WRAPS
 
***********************************/

#wrap {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0px -130px 0; /* Bottom margin = #footer_wrap height!!!*/
}

#body { 
	margin-top: 40px; 
	width: 966px;
 }

#content_wrap {
	width: 100%;
	padding: 0 0 130px 0; /* Bottom padding = #footer_wrap height!!!*/
}

#content_inner_wrap {
	background: #e9e9e9;
	min-height: 768px;
	background: url(../images/bg_wrap.jpg) top no-repeat;
}

#content_wrap, #footer_wrap {
	min-width: 1088px;
}

#footer_inner_wrap, #content_inner_wrap {
	width: 964px; /* This is the width of the content area! */
	margin: 0 auto;
	padding: 0 62px 20px 62px;
}

/**********************************
 
 HEADER
 
***********************************/

#header {
	height: 90px;
}

#header_left {
	float: left;
	width: 287px;
}

#header_right {
	float: left;
	width: 677px;
	height: 80px;
	padding-top: 10px;
}

	#header_right p { float: right; }

#header_facebook {
	width: 125px;
	height: 40px;
	float: right;
	padding: 5px;
}	

#header_twitter {
	width: 147px;
	height: 40px;
	float: right;
	padding: 5px;
}


#contact_email {
	background: url(../images/icon_email.jpg) left no-repeat;
	height: 37px;
	width: 90px;
	float: right;
	padding: 0 0 0 40px;
}
	
	#contact_email p {float: left; }

#contact_phone {
	background: url(../images/icon_phone.jpg) left no-repeat;
	height: 39px;
	padding: 0 0 0 40px;
	float: right;
	width: 90px;
}

#contact_phone p {float: left; }

/****************
 
 Navigation
 
****************/

#navigation {
	height: 40px;
	width: 966px;
	position: absolute;
	z-index: 1000;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
}

/********
 
 Primary
 Navigation
 
********/

#nav {
	width: 966px; 
	list-style: none;
}

#nav li { display: inline; }
	
#nav li a {
	display: block; 
	float: left; 
	height: 40px;
	background: url(../images/navigation.png) no-repeat;
	text-indent: -9999px;
}

	#nav li a.home {
		width: 113px; background-position: 0 0;	
	}
	
	#nav li a.services {
		width: 112px; background-position: -113px 0;	
	}
	
	#nav li a.nutrition {
		width: 122px; background-position: -225px 0;	
	}
	
	#nav li a.about {
		width: 127px; background-position: -347px 0;	
	}
	
	#nav li a.staff {
		width: 92px; background-position: -474px 0;	
	}
	
	#nav li a.imageconsulting {
		width: 194px; background-position: -566px 0;	
	}
	
	#nav li a.blog {
		width: 91px; background-position: -760px 0;	
	}
	
	#nav li a.contact {
		width: 115px; background-position: -851px 0;	
	}
	
	/**** hover state ****/
	
	#nav li a.services:hover, #nav li a.services:focus {
		background-position: -113px -40px;	
	}
		
	#nav li:hover a.services, #nav li.sfhover a.services { /* keep hover state when on children */
		  	background-position: -113px -40px;	
	}
		
	#nav li a.nutrition:hover, #nav li a.nutrtion:focus {
		background-position: -225px -40px;
	}
	
	#nav li:hover a.nutrition, #nav li.sfhover a.nutrition  { /* keep hover state when on children */
			background-position: -225px -40px;
	}
	
	#nav li a.about:hover, #nav li a.about:focus {
		background-position: -347px -40px;	
	}
	
	#nav li a.staff:hover, #nav li a.staff:focus {
		background-position: -474px -40px;	
	}
	
	#nav li a.imageconsulting:hover, #nav li a.imageconsulting:focus {
		background-position: -566px -40px;	
	}
	
	#nav li a.blog:hover, #nav li a.blog:focus {
		background-position: -760px -40px;	

	}
	
	#nav li a.contact:hover, #nav li a.contact:focus {
		background-position: -851px -40px;	
	}

a { outline: none; }

/********
 
 Secondary
 Navigation
 
********/

#nav li li { 
	display: block;
	float: none;
}

#nav li li a {
	display: block; 
	float: none;
	background: none;
	text-indent: 0;
	font-size: 100%;
	padding: 0 0 7px 0;
	height: auto;
	color: white;
}

#nav li li a:hover { text-decoration: underline; }

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	margin-top: 40px;
	top: 0;
	left: 0;
	z-index: 1000;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}

/**** Drop Downs ****/

#nav li ul ul  { position: relative; }

.drop {
	background: url(../images/drop.png) no-repeat bottom;;
	width: 248px;
	padding: 10px 10px 15px 10px;
}

.dropTop { 
	border-top: 1px solid #fff; 
	height: 10px;
 	float: right;
 	margin-right: 5px;
 	width: 248px;
}

.dropWidth1 { width: 153px; margin-top: -2px; } /* Services */  
.dropWidth2 { width: 116px; margin-top: -2px; } /* Wellness Tips */
.dropWidth3 { width: 156px; margin-top: -2px; } /* Benefits */

#navigation .firstList {
	margin-top: 0px;
	float: left;
	width: 100px;
	padding-left: 15px;
}

#navigation .secondList {
	padding-left: 15px;
	margin-top: 0px;
	float: left;
	width: 115px;
}

/**********************************
 
 BODY 
 
***********************************/
/**********************************
 
 INDEX
 
***********************************/

/****************
 
 Index Top
 
****************/

#content_top {
	background: url(../images/bg_center.jpg) no-repeat;	
	height: 359px;
	width: 966px;;
} 

#flash {
	float: left;
	width: 646px;
	height: 359px;
	position: relative;
	z-index: 0;
}

#copy_top {
	float: left;
	width: 290px;
	height: 329px;
	padding: 15px;
}

/****************
 
 Index Middle
 
****************/

#content_middle {
	background: url(../images/bg_middle.jpg) no-repeat;
	height: 237px;
	width: 966px;
}

/****************
 
 Index Lower
 
****************/

#content_middle_left,
#content_middle_middle,
#content_middle_right {
	float: left;
	width: 285px;
	height: 201px;
	padding: 18px;
}

.short {
	border-bottom: 1px solid #acaca7;
	padding: 0 0 5px 0;
}

#content_lower {
	padding: 18px 10px 18px 18px;
	width: 938px;
}

#content_lower_left { 
	float: left;
	background: url(../images/bg_lower.jpg) right no-repeat;
	width: 612px;
	padding: 0 28px 0 0; 
	min-height: 344px;
}

#content_lower_left img {
  padding: 5px;

}


#content_lower_right {
	float: left;
	width: 288px;
	min-height: 344px;
}

#callout_1 {
	background: url(../images/bg_callout1.jpg) no-repeat;
	width: 298px;
	height: 185px;
}
	
	#callout_1 h2 {
		width: 288px;
		height: 22px;
		padding: 10px 0 0 10px; 
	}

#callout_1_left {
	float: left;
	width: 70px;
	height: 83px;
	padding: 17px 5px 0 0;
}

#callout_1_left p { margin: 0; }
	
.month, .day, .year { 
	text-align: center; 
	line-height: .9em; 
}

.month {
	text-transform: uppercase;
	color: #fff;
	font-size: 60%;
	font-weight: bold;
}

.day {
	font-weight: bold;
	font-size: 170%;
}

.year {
	color: #fff;
	font-size: 70%;
}
	
#callout_1_right {
	float: left;
	width: 215px;
	height: 90px;
	padding: 10px 0 0 0;
}

#callout_1_right p { 
	font-size: 70%; 
	height: 75px;
	overflow: hidden;
	position: relative;
	bottom: 87px;}	
	
.read { 
	float: left;
	padding-top: 10px;
	border-top: 1px solid #b7b7b5;
	width: 171px;
}

.read_noBorder { 
	border: none;
	margin-left: 10px;	
}

#callout_2 {
	background: url(../images/bg_callout2.jpg) no-repeat;
	width: 225px;
	height: 225px;
	margin-top: 10px;
	padding: 15px 10px 0 67px;
}
#callout_f {
	font-size:90%;
	background: url(../images/bg_calloutf.jpg) no-repeat;
	width: 225px;
	height: 135px;
	margin-top: -100px;
	padding: 10px 10px 0 67px;
}
#callout_m {
	font-size:90%;
	width: 190px;
	height: 135px;
	margin:150px 0px 0px -10px;
	padding: 10px 0px 0px 0px;
}
#callout_2 p { font-size: 63%; }
#callout_3 {
	background: url(../images/bg_callout2.jpg) no-repeat;
	width: 225px;
	height: 124px;
	margin-top: 10px;
	padding: 15px 10px 0 67px;
}

#callout_3 p { font-size: 63%; }

/**********************************
 
 INNER
 
***********************************/

#inner_content { 
	width: 946px;
	padding: 10px; 
}

#breadcrumbs {
	width: 946px;
	height: 22px;
}

#breadcrumbs ul {
	margin: -4px 0 0 4px;
	padding: 0;
}
	
#breadcrumbs li {
	display: inline;
	font-size: 70%;
	margin: 0;
	padding: 0;
}

#breadcrumbs a { color: #B2C740; }

/****************
 
 Sidebars (global)
 
****************/

.sidebar_heading {
	background: url(../images/bg_sideabr_heading.png) no-repeat;
	width: 191px;
	height: 25px;
	padding: 10px 0 0 10px;
}

.sidebar_heading2 {
	background: url(../images/bg_sideabr_heading2.png) no-repeat;
	width: 191px;
	height: 10px;
	padding: 0 0 0 10px;
}

.sidebar {
	background: url(../images/bg_sidebar.png) repeat-y;
	float: left;
	width: 201px;
	margin-bottom: 15px;
}

.sidebar_bottom {
	background: url(../images/bg_sidebar_btm.png) bottom no-repeat;
	width: 171px;
	float: left;
	padding: 15px;
}
	
.sidebar_bottom2 { padding: 5px 15px 15px 15px;}

/****************
 
 Left Column
 
****************/

#column_left {
	float: left;
	width: 208px;
}

#column_left ul {
	font-size: 70%;
	margin-bottom: 10px;
}

#column_left ul a { color: #001720;}
#column_left ul a.active { color: #9ebd3f; }
#column_left ul a:hover { color: #b2c740;  }

#column_left li { margin-bottom: 5px; }

#column_left ul ul { margin: 5px 0 10px 10px; font-size: 90%; }
#column_left ul ul a { font-weight: normal;}

#column_left ul ul li { margin-bottom: 2px; }

/****************
 
 Middle Column
 
****************/

#column_middle {
	float: left;
	width: 524px;
	margin-left: 1px;
}

#column_middle ul { margin: 0 0 15px 30px; }
#column_middle li { margin-bottom: 5px; }
#column_middle li a {
	background: url(../images/bg_list.png) right no-repeat;
	padding-right: 25px;
}

#content_image {
	background: url(../images/bg_image.png) no-repeat;
	height: 222px;
	padding: 3px 0 0 5px;
	width: 528px;
}

#title { padding: 4px 0 0 10px;}

#title p { font-size: 130%; }

#content_padding { padding-left: 10px; }

#content_padding h1 { margin: 0 0 20px 0; }

ul#list { 
	margin: 10px 20px 10px 10px;
	font-weight: normal;	
	font-size: 80%;
	line-height: 150%;
}

ul#list li { 
	background: url(../images/bg_list.png) left top no-repeat;
	margin-bottom: 15px;
	padding-left: 25px;
}

/****************
 
 Right Coulumn
 
****************/

#column_right {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#date {
	background: url(../images/bg_date.png) no-repeat;
	width: 48px;
	height: 49px;
	padding-top: 8px; 
	float: left; margin-right: 10px;
}

#date p { margin: 0px; }

.callout_blog2 { 
	width: 113px; 
	float: left;
}

#affordable {
	border-bottom: 1px solid #b7b7b5;
	margin-bottom: 10px;
	height: 100px;
}

#affordable img, #affordable h4, #affordable p {float: left; }
#affordable p { width: 115px;}

#west_coast img, #west_coast h4, #west_coast p {float: left; }
#west_coast p { width: 115px; margin-left: 45px;}

/****************
 
 Label Table
 
****************/

.table {
	width: 514px;
	background-color: #e2e5e5;
	margin: 20px 0 20px 0;
	font-size: 70%; 
	margin-bottom: 10px;
	color: #002130;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 140%;
	letter-spacing: .02em;
}

.table ol {
	margin: 10px 0 0 30px;
}

.table ol li {
	list-style-type: decimal;
}

.row1, .row2 { 
	float: left;
	width: 255px; 
 font-weight: bold;
}

.row2 { border-left: 1px solid #aeb1b4;}

.tabelTitle, .tabelTitle2 { 
	background-color: #aeb1b4; 
	width: 100%;
	font-size: 160%;
	font-weight: bold;
}

.tabelTitle p, .tabelTitle2 p { padding: 5px;}
 
/**********************************
 
 FOOTER
 
***********************************/

#footer_wrap {
	width: 100%; 
	height: 130px; /* height = #wrap bottom margin!!!*/
	background: #1374b0;
}

#footer_inner_wrap {
	padding-top: 20px;
}
	
	#footer_inner_wrap p { 
		text-align: center;
		margin: 0;
		font-size: 65%;
		color: #fff;	
	}	

	#footer_inner_wrap ul {
		margin-bottom: 20px;
		font-size: 80%;
		text-align: center;
	}
	
	#footer_inner_wrap li {
		display: inline;
		margin-right:40px;
		font-size: 90%; 
	}

		#footer_inner_wrap li a { color: #fff; }
		#footer_inner_wrap li a:hover { color: #89bad8; }
		
.us_link { color: #9ebd3f; }

/**********************************
 
 VARIOUS
 
***********************************/

.clear { clear: both; }

.imgRight { 
	float: right;
	margin: 0 0 15px 5px;
}

.imgLeft {
	float: left;
	margin: 0 15px 5px 0
}

.imgRightWrap {
	float: right;
	margin: 15px 0 15px 5px
}

/*******************************************************************
 
 BLOG
 
*******************************************************************/

.post { 
	border-bottom:1px solid #B7B7B5;
	margin-bottom: 15px;
}

#content h2 {
	text-align: center;
	margin-bottom: 5px;
}

.theDate {
	text-align: center;
	color: gray;
}

.alignleft p a, .alignleft p,  .alignright p a, .alignright p { color: gray;}
.alignleft p a:hover, .alignright p a:hover { color: #B2C740; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
.commentlist {
	font-size: 70%; 
	margin-bottom: 10px;
	color: #002130;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 140%;
	letter-spacing: .02em;
}

#column_middle .commentlist li a {
 background: none;
}

/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Sidebar */

h2.widgettitle { color: black; }

#sidebar form {
	margin: 0;
	}
/* End Sidebar */