/* CSS Document */

/* ______________________________________________________ Zeroing Styles ______________________________________________________ */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all default styles */

* {
margin:0;
padding:0;
border:0;
}

html {
min-height: 100%;
height: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn, th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}


/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

/
				
				/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Header Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

					.logo {
					position:absolute;
					left:50%;
					margin:-10px 0 0 -436px;
					width:194px;
					height:86px;
					}

					.navigation {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					background-image:url(../images/skin/navigation_bg_waves.png);
					background-repeat:no-repeat;
					background-position:bottom left;
					width:657px;
					margin:4px 4px 0 0;
					padding:4px 0 0 0;
					float:right;
					}
					
						.navigation ul {
						list-style:none;
						clear:both;
						float:left;
						}
						
							.navigation ul li {
							background-image:url(../images/skin/navigation_LI_bg_divider.png);
							background-repeat:no-repeat;
							background-position:top right;
							padding: 0 30px 0 0;
							margin: 0 10px 0 0;
							min-height:50px;
							float:left;
							}
							
							.navigation ul li.last {
							background-image:url();
							background-repeat:no-repeat;
							background-position:top right;
							padding: 0 30px 0 0;
							}
							
								.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited {
								font-size:11px;
								font-weight:bold;
								text-decoration:none;
								}
								
								.navigation ul li a:hover {
								color:#fff;
								}
		
				/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Left Column Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
			
				.leftcol {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				clear:left;
				padding:100px 0 0 0;
				width:164px;
				margin:4px;
				float:left;
				}
				
					.block {
					margin:0 0 10px 0;
					}	
					
						.blocktop {
						background-image:url(../images/skin/leftcol_blocktop_bg_swirlish.png);
						background-position:bottom center;
						background-repeat:no-repeat;
						width:164px;
						height:19px;
						}
						
							.blockmiddle {
							background-image:url(../images/skin/leftcol_blockmiddle_bg_swirlish.png);
							background-position:bottom center;
							background-repeat:no-repeat;
							background-color:#d9d4b5;
							min-height:498px;
							padding:0 10px;
							}
							
							.blockmiddle p {
							font-family:Verdana, Arial, Helvetica, sans-serif;
							}
							
								.blockbottom {
								background-image:url(../images/skin/leftcol_blockbottom_bg_swirlish.png);
								background-position:top center;
								background-repeat:no-repeat;
								width:164px;
								height:15px;
								}
			
					.subnavigation {
					font-size:10px;
					color:#000;
					font-weight:bold;
					}	
					
						.subnavtop {
						background-image:url(../images/skin/subnav_top_bg_roundedcorner.png);
						background-position:top center;
						background-repeat:no-repeat;
						padding:14px 0 0 0;
						}
						
							.subnavbottom {
							background-image:url(../images/skin/subnav_bottom_bg_roundedcorner.png);
							background-position:bottom center;
							background-repeat:no-repeat;
							padding:0 0 17px 0;
							}
					
								.subnavigation ul {
								margin:0;
								padding:0;
								list-style:none;
								width:164px;
								}
									
									.subnavigation ul li {
									background-image:url(../images/skin/subnavigation_LI_bg_divider.png);
									background-repeat:no-repeat;
									background-position:bottom center;
									padding:0 0 29px 0;
									margin:0;
									}
										
									.subnavigation ul li:last-child {
									background-image:url();
									padding:0;
									}
		
									
										.subnavigation ul li a {
										background-color:#beb576;
										padding:10px 10px 0 10px;
										display:block;
										width:144px;
										height:100%;
										text-decoration:none;
										}
										
										.subnavigation ul li:last-child a {
										padding:10px;
										}
										
										.subnavigation ul li a:hover {
										color:#fff;
										}
										
										
										div#container {
										background-image:url(../images/innerBg.gif);
										background-repeat:repeat-x;
										background-color:#f8efbe;
										width:847px;
										height:100%;
										margin-right:auto;
										margin-left:auto;
										border:3px solid white;
										position:relative;
										top:28px;
										}
								
					.additions {
					font-size:10px;
					color:#000;
					font-weight:bold;
					margin:10px 0;
					}	
					
						.additionstop {
						background-image:url(../images/skin/subnav_top_bg_roundedcorner.png);
						background-position:top center;
						background-repeat:no-repeat;
						padding:14px 0 0 0;
						}
						
							.additionsbottom {
							background-image:url(../images/skin/subnav_bottom_bg_roundedcorner.png);
							background-position:bottom center;
							background-repeat:no-repeat;
							padding:0 0 17px 0;
							}
							
								.additionsinner {
								background-color:#beb576;
								padding:10px;
								}
					
									  .additionsinner ul {
									  margin:0;
									  padding:0;
									  list-style:none;
									  width:164px;
									  }
										  
										  .additionsinner ul li {
										  background-image:url(../images/skin/subnavigation_LI_bg_divider.png);
										  background-repeat:no-repeat;
										  background-position:bottom center;
										  padding:0 0 29px 0;
										  margin:0;
										  }
											  
										  .additionsinner ul li:last-child {
										  background-image:url();
										  padding:0;
										  }
			  
										  
											  .additionsinner ul li a {
											  background-color:#beb576;
											  padding:10px 10px 0 10px;
											  display:block;
											  width:144px;
											  height:100%;
											  text-decoration:none;
											  }
											  
											  .additionsinner ul li:last-child a {
											  padding:10px;
											  }
											  
											  .additionsinner ul li a:hover {
											  color:#fff;
											  }

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Main Area Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
			
				.main {
				width:657px;
				margin:0 4px 4px 4px;
				float:right;
				clear:right;
				line-height:1.5em;
				}	
				
					.maincontent {
					width:100%;
					clear:right;
					}
					
						.contentblock {
						padding:20px 20px 20px 4px;
						}
					
						ul.homelist {
						list-style:none;
						clear:both;
						padding:0;
						margin:0;
						}
						
							ul.homelist li {
							background-repeat:no-repeat;
							background-position:bottom left;
							padding:0 0 0 4px;
							}
								
								ul.homelist li a {
								display:block;
								font-weight:normal;
								width:375px;
								min-height:154px;
								color:#000;
								padding:0 0 60px 0;
								}
								
								ul.homelist li a .hthree {
								font-family:Georgia, "Times New Roman", Times, serif;
								font-size:1.8em;
								}
						
							li.homecompounding {
							background-image:url(../images/skin/home_maincontent_bg_compounding.png);
							}
							
								li.homecompounding a {	
								}
								
								li.homecompounding a .hthree {
								color:#621261;
								}
								
							li.homevetcompounding {
							background-image:url(../images/skin/home_maincontent_bg_vetcompounding.png);
							}
							
								li.homevetcompounding a {	
								}
								
								li.homevetcompounding a .hthree {
								color:#31459f;
								}
							
							li.homenutrition {
							background-image:url(../images/skin/home_maincontent_bg_nutrition.png);
							}
							
								li.homenutrition a {	
								}
								
								li.homenutrition a .hthree {
								color:#738110;
								}
							
							li.homebioidentical {
							background-image:url(../images/skin/home_maincontent_bg_bioidentical.png);
							}
							
								li.homebioidentical a {	
								}
								
								li.homebioidentical a .hthree {
								color:#cdb700;
								}
							
							li.homemitochondrial {
							background-image:url(../images/skin/home_maincontent_bg_mitochondrial.png);
							}
							
								li.homemitochondrial a {	
								}
								
								li.homemitochondrial a .hthree {
								color:#89cebb;
								}
			
				/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Footer Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
			
				.footer {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				width:844px;
				clear:both;
				margin:0 4px 4px 4px;
				overflow:auto;
				}
				
					.footercontent {
					width:634px;
					height:26px;
					background-image:url(../images/skin/footer_bg_curve.gif);
					background-repeat:no-repeat;
					background-position:bottom left;
					font-size:9px;
					line-height:1.4em;
					padding: 40px 10px 10px 10px;
					float:right;
					}
				
						.footer ul {
						list-style:none;
						height:13px;
						padding:0;
						margin:0;
						clear:left;
						}
						
							.footer ul li {
							padding:0 10px 0 0;
							margin:0;
							float:left;
							}
							
								.footer ul li a {
								}

/* ______________________________________________________ Style Override ______________________________________________________ */

/* Sometime when using multiple external style sheets (and in other instances) it becomes necessary to override certain styles in order to solve inheritance or hierarchical conflicts. */

.printonly {
display:none;
}

/* ______________________________________________________ Alt Media Styles ______________________________________________________ */

/* It is necessary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different style sheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */

/* ______________________________________________________ Style Sheet Division ______________________________________________________ */

	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Section Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

		/* ??????????????????????? START STYLE WRAPPER ??????????????????????? */

			/* ---------- START STYLE CONTAINER ---------- */

			/* ---------- END STYLE CONTAINER ---------- */

		/* ??????????????????????? END STYLE WRAPPER ??????????????????????? */