/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	line-height: 16px;
	border: none;
	font-size: 11px;
	font-family: Verdana, Geneva, "Arial", Helvetica, sans-serif;
	background:url(graphics/bg_main.jpg) no-repeat center top;
	color:#666666;
	}
img     { border: 0; }
p       { margin: 0 0 15px 0; }
a       { outline:none; color:#d52b1e; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, form { margin: 0; }


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

#siteContainer {
	width:900px;
	margin:auto;
	position:relative;
	}

/* -- HEADER -- */
#header {
	width:900px;
	padding:35px 0 0 0;
	}
	#logo { float:left; }
	#nationalSlogan {
		background:url(graphics/slogan_national.gif) no-repeat;
		width:438px;
		height:64px;
		margin-right:6px;
		float:right;
		}
	#nationalSloganBase {
		background:url(graphics/slogan_national_base.gif) no-repeat;
		width:427px;
		height:23px;
		margin:18px 6px 0 0;
		float:right;
	}
	#nationalSloganReach {
		background:url(graphics/slogan_national_reach.gif) no-repeat;
		width:445px;
		height:43px;
		margin:18px 6px 0 0;
		float:right;
	}	
	#nationalSloganStrengths {
		background:url(graphics/slogan_national_strengths.gif) no-repeat;
		width:428px;
		height:23px;
		margin:18px 6px 0 0;
		float:right;
	}		
	#frenchSlogan {
		background:url(graphics/slogan_french.gif) no-repeat;
		width:591px;
		height:63px;
		margin:18px 6px 0 0;
		float:right;
	}			
	#provSlogan {
		background:url(graphics/slogan_prov.gif) no-repeat;
		width:343px;
		height:44px;
		float:right;
		margin:14px 9px 0 0;
		}
	#downtownSlogan {
		background:url(graphics/slogan_downtown_to.gif) no-repeat;
		width:373px;
		height:57px;
		float:right;
		margin:0 6px 0 0;
		}
	#choosePurSlogan {
		background:url(graphics/slogan_choose_purolator.gif) no-repeat;
		width:497px;
		height:50px;
		margin:18px 6px 0 0;
		float:right;
		}		
		
/* -- BODY -- */
#contentAreaNational { padding:79px 0 0 0; }
#contentAreaCity     { padding:10px 0 0 0; }

/* -- LOCATIONS TOP -- */
#locationsTop {
	clear:both;
	padding:3px 0 0 40px;
	color:#333;
	height:145px;
	}
	#locationsTop ul {
		margin:0;
		padding:0;
		list-style:none;
		}
		#locationsTop ul li {
			float:left;
			text-align: right;
			padding-right:35px;
			}
			#locationsTop ul li.padTop { padding-top: 10px !important; }
			.last { padding-right:0 !important; }
	.location {
		color:#d52b1e;
		background:url(graphics/small_arrow.gif) no-repeat 0 4px;
		padding-left:13px;
		font-size:12px;
		font-weight:bold;
		}
.edmonton  { padding-left: 225px !important; }
.vancouver { padding-left: 0 !important; padding-bottom: 70px !important; }
.winnipeg { padding-left: 150px !important; }
.halifax { padding-left: 385px !important; }
.london { padding-left: 300px !important; }
.mississauga { padding-left: 150px !important; }
.ottawa { padding-left: 220px !important; }
.toronto { padding-left: 95px !important; padding-bottom: 50px !important; }
.downTowntoronto { padding-left: 253px !important; }
.montreal { padding-left: 220px !important; }

/* -- CTAS MIDDLE -- */

#ctaLeft, #ctaMiddle, #ctaRight {
	background:url(graphics/bg_cta_box.gif) no-repeat;
	width:287px;
	height:280px;
	position:relative;
	float:left;
	padding:6px 0 0 6px;
	}
#ctaLeft, #ctaMiddle { margin-right:10px; }
	.ctaButton {
		background:url(graphics/b_cta_bg.gif) no-repeat;
		width:191px;
		height:41px;
		display:block;
		text-transform: uppercase;
		font: 14px "Arial";
		font-weight:bold;
		color:#fff;
		line-height:40px;
		text-align: center;
		position:absolute;
		top:-41px;
		right:6px;
		padding-left:7px;
		text-decoration:none;
		}
		.ctaButton:hover {
			background-position: 0 -41px;
			text-decoration: none;
			}
	.ctaButtonFR {
		background:url(graphics/b_cta_bg.gif) no-repeat;
		width:191px;
		height:41px;
		display:block;
		text-transform: uppercase;
		font: 12px "Arial";
		font-weight:bold;
		color:#fff;
		line-height:40px;
		text-align: center;
		position:absolute;
		top:-41px;
		right:6px;
		padding-left:7px;
		text-decoration:none;
		}
		.ctaButtonFR:hover {
			background-position: 0 -41px;
			text-decoration: none;
			}			
	.ctaContent { padding:6px 10px 0 12px; }
	.ctaButtonBot {
		background:url(graphics/b_cta_small.gif) no-repeat;
		width:118px;
		height:22px;
		display:block;
		text-transform: uppercase;
		font: 12px "Arial";
		font-weight:bold;
		color:#fff;
		text-align: center;
		line-height:22px;
		position:absolute;
		bottom:10px;
		left:87px;
		text-decoration:none;
		}
		.ctaButtonBot:hover { 
			background-position: 0 -22px;
			text-decoration: none;
			}
		.ctaButtonBot.french {
			width:198px !important;
			background:url(graphics/b_cta_small.gif) repeat-x !important;
			left: 48px !important;
			}
		.ctaButtonBot.french:hover { 
			background-position: 0 -22px !important;
			text-decoration: none !important;
			}			

/* -- MIDDLE CONTENT -- */	
	
#middleCont { padding-top:10px; }
	#contentMiddle {
		background:url(graphics/bg_middle.gif) no-repeat;
		width:885px;
		height:137px;
		padding:12px 0 0 15px;
		}
		#contentMiddle ul {
			margin:0;
			padding:10px 0 0 7px;
			list-style:none;
			}
			#contentMiddle ul li {
				background:url(graphics/bullet_grey.gif) no-repeat 0 7px;
				padding-left:15px;
				margin-bottom:4px;
				}
			.rightList { margin-left:15px !important; }
		#contentMiddle #colLeft {
			float:left;
			width:450px;
			}
			#contentMiddle #colLeft ul {
				margin:0;
				padding:0;
				}
				#visitLinks { padding:5px 0 0 5px; }
			#learnMore {
				clear:both;
				padding:10px 0 0 210px;
				height:20px;
				}
			#learnMoreFrench {
				clear:both;
				padding:0px 0 0 210px;
				height:20px;
				position:relative;
				top:-5px;
				}				
				.redArrow {
					background:url(graphics/arrow_red.gif) no-repeat right;
					padding-right:30px;
					line-height:19px;
					padding-bottom:5px;
					}
		#contentMiddle #colRight {
			float:left;
			width:400px;
			padding:0 0 0 5px;
			}
			#contentMiddle #colRight p { width:230px; padding-top:3px; }
			#contentMiddle #colRight .frenchPara { width:236px; padding-top:3px; }
	
	#didKnow {
		background:url(graphics/bg_did_you_know.gif) no-repeat;
		width:900px;
		height:72px;
		margin-top:10px;
		}
		#didKnow p, #didKnowFR p { padding:20px 50px 0 203px; }
	#didKnowFR {
		background:url(graphics/bg_did_you_know_fr.gif) no-repeat;
		width:900px;
		height:72px;
		margin-top:10px;
		}
	
	#provLocation {
		float:right;
		margin:15px 0 0 0;
		}

#colLeft {}
#colRight {}

/* -- FOOTER -- */
#footer { 
	clear: both;
	padding:15px 30px 46px 30px;
	}
	#footer ul {
		margin:0;
		padding:0 0 0 20px;
		list-style:none;
		float:left;
		}
		#footer ul li { float:left; color:#d52b1e; }
	#footer p { 
		font-size:9px;
		float:right;
		}

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft  { float: left;  }
.floatRight { float: right; }
.clearBoth  { clear: both; height:1px;  }
.legalNote { font-size: 9px; }	
sup {
	position: relative;
	top: -3px;
	vertical-align: top;
	font-size: 90% !important;
	line-height: inherit !important;
	}