@charset "UTF-8";
/* Main CSS Document */

/* GLOBAL SETTINGS */
html {
text-align: center;
}
body {
text-align: left;
color: #7a003c;
margin: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0px;
background-image: url(../images/backgroundLoop.jpg);
}
hr {
display: none;
height: 0;
padding: 0;
margin: 0;
width: 0px;
}
.clear {
	clear: both;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: .1px;
}
.wrapper {
	width: 100%;
	border: thick solid #00FF00;
	height: 100%;
	position: absolute;
}
img {
	border: none;
}
a {
color: #FF0000;
text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
width: 317px;
height: 80px;
float: left;
background-color: transparent;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
overflow: hidden;
padding: 0px;
}
* html h1{
width: 317px;
height: 80px;
float: left;
background-color: transparent;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 12px;
overflow: hidden;
padding: 0px;
}
h1 a {
	height: 0px !important;
	width: 0px !important;
	overflow: hidden;
	display: block;
	font-size: 1px !important;
	color: #13194e;
	border:none;
	padding-top: 81px;
	padding-right: 317px;
	padding-bottom: 0;
	padding-left: 0;
}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {border:none;}

/* PAGE DIVS */

.topbackground {
	background-repeat: no-repeat;
	background-position: center top;
	height: 184px;
	width: 100%;
	position: absolute;
	background-image: url(../images/backroundHeader.jpg);
}
.header ul {
height: 37px;
float: left;
margin-top: 31px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
.header li {
list-style-type: none;
float: left;

}
.header li a {
	height: 37px; float: left; display: block; font-size: 1px; text-indent: -9999px;
}

/* NAVIGATION */
.header li#home a{
	width: 77px; background: url(../images/nav-home.png) left top no-repeat;

}
.header  li#history a {
	width: 93px; background: url(../images/nav-history.png) left top no-repeat;
}
.header  li#products a {
	width: 113px; background: url(../images/nav-products.png) left top no-repeat;
}
.header li#contact a {
	width: 89px; background: url(../images/nav-contact.png) left top no-repeat; 
}

.header li#home a:hover, .header li#history a:hover, .header li#products a:hover, .header li#contact a:hover {
	background-position: left -37px;
}

/* Auto Nav Selection */
#home_page .header li#home a:link,#home_page .header li#home a:visited, #home_page .header li#home a:active, 
#history_page .header li#history a:link,#history_page .header li#history a:visited,#history_page .header li#history a:active,
#products_page .header li#products a:link,#products_page .header li#products a:visited,#products_page .header li#products a:active,
#contact_page .header li#contact a:link,#contact_page .header li#contact a:visited,#contact_page .header li#contact a:active
{ background-position: left -37px;}


.container {
	width: 840px;
	margin-top: 6px;
	position: absolute;
	left: 50%;
	margin-left: -420px;
}

.header {
background-image: url(../images/windowTop.png);
background-repeat: no-repeat;
background-position: top;
width: 840px;
height: 111px;
text-align: left;
clear: both;
float: left;
margin: 0px;
padding: 0px;
}
.content {
width: 840px;
background-image: url(../images/windowBackgroundLoop.jpg);
background-repeat: repeat-y;
clear: both;
float: left;
}
.leftArea {
float: left;
width: 298px;
margin-left: 20px;
}
* html .leftArea {
float: left;
width: 298px;
margin-left: 10px;
}
.leftArea #wxButtonFrame {
margin-left: 20px;
margin-top: 25px;
float: left;
margin-bottom: 25px;
}
.garageButton a{
background: url(../images/garageButton.png) 0px 0px no-repeat;
float: left;
height: 106px;
width: 222px;
margin-left: 25px;
margin-top: 0px;
text-indent: -9999px;
}
.givex a {
width: 222px;
height: 63px;
float: left;
margin: 0px 0px 8px 25px;
text-indent: -9999px;
background: url(../images/givexLink.png) 0px 0px no-repeat;
}
.twitterBtn a {
width: 222px;
height: 36px;
float: left;
margin: 0px 0px 0px 25px;
text-indent: -9999px;
background: url(../images/twitterLink.png) 0px 0px no-repeat;
}
.facebookBtn a {
width: 222px;
height: 36px;
float: left;
margin: 6px 0px 0px 25px;
text-indent: -9999px;
background: url(../images/facebookLink.png) 0px 0px no-repeat;
}
.foodLand a {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 100px;
width: 78px; height: 91px;
text-indent: -9999px;
background: url(../images/foodlandOntario-Logo.png) 0px 0px no-repeat;
}

.foodLand a:hover {background-position: -78px 0px; }
.twitterBtn a:hover {background-position: -222px 0px; }
.facebookBtn a:hover {background-position: -222px 0px; }
.givex a:hover {background-position: -222px 0px; }
.garageButton a:hover {background-position: -222px 0px; }

h1 a:visited, h1 a:active, h1 a:hover {border:none;}
.footer {
width: 840px;
background-image: url(../images/windowFooter.jpg);
background-repeat: no-repeat;
height: 75px;
clear: both;
float: left;
text-align: center;
font-size: 12px;
padding-top: 20px;
}
.footer img {
float: left;
position: relative;
top: -60px;
left: 40px;
}

* html .footer img {
float: left;
position: relative;
top: -60px;
left: 40px;
}

.vines {
height: 546px;
width: 210px;
top: -5px;
left: 407px;
z-index: 100;
position: absolute;
margin-left: 300px;
}
/* HOME PAGE CSS */

.mainPicture {
float: left;
height: 248px;
width: 298px;
}