/* ------ Reset ------ */

@import url("reset.css");

/* iPhone (+ iPod touch) settings */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

#nav,.noprint,.hide { display: none !important; }


/* ------ Body ------ */

body { background-color: #f9e2b8; font: 100% Arial; line-height: 1.3; }

/* ------ Main Divs ------ */

#wrap { width: 1000px; margin: 0 auto; border: 10px solid #fff; background-image: url('/assets/images/wrap_bg.jpg'); background-position: 0 275px; overflow: hidden; }
	#top { width: 1000px; height: 58px; background-image: url('/assets/images/top_bg.jpg'); }
		#search { float: right; margin: 16px 20px 0 0; }
	#masthead { width: 1000px; height: 149px; border-top: 10px solid #fff; background-image: url('/assets/images/masthead.jpg'); }
		#masthead-content { position: relative; top: 15px; left: 355px; width: 275px; }
	#navigation { width: 1000px; height: 58px; background-image: url('/assets/images/nav_bg.jpg'); }
	#content { width: 870px; padding: 0 65px 0 65px; }
		#content-left { width: 585px; float: left; }
		#content-right-home { width: 275px; float: right; margin-top: 100px; }
		#content-right { width: 275px; float: right; margin-top: 100px; }
	#footer { width: 1000px; height: 180px; background-image: url('/assets/images/footer_bg.jpg'); }
	.clear { clear: both; }

/* ------ Links ------ */
#content a:link { color: #9d522a; text-decoration: none; border-bottom: 1px solid #9d522a; }
#content a:visited { color: #632d11; text-decoration: none; border-bottom: 1px solid #632d11; }
#content a:hover, #content a:active { color: #632d11; text-decoration: none; border: 0; }
#footer p#contact-line a:link, #footer p#contact-line a:visited, #top p#welcome a:link, #top p#welcome a:visited { color: #fdf1da; text-decoration: none; border-bottom: 1px solid #fdf1da; }
#footer p#contact-line a:hover, #footer p#contact-line a:active, #top p#welcome a:hover, #top p#welcome a:active { color: #fdf1da; text-decoration: none; border: 0; }
#footer p#footer-nav a:link, #footer p#footer-nav a:visited { color: #823f1b; text-decoration: none; border-bottom: 1px solid #823f1b; }
#footer p#footer-nav a:hover, #footer p#footer-nav a:active { color: #823f1b; text-decoration: none; border: 0; }

/* ------ Lists ------ */
#content ul, ol { margin: 0.5em 0 0.75em 0; padding-left: 25px; }
#content ul { list-style-type: disc; }
#content li { margin: 0 0 0.3em 0; font-size: 85%; line-height: 1.5; color: #471a13; }
#content-right-home li { margin: 0 0 .3em 0; font-size: 80%; color: #9d522a; }

/* ------ Navigation ------ */

/* ------ top, horizontal nav ------ */
#navigation ul { width: 544px; height: 51px; margin: 0 0 0 15px; padding: 0 0 0 5px; background-image: url('/assets/images/navigation.jpg'); }
#navigation ul li { display: inline; }
#navigation ul li a { display: block; float: left; height: 37px; background-image: url('/assets/images/navigation.jpg'); color: #fff; text-decoration: none; font: 14px Arial; text-align: center; padding: 14px 0 0 0; }

	#navigation ul li#nav-home a { width: 65px; background-position: -5px 0; }
	#navigation ul li#nav-about a { width: 62px; background-position: 477px 0; margin-left: 2px; }
	#navigation ul li#nav-trade_shows a { width: 105px; background-position: 413px 0; margin-left: 2px; }
	#navigation ul li#nav-photos a { width: 66px; background-position: 306px 0; margin-left: 2px; }
	#navigation ul li#nav-sustainability a { width: 108px; background-position: 238px 0; margin-left: 2px; }
	#navigation ul li#nav-contact a { width: 69px; background-position: 128px 0; margin-left: 2px; }
	#navigation ul li#nav-blog a { width: 52px; background-position: 57px 0; margin-left: 2px; }

	#navigation ul li#nav-home a:hover { background-position: -5px 51px; }
	#navigation ul li#nav-about a:hover { background-position: 477px 51px; }
	#navigation ul li#nav-trade_shows a:hover { background-position: 413px 51px; }
	#navigation ul li#nav-photos a:hover { background-position: 306px 51px; }
	#navigation ul li#nav-sustainability a:hover { background-position: 238px 51px; }
	#navigation ul li#nav-contact a:hover { background-position: 128px 51px; }
	#navigation ul li#nav-blog a:hover { background-position: 57px 51px; }






/* ------ sidebar, vertical nav ------ */
/* this vertical navigation is based on Russ Weakley's rollover lists http://css.maxdesign.com.au/listamatic/vertical08.htm */
#navcontainer2 { line-height: 1.3; /*background-color: #fff;*/ }
/* ------ lists ------ */
/*#navcontainer2 ul { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 0.95em; }
#navcontainer2 ul ul { font-size: 1em; margin: 0 0 0 0.5em; .4em; padding-left: 0; list-style-type: none; }
#navcontainer2 ul ul ul { font-size: 1em; margin-left: 0.75em; margin-bottom: 0; padding-left: 0; list-style-type: none; }
*//* ------ anchors ------ */
/*#navcontainer2 ul a { display: block; padding: .3em 0 .3em .6em; background-color: #a64906; border-bottom: none; }
#navcontainer2 ul ul a { background-color: #733305; border-bottom: none; }
#navcontainer2 ul ul ul a { background-color: #361904; border-bottom: none; }
#navcontainer2 ul ul ul ul a { background-color: #4e6894; border-bottom: none; }
#navcontainer2 a:link, #navcontainer2 a:visited { color: #fff; text-decoration: none; border-bottom: none; }
#navcontainer2 a:hover { background-color: #a41115; color: #fff; border-bottom: none; }
#navcontainer2 a:active { color: #fff; text-decoration: none; border-bottom: none; }*/
/* ------ hide non-current sub-navigation lists ------ */
/* ------ this should be a named list of all sub-navigation lists ------ */
#tradeshows_sub, #ibss_sub, #ese_sub, #promotions_sub { display: none; }


/* ------ Headings ------ */
h1 { margin: 0.4em 0 .6em 0; font: 185% "Helvetica CY", Helvetica, sans-serif; color: #a41115; font-weight: bold; }
h2 { margin: 0 0 .3em 0; font: 125% "Helvetica CY", Helvetica, sans-serif; color: #a41115; font-weight: bold; }
	#masthead h2 { font: 110% Arial, sans-serif; color: #000; margin: 0; }
h3 { margin: .8em 0 .25em 0; font: 110% "Helvetica CY", Helvetica, sans-serif; color: #de6d1b; font-weight: bold; }

/* ------ Paragraphs ------ */

p#welcome { float: right; margin: 20px 20px 0 0; font-size: 80%; color: #fdf1da; }
#masthead p { color: #72351e; font: 75% Arial, sans-serif; }
#content p { font-size: 85%; margin: 0 0 10px 0; line-height: 1.5; color: #471a13; }
#footer p#contact-line { position: relative; top: 44px; left: 80px; font-size: 80%; color: #ffe5b3; font-weight: bold; }
#footer p#footer-nav { position: relative; top: 63px; left: 80px; font-size: 75%; color: #823f1b; line-height: 1.5; }

/* ------ Images ------ */
.main-image { border: 3px solid #471a13; }
img.noborder { border: none; }
img.border { border: 1px solid #000; }
img.right { float: right; margin: 0 0 0.4em 0.4em; }
img.left { float: left; margin: 0 0.4em 0.4em 0; }
img.center,img.centre { display: block; margin: .4em auto; }

/* ------ Tables ------ */
table { border: none; margin: 1em 0 1em 0; }
th { border: none; font-weight: bold; text-align: middle; padding: 0.3em; background-color: #999; }
tr { border: none; padding: 0.3em 0.3em 0.3em 0; }
td { border: none; padding: 0.3em 0.3em 0.3em 0; }
 td.left { text-align: left; }
 td.right { text-align: right; }


/* ------ Forms ------ */

input#searchfield { background-color: #de6b1a; border: 1px solid #000; padding: 4px; color: #fff; }
input#searchfield:focus { background-color: #bb5813; }


/* ----- miscellaneous HTML tags ----- */
em,i { font-style: italic; }
em em { font-style: normal; }
strong,b { font-weight: bold; }
hr { padding: 0 0.3em 0 0.3em; margin: 0.3em 0 0 0.3em; }
blockquote,q { font-style: italic; border-left: 3px solid #999; margin: 1.5em 0 0 3em; padding: 0 1.5em 0 1em; font-size: 90%; line-height: 1.8; }
address { padding: .5em 0 0.7em 2em; font-style: italic; font-size: 85%; color: #471a13; line-height: 1.3; }
acronym, abbr { font-style: italic; border-bottom: 1px dotted #666; text-decoration: dotted; cursor: help; }
code, kbd { font-family: "Monaco", "Lucida Console", Courier, "Courier New", monospace; font-size: 95%; background-color: #ccc; color: #000; margin: .5em 2em .5em 2em; }
pre { font-family: Courier, Monaco, "American Typewriter", monospace; color: #eee; margin: 2em 0 2.5em 0; padding: 5px 0 5px 10px; border-width: 1px 0 1px 0; border-color: #6b6b6b; border-style: dashed; }
sup { bottom: 1ex; font-size: .9em; }
sub { top: .5ex; font-size: .9em; }
span: lang(fr-CA), div: lang(fr-CA), span: lang(en-CA), div: lang(en-CA) { font-style: italic; }

/* custom classes */
.feature { }
.featureright { width: 250px; float: right; border: 1px solid #000; padding: 0 .4em .4em .4em; margin: .4em 0 .4em .4em; background: #f2c570; }
.featureleft { }
.logo { padding: 0.5em; background-color: #fff; float: right; margin: 0 0 0 .7em; }
.logo img { text-align: center; }
.pullquote { font-size: 200%; width: 40%; border: none; text-align: left; float: right; margin: 1em 0 1em .5em; padding: 0.3em 0.5em; background: #ddd; }
.caption { font-size: 85%; font-style: italic; line-height: 1.4; }
.attribution { text-align: right; margin: 0; padding: 0 20px 10px 200px; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }