@charset "UTF-8";
/* CSS Document */
/*	Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th, td { text-align:left; font-weight: normal; } h1,h2,h3,h4,h5,h6 { font-size:100%; } blockquote:before, blockquote:after, q:before,q:after { content:''; } blockquote, q { quotes: "" ""; } abbr,acronym { border:0; } * { margin: 0; padding: 0; }

/*	Base */
body 		{ font-size: 81.3% /*13px*/; color: #333; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; background: url(../images/cssImgs/body.png) repeat-x 0 0; }
#wrapper	{ width: 940px; margin: 20px auto; background: #fff; }

/*	Links */
a					{ color: #00549c; text-decoration: underline; outline: none; }
a:focus, a:hover	{ color: #00549c; text-decoration: none; }

/*	Type */
h1 { font-weight: normal; }
h2,h3,h4,h5,h6 { font-weight: 600; }

h1	{ font-size: 2em; line-height: 1.15em; margin-bottom: .55em; }
h2	{ font-size: 1.154em; line-height: 1.15em; margin-bottom: .45em; }
h3	{ font-size: 1.077em; margin-bottom: .45em; }
h4	{ font-size: 1.077em; margin-bottom: .25em; }
h5	{ font-size: 1em; font-weight: bold; }
h6	{ font-size: .917em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img	{ margin: 0; }

img.left	{ float: left; margin: .25em 1.5em 1.5em 0; padding: 0; }
img.right	{ float: right; margin: .25em 0 1.5em 1.5em; }

p			{ margin: 0 0 1em; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
b em, em b, 
strong em, 
em strong 	{ font-weight: bold; font-style: italic; }

/*	Lists */
li ul, li ol	{ margin: 0 1.5em; }
ul, ol			{ margin: 0 1.5em 2em 15px; }
ul				{ list-style-type: disc; }
ol				{ list-style-type: decimal; }
li				{ margin-bottom: .4em; }
dl				{ margin: 0 0 1.5em 0; }
dl dt			{ font-weight: bold; }
dd				{ margin-left: 1.5em;}


/*	Tables */
table			{ margin-bottom: 1.4em; width:100%; }
th				{ font-weight: bold; }
thead th		{ background: #c3d9ff; }
th,td,caption	{ padding: 4px 10px 4px 0; }
tr.even td		{ background: #e5ecf9; }
tfoot			{ font-style: italic; }
caption			{ background: #eee; }

/* Misc */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { color: #9e1e35; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block;}  /* for IE/Mac */
.clear 			{ clear: both; height: 0; font-size: 1px; line-height: 0; display: block; overflow: hidden; }

.first { padding-left: 0; margin-left: 0; }
.last { padding-right: 0; margin-right: 0; }

/*	Forms
------------------------------------------------ */
label       { font-weight: bold; font-size: .846em; line-height: 1.385em;  }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

.req { color: #00549c; }
p.reqP { padding: 6px; background: #eaf1fa; border-top: 1px solid #c9d9ef; font-size: .833em; margin-bottom: 1.5em;  }

/*	Fields */
input[type=text], input.text, input.cat_textbox, input.title, textarea/*, select*/		{ background-color: #fff; border: 1px solid #bbb; }
input[type=text]:focus, input.text:focus, input.cat_textbox:focus
input.title:focus, textarea:focus/*, select:focus*/ 				{ border-color: #999; background: #FFC; }
input[type=text], input.text,
input.cat_textbox, input.title, textarea/*, select*/ 			{ margin: 0.2em 0; }
input.text, input.cat_textbox, input.title/*, select */			{ padding:5px; }
input.title   													{ font-size: 1.5em; }
textarea      													{ padding: 5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio 									{ position:relative; top: 0; }
form.inline		{ line-height:3; }
form.inline p	{ margin-bottom:0; }

form p { padding-left: 5px; }

.special { display: none; }

input.span100		{ width: 100px; }
input.span150		{ width: 150px; }
input.span200		{ width: 200px; }
input.span250		{ width: 250px; }
input.span300		{ width: 300px; }
input.span350		{ width: 350px; }
input.span400		{ width: 400px; }
input.spanFull		{ width: 95%; } /* set short to accommodate for borders and padding */

/*	Form Alerts */
.errorAlert, .notice, .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.errorBox      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.errorBox a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*	Buttons */


/*	Header */
#siteNav		{ float: left; display: inline; width: 210px; padding-bottom: 240px; background: url(/images/cssImgs/siteNavBtm.png) no-repeat 0 100%; }
.siteNavWrap	{ background: url(/images/cssImgs/siteNavBg.png) repeat-y 0 0; }
.logo			{ margin: 21px 0 30px 0; padding: 0 33px 0 32px; }

ul#navbar				{ margin: 0; padding: 0; }
ul#navbar li			{ margin: 0; padding: 0; list-style: none; float: left; display: block; }
ul#navbar li a			{ float: left; height: 50px; width: 210px; display: block; text-decoration: none; background-image: url(/images/cssImgs/mainNav.png); background-repeat: no-repeat; text-indent: -9999px; }

ul#navbar li#company a { background-position: 0 0; }
ul#navbar li#wwd a { background-position: 0 -50px; }
ul#navbar li#people a { background-position: 0 -100px; }
ul#navbar li#suppliers a { background-position: 0 -250px; }
ul#navbar li#contact a { background-position: 0 -150px; }
ul#navbar li#home a { background-position: 0 -200px; }

ul#navbar li#company a:hover, ul#navbar li#company.selected a	{ text-decoration: none; background-position: -210px 0; }
ul#navbar li#wwd a:hover, ul#navbar li#wwd.selected a	{ text-decoration: none; background-position: -210px -50px; }
ul#navbar li#people a:hover, ul#navbar li#people.selected a	{ text-decoration: none; background-position: -210px -100px; }
ul#navbar li#suppliers a:hover, ul#navbar li#suppliers.selected a	{ text-decoration: none; background-position: -210px -250px; }
ul#navbar li#contact a:hover, ul#navbar li#contact.selected a	{ text-decoration: none; background-position: -210px -150px; }
ul#navbar li#home a:hover, ul#navbar li#home.selected a	{ text-decoration: none; background-position: -210px -200px; }


ul#subNav { width: 210px; clear: both; overflow: hidden; margin: 0; padding: 0; }
ul#subNav li { padding: 0; margin: 0; float: left; display: block; width: 210px; height: auto; }
ul#subNav li a {
	float: left;
	height: auto;
	padding: 10px 20px 10px 34px; 
	margin: 0;
	display: block; 
	line-height: 1.3em; 
	text-decoration: none; 
	background-image: url(/images/cssImgs/leftNavArrow.png);
	background-repeat: no-repeat;
	background-position: -9999px 1.25em;
	background-color: #d9e4f1;
	text-indent: 0;
	color: #333;
	font-size: .923em;
	border-bottom: 1px solid #99b5d3;
	}
	
ul#navbar li#company ul#subNav li a:hover,
ul#navbar li#wwd ul#subNav li a:hover,
ul#navbar li#people ul#subNav li a:hover,
ul#navbar li#contact ul#subNav li a:hover,
ul#navbar li#home ul#subNav li a:hover,
ul#subNav li a:hover { background-image: url(/images/cssImgs/leftNavArrow.png); background-repeat: no-repeat; background-position: 20px 1.25em; }

ul#navbar li#company.selected ul#subNav li.selected a,
ul#navbar li#wwd.selected ul#subNav li.selected a,
ul#navbar li#people.selected ul#subNav li.selected a,
ul#navbar li#contact.selected ul#subNav li.selected a,
ul#navbar li#home.selected ul#subNav li.selected a,
ul#subNav li.selected a { background-image: url(/images/cssImgs/leftNavArrow.png); background-repeat: no-repeat; background-position: 20px 1.25em; background-color: #fff; }








/*	Content */
#content 	{ float: left; display: inline; width: 690px; padding: 20px; margin-bottom: 2em; }

.column { float: left; display: inline; }
.home2col, .sub2col, .subPeople { width: 100%; margin: 0; padding: 0; }

.home2col .col1 { width: 300px; margin-right: 33px; margin-left: 15px; }
.home2col .col2 { width: 342px; }

.sub2col .col1 { width: 405px; margin-right: 70px; }
.sub2col .col2 { width: 185px; padding: 20px 10px 20px 20px; background: url(/images/cssImgs/subCol2Bg.png) no-repeat 0 0; }

.sub2col .col2 img { margin-bottom: 15px; margin-right: 10px; border: 1px solid #999; }

#home ul#feature 	{ margin: 0 0 2em 0; padding: 0; position: relative; z-index: 1; overflow: hidden; }
#home ul#feature li { margin: 0; padding: 0; display: block; width: 690px; height: 293px; }

#home #feature h1 { color: #fff; font-size: 2.308em; font-weight: 700; margin-bottom: .25em; }
#home #feature p { color: #fff; font-size: 1.692em; }
#home #feature .featureContent { position: absolute; z-index: 2; width: 630px; padding: 12px 30px 0; height: 81px; bottom: 0; background: url(/images/cssImgs/1x1.png) repeat; }

#home #feature .hideBanner { display: none; }

#home h2 { margin-top: .3em; margin-bottom: .65em; }
#sub .feature { margin-bottom: 2.25em; }

ul.homeServices { margin: 0; padding: 0; }
ul.homeServices li { margin: 0; padding: 2px 0; display: block; list-style: none; border-bottom: 1px solid #e1e1e1; }
ul.homeServices li div.box { padding: 7px; cursor: pointer; }
ul.homeServices li img { float: left; margin-right: 14px; }

ul.homeServices li h3 { font-size: 1.077em; margin-bottom: .10em; }
ul.homeServices li h3 a { color: #0077c1; text-decoration: none; }
ul.homeServices li h3 a:hover { text-decoration: none; }

ul.homeServices li p { font-size: .923em; margin-bottom: 0; }

.overService { background: #dbe9f2; }

.contact-box { margin: 10px 0 25px; }
.contact-box h3 { line-height: 1.12em; color: #00549c; }

.company .contact-box, .contactus .contact-box { margin-top: 0; }

.contactus h3.taUs { background: url(/images/cssImgs/us.png) no-repeat 0 .165em; padding-left: 24px; }
.contactus h3.taCa { background: url(/images/cssImgs/ca.png) no-repeat 0 .165em; padding-left: 24px; }

.otherCo { border-top: 1px solid #e1e1e1; padding-top: 18px; }
.otherCo p { margin-bottom: .55em; }
.otherCo img.logoSmall { border: none; margin-bottom: 1em; }

.sub2col .col1 div.inner, .subPeople div.inner { margin-left: 14px;  }
.sub2col .noBg { background: none; padding-left: 0; padding-top: 0; padding-right: 0; width: 215px; }


.profile { padding: 10px 0; border-top: 1px solid #ccdae9; }

.profile .col1, .profile .col2 { width: 308px; margin-right: 60px; }
.profile .col2 { margin-right: 0; }
.profile img { float: left; border: 1px solid #999; }
.profile h2, .profile p { margin-left: 100px; }
.profile h2 { font-size: 1.077em; margin-bottom: .085em; }
.profile p { font-size: .923em; line-height: 1.3em; margin-bottom: .45em; }
.profile p.title { color: #666; }

div.backTo { border-top: 1px solid #ccdae9; text-align: right; padding: 10px 0; }
div.backTo a { text-decoration: none; }
div.backTo a:hover { text-decoration: underline; }



.lftNav ul 		{ margin: 0; padding: 0 24px 70px 28px; background: url(/images/cssimg/leftnavbottom.png) no-repeat 0 100%; }
.lftNav ul li	{ font-size: 1.083em; margin: 0 0 5px 0; padding: 0 0 0 12px; list-style: none; background: url(/images/cssimg/list-bullet-orangeBlock.gif) no-repeat 0 .53em; }
.lftNav ul li a { color: #333; text-decoration: none; }
.lftNav ul li a:hover { color: #0067a7; text-decoration: none; }
.lftNav ul li.selected a { color: #f86d0f; text-decoration: none; }

.lftNavSectionHd { padding: 0 28px; margin-bottom: .75em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

/*	Footer */
#footer { width: 100%; clear: both; font-size: .846em; color: #666; text-align: center; padding-bottom: 16px; background: url(/images/cssImgs/footerBg.png) no-repeat 0 100%; margin-bottom: 2em; }
#footer a { text-decoration: none; color: #333; }
#footer a:hover { text-decoration: underline; }