/* Site Layout Specs - based on Fluid 960 Grid System developed by Stephen Bau
----------------------------------------------- */
body 										{ background: #000 
											  url(http://www.nativedogfood.com/images/layout/bodyBG.png) fixed;
											  font-size: 11px; padding: 0 0 40px; }

/* General Stylings
----------------------------------------------- */
.floatLeft									{ float: left; }
.floatRight									{ float: right; }
.alignCenter								{ text-align: center; }
.alignLeft									{ text-align: left; }
.alignRight									{ text-align: right; }
.colorRed									{ color: #b40000; }
.colorSienna								{ color: #843413; }
.colorOrange								{ color: #ff9900; }
.mainText									{ font-size: 1.1em; margin: 0; padding: 0; padding: 10px; }
.imageBorder								{ margin:3px 10px 3px 0;  padding:4px; border:1px solid #bbb; 
											  background:#fff; }

/* Anchors
----------------------------------------------- */
a 											{ color: #000; font-weight: bold; text-decoration: none; }
a:hover 									{ color: #843413; }

/* 960 Container
----------------------------------------------- */
.container_12								{ background: #fff; }

/* Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 						{ line-height: 1.2em; margin-bottom: .3em; }
h2 											{ margin-top: 1em; }
h5 											{ font-size: 1.2em; }
h6 											{ font-size: 1em; text-transform: uppercase; }

h1 a 										{ font-weight: normal; }

/* Branding
----------------------------------------------- */
h1#branding 								{ font-weight: normal; font-size: 3em; text-align: left; background: #aaa; 
											  padding: .7em 1em; margin-bottom: 0; }

/* Page Heading
----------------------------------------------- */
h2#page-heading 							{ font-weight: normal; font-size: 1.6em; padding: .5em; margin: 0 0 10px 0; 
											  border-bottom: 1px solid #c9b8a1; }

/* Content Boxes
----------------------------------------------- */
.box 										{ background: #f2e6d3; margin-bottom: 20px; padding: 10px 10px 1px 10px; }
.box h2 									{ font-size: 1em; font-weight: bold; text-transform: uppercase; 
											  color: #fff; background: #a79071; margin: -10px -10px 0 -10px; padding: 6px 12px; }
.box h2 a, .box h2 a.visible 				{ color:#fff; background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat; 
											  display:block; padding:6px 12px; margin:-6px -12px; border:none; }
.grid_4 .box h2 a 							{ background-position: 97% 50%; }
.grid_5 .box h2 a 							{ background-position: 98% 50%; }
.grid_12 .box h2 a 							{ background-position: 99% 50%; }
.box h2 a.hidden, .box h2 a.hidden:hover 	{ background-image: url("../img/switch_plus.gif"); }
.box h2 a:hover 							{ background-color:#111; }
.block 										{ padding-top:10px; }
div.menu 									{ padding:0; }
div.menu h2 								{ margin:0; }
div.menu .block 							{ padding-top:0; }

/* Divider Bar
----------------------------------------------- */
.divider									{ width: 100%; border-top: 1px solid #c9b8a1; margin-top: 10px; margin-bottom: 10px; }

/* Paragraphs, Quotes and List Items
----------------------------------------------- */
p 											{ margin-bottom: 1em; }
blockquote 									{ font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; 
											  padding-left: 1em; border-left: 4px solid #a79071; }
blockquote cite 							{ font-size: .9em; }
ul, ol 										{ padding-top: 0; }

/* Menus
----------------------------------------------- */
ul.menu 									{ list-style:none; border-top:1px solid #bbb; }
ul.menu li 									{ margin:0; }
ul.menu li a 								{ display:block; padding:4px 10px; border-bottom:1px solid #ccc; }
ul.menu li a:hover 							{ background:#eee; }
ul.menu li a:active 						{ background:#ccc; }

/* Sub-Menus
----------------------------------------------- */
ul.menu ul 									{ list-style:none; margin:0; }
ul.menu ul li a 							{ padding-left:30px; }

/* Section Menus
----------------------------------------------- */
ul.section 									{ border-top:0; margin-bottom:0; }
ul.section li 								{ text-transform:uppercase; }
ul.section li a 							{ background:#bbb; }
ul.section li a:hover 						{ background:#aaa; }
ul.section li a:active 						{ color:#fff; background:#666; }
ul.section li li a 							{ background:#ddd; border-bottom:1px solid #eee; }
ul.section li li a:hover 					{ background:#ccc; }
ul.section li li a:active 					{ color:#000; background:#fff; }
ul.section ul li 							{ text-transform:none; }
ul.section ul.current li a 					{ background:#eee; border-bottom:1px solid #fff; }
ul.section ul.current li a:hover 			{ background:#ddd; }
ul.section ul.current li a:active 			{ background:#fff; }
ul.section li a.current 					{ color:#fff; background:#666; }
ul.section li a.current:hover 				{ background:#555; }
ul.section li a.current:active 				{ background:#444; }
ul.section li a.active 						{ background:#fff; cursor:default; }
ul.section li.current > a.active, ul.section li.current > a.active:hover 
											{ color:#fff; background:#666; cursor:default; }

/* Tables
----------------------------------------------- */
table 										{ width:100%; border: 1px solid #c9b8a1; margin-bottom:10px; }
col.colC 									{ width:8em; }
th											{ background: #ddc8a2; }
th, td 										{ padding:.2em 1em; text-align:left; }
thead th 									{ border-bottom:2px solid #c9b8a1; background: #ddc8a2; padding:.4em 1em .2em; }
thead th.table-head 						{ font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; 
											  background:#555; border:1px solid #c9b8a1; }
tbody th, tbody td 							{ border-top: 1px solid #c9b8a1; border-bottom:1px solid #c9b8a1; background: #fbe6ca; }
tbody tr.odd th, tbody tr.odd td 			{ background:#fff; }
tfoot th, tfoot td 							{ border-top:2px solid #c9b8a1; background:#eee; }
tfoot tr.total th, tfoot tr.total td 		{ border-top:6px double #c9b8a1; }
tfoot tr.total th 							{ text-transform:uppercase; }
th.currency, td.currency 					{ text-align:right; }

/* Forms
----------------------------------------------- */
form 										{ overflow:hidden; }
fieldset 									{ border:1px solid #c9b8a1; padding:10px; position:relative; background:#fae7c7; 
											  margin-bottom:10px; }
legend 										{ font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #c9b8a1; }
fieldset.login p 							{ margin-bottom:1em; margin-top:0pt; }
fieldset p label 							{ width:98%; }
fieldset p input 							{ width:98%; }
fieldset p select 							{ width:99%; }
fieldset.login p label 						{ float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; }
fieldset.login p input 						{ width:60%; }
fieldset.login input.button					{ margin-left:35%; }
form p.notice 								{ font-weight:bold; }
input.search.text 							{ width:66%; }
input.search.button 						{ width:28%; margin-left:2%; }

/* Articles
----------------------------------------------- */
.articles 									{ padding:0; }
.articles h2 								{ margin:0; }
#articles 									{ padding-top:0; }
.article 									{ border-top:1px solid #666; padding-top:.5em; }
.box .article 								{ border-top:3px solid #fff; padding:13px 10px 0 10px; }
.article h2 								{ font-size:2em; font-weight:normal; text-transform:none; color:#333; 
											  background:transparent; padding:0; margin:0; border:none; }
.article h3 								{ margin-bottom:.2em; font-size:1.6em; }
.box .first 								{ border-top:none; }
.article h4 								{ font-size:1.2em; text-transform:uppercase; margin-bottom:.5em; }
.article a.image 							{ float:left;  margin:3px 10px 3px 0;  padding:4px; border:1px solid #bbb; 
											  background:#fff; }
.article a.image:hover 						{ border:1px solid #666; }
.article a.image img 						{ float:left; }
.article p.meta 							{ color:#666; border-top:1px dotted #999; border-bottom:1px dotted #999; 
											  padding:.3em 0; margin-bottom:.8em; }

/* Footer
----------------------------------------------- */
#footer .box 								{ color:#b49871; 
											  background: url(http://www.nativedogfood.com/images/layout/footerBG.png) no-repeat; 
											  margin-bottom:10px; }
#footer a 									{ color:#fff; }
#footer a:hover 							{ color:#843413; }

/* AJAX sliding shelf
----------------------------------------------- */
#loading 									{ float:right; margin-right:14px; margin-top:-2px; }
.block 										{ padding-bottom:1px; }

/* Accordian
----------------------------------------------- */
.toggler 									{ color: #222; margin: 0; padding: 2px 5px; background: #eee; 
											  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; 
											  border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; 
											  font-size:1.1em; font-weight: normal; }
.element h4 								{ margin: 0; padding:4px; line-height:1.2em; }
.element p 									{ margin: 0; padding: 4px; }
.float-right 								{ padding:10px 20px; float:right; }

#accordian-block 							{ padding-bottom:10px; }

/* Container of the Container
----------------------------------------------- */
.pageContainer								{ margin: 0; padding: 0; margin: auto; width: 980px; border: none;
											  background: url(http://www.nativedogfood.com/images/layout/pageBG.png) 
											  top repeat-y; }
.mainBanner									{ background: #000 url(http://www.nativedogfood.com/images/layout/mainBanner-1.jpg);
											  width: 940px; height: 91px; position: relative; }

/* Top Navigation
----------------------------------------------- */
ul.nav 										{ background: #666
											  url(http://www.nativedogfood.com/images/layout/navBar/navBarBG.png) repeat-x; 
											  width: 940px; height: 27px; }
ul.nav li 									{ margin: 0; }

ul.main li 									{ position: relative; top: 0; left: 0; }
ul.main li ul 								{ border-top: 0; }
ul.main li ul li 							{ float: left; }
ul.main li a 								{ height: 2.5em; line-height: 2.5em; border: 0; color: #fff; 
											  background: #e3d8b9; }
ul.main li a p								{ position: relative; top: -36px; color: #FFF; }
ul.main li a.navBar							{ margin: 0; padding: 0; }
ul.main li ul li a 							{ width: 12em; line-height: 2em; height: 2em; text-align: left; 
											  color: #fff; border-top: 1px solid #bcab8e; background: #e2cca7; }
ul.main li a:focus 							{ color: #fff; background: #666; }
ul.main li ul li a:hover 					{ color: #fff; background: #555; }
ul.main li:hover a 							{ color: #fff; background: #8d806a; }
ul.main li:hover ul li a 					{ color: #fff; }
ul.main li:hover ul li a:hover 				{ color: #fff; background: #843413; }
ul.main li:hover a:active 					{ background: #444; }
ul.main li:hover ul li a:active 			{ color: #fff; background: #b49871; }

ul.nav li.secondary div#curDateTime		 	{ padding-right: 10px; font-size: 1em; font-weight: bold;
											  color: #fff; line-height: 2.5em; height: 2.5em; cursor: default; }

/* Content Rotator
----------------------------------------------- */
#rotator									{ position: relative; width: 700px; height: 230px; margin-bottom: 20px; }
#rotator ul li								{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; }
#rotator ul li.show 						{ z-index:500; }

/* Search Area
----------------------------------------------- */
.searchArea									{ width: auto; float: right; }
.search										{ float: left; }
.search .text								{ position: relative; top: 1px; }

/* Twitter & Facebook Links
----------------------------------------------- */
.facebook									{ position: absolute; bottom: 5px; right: 10px; }
.facebook h4								{ font-family: Helvetica, Verdana; font-size: 16px; color: #fff; 
											  margin-left: 5px; margin-top: 10px; }
.facebook a									{ float: right; }