/*-----------------------------------------------------------------------------
Base Style Sheet

version:   1.0
author:    Adam Myhre
email:     myhrea@olympiatrust.com
website:   http://www.olympiatrust.com/
-----------------------------------------------------------------------------*/

@import "layout.css";
/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
pre, blockquote, table {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	display: block;
	border: 0;
}

body	{
	background: #000 url('../images/bg.jpg') repeat top;
	}
#wrapper {
	background: #000 url('../images/bg-main.jpg') no-repeat top;
	}
#canvas {
	}


/* =Typography
-----------------------------------------------------------------------------*/
body {
	font: 67.5% Helvetica,"Helvetica Neue","Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	color: #fff;
}

.content {
	text-shadow: #000 0px 1px 1px;
}

#mainContent div.content p {
	font-size: 1.15em;
	line-height: 1.7em;
	color: #fff;
	padding: 10px 45px 0 45px;
}
ul {
	padding: 10px 45px 0 65px;
	list-style: none;
}
#sidebar div.content p {
	font-size: 1.15em;
	line-height: 1.7em;
	color: #fff;
	padding: 10px 10px 0 10px;
}
#sidebar img.banner {
	padding: 20px 10px 0 10px;
}
#footer div.content {
	text-align: center;
	}	
/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	font-size: 1.5em;
	color: #fff;
	text-shadow: #111 0px 1px 1px;
}

h2 {
	font-size: 2.2em;
	color: #fff;
	text-shadow: #111 0px 1px 1px;
	margin: 10px 0 0 0;
}

h3 {
	font-size: 1.5em;
	color: #fff;
	text-shadow: #111 0px 1px 1px;
	margin: 10px 0 0 0;
	padding: 10px 45px 0 45px;
}

h4 {
	font-size: 1.4em;
	color: #fff;
	text-shadow: #111 0px 1px 1px;
	margin: 10px 0 0 45px;
	padding: 0 45px 0 0;
}

/* =Links
-----------------------------------------------------------------------------*/
a	{
	color: #fff;
	text-decoration: none;
	}
a:hover {
	color: #ddd;
	text-decoration: none;
	}

.content p a {
	color: #ddd;
	border-bottom: 1px solid #ddd;
  }

.content p a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
  }

.content p a:active {
	padding-top: 1px;
  }


/* =Language Selectors
-----------------------------------------------------------------------------*/
/* =Branding
-----------------------------------------------------------------------------*/
#mainContent div.content img {
	padding: 10px 45px 0 45px;
}
/* =Main Nav
-----------------------------------------------------------------------------*/
#navigation a * {
  display: none;
}

#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}
#navigation a,
#navigation a .hover {
  height: 17px;
  position: relative;
  display: block;
  cursor: pointer;
  background: url(../images/btn-sprite.jpg) 0 0 no-repeat;
}

#navigation a#home {
  background-position: 0 0;
  width: 100px;
}

#navigation .highlight a#home:hover, 
#navigation a#home .hover {
  background-position: 0 -17px;
  width: 100px;
}

#navigation a#menu {
  background-position: -100px 0;
  width: 83px;
}

#navigation .highlight a#menu:hover, 
#navigation a#menu .hover {
  background-position: -100px -17px;
  width: 83px;
}

#navigation a#history {
  background-position: -183px 0;
  width: 94px;
}

#navigation .highlight a#history:hover, 
#navigation a#history .hover {
  background-position: -183px -17px;
  width: 94px;
}

#navigation a#montreal-smoked-meat {
  background-position: -277px 0;
  width: 188px;
}

#navigation .highlight a#montreal-smoked-meat:hover, 
#navigation a#montreal-smoked-meat .hover {
  background-position: -277px -17px;
  width: 188px;
}

#navigation a#contact {
  background-position: -465px 0;
  width: 97px;
}

#navigation .highlight a#contact:hover, 
#navigation a#contact .hover {
  background-position: -465px -17px;
  width: 97px;
}

#navigation a#location {
  background-position: -562px 0;
  width: 75px;
}

#navigation .highlight a#location:hover, 
#navigation a#location .hover {
  background-position: -562px -17px;
  width: 75px;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/
/* =Search Box and Ads/Logo
-----------------------------------------------------------------------------*/
/* =Main Content */
/*-----------------------------------------------------------------------------*/
/* =Secondary Content
-----------------------------------------------------------------------------*/
/* =Footer
-----------------------------------------------------------------------------*/
/* =Forms
-----------------------------------------------------------------------------*/
form {
	margin: 0 45px;
	}
fieldset {
	border: none;
	}	
#mainContent div.content form p {
	text-align: left;
	padding: 0;
	}
label {
	display: block;
	}
input {
	padding: 5px;
	width: 200px;
	}	


/* =Tables
-----------------------------------------------------------------------------*/
/* =Misc 1
-----------------------------------------------------------------------------*/
/* =Misc 2
-----------------------------------------------------------------------------*/
/* =Image Replacement
-----------------------------------------------------------------------------*/
#title-index {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-index span {
	background: url(../images/title-index.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-menu {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-menu span {
	background: url(../images/title-menu.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-history {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-history span {
	background: url(../images/title-history.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-montreal-smoked-meat {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-montreal-smoked-meat span {
	background: url(../images/title-montreal-smoked-meat.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-contact {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-contact span {
	background: url(../images/title-contact.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-location {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-location span {
	background: url(../images/title-location.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-stampede {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-stampede span {
	background: url(../images/title-stampede.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-quebec-smoked-meats-calgary {
	width: 682px;
	height: 87px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-quebec-smoked-meats-calgary span {
	background: url(../images/title-quebec-smoked-meats-calgary.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-hours {
	width: 178px;
	height: 45px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-hours span {
	background: url(../images/title-hours.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}