/*
Theme name: Natures Nutrition
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }
html { background: #116fac; }
body { font: 12px/17px Arial,sans-serif; color: #000; text-align: left; background: #fff url(images/bg.jpg) repeat-x 0 bottom; }


a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 900px; }

#header{ height:238px; background:#fff url(images/header.jpg) no-repeat right bottom; }
#header .fade{ float: left; display: inline; position:relative; z-index: 1; }
#header .fade img{ display: block; position:absolute; top:0; left:0}

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:296px;
	height:156px;
	float: right;
	display: inline;
	padding: 34px 193px 0 0px;
}
h1#logo a{
	display: block;
	height:156px;
	background:url(images/logo.png);
}

h2{ font-size: 17px; font-family: "Times New Roman", "Trebuchet MS", sans-serif; color:#0d6fac; line-height:21px;}
h2.grey{ background: url(images/h2-bg.gif) repeat-x 0 bottom; padding-bottom:6px; padding-right: 25px; }

#nav{ width: 890px; background:#fff url(images/nav.jpg) no-repeat; height:43px;}
.secondary #nav{ background:#fff url(images/nav2.jpg) no-repeat; }
#nav ul{ list-style-type: none; padding-left:50px;}
#nav li{ float: left; line-height:34px; padding: 0 18px 0 12px; background: url(images/divider.gif) no-repeat right 16px; font-family: "Times New Roman", "Trebuchet MS", sans-serif; font-size: 17px;}
#nav li.last{ background-image: none;}
#nav li a{ float: left; color:#fff;}
#nav li a:hover, #nav li a.active, #nav li.current_page_item a, #nav li.current_page_ancestor a { text-decoration: none; color:#f8981d;}

#content{ width:850px; margin: 0 auto; background:#fff;} 

.side{ width:228px; background: url(images/side-rep.jpg) repeat-y; float: left; display: inline;}

.side .btm{ width:228px; background: url(images/side-btm.jpg) no-repeat 0 bottom; padding:6px 0 30px 0px}
.secondary .side .btm{ padding:12px 0 30px 0px}
.side .frame{ width:176px; margin: 0 auto;}
.side p{ padding-bottom:22px;}
.side a{ color:#b783ba; text-decoration: underline;}
.side a:hover{ text-decoration: none;}

.l-space{ margin-left:15px;}

.theme-widget-contact{ color:#000000; line-height:16px;}
.theme-widget-contact a{ font-weight: bold; color:#0d6fac; text-decoration: none;}
.theme-widget-contact a:hover{ text-decoration: underline;}
.theme-widget-contact span{ display: block; color:#000;}

#main{ width:351px; padding:6px 12px 0 5px; float: left; display: inline;}
.secondary #main{ width:578px; padding:12px 0px 0 5px; float: left; display: inline;}
.secondary #main h2{ margin-bottom:3px;}
.secondary #main h2.t-space{ padding-top:10px}
#main p{ padding-bottom:17px;}

#footer{ width:850px; height:44px; background: url(images/footer.png); margin: 0 auto;}
#footer p{ padding-top:10px; text-align: center; color:#fff; line-height:33px;}
#footer p a{ color:#fff; text-decoration: underline; }
#footer p a:hover{ text-decoration: none; }

.facebook-link { display: inline-block; background: url(images/facebook.gif) no-repeat 0 0 ; width: 16px; height: 16px; }
.linkedin-link { display: inline-block; background: url(images/linkedin.gif) no-repeat 0 0 ; width: 16px; height: 16px; }
.widget { padding-bottom: 10px; }
.widget h2.grey { padding-right: 0px; }