@import url(core.css);
body {
	background-color: #646464;
	color: #323232;
}
.main {
	background-image: url(../../images/Test%20-%20BG.gif);
	height: 595px; width: 556px;
	float: left;
}
.testpic {
	background-image: url(../../images/test%20-%20PHOTO-trans.png);
	width: 138px;
	height: 82px;
	float: left;
	margin: 20px;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 9px;
	color: #666666;
}

a {
	color: #dc0000;
	text-decoration:underline;
}

a:hover {
	color: #dc0000;
	text-decoration: none;
}

.content {
	padding: 17px 30px 30px 30px;
	line-height: 22px;
}
h1 {
	background: transparent url(../images/home/bg-center_home.gif) repeat-x bottom left;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	font-size: 21px;
	padding: 0 0 10px 15px;
	padding-top: 3px;
	padding-left: 15px;
	color: white;
	height: 32px;
	position: relative;
	top: -45px;
	left: 0;
	margin-bottom: -45px;
	margin-left: 15px;
}
h2 {
	font-size: 22px;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	color: #DC0000;
	margin-bottom: 10px;
}

h3 {
	font-size: 16px;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
}
.morelink {
	background-image: url(../../images/buttons/more.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 8px;
	width: 0;
	padding-left: 42px;
	display: block;
	margin-top: 5px;
}

.page-tease {
	width: 45%;
	margin: 8px;
	display: inline;
	float: left;
	line-height: 16px;
}
.teaser-row { clear: both; }
.services .page-tease {	width: 30%; }
.imageframe {
	background-image: url(../../images/productbg-trans.png);
	width: 119px;
	height: 63px;
	padding: 4px 13px 13px 4px;
	overflow: hidden;
}
.inactive { display: none; }
li.active .inactive { display: block; }
.content ol {
	color: #DC0000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 18px;
}
.content ol li {
	margin-bottom: 16px;
}
.content ul {
	list-style-type: none;
	margin: 0;
}
.content ul li {
	padding-left: 10px;
	list-style-type: none;
	background: transparent url(../../images/red-bullet.gif) no-repeat 1px 6px;
}

.content ol p {
	color: #323232;
}
.content ol span {
	font-size: 11px;
	font-weight: normal;
}
.articleimage {
	float: right; 
	margin: 15px 30px 30px 30px;
}
#layout { min-width: 980px;}
#layout .layout-inner {
	width: 100%;
	table-layout: fixed;
}
#layout .left, #layout .right { width: auto; }
#layout .left, #layout .right, #layout .center { vertical-align: top; }
#layout .left {	text-align: right; }
#layout .left div { text-align: left; }
#layout .right { text-align: left; }
#layout .center {
	width: 556px;
}
tr#header { background: white url(../images/bg/repeat-left.gif) repeat-x top; }
#header, #header td {
	height: 100px;

}
#header .left {
	background: white url(../images/bg/repeat-left.gif) repeat-x top;
}
#header .center {
		background: white url(../images/bg/repeat-left.gif) repeat-x top; 
}
#header .center .center-inner, #header .right .right-inner  {
	position: relative;
}
#header .right .right-inner {
	width: 194px;
}
#header .right {
	background: white url(../images/home/repeat-right.gif) repeat-x top;
}

#main .left {
	background: #DCDCDC url(../images/bg/bg-left.jpg) no-repeat 100% 56px;
}
#main .left .left-inner {
	background: transparent url(../images/bg/thewhiteslice.gif) repeat-x 0 -10px;
	position: relative;
}
#main .right {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -1px;
}
#main .center .content {
	background: #DCDCDC url(../images/bg/bg-ontario.gif) no-repeat top;
	min-height: 595px;
}
#main .center { background-color: #DCDCDC; }
#utilities {
	position: absolute;
	right: 7px; top: 32px; width:268px;
}
#utilities li {
	float: left;
}
#utilities a {
	padding-top: 21px;
	height: 0; overflow: hidden;
}

.util-home {
	background-image: url(../../images/util/util-home.gif);
	width: 56px;
}
.util-careers {
	background-image: url(../../images/util/util-careers.gif);
	width: 71px;
}
.util-contact {
	background-image: url(../../images/util/util-contact.gif);
	width: 84px;
}
.util-gfs {
	background-image: url(../../images/util/util-gfs.gif);
	width: 113px;
}
.util-home:hover {
	background-image: url(../../images/util/rollover/util-home.gif);
}
.util-careers:hover {
	background-image: url(../../images/util/rollover/util-careers.gif);
}
.util-contact:hover {
	background-image: url(../../images/util/rollover/util-contact.gif);
}
.util-gfs:hover {
	background-image: url(../../images/util/rollover/util-gfs.gif);
}

#main .left q {
	display: block;
	background: url(../../images/whatmatters2.gif) top left;
	width: 209px;
	padding-top: 55px;
	height: 0;
	overflow: hidden;
	margin-left: auto;
	position: relative;
	left: 14px; top: -10px;
	margin-bottom: -10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#searchbox {
	background-image: url(../../images/searchbox.gif); width: 154px; height: 21px;
	overflow: hidden;
	padding-left: 10px;
	position: absolute;
	left: 0;
	top: 34px;
}
#searchtext {
	border: 0;
	background-color: transparent;
	width: auto;
	padding-top: 4px;
	height: 15px;
	color: #737373;
}
#searchbutton {
	background-image: url(../../images/buttons/go.gif);
	width: 36px; height: 24px;
	position: absolute;
	left: 164px;
	top: 34px;
	
}
#searchbutton:hover {
	background-image: url(../../images/buttons/rollover/go.gif);
}
.region {
	text-transform: uppercase;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #DCDCDC;
	position: absolute;
	right: 0; top: 70px;
}
#mainnav {
	position: absolute;
	right: -15px; top: 45px;
	width: 194px;
}
#mainnav li {
	background-repeat: no-repeat;
	vertical-align: bottom; zoom: 1;   /* I have no freakin' idea why this fixes the IE6 bug. */
}
#mainnav li a {
	height: 0; overflow: hidden;
}
#mainnav ul {
	margin: 0;
}
#mainnav ul a {
	height: auto; 
	background: transparent url(../../images/nav/nav-normal.gif) repeat-y center left;
	color: white;
	text-decoration: none;
	padding: 5px 10px 5px 15px;
	line-height: 14px;
}
#mainnav ul li {
	background: transparent url(../../images/nav/nav-normal.gif) repeat-y center left;
}
#mainnav ul li a:hover, #mainnav ul a.active {
	background-image: url(../../images/nav/nav-active.gif);
}
#mainnav li.first a {
	background-position: top left;
}
#mainnav li.last a {
	background-position: bottom left;
}

#nav-aboutgordon {
	background-image: url(../../images/nav/nav-about1.gif); padding-top: 27px;
}
a#nav-aboutgordon:hover, #nav-aboutgordon.active {
	background-image: url(../../images/nav/nav-about2.gif);
}
#nav-products {
	background-image: url(../../images/nav/nav-products1.gif); padding-top: 27px;
}
a#nav-products:hover, #nav-products.active {
	background-image: url(../../images/nav/nav-products2.gif);
}
#nav-services {
	background-image: url(../../images/nav/nav-services1.gif); padding-top: 27px;
}
a#nav-services:hover, #nav-services.active {
	background-image: url(../../images/nav/nav-services2.gif);
}
#nav-career {
	background-image: url(../../images/nav/nav-careers1.gif); padding-top: 27px;
}
a#nav-career:hover, #nav-career.active {
	background-image: url(../../images/nav/nav-careers2.gif);
}
#footer {
	background: transparent url(../images/bg/bottom.gif) repeat-x top;
	min-height: 30px;
	padding: 10px 0;
	font-size: 10px;
	background-color:#646464;
}
#footer > div {
	width: 980px;
	margin: 0 auto;
}
.gfsFooter { font-weight:normal; color: #e1e1e1; padding-right:15px; }
#footer { color:#ffbe00; line-height:18px; padding-left:35px; } 
#footer a { font-weight:normal; color: #e1e1e1; text-decoration: none; }
#footer a:hover { color:#ffbe00; text-decoration: underline; }
#cities { white-space:pre; }
#cities a{ font-weight:bold; }
a#gssi { color:#9e9e9e; line-height:30px; }
a#gssi:hover { color:#9e9e9e; text-decoration:underline; }
/*#region-sites, #graphicallyspeaking { float: left; }*/

/* Homepage */

#logocontainer { position:relative; z-index:40; }
#logo {
	position:absolute;
	top:0;
	right:-34px;
}

body#homepageBg { background:url(/quebec/images/home/background.gif) top left repeat-x #dcdcdc; margin:0; padding:0;  }
#homeUtilities { background:url(/quebec/images/home/headerBg.gif) top left no-repeat; vertical-align:top; padding:24px 0 0 377px; }
#homeSearch { vertical-align:top; }
#homeSearchbox { background-image: url(/images/searchbox.gif); background-position:0 0; width: 154px; height: 21px; overflow: hidden; padding-left: 10px; }
#homeContactUs { padding-right:25px; }
#homeFlash {
	background-color:#fff;
	margin:0px auto; width:915px; 
}
#flash-container { background-color:#fff; height:240px; }
#overflowLeft { background:url(/quebec/images/home/overflowLeft.jpg) right 395px no-repeat; }
#overflowRight { background:url(/quebec/images/home/overflowRight.jpg) left 395px no-repeat; }
#homeNav { background:url(/images/home/grey/greyBg.jpg) bottom center no-repeat #FFFFFF; padding:20px 0 0 0; height:318px; }
#homeNav-red { background:url(/quebec/images/home/red/redStripes.gif) bottom center no-repeat #FFFFFF; padding:20px 0 0 0; height:318px;}
#homeNav-clear { background-color:#FFFFFF; padding:20px 0 0 0; height:318px;}
.homeNavButtons { text-align:center; }
#homeFooter {
	min-height: 30px;
	padding: 12px 0;
	font-size: 10px;
}
#homeFooter > div {
	width: 980px;
	margin: 0 auto;
}
#homeFooter, #homeFooter a { color: #6f6f6f; text-decoration: none; }
#homeFooter a:hover { text-decoration: underline; }
.enFrancais { text-align:right; position:absolute; top:38px; right:16px; }
a.home_contest { width:350px; height:0; padding-top:89px; overflow:hidden; display:block; background-image:url(/quebec/images/home/gfsFoodShowdown.gif); top:11px; left:46px; position:absolute; }
.gfs_exp { width:118px; height:0; padding-top:55px; overflow:hidden; display:block; background-image:url(/quebec/images/home/gfsExperience-new.gif); top:8px; right:-10px; position:absolute; }
#home-logo { padding-bottom:15px; }


#splashpage #homeNav-red { height:533px; padding-top:38px }
#splash-container { width:980px; margin:0 auto; }
.select-region { padding-left:283px; }
.splash-region { float:left; width:161px; margin:0 88px 0 0; }
.cleardiv { clear:both; }
.region-name { width:161px; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#646464; }
a#distal-montreal { display:block; background:url(/quebec/images/home/distal-montreal.gif) bottom left no-repeat; padding-bottom:40px; text-decoration:none; text-align:center; }
a#distal-montreal:hover { background-image:url(/quebec/images/home/distal-montreal-over.gif); }

a#distal-quebec { display:block; background:url(/quebec/images/home/distal-quebec.gif) bottom left no-repeat; padding-bottom:40px;text-decoration:none; text-align:center; }
a#distal-quebec:hover { background-image:url(/quebec/images/home/distal-quebec-over.gif); }
a#distal-montreal img, a#distal-quebec img { padding-bottom:8px; display:block; }
#splash-text { text-align:center; padding-top:20px; }