/* CSS Document */

/* !!!!!!!!!!!! Zeroing Styles !!!!!!!!!!!! */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all styles */

* {
margin:0;
padding:0;
border:0;
}

html {
min-height: 100%;
height: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}

/* !!!!!!!!!!!! Display Styles !!!!!!!!!!!! */

/* Styles that effect the display and not the structure of the site such as fonts, headers, HTML tag styles and 'a' styles should be defined here */

body {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;;
}

td {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:2em;
color:#FFFFFF;
}

ul {
list-style:outside;
list-style-type:disc;
color:#FFFFFF;;
margin-left:15px;
}

ol {
list-style:outside;
list-style-type:decimal;
color:#FFFFFF;;
margin-left:25px;
}

li {
padding:.5em 0;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
position:absolute;
left:99999px;
display:none;
}
/* h1 styles are for defining the structure of the site (mostly for screen readers) they will not be viewable or printable unless CSS is disabled such as with a mobile device*/

h2 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

h3 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
line-height:1.2em;
padding:10px 0 10px 0;
color:#ffffff;
font-weight:normal;
}

h4 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
}

h5 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:bold;
font-style:italic;
}

h6 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

p {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding:.5em 0;
}

a {
color:#00FF00;
text-decoration:none;
}

a:link a:visited a:active {
color:#009900;
}

a:hover {
color:#94dede;
}

.offpage {
position:absolute;
left:99999px;
display:none;
}
/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

#fontControls {
text-decoration:none;
color:#FFFFFF;
/*
height:100%;
width:100%;
*/
padding: 0px;
float:left;
}

.green {
color:#00CC00;
}

hr {
height:1px;
color:#CCCCCC;
margin:20px 0;
}


/* !!!!!!!!!!!! Browser Hacks !!!!!!!!!!!! */

/* Browsers differ from each other and differ depending on which operating system they are on. It is inevetable that you will have to write "hacks" to deal with these issues */

* html [selectorname] {
}

/* IE6 Hack - Read by IE6 only */

html>body [selectorname] {
}

/* IE7 Hack - Read by IE7 only */

html>/**/body [selectorname] {
}

/* Firefox 2.0 Hack - Read by Firefox only */

/*\*/
html>body*[selectorname] {
}
/**/

/* Safari Hack (both PC & Mac) - Read by Safari only */

/* !!!!!!!!!!!! Layout Styles !!!!!!!!!!!! */

/* Layout styles are styles that control where and what assets are displayed. CSS in this section should follow the indenting format that HTML follows for ease-of-use. I only use classes because IDs cannot be overwritten for alt styles. */

body {
background-color:#090708;
}

	.sitewrapper {
	background-image:url(images/bg_master.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	} 
	
	.sitewrappersearch {
	background-image:url(images/bg_search.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	} 
	
	.sitewrappersummary {
	background-image:url(images/bg_search.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrapperorders {
	background-image:url(images/bg_orders.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	} 
	
	.sitewrappersitemap {
	background-image:url(images/bg_sitemap.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrappercanada {
	background-image:url(images/bg_canada_home.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrappercanadaservices {
	background-image:url(images/bg_canada_services.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrappercanadaconsulting {
	background-image:url(images/bg_canada_consulting.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrappercanadamanagement {
	background-image:url(images/bg_canada_management.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	.sitewrappercanadacontact {
	background-image:url(images/bg_canada_contact.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}

		.sitebackground {
		text-align:center;
		} 

			.sitecontainer {
			width:100%;
			margin:0 auto ;
			text-align:center;
			}

				.skipnav {
				position:absolute;
				left:99999px;
				display:none;
				}
				
					.skipnav ul {
					margin:0;
					list-style:none;
					}
					
						.skipnav li {
						padding-right:1em;
						float:left;
						}
				
				/* !!!!!!!!!!!! Header Styles !!!!!!!!!!!! */
			
				.header {
				height:66px;
				width:900px;
				text-align:center;
				clear:both;
				margin:0 auto;
				}	
					.logoholder {
					height:66px;
					width:900px;
					margin:0 auto;
					background-image:url(images/logo_group.jpg);
					background-repeat:no-repeat;
					}
						.headercontent {
						width:875px;
						padding-top:15px;
						padding-right:25px;
						color:#FFFFFF;
						text-align:right;
						font-family:"Century Gothic", "Myriad", "Gill Sans", Arial;
						font-weight:bold;
						font-size:1em;
						}
						
						*html .headercontent {
						width:900px;
						}
		
				/* !!!!!!!!!!!! Main Area Styles !!!!!!!!!!!! */
			
				.main {
				width:100%;
				text-align:center;
				clear:both;
				}
				
					.maincontainter {
					margin:0 auto;
					width:900px;
					text-align:center;
					}
					
					.tabnav {
					margin:270px auto 24px 25px;
					padding-bottom:10px;
					}
					
					*html .tabnav {
					padding-bottom:20px;
					}
					
					.tabnav ul {
					list-style:none;
					list-style-type:none;
					margin:0;
					}
					
					.tabnav ul li {
					width:150px;
					font-size:1.2em;
					float:left;
					font-weight:bold;
					text-align:left;
					}
						
						.maincontent {
						margin:26px auto 24px 15px;
						padding:0 10px;
						width:340px;
						height:460px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontent {
						width:360px;
						}
						
						.maincontentsitemap {
						margin:26px 15px 24px auto;
						padding:0 10px;
						width:340px;
						height:460px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentsitemap {
						width:360px;
						}
						
						.maincontentcanada {
						margin:0 auto 24px 12px;
						padding:0 10px;
						width:720px;
						height:160px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentcanada {
						width:720px;
						margin:270px auto 24px -150px;
						height:180px;
						}
						
						.maincontentcanadaservices {
						margin:0 auto 24px 50px;
						padding:0 10px;
						width:720px;
						height:160px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentcanadaservices {
						width:720px;
						margin:270px auto 24px -80px;
						height:180px;
						}
						
						.maincontentcanadaconsulting {
						margin:0 auto 24px 80px;
						padding:0 10px;
						width:720px;
						height:160px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentcanadaconsulting {
						width:720px;
						margin:270px auto 24px -20px;
						height:180px;
						}
						
						.maincontentcanadamanagement {
						margin:0 auto 24px 110px;
						padding:0 10px;
						width:720px;
						height:160px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentcanadamanagement {
						width:720px;
						margin:270px auto 24px 45px;
						height:180px;
						}
						
						.maincontentcanadacontact {
						margin:0 auto 24px 140px;
						padding:0 10px;
						width:720px;
						height:160px;
						overflow:auto;
						text-align:left;
						}
						
						*html .maincontentcanadacontact {
						width:720px;
						margin:270px auto 24px 110px;
						height:180px;
						}
						
						.maincontentsitemap a {
						color:#CCCCCC;
						}
						
						.maincontentsearch {
						width:700px;
						height:370px;
						text-align:left;
						margin:68px auto 65px auto;
						}
						
						.maincontentorders {
						width:800px;
						height:370px;
						text-align:left;
						margin:68px auto 65px auto;
						}

				
					/* ?????????? start contentbox ?????????? */
				
					.contentbox {
					width:100%;
					background-color:#f2f5f6;
					clear:both;
					}	
					
						.boxtop {
						width:100%;	
						height:17px;	
						background-image:url(images/tile_box_topcenter.jpg);
						background-repeat:repeat-x;
						}
						
							.boxtopleft {
							height:17px;
							width:17px;
							background-image:url(images/bg_box_topleft.jpg);
							background-repeat:no-repeat;
							float:left;
							}
							
							.boxtopright {
							height:17px;
							width:17px;
							background-image:url(images/bg_box_topright.jpg);
							background-repeat:no-repeat;
							background-position:right;
							float:right;
							}
							
						.boxmiddle {
						width:100%;
						clear:both;
						}
						
							.boxmiddleleft {
							width:100%;
							background-image:url(images/tile_box_middleleft.jpg);
							background-repeat:repeat-y;					
							}
							
							.boxcontent {
							padding:0 17px 0 16px;					
							}
							
							.boxmiddleright {
							width:100%;
							background-image:url(images/tile_box_middleright.jpg);
							background-repeat:repeat-y;
							background-position:right;
							
							}
							
						.boxbottom {
						width:100%;	
						height:17px;	
						background-image:url(images/tile_box_botcenter.jpg);
						background-repeat:repeat-x;	
					 	}
						
							.boxbottomleft {
							width:16px;
							height:17px;
							background-image:url(images/bg_box_botleft.jpg);
							background-repeat:no-repeat;
							float:left;
							}
							
							.boxbottomright {
							width:16px;
							height:17px;
							background-image:url(images/bg_box_botright.jpg);
							background-repeat:no-repeat;
							float:right;
							}
										
					/* ?????????? end contentbox ?????????? */		
			
				/* !!!!!!!!!!!! Footer Styles !!!!!!!!!!!! */
			
				.footer {
				width:100%;
				color:#CCCCCC;
				font-family:"Century Gothic", "Myriad", "Gill Sans", Arial;
				font-size:.75em;
				text-align:center;
				background-image:url(images/tile_footer.jpg);
				background-repeat:repeat-x;
				background-color:#090708;
				height:55px;
				clear:both;
				}
				
					.quicklinks, .quicklinks a {
					font-family:"Century Gothic", "Myriad", "Gill Sans", Arial;
					font-size:1.1em;
					font-weight:bold;
					letter-spacing:.1em;
					padding-bottom:0;
					color:#009900;
					}
					
					.footerlinks, .footerlinks a {
					line-height:1.5em;
					}
				
/* !!!!!!!!!!!! Alt Media Styles !!!!!!!!!!!! */

/* It is neccesary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different stylesheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */