/*
Theme Name: Enjoy Eating Right 2.0
Theme URI: http://enjoyeatingright.com
Description: The 2010 theme for Enjoy Eating Right
Author: Chris DeMarco
Version: 2.0
Tags: green, two-columns, fixed-width
*/


body {
	margin:0px 0px 0px 0px; 
	padding:0;
	background: url(images/page-bg.jpg) top center repeat-x #ffffff;
	font:14.5px/19px helvetica, arial, sans-serif; 
	color:#505050;

}

ul {
	margin:0px;
	padding:0px;
}

a {
	color: #d6570c; text-decoration: underline;
}

a:hover {
	color: #ff853d; text-decoration: none;
}

#topbar { height: 115px; margin: 0px; padding: 0px; overflow: hidden; }
#topbar #topbarcontent { width: 912px; margin: 0px auto; }
#topbar #logo { padding: 0px 0px 0px 25px; }
#topbar #logo .image { float: left; margin-top: 23px; margin-right: 16px; }

#topbar #logo .title { float: left; padding: 27px 0px 0px; color: #ffffff; width: 635px; overflow: hidden; }
#topbar #logo .biztitle { margin: 0px; padding: 0px; font-size: 32px; font-weight: normal; line-height: 30px; font-family: kozuka gothic pro, lucida grande, lucida sans, arial, sans-serif; }

#header #logo .tagline { float: left; padding: 5px 0px 0px 2px; margin: 0px; font-size: 15px; font-family: kozuka gothic pro, lucida grande, lucida sans, arial, sans-serif; line-height: 15px; font-weight: normal;  }

#topbar #logo .socialmed { float: right; padding: 28px 15px 10px 0px; color: #ffffff; width: 125px; text-align: right; }

#topbar #logo .socialmed img { padding: 2px 5px 0px 0px; border: 0px; }

#topbar #logo .phone { padding: 2px 5px 0px 0px; margin: 0px; text-align: right; font-size: 17px; font-weight: bold; }

#header #logo .clear { clear: both; }




#navarea {

	width: 912px;
height: 60px;
	margin: 0px auto;
margin-top: 0px; 
padding: 0px;
}


#navbar {  width: 912px; position:relative; font-family: arial, sans-serif; height:58px; font-size: 18px; line-height: 20px; font-family: eurostile, lucida grande, lucida sans; color:#ffffff; background: url(images/nav-bg.jpg) no-repeat; margin:0 auto; padding: 0px; border: 0px; }

/* Basic List Styling (First/Base Level) */

#navbar ul {padding:0; margin:0; list-style: none; border: 0px; }

#navbar ul li {float:left; position:relative; height: 47px; width: 120px; }

#navbar ul li a { padding:19px 17px 19px 17px; display:block; text-decoration:none; text-align:center; color:#323232; border-right:1px solid #55770b; }

#navbar ul li a:hover, #navbar ul li:hover ul li a:hover, #navbar ul li a.active {color:#ffffff; background: url(images/nav-hover.jpg) repeat-x #bfc2c8; }

#navbar ul li.left { margin: 0px 0px 0px 20px; padding: 0px; border-left:1px solid #55770b; }

#navbar ul li.left a {  }

#navbar ul li.right a { border-right: 0px; }


/* Second Level Drop Down Menu */

#navbar ul li ul {display: none;}

#navbar ul li:hover ul { font-size:15px; line-height: 15px; display:block; position:absolute; top:58px; min-width:200px; left:0px; padding-left: 0px; text-align: left; }

#navbar ul li:hover ul li a {display:block; background: #40490c; color:#ffffff; width:166px; left: 0px; padding-left: 17px; text-align: left;  }

#navbar ul li:hover ul li a:hover { font-weight: bold;  }

/* Third Level Drop Down Menu */

#navbar ul li:hover ul li ul {display: none;}

#navbar ul li:hover ul li:hover ul { display:block; #828282; color:#ffffff; text-align: left; position:absolute; left:200px; top:0; }


#navbar .clear {clear: both; }




#topcap { width: 912px; height: 15px; margin:0 auto; 
	padding: 0px; background: url(images/top_bg.png) no-repeat; }



#header {
	overflow: hidden;
	width: 910px;
height: 212px;
	margin: 0px auto;
margin-top: 0px;
margin-bottom: 0px; 
padding: 0px;
border-right: 1px solid #40490c;
border-left: 1px solid #40490c;
}



#container {
	overflow: hidden;
	width: 910px;
	margin:0 auto; 
	padding: 18px 0px 0px 0px;
	background: #ffffff;
border-right: 1px solid #40490c;
border-left: 1px solid #40490c;

}


#clear {
	clear:both;
height: 20px;
}

#horzspace {
	height: 10px;
	background: #ffffff;
}


#content_fullwidth {

	margin-top:0px;
	padding-left: 35px;
	padding-top: 10px;
	padding-right: 36px;
margin-bottom: 25px;
}

#content {
	margin-top:0px;
	margin-left: 35px;
padding-left: 0px;
	padding-top: 0px;
	padding-right: 16px;
	float: left;
width: 611px;
}

.breadcrumb { color: #555555; font-size: 13.5px; margin: 0px 0px 20px 0px;  padding: 0px; line-height: 13.5px; }

.breadcrumb a { color: #555555; text-decoration: none; }

.breadcrumb a:hover { color: #6a6a6a; text-decoration: underline; }



#content h1, #content_fullwidth h1 {
	margin-top:0px;
	font-size: 32px;
	line-height: 36px;
	color: #3a3a3a;
margin-bottom: 10px;
padding-top: 0px;

}

#content h2, #content_fullwidth h2 {
	margin-top:20px; padding-top: 0px;
	font-size: 20px;
	line-height: 23px;
	color: #4a4a4a;

}

#content h3 {
	margin-top:22px;
	font-size: 18px;
	line-height: 22px;
	color: #5a5a5a; margin-bottom: 0px; padding-bottom: 0px;
}

#content h3.subline {
	margin-top:5px;
	font-size: 18px;
	line-height: 22px;
	color: #5a5a5a; margin-bottom: 8px;
}

#content h4 {
	font-size: 14px;
	line-height: 26px;
	color: #555555;
}

#content ul {
	padding-left: 40px;
}

#content ul.nest {
	padding-left: 40px;
	color:#888888;
}


#content li { margin-bottom: 15px; }

#sidebar {
margin-top: 35px;
border: 1px solid #afafaf;
margin-right: 36px;
padding: 0px;
	float: right;
width:196px;
background: #dadee3;
}

#lightsidebar {
	margin-top:0px;
margin-right: 36px;
padding: 15px 0px 0px 0px;
	float: right;
width:196px;
background: #f2f7fa;
border-right: 1px solid #afafaf;
border-left: 1px solid #afafaf;
border-bottom: 1px solid #afafaf;


}

#whitesidebar {
	margin-top:0px;
margin-right: 36px;
padding: 0px;
	float: right;
width:196px;
background: #ffffff;
}

#sidebarcontent {

	margin:0px;
padding: 10px 15px 0px 15px;
}

#sidebarcontent h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 22px; line-height: 24px; font-weight: bold; color: #4f4f4f; }

#sidebarcontent h3 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 18px; font-weight: bold; }

#sidebarcontent p { margin: 0px 0px 15px 0px; padding: 0px; color: #555555; }


#pagebottom { width: 100%; height: 150px; margin:0 auto; 
	padding: 0px; background: url(images/bottom-bg.jpg) repeat-x; }


#footer {
	clear: both;
	width: 912px;
	height: 69px;
	margin:0 auto; 
	padding: 20px 0px;
	background: url(images/footer-bg.png) top no-repeat;
	color:#707070;
	text-align:center;
	vertical-align:center;
}

#footer p {margin: 0px; padding: 0px; color: #505050;}

#footer a {color: #606060; }