/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: OntarioMeatProducts.ca
	Created: 2009-02-19
	Created by: Dawn Wentzell dawn@rkd.ca
	
	COLOUR SCHEME
	
	Black	#2d2a28
	Beige	#fff6d9
	Red		#990000
	Brown	#993300
	Orange	#cc6633
	
------------------------------------------------------------------- */
 
html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #FFF;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 100%;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #2d2a28;
		background: #fff6d9;
		height: 100%;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}
form { height: 100%; }

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #990000; text-decoration: underline; }
a:visited { color: #990000; text-decoration: underline; }
a:hover { color: #cc6633; text-decoration: underline; }
a:active { color: #cc6633; text-decoration: underline; }

p, td, div { 
	font-size: 12px;
	line-height: 18px;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 { 
	font-size: 22px;
	color: #990000;
	}
h2 {
	background: url(../../images/h2_bg.png) no-repeat right bottom;
	color: #cc6633;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0 0 18px;
	padding-bottom: 7px;
	text-align: right;
	}
h3 {
	color: #990000;
	font-size: 18px;
	font-weight: normal;
	}
h4 {
	color: #993300;
	font-weight: bold;
	font-size: 12px;
	}
h5 {
	font-size: 12px;
	}
h6 {
	font-size: 12px;
	}

ul { }

ol { }

hr {
	background: #e2b877;
	color: #e2b877;
	border: none;
	width: 100%;
	height: 2px;
	}

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }


/* ---------------------
	STRUCTURE
--------------------- */

.container {
	margin: 0 auto;
	width: 960px;
	}
	
#wrapper {
	margin-bottom: -56px;
	min-height: 100%;
	position: relative;
	}
	#footer-push {
		clear: both;
		height: 56px;
		}

#header { }
	#header .container {
		background: url(../../images/header_bg.png) no-repeat 40px top;
		height: 112px;
		position: relative;
		}
	#logo {
		height: 228px;
		width: 228px;
		margin-top: -1px;
		position: absolute;
		z-index: 7;
		}
	h1#wordmark {
		height: 45px;
		left: 228px;
		margin: 0;
		position: absolute;
		width: 400px;
		text-indent: -9999px;
		top: 63px;
		z-index: 8;
		}
	#header-nav {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#header-nav li { float: left; }
#menu {
	background: url(../../images/menu_bg.png) repeat-x left top;
	height: 47px;
	}
	#menu ul {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#menu li { float: left; }			
			#menu a {
				background-image: url(../../images/menu.png);
				background-repeat: no-repeat;
				display: block;
				height: 47px;
				text-indent: -9999px;
				}
				#menu .nav-prods a { 
					background-position: 0px top;
					width: 187px;
					}
					#menu .nav-prods a:hover { background-position: 0px bottom; }
				#menu .nav-awards a { 
					background-position: -187px top;
					width: 273px;
					}
					#menu .nav-awards a:hover { background-position: -187px bottom; }
				#menu .nav-search a { 
					background-position: -460px top;
					width: 169px;
					}
					#menu .nav-search a:hover { background-position: -460px bottom; }
				#menu .nav-recipes a { 
					background-position: -629px top;
					width: 95px;
					}
					#menu .nav-recipes a:hover { background-position: -629px bottom; }
			
#footer {
	background: url(../../images/footer_bg.png) repeat-x left top;
	height: 56px;
	position: relative;
	}
	#copyright {
		float: left;
		margin: 20px 0 0;
		}
	#footer-nav {
		float: right;
		list-style: none;
		margin: 20px 0 0;
		padding: 0;
		}
		#footer-nav li { float: left; }

/* Content Pages */
#content { 
	background: url(../../images/content_bg.png) repeat-x left top;
	min-height: 100%;
	}
	#content .container {
		background: transparent url(../../images/watermark.png) no-repeat left bottom;
		min-height: 100%;
		padding: 25px 40px;
		width: 880px;
		}
#home {
	background: url(../../images/home_bg.png) repeat-x left top;
	min-height: 100%;
	}
	#home .intro {
		background: url(../../images/intro_bg.jpg) no-repeat center top;
		height: 323px;
		margin: 0 auto;
		width: 960px;
		}
		#home .intro .photos {
			background: url(../../images/photo_bg.png) no-repeat left top;
			float: right;
			height: /*315px*/ 291px;
			padding: 24px 0 0 41px;
			width: /*481px*/ 440px;
			}
		#home .intro h2 {
			background: url(../../images/product_locate.gif) no-repeat left bottom;
			height: 78px;
			padding-top: 25px;
			margin-left: 140px;
			text-align: left;
			text-indent: -9999px;
			width: 317px;
			}
		#home .intro p {
			margin: 2px 26px 12px 40px;
			}
	#home .container {
		padding: 0 40px 0;
		width: 880px;
		margin-bottom: 20px;
		}

#home .awards {
	float: left;
	width: 390px;
	}
.highlight {
	background: #f8e6c0 url(../../images/highlight_top.png) no-repeat left top;
	float: right; 
	padding: 15px 25px 0;
	width: /*412px*/ 362px;
	}
	#home .highlight { margin-top: 20px; }
	.highlight-bottom { 
		background: url(../../images/highlight_bottom.png) no-repeat left bottom;
		height: 19px;
		margin: 0 -25px 0;
		}

.float-left { float: left; }
	#home .highlight .float-left {
		margin: 5px 10px 0 0;
		}
		
.RecipeIntro {
	display:block;
	height:300px;
	background:url(../../images/recipe-intro-bg.jpg) repeat-x;
	}	
	.RecipeIntro p.IntroText{
		padding:20px 20px 0 20px;
		font-size:14px;
		font-weight:bold;
		}
		.RecipeIntro h4 {
			padding:0 20px;
			}
		.RecipeIntro p {
			padding:0 20px;
			}
		.ImageFloatRight {
			float:right;
			padding:0 0 0 20px;
			}

.IngredientsDirections	{
	float:left;
	width:580px;
	padding-top:20px;
	margin-bottom:20px;
	background:url(../../images/ingredients-bg.jpg) no-repeat;
	}	
	.IngredientsDirections p, .IngredientsDirections h4 {
		padding:0 20px;
		}				
	.RecipesH4PaddingTop {
		padding-top:15px;
		}
	
.SideBar {
	float:left;
	width:300px;	
	height:350px;	
	padding-top:20px;
	background:url(../../images/sidebar-bg.jpg) no-repeat;
	}
	.SideBar p, .SideBar h4 {
		padding:0 20px;
		}
	.NutritionalInfo {
		margin-top:20px;
		}
		

/* ---------------------
	TYPOGRAPHY
--------------------- */

#header li { color: #c4aa72; }
#header a:link, #footer a:link { color: #990000; text-decoration: none; }
#header a:visited, #footer a:visited { color: #990000; text-decoration: none; }
#home a:hover, #home a:active { color: #2d2a28; text-decoration: underline; }

#content a, #home a { font-weight: bold; }

.highlight h3, .ContentSubTitle {
	color: #993300;
	font-size: 16px;
	margin-top: 0;
	}

.CategoryLabel, .ProfileLabels, .AwardProdsTitle {
	color: #993300;
	font-weight: bold;
	font-size: 12px;
	}

.SearchButton {
	background: transparent;
	border: none;
	color: #990000;
	font-size: 18px;
	}
#content td a { font-weight: normal; }

.SearchResults th { 
	text-align: left;
	font-size: 14px;
	color: #FFF;
	}

#home .intro p {
	color: #990000;
	font-size: 15px;
	line-height: 21px;
	}
	
.rkd-link {
	color: #FFF6D9;
	font-size: 11px;
	}
	#footer .rkd-link a:link { color: #FFF6D9; }
	#footer .rkd-link a:visited { color: #FFF6D9; }

/* ---------------------
	TABLES
--------------------- */

.SearchResultsRow2 {
	background: #f8e6c0;
	}
.SearchResults th { background: #993300; }

.Ingredients {
	margin-left:20px;
	}
	.Ingredients td{
		padding:3px 15px 3px 0;
		vertical-align:top;
		}