/*
*
*/



/* DOCUMENT
-----------------------------*/

	html {
		overflow: -moz-scrollbars-vertical;
	}
	
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	body {
		position: relative;
		text-align: center;
		font: 12px/18px "Arial", sans-serif;
		color: #000000;
		background: #ffffff url(../images/page-bg.png) repeat;
		padding: 0;
		margin: 0;
	}
	
	a {
		color: #2d65cb;
		text-decoration: none;
	}
		a:hover {
			color: #8b5519;
		}
	
	h1 {
		font: bold 22px/normal "Arial Black", sans-serif;
		letter-spacing: -1px;
		color: #2d65cb;
		margin: 0 0 20px 0;
		padding: 0;
	}
		body.recipes h1 {
			position: relative;
			margin-bottom: 0px;
		}
			body.recipes h1 a {
				position: absolute;
				right: 0;
				bottom: 0;
				font: normal 12px/normal "Arial", sans-serif;
				letter-spacing: normal;
			}
	
	h2 {
		font: bold 18px/normal "Arial", sans-serif;
		letter-spacing: -1px;
		color: #8b5519;
		margin: 0 0 10px 0;
		padding: 0;
	}
		body.recipes h2 {
			margin-bottom: 20px;
		}
	
	ul {
		margin: 0 0 20px 20px;
		padding: 0;
		list-style-type: square;
	}
	
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	.clearboth {
		clear: both;
	}



/* LAYOUT
-----------------------------*/

	div#toplinks {
		background: #8b5519;
		color: #ffffff;
		line-height: 22px;
		height: 22px;
		border-bottom: 1px solid #ffffff;
	}
		div#toplinks div.inner {
			position: relative;
			width: 783px;
			margin: 0 auto;
			text-align: right;
			overflow: hidden;
		}
			div#toplinks ul {
				list-style-type: none;
				margin: 0 20px 0 0;
				padding: 0;
			}
				div#toplinks ul li {
					float: right;
					margin: 0 0 0 20px;
					padding: 0;
				}
					div#toplinks ul li a {
						color: #ffffff;
						text-decoration: none;
						font-weight: bold;
					}
						div#toplinks ul li a:hover {
							color: #d79923;
						}
						
			div#toplinks ul.social {
				float: left;
				margin-left: 12px;
			}
				div#toplinks ul.social li {
					float: left;
					margin: 0 20px 0 0;
				}

			div#toplinks ul.contact {
				float: right;
			}
	
	
	div#page-shadows {
		position: relative;
		width: 803px;
		min-height: 100%;
		margin: 0 auto;
		background: url(../images/page-shadows.png) repeat-y;
	}
	

	div#page-container {
		position: relative;
		width: 783px;
		min-height: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		background: #ffffff url(../images/subnav-bg.png) repeat-y;
	}
		div#page-container div.header {
			background: url(../images/header-bg.jpg) no-repeat;
			width: 783px;
			height: 265px;
		}
	
	ul#mainnav {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		background: #ffffff;
		overflow: hidden;
	}
		ul#mainnav li {
			float: left;
			padding: 0;
			margin: 0 1px 0 0;
			height: 50px;
			width: 97px;
		}
			ul#mainnav li a {
				display: block;
				width: 97px;
				height: 50px;
				background: url(../images/mainnav-sprites.png) no-repeat;
			}

		ul#mainnav li.home a {
			background-position: 0 0;
		}
			body.home ul#mainnav li.home a,
			ul#mainnav li.home a:hover {
				background-position: 0 -50px;
			}
		ul#mainnav li.aboutus a {
			background-position: -98px 0;
		}
			body.aboutus ul#mainnav li.aboutus a,
			ul#mainnav li.aboutus a:hover {
				background-position: -98px -50px;
			}
		ul#mainnav li.photos a {
			background-position: -196px 0;
		}
			body.photos ul#mainnav li.photos a,
			ul#mainnav li.photos a:hover {
				background-position: -196px -50px;
			}
		ul#mainnav li.services a {
			background-position: -294px 0;
		}
			body.services ul#mainnav li.services a,
			ul#mainnav li.services a:hover {
				background-position: -294px -50px;
			}
		ul#mainnav li.blog a {
			background-position: -392px 0;
		}
			body.blog ul#mainnav li.blog a,
			ul#mainnav li.blog a:hover {
				background-position: -392px -50px;
			}
		ul#mainnav li.links a {
			background-position: -490px 0;
		}
			body.links ul#mainnav li.links a,
			ul#mainnav li.links a:hover {
				background-position: -490px -50px;
			}
		ul#mainnav li.successes a {
			background-position: -588px 0;
		}
			body.successes ul#mainnav li.successes a,
			ul#mainnav li.successes a:hover {
				background-position: -588px -50px;
			}
		ul#mainnav li.products {
			margin: 0;
		}
		ul#mainnav li.products a {
			background-position: -686px 0;
		}
			body.products ul#mainnav li.products a,
			ul#mainnav li.products a:hover {
				background-position: -686px -50px;
			}
	
	div#subnav-container {
		position: relative;
		float: right;
		width: 195px;
		min-height: 100%;
		overflow: hidden;
	}
		div#subnav-container div.padding {
			padding: 60px 20px 20px 20px;
		}

		div#subnav-container ul {
			list-style-type: none;
			margin: 0 0 40px 0;
			padding: 0;
		}
			div#subnav-container ul li {
				margin-bottom: 20px;
			}
				div#subnav-container ul li a {
					font: 22px/normal "Arial Black", sans-serif;
					letter-spacing: -2px;
					text-decoration: none;
					color: #8b5519;
				}
					body.mind div#subnav-container ul li.mind a,
					body.fuel div#subnav-container ul li.fuel a,
					body.moving div#subnav-container ul li.moving a,
					body.recipes div#subnav-container ul li.recipes a,
					div#subnav-container ul li a:hover {
						color: #2d65cb;
					}
		

	div#content-container {
		position: relative;
		float: left;
		width: 588px;
		min-height: 600px;
		overflow: hidden;
	}
		div#content-container div.padding {
			padding: 25px 60px 60px 30px;
		}
	
	div#footer {
		position: relative;
		text-align: center;
		margin: 0 40px 40px 10px;
		padding: 0;
	}
		div#footer ul {
			text-align: center;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			div#footer ul li {
				display: inline;
				padding: 0 7px;
			}

		div#footer ul.copyright {
			font: normal 11px/16px "Arial", sans-serif;
			color: #8b5519;
			margin: 10px 0 10px 0;
		}
		
		div#footer ul.disclaimer {
			margin-bottom: 10px;
		}

		div#footer a {
			font: bold 11px/16px "Arial", sans-serif;
			color: #1d55bb;
			text-decoration: none;
		}
			div#footer a:hover {
				color: #8b5519;
			}
	


/* STYLES FOR DIFFERENT PAGES
-----------------------------*/

ul#photogallery {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
	ul#photogallery li {
		float: left;
		display: inline;
		margin: 0 20px 5px 0;
		padding: 0;
	}
		ul#photogallery li div.date {
			color: #ffffff;
			font-size: 11px;
			margin: 0;
			text-align: center;
		}
		ul#photogallery li.hover div.date {
			color: #000000;
		}

ul#photogallery-pro {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
	ul#photogallery-pro li {
		float: left;
		display: inline;
		margin: 0 20px 20px 0;
		padding: 0;
	}

		
ul#links {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: square;
}
	ul#links li {
		margin: 0 0 10px 20px;
	}
		

table.services {
	border: 0;
	margin: 0 0 30px 0;
	padding: 0;
}
	table.services th {
		padding: 0 3px 0 3px;
	}
	table.services td {
		padding: 8px 3px 8px 3px;
	}
	table.services td.service {
		font: bold 14px/normal "Arial", san-serif;
		letter-spacing: -1px;
		color: #8b5519;
		padding-top: 20px;
	}
		table.services td.service.first {
			padding-top: 0;
		}
	table.services td.description {
		padding-right: 20px;
		background: #e9e9e9;
	}
	table.services td.inperson {
		text-align: center;
		white-space: nowrap;
		background: #e9e9e9;
		font-weight: bold;
	}
	table.services td.phone {
		text-align: center;
		white-space: nowrap;
		background: #e9e9e9;
		font-weight: bold;
	}