@charset "UTF-8";
/* CSS Document */
bachtml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

p {line-height:1.35em;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ol {list-style: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* Fixes FireFox & Chrome scrollbar jump */
html {overflow-y:scroll;}

body {font-family:Helvetica, sans-serif;font-size:12px;color:#222;background:url(../images/bg-secondary.jpg) repeat-x;}
body#secondary {font-family:Helvetica, sans-serif;font-size:13px;color:#222;background:url(../images/bg-secondary.jpg) repeat-x;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}

#wrap {width:1000px;margin:0 auto;}

/* ----- Header ---------------------------- */
#header {height:135px;}
	
	#logo {width:350px;height:105px;float:left;padding:30px 0 0 18px;}
	#logo a#company-logo {display:block;width:230px;height:35px;background:url(../images/nutradynamics-logo.png) no-repeat;text-indent:-9999px;}
	#logo p {color:#fcee9e;margin-top:0;font-weight:bold;font-size:12px;}
	
	#header-right {float:right;height:125px;padding:10px 0 0 0;margin-right:10px;}
	#header-right span {font-size:17px;}
	#phone {color:#fff;height:25px;float:right;margin:15px 20px 0 0;font-weight:bold;padding-left:30px;font-size:13px;padding-top:8px;background:url(../images/phonearea.png) no-repeat;width:300px;}
	
	
	#nav {float:right;width:600px;height:60px;margin-right:5px;background:url(../images/navigation.png) no-repeat;margin-top:10px;}
		#nav ul {list-style:none;padding-left:35px;margin-top:13px;width:560px;}
		#nav li {float:left;display:block;line-height:15px;}
		#nav li a {font-size:14px;color:#333;float:left;padding:18px 16px;height:10px;text-decoration:none;text-align:center;display:block;border-right:1px solid #fff;border-left:1px solid #d7d5d5;}
		#nav li a:hover {text-decoration:none;background:url(../images/nav-current.gif) repeat-x bottom;color:#222;}
		#nav li.last {border-right:1px solid #d7d5d5;}
		#nav li a.current {background:url(../images/nav-current.gif) repeat-x bottom;color:#222;}
	
#main {background:url(../images/secondary.png) no-repeat;margin:10px 0 0 -5px;}	
/* ----- Intro ---------------------------- */
#intro {padding:30px 0 50px 25px;width:1000px;background:url(../images/apples.jpg) bottom no-repeat;}
	  #welcome {float:left;width:480px;padding:0 10px 20px 0;}
		  #welcome h2  {font-size:20px;color:#fff;font-weight:normal;background:url(../images/header-wrap-home.png) no-repeat;height:20px;margin-left:-28px;padding:18px 0 8px 30px;}
		  
	  #health {float:right;width:465px;padding:0 22px 20px 0;}
		  #health h2 {font-size:20px;width:450px;font-weight:normal;color:#470d12;padding-top:18px;padding-bottom:3px;}
		  #health ul {padding-top:5px;}
		  #health li {float:left;display:block;padding:4px 0 4px 20px;width:190px;height:28px;font-size:12px;border-bottom:1px dotted #aaa;margin-right:10px;line-height:30px;background:url(../images/check.gif) 0 6px no-repeat;}
		  
		  #newbook {background:url(../images/newbook.png) no-repeat;width:255px;height:222px;padding:20px 0 0 200px;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;}
			#newbook a {color:#80181e;text-decoration:none;}
			#newbook a:hover {text-decoration:underline;}
#more-info {background:url(../images/gray-fadeX.png) center top no-repeat;border-top:1px dotted #555;padding:0 0 0 6px;width:940px;margin-left:20px;}

/* ----- About ---------------------------- */
#about {float:left;width:480px;height:300px;padding-right:25px;background:url(../images/bg-shadow.jpg) no-repeat right top;}
	#about h2 {font-size:20px;font-weight:normal;padding-top:30px;color:#111;}

#programs {float:left;width:370px;padding:26px 20px 0 16px;height:300px;}
	#programs h2 {font-size:20px;color:#111;font-weight:normal;padding:4px 0 0 0;background:url(../images/programsX.jpg) no-repeat 0 2px;margin:0;height:25px;}
		p.programs-h1 {background:url(../images/program-bg1x.png) repeat-x;color:#111;border-bottom:1px dotted #555;font-size:16px;padding:0 0 0 0px;width:420px;line-height:normal;}
		p.programs-h2 {background:url(../images/program-bg2x.png) repeat-x;color:#111;border-bottom:1px dotted #555;font-size:16px;padding:10px 0 0 0px;width:420px;line-height:normal;}
	#programs ul {padding:6px 0 0 5px ;margin:0;list-style:none;}
	#programs li {float:left;margin-right:20px;line-height:25px;background:url(../images/bullet.gif) 0 7px no-repeat;padding-left:14px;color:#111;font-size:14px;}
	#programs p {padding-bottom:0;margin-bottom:0;}
	

/* ----- SECONDARY PAGES ---------------------------- */

#main-secondary {padding-top:30px;padding-left:30px;background:url(../images/secondary.png) no-repeat;margin:10px 0 0 -5px;}
#left {width:650px;float:left;padding-right:20px;}
#left h1 {font-size:20px;color:#fff;font-weight:normal;background:url(../images/header-wrap.png) no-repeat;height:21px;padding:18px 0 6px 32px;margin-left:-33px;}
#left ul {margin-left:30px;padding-top:10px;}
#left li {padding-bottom:15px;}
#left h2 {color:#222;font-size:16px;padding:15px 0 3px 0;margin-bottom:10px;border-bottom:1px solid #ccc;}
#left h3 {color:#222;font-size:14px;padding:15px 0 3px 0;}
#left .shade {background:url(../images/shade.gif) no-repeat;width:655px;height:20px;display:block;}
#left a {color:#90252c;text-decoration:underline;}
#left a:hover {text-decoration:none;color:#c0323d;}

#left ul#consultation {float:left;width:520px;}

#right {width:225px;float:right;padding:18px 48px 0 30px;background:url(../images/bg-right.gif) no-repeat;font-size:11px;height:500px;}
#right p {line-height:1.28em;color:#222;color:#444;}
#right h3 {color:#90252c;text-transform:uppercase;font-size:17px;font-weight:normal;border-bottom:1px solid #ccc;background:url(../images/balloon.jpg) 0 2px no-repeat;padding-left:25px;line-height:23px;}
#right p.small {font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;font-style:normal;}
#right p.quote {background:url(../images/quoteX.gif) no-repeat left top;padding-left:24Xpx;}

#right p a {color:#90252c;}

#right p a:hover {color:#333;}

/* ------------------------ CONTACT SECTION --------------------------------------*/


span.red {color:red!important;padding:0!important;margin:0!important;line-height:normal!important;display:inline!important;}	

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}


/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:10px; 
	line-height:10px; 
	padding-left:6px; 
	color:red;
	}

#contactForm  legend {color:#333;font-size:11px;}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; 
	width:211px;
	background:url(../images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	}
	
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:190px; 
	background:#fff; 
	color:#444; 
	border:1px solid #ccc; 
	border-radius: 5px 5px 5px 5px;border:1px solid #ccc;
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:4px;
	float:left;
	}
	
	
#contactForm textarea {border-radius: 5px 5px 5px 5px;border:1px solid #ccc;height:100px;font-family:Helvetica, Arial, sans-serif;color:#444;float:left;width:195px;}

#contactForm input[type="submit"] {color:#fff;clear:both;cursor:pointer;width:150px;padding:4px 10px;border-radius: 5px 5px 5px 5px;margin-top:5px;
	background:#999;height:30px;position:relative;left:100px;top:10px;font-size:13px;}
	
#contactForm input[type="submit"]:hover {color:#f9f9f9;font-size:13px;text-align:center;background:#777;}

#contactForm label {float:left;width:90px;}
#contactForm p {clear:both!important;padding:10px 0;*padding:0;}
#contactForm .input_boxes {float:left; width:380px;margin-left: 10px;}



/* ----- Footer ---------------------------- */
#footer {background:url(../images/bg-footer.jpg) repeat-x;height:180px;padding-top:20px;color:#555;font-size:12px;}
#footer-main {width:1000px;margin:0 auto;}
#footer ul {list-style:none;width:650px;padding-top:15px;}
#footer li {float:left;padding:0 10px 0 0;}
#footer li a {font-size:12px;color:#222;padding-right:5px;float:left;text-decoration:none;height:18px;text-align:center;display:block;}
#footer li a:hover {text-decoration:underline;}

#footer-left {width:440px;float:left;padding-left:10px;}
#footer-right {width:420px;float:right;height:20px;padding:0px 50px 0 0;}
#footer-right p {text-align:left;float:right;line-height:1.6em;}
#footer-left p a {clear:both;background:url(../images/linkedin.gif) 0 3px no-repeat;line-height:30px;padding:7px 0 0 20px;border:none;color:#333;text-decoration:none;height:30px;}