/*
Theme Name: Norbord.com Theme
Theme URI: http://norbord.com/
Description: This is the official theme for Norbord.com
Author: by the The Magical Woodchuck
Version: 1.0
*/

@font-face {
    font-family: 'NorbordGothic';
    src: url('norbordgothic/FrancoisOne-webfont.eot');
    src: url('norbordgothic/FrancoisOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('norbordgothic/FrancoisOne-webfont.woff') format('woff'),
         url('norbordgothic/FrancoisOne-webfont.ttf') format('truetype'),
         url('norbordgothic/FrancoisOne-webfont.svg#NorbordGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BEGIN LAYOUT STYLES */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url(images/footerBg.gif);
	font-family: Arial;
	color: #004785;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

#topRule {
	z-index: 101;
	position: absolute;
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(images/headerRule.png);
	background-repeat: repeat-x;
}

#container {
	width: 100%;
	min-width: 1002px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #009366;
	background: url(images/mainSubBg.gif);
	background-position: center top;
}

body.home #container {
	background: url(images/mainBg.gif);
	background-position: center top;
}

body.single #container, bbody.search #container, body.error404 #container {
	background: url(images/mainBg.gif);
	background-position: center top;
}

#page {
	overflow: hidden;
	clear: both;
	width: 1002px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	z-index: 100;
	float: left;
	position: relative;
	width: 1002px;
	height: 153px;
	margin: 0 auto 0 auto;
	background: url(images/headerBg.jpg);
	background-repeat: no-repeat;
}

.headerLogo {
	float: left;
	margin: 38px 0 0 27px;
}

.headerLogo:hover {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 patch */
	filter:alpha(opacity=50); /* IE7 patch */
}

/* STOCK PAGE NEW */

.stock-Zone {
display: block;
height: auto;
line-height: 18px;
margin: 0 0 2px 2px;
padding: 4px 6px;
color: #004785;
text-decoration: none;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.stock-table {
width:100%;
text-align:center;
}



/* END STOCK NEW PAGE */

.stockLang {
	float: right;
	display: inline;
	width: 174px;
	height: 80px;
	margin: 21px 25px 8px 0;
	background: url(images/stockBgNEW.png);
}

.stockInfo {
	float: left;
	width: 152px;
	height: 56px;
	padding: 9px;
	color: #fff;
	font-size: 10px;
}

#stockPriceChange1 {
	width: 50px;
	float: right;
	margin: 13px 0 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}

#stockPriceChange2 {
	width: 50px;
	float: right;
	margin: 13px 0 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}

#stockDate {
	float: left;
	clear:both;
	margin: 3px 0 0 0;
	text-align: left;
	font-size: 9px;
	line-height: 10px;
	color:#077da7;
}

#stockTime {
	float: right;
	margin: 3px 0 0 5px;
	text-align: right;
	font-size: 9px;
	line-height: 10px;
	color:#077da7;
}

#navHolder {
	z-index: 100;
	float: left;
	width: 1002px;
	height: 43px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(images/navBg.png);
	/*overflow: hidden;*/
	position: relative;
}

#nav {
	z-index: 100;
	float: left;
	width: 1500px;
	height: 43px;
	margin: 0;
	padding: 0 23px 0 23px;
	list-style: none;
}

#nav li {
	z-index: 100;
	float: left;
	height: 37px;
	margin: 0;
	padding: 0;
	background: #009366;
}

#nav li.navFill {
	width: 750px;
	background: #009366;
}

#nav li.current_page_item, #nav li.current-page-ancestor {
	background: url(images/navSelectedBg.png);
	background-position: center top;
}
#langDropDown {
	margin: 8px 0 0 7px;
}

#mainimg {
	z-index: -100;
	clear: both;
	float: left;
	width: 988px;
	height: 255px;
	margin: -12px auto 0 auto;
	padding: 0 7px;
	background: url(images/contentChits.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

body.home #content {
	clear: both;
	float: left;
	width: 942px;
	margin: 0 auto;
	padding: 31px;
	background: #fcffff;
}

body.single #content, body.search #content, body.error404 #content {
	clear: both;
	float: left;
	width: 687px;
	margin: 0 auto;
	padding: 31px;
	background: none;
}

.search-excerpt {
	background: yellow;
}

#content {
	clear: none;
	float: left;
	width: 697px;
	margin: -10px 0 0 0;
	padding: 25px 17px 17px 17px;
	background: #fcffff;
}

/* Accordian */

#accordion h3 {
display:block;
padding:10px !important;
background:#009366 url('images/career-job-view.gif') center right no-repeat;
color:#fff !important;
text-decoration:none !important;
}

#accordion h3:hover {
background:#004785 url('images/career-job-view2.gif') center right no-repeat;
}

h3.ui-accordion-header {
margin-top:10px !important;
}

.hiddenContent {
border:1px solid #009366;
padding:20px;

}

.career-permalink {
background:#fff url('images/new-window-icon.png') center right no-repeat;
padding:10px 30px 10px 10px;
font-size:12px;
display:block;
text-align:right;
}

/*#sidebarLeft #item-126 { display: none; }*/

.career-sidebar {
margin-top:43px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


#sidebarLeft {
	float: left;
	width: 216px;
	margin: -10px 0 0 7px;
	padding: 30px 15px 15px 15px;
}

#sidebarLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebarLeft ul li {
	font-size: 14px;
	font-weight: normal;
	font-family: "NorbordGothic", Arial;
}


#sidebarLeft ul ul li {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-transform: none;
}

#sidebarLeft ul li a {
	display: block;
	width: 212px;
	height: auto;
	line-height: 18px;
	margin: 0 0 2px 1px;
	padding: 4px 0 0;
	background: url(images/main-nav-top.png) no-repeat top left;
	color: #004785;
	text-decoration: none;
	float: left;
}
#sidebarLeft ul li a span {
	width: 200px;
	padding: 0 6px 4px;
	float: left;
	background: url(images/main-nav-bottom.png) no-repeat bottom left;
}

#sidebarLeft ul.manage li.page_item a:hover, #sidebarLeft ul li.top_level a, #sidebarLeft ul li.current_page_parent a, #sidebarLeft ul li a:hover, #sidebarLeft ul li.current_page_parent ul li a:hover, #sidebarLeft ul ul li a:hover, #sidebarLeft ul li.current_page_item li a:hover, ul#children ul#sub-child li a:hover {
	background: url(images/main-nav-top-hover.png) no-repeat left top;
	color: #fcffff;
	cursor: pointer;
}

#sidebarLeft ul.manage li.page_item a:hover span, #sidebarLeft ul li.top_level a span, #sidebarLeft ul li.current_page_parent a span, #sidebarLeft ul li a:hover > span, #sidebarLeft ul li.current_page_parent ul li a:hover > span, #sidebarLeft ul ul li a:hover > span, #sidebarLeft ul li.current_page_item li a:hover > span, ul#children ul#sub-child li a:hover > span {
	background: url(images/main-nav-bottom-hover.png) no-repeat left bottom;
	color: #fcffff;
	cursor: pointer;
}

#sidebarLeft ul li.current_page_parent ul li a, #sidebarLeft ul ul li a {
	background: none;
	color: #004785;
}

#sidebarLeft ul li.current_page_item a, #sidebarLeft ul li.current_page_parent li.current_page_item a, #sidebarLeft ul li.current-cat a, ul#children ul#sub-child li li a {
	background: url(images/selected-top.png) no-repeat left top;
	color: #004785;
}
#sidebarLeft ul li.current_page_item a span, #sidebarLeft ul li.current_page_parent li.current_page_item a span, #sidebarLeft ul li.current-cat a span, ul#children ul#sub-child li li a span {
	background: url(images/selected-bottom.png) no-repeat left bottom;
	color: #004785;
}

#sidebarLeft ul li.current_page_item li a {
	background: none;
	color: #004785;
}

#sidebarLeft ul .navArrow {
	display: block;
	float: left;
	height: 12px;
	padding: 3px 5px 0 0;
	line-height: 11px;
	width: auto;
	background: none;
}

#sidebarLeft ul ul .navArrow {
	line-height: 10px;
	width: auto;
}
#sidebarLeft ul li.page_item a, #sidebarLeft ul li.page_item a span {
	background: none;
}
#sidebarLeft ul.manage li.page_item a  {
	background: url(images/main-nav-top.png) no-repeat top left;
}
#sidebarLeft ul.manage li.page_item a span {
	background: url(images/main-nav-bottom.png) no-repeat bottom left;
}
/* submenu */
#navHolder ul ul.sub-menu { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	margin:0 0 0 -15px;
	padding:0;
	list-style-type: none;
	top: 35px; /* this should be the same height as the top level menu -- height + padding + borders */
	-webkit-box-shadow: 1px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
#navHolder ul ul.sub-menu li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	background: #009366;
	height:45px;
	padding:0px;
}
#navHolder ul ul.sub-menu li a { /* target all sub menu item links */
	padding: 0 2px 1px 2px; /* give our sub menu links a nice button feel */
	border:1px solid #009366;
	margin:15px 15px 0px 15px;

}

#navHolder ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	z-index:9999 !important;
}




/*
ul#children li a, ul#children li a span, ul#children ul#sub-child li a, ul#children ul#sub-child li a span {
	background: none;
}
ul#sub-child li a span {
	width: 180px;
	padding: 0 6px 4px 26px;

}*/

#sidebarRight {
	float: left;
	width: 225px;
	margin: -10px 0 0 0;
	padding: 30px 0 15px 0;
}

.sbBox {
	clear: both;
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	background: url(images/sbBoxBg.gif);
}
#sidebarRight .sbBox {
	width: 215px;
}

.sbBoxTop {
	clear: both;
	float: left;
	width: 216px;
	height: 9px;
	margin: 0;
	padding: 0;
	background: url(images/sbBoxTop.png) no-repeat;
	font-size: 0;
	line-height: 0px;
}
#sidebarRight .sbBoxTop {
	background: url(images/r-sbBoxTop.png) no-repeat;
}
.spacr {
	width: 188px;
	margin: 0 auto;
}
.spacr h4 {
	border-top: dotted 1px #333;
	float: left;
	width: 188px;
	padding-top: 5px;
	margin-top: 5px;
	}
.sbBox .spacr p {
	margin: 0 0 4px;
}

.sbBoxBot {
	clear: both;
	float: left;
	width: 216px;
	height: 11px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(images/sbBoxBot.png) no-repeat;
	font-size: 0;
	line-height: 0px;
}
#sidebarRight .sbBoxBot {
	background: url(images/r-sbBoxBot.png) no-repeat;
}

#homeBuckets {
	float: left;
	overflow: hidden;
	width: 1000px;
	height: 180px;
	margin: 0;
	padding: 0;
}

.homeBucketsNews {
	float: left;
	overflow: hidden;
	width: 1000px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.homeBucket {
	float: left;
	overflow: hidden;
	width: 279px;
	height: 155px;
	margin: 0 15px 0 -1px;
	padding: 12px 13px 14px 13px;
	background: url(images/homeBucketBgNew.jpg);
}

.homeBucket.long {
width:590px;
background:none !important;
margin-right:0px;
padding:0px 0px 0px 13px;
height:80px;
}

td.pdfFile {
background: #f2f2f0 url(images/pdf-icon.gif) center center no-repeat;
width:16px;
height:16px;
}

.homeBucket.long h3 {
margin-top:0px !important;
}


.homeBucket.long h4, .homeBucket.long h3, homeBucket.long .newsLink {
width:100% !important;
float:left;
}



.homeBucket.blue {
	background: url(images/homeBucketBgBlue.jpg);
	background-repeat:no-repeat;
	height:62px;
}

.homeBucket.blue:hover {
	background: url(images/homeBucketBgBlue2.jpg);
	background-repeat:no-repeat;
	height:62px;
}


.homeBucket.blue a {
display:block;
width:100%;
height:80px;
text-indent:-3333px;
overflow:hidden;
}

#footerContainer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#footer {
	overflow: hidden;
	clear: both;
	width: 942px;
	margin: 0 auto;
	padding: 31px;
}

#footerLogo {
	float: left;
	width: 942px;
	margin: 0 0 22px 0;
	padding: 0;
}

#footerLogo img {
	margin: 0 0 0 -1px;
}

#footerBlurb {
	float: left;
	clear: both;
	width: 302px;
	margin: 0;
	padding: 0;
}

#footerAddress {
	float: left;
	width: 302px;
	margin: 0 0 0 18px;
	padding: 0;
}

#footerNav {
	float: right;
	width: 302px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#footerNav ul {
	list-style: none;
}

/* END LAYOUT STYLES */





/* BEGIN TEXT STYLES */

a {
	color: #004785;
}

a:hover, #content .homeBucket a:hover h3, .homeBucket a:hover {
	color: #009366;
}

#nav li a {
	display: block;
	float: left;
	margin: 8px 2px 3px 2px;
	padding: 0 2px 1px 2px;
	border: 1px solid #009366;
	color: #fcffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "NorbordGothic", Arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 17px;
}

#nav li.current_page_item a, #nav li a:hover, #nav li.current-page-ancestor a, #nav li.current_page_parent a {
	border: 1px solid #70c2a9;
	background: #32a884;
}

#nav li.page-item-2752 a, #nav li.menu-item-2768 a {
	padding: 18px 0 0 0;
	overflow: hidden;
	background-image: url("images/home-icon2.gif");
	background-repeat: no-repeat;
	background-position: 1px 1px;
	width: 19px;
	height: 0px !important;
	height /**/: 18px;
}

/* begin search styles */
div.search {
	float: right;
	width: 172px;
	height: 22px;
	margin: -36px 1px 0 0;
	padding: 0;
}

input#s {
	float: left;
	width: 116px;
	margin: 0;
	padding: 5px 6px 5px 22px;
	background: url(images/searchBar.gif);;
	border: none;
	font-size: 10px;
	color: #bbb;
}

input#s:focus {
	color: #009366;
}

#nav input#searchsubmit {
	visibility: hidden;
}

/* end search styles */

#content h1{
	margin: 0 0 22px 0;
	padding: 0;
	text-transform: uppercase;
	font-family: "NorbordGothic", Arial;
	font-size: 38px;
	font-weight: normal;
}

#content h2 {
	margin: 0;
	padding: 0 0 22px 0;
	text-transform: uppercase;
	font-family: "NorbordGothic", Arial;
	font-weight: normal;
	font-size: 22px;
	line-height: 24px;
}

#content h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
}

#content h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	color: #65665d;
}

body.search #content h1 {
	margin: 0;
}

body.search #content h3 {
	margin: 0 0 22px 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	color: #65665d;
}

p, #content ul, #content ol {
	margin: 0 0 22px 0;
	font-size: 14px;
	line-height: 22px;
	color: #65665d;
}

.newsSnippet p {
	margin: 0 0 0 0;
}

.newsSnippet {
	margin: 0 0 35px 0;
}
#content .newsSnippet h2, .page-id-23 #content h2 {
	margin: 0 0 2px;
	padding: 0;
}
.newsSnippet h2 a {
	font-size: 18px;
}
.newsSnippet h2 small {
	font-size: 14px;
}

/*#content ul {
	margin: 0 0 0 30px;
	padding: 0;
} */

p.postLinks {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

#content ul.postDocs {
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #65665d;
	list-style: none;
}

#content ul.postDocs li {
	margin: 0;
	padding: 0;
}
.date { margin: 0; padding: 0 0 0 5px; border-left: solid 1px #ccc;  }
.date li { display: inline; list-style: none; border-right: solid 1px #ccc; padding: 0 5px 0 0px; margin: 0 5px 0 0; }

.navigation {
	margin: 0 0 25px 0;
	padding: 10px 0;
	border-bottom: 1px dotted #65665d;
	border-top: 1px dotted #65665d;
}

.attachment-thumbnail {
	float: right;
	margin: 0 0 20px 20px;
}

.homeBucketLink {
	float: left;
	display: block;
	width: 279px;
	margin: 0 0 8px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #65665d;
	color: #004785;
}

.homeBucket a:hover img {
	opacity: 0.75;
}

#content .homeBucket h3 {
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: "NorbordGothic", Arial;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	color: #004785;
	text-transform: uppercase;
}

#content .homeBucket h4 {
	clear: both;
	float: left;
	width: 279px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #65665d;
}

.homeBucket p {
	clear: both;
	float: left;
	width: 279px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #65665d;
}

.homeBucket p.prods {
	margin: 6px 0 0 0;
	padding: 0;
}

.homeBucket ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.homeBucket ul li {
	font-size: 12px;
	line-height: 18px;
	color: #65665d;
}

.homeBucket h4 a, .homeBucket p a,  .homeBucket li a {
	font-weight: bold;
	color: #65665d;
}

ul#menu {
	margin: 0 0 20px 0;
}

#sidebarLeft .sbBox ul {
	display: inline;
	clear: both;
	float: left;
	width: 188px;
	margin: 0 14px 8px 14px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 12px;
	color: #65665d;
}

#sidebarLeft .sbBox ul li {
	display: inline;
	clear: both;
	float: left;
	width: 188px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
}

#sidebarLeft .sbBox ul li a {
	font-family: Arial;
}

.bucketIcon {
	float: left;
	margin: 0 5px 0 -3px;
	padding: 0;
}

.sbBoxLink, .sbBoxHeader {
	float: left;
	display: inline;
	width: 188px;
	margin: 5px 14px 0 14px;
	padding: 0 0 6px 0;
	color: #004785;
}

.sbBoxLink:hover img {
	opacity: 0.75;
}

.sbBoxLink h3, .sbBoxHeader h3 {
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-family: "NorbordGothic", Arial;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
}

.sbBoxHeader h3 {
	display: inline;
	width: 121px;
}

.sbBox h4.doc {
	float: left;
	width: 164px;
	padding: 0 0 0 5px;
	margin: 0;
	border: none;
	font-size: 12px;
	line-height: 18px;
	color: #65665d;
}

.sbBox h4.newsTit, .sbBox .newsTit {
	display: inline;
	clear: both;
	float: left;
	width: 188px;
	margin: 5px 14px 4px 14px;
	padding: 5px 0 0 0;
	border-top: 1px dotted #65665d;
	font-size: 12px;
	line-height: 15px;
	color: #65665d;
}
.sbBox .products a {
	width: 50%;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.sbBox .products h4 {
	margin: 0 0 5px;
	text-transform: uppercase;
}
.sbBox .products a {
	color: #009366;
}
.sbBox ul li img {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
}

.sbBox p {
	display: inline;
	clear: both;
	float: left;
	width: 188px;
	margin: 0 14px 4px 14px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #65665d;
}

.sbBox p.caption {
	width: 141px;
	margin: 0;
	padding: 0 0 0 21px;
	color: #65665d;
}

.sbBox small {
	display: inline;
	clear: both;
	float: left;
	width: 188px;
	padding: 0;
	font-size: 9px;
	line-height: 18px;
	color: #65665d;
	font-weight: bold;
}

#sidebarLeft .sbBox ul li a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 17px;
	color: #65665d;
	font-weight: bold;
	background: none;
	width: 153px;
	height: auto;
	text-transform: none;
}

#sidebarLeft .sbBox ul li a:hover {
	color: #009366;
	text-decoration: none;
}

#sidebarLeft .sbBox p a {
	font-weight: bold;
	color: #65665d;
}

.nobr {
	white-space: nowrap;
}

#footer h3, #footer p, #footerNav {
	font-size: 12px;
	line-height: 18px;
}

#footer h3 {
	margin: 0;
	padding: 0;
}

#footer p {
	margin: 0 0 18px 0;
	padding: 0;
	color: #004785;
}

#footerNav li a {
	text-decoration: none;
}

#footerNav li a:hover {
	text-decoration: underline;
}

#footerNav li.current_page_item a, #footerNav li.current-page-ancestor a {
	font-weight: bold;
}

table {
	font-size: 14px;
	line-height: 22px;
	color: #65665d;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table td {
	vertical-align: text-top;
	background-color: #f2f2f0;
	padding: 3px 6px;
	/*text-align: left;*/
	border: 1px #fff solid;
}

#content table.financials, #content table.financials p {
	font-size: 12px;
	line-height: 16px;
}

th {
	text-align: left;
}

.imgPad {
	margin:0px;
	padding:0px;
}

.imgFloatLeft {
	float:left;
	clear:none;
}

.employee-spotlight tr td {
  width: 33.33%;
  position: relative;
  padding:0;
  margin: 0;
}

.employee-spotlight tr td img {
  width: 100%;
}


.employee-spotlight-desc p {
  color:#fff;
}

.employee-spotlight-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity:0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.employee-spotlight tr td:hover .employee-spotlight-desc {
    opacity:1;
}

.employee-spotlight-position {
   font-size: 12px;
}

.employee-spotlight-quote {
  font-size: 16px;
  padding-top: 15px;
  display: inline-block;
}
/* END TEXT STYLES */





/* BEGIN SLIDER STYLES */

.slides_container {
	width: 988px;
	height: 255px;
	background: #009366;
}

.slides_container div {
	width: 988px;
}

.pagination {
	z-index: 100;
	position: absolute;
	list-style: none;
	margin: -50px 0 0 24px;
	padding: 0;
}

.pagination li {
	float: left;
}

.pagination li a {
	display: block;
	width: 24px;
	height: 19px;
	margin: 0 1px 0 0;
	padding: 5px 0 0 0;
	background: #009366;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.pagination .current a {
	background: #fff;
	color: #009366;
}

.pagination a:hover {
	background: #004785;
	color: #fff;
}

/* END SLIDER STYLES */

.gallereee {
	width: 197px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.gallereee li {
	position: relative;
	width: 100%; /* for IE 6 */
	float: left;
}

.gallereee small {
/*	position: absolute; */
	bottom: 0;
	left: 0;
	width: 177px;
	padding: 10px;
	color: #fff;
	font-size: 9px;
	line-height: 12px;
	color: #65665D;
	background: none;
}

p.pp_description {
	font-size: 10px;
	line-height: 14px;
}


/* IMAGE MAP CSS */
dl.image_map {display:block; width:455px; height:232px; position: relative; background:url(images/locations_map.gif);}

/* Style the french locations page with translated map */
body.pageid-1213 dl.image_map {display:block; width:455px; height:232px; position: relative; background:url(images/fr_map.gif);}

a.LINK0 {left:89px; top:67px; background:transparent;}
a.LINK0 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:98px; top:75px; background:transparent;}
a.LINK1 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK2 {left:14px; top:78px; background:transparent;}
a.LINK2 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:90px; top:101px; background:transparent;}
a.LINK3 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK3:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK4 {left:86px; top:166px; background:transparent;}
a.LINK4 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK4:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK5 {left:43px; top:171px; background:transparent;}
a.LINK5 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK5:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK6 {left:10px; top:180px; background:transparent;}
a.LINK6 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK6:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK7 {left:5px; top:188px; background:transparent;}
a.LINK7 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK7:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK8 {left:65px; top:181px; background:transparent;}
a.LINK8 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK8:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK9 {left:75px; top:186px; background:transparent;}
a.LINK9 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK9:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK10 {left:395px; top:67px; background:transparent;}
a.LINK10 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK10:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK11 {left:395px; top:79px; background:transparent;}
a.LINK11 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK11:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK12 {left:386px; top:110px; background:transparent;}
a.LINK12 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK12:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK13 {left:425px; top:119px; background:transparent;}
a.LINK13 {display:block; width:17px; height:0; padding-top:17px; overflow:hidden; position:absolute;}
a.LINK13:hover  {background:transparent; border:1px dashed black; color:black;}




#nav li.language { width: 50px; padding: 0 0 0 20px;  }



/* Random Styles */


.greenButton {
display: block;
max-width: 325px;
margin: 0 auto;
padding: 8px;
background: #009366;
font-size: 16px;
border-radius: 5px;
color: #fff;
text-align: center;
text-decoration: none;
font-family: "NorbordGothic", Arial;
}

.greenButton:hover {
    background:#004785;
    color:#fff;
}


#showhide_container{
	width: 99.9%;
	background: #fff;
	overflow: hidden;
	padding:20px 0 20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


.showhide_element{
	font-family: "Helvetica Neue" Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	margin-top: 20px;
}


.showhide_element img {
    float:left;
    margin:0 25px 00;
}

.showhide_element p {
    font-size:30px;
    color:#8e8f89;
    line-height:42px;
}

.page-id-7506 #content, .page-id-4782 #content, .page-id-5074 #content{
    clear: none;
float: left;
width: 954px;
margin: -10px 0 0 7px;
padding: 25px 17px 17px 17px;
background: #fcffff;
}

.page-id-7506 table, .page-id-4782 table, .page-id-5074 table {
    width:950px;
    margin-bottom:20px;
}

.page-id-7506 table td, .page-id-4782 table td, .page-id-5074 table td {
    background-color: #fff;
}

/* LANGUAGE DROPDOWN STYLES */

#lang_sel_list.lang_sel_list_vertical li {
width:auto;
}

#lang_sel_list.lang_sel_list_vertical ul {
border:0px !important;
}

#lang_sel {
	margin: -1px 0 0 0 !important;
	padding: 0;
	z-index: 999;
	font-family: arial;
	color: #fff;
	width: 150px;
}
#lang_sel_list ul {
	float: left;
	height: 18px;
	border: solid 1px #70C2A9;
	background: #32A884;
	margin: 8px 0 0 0!important;
	width: auto;
}
#lang_sel_list li {
	float: left;
	display: inline;
	border: 1px solid #70C2A9;
	width: auto;
	height: 18px;
	margin:0 0px 0 0;
	line-height: 18px;
}
#lang_sel_list li a {
	background: none;
	border:1px solid #70C2A9;
	color: #fff!important;
	border: none 0;
	height: 18px;
	line-height: 18px;
	padding: 0px!important;
	margin: 0px!important;
	float: left;
	width: 20px;
	text-align: center;
	}
#lang_sel_list li a:hover { color: #004785!important; border: none 0px; }
#lang_sel_list a.lang_sel_sel { border: none 0px; background: none; color: #004785!important; margin: 0; }
#lang_sel_list a.lang_sel_other { background: none; border: none 0; margin: 0;}
#nav li li {
	background: none;
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
border:0px !important;
}

#lang_sel {height:32px; position:relative; z-index:999; float: right; margin-right: 10px; margin-top:10px;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:149px;position:relative;}

/* style the links for the top level */
#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display:block;
	background: #006346;
	font-size:12px;
	text-decoration:none !important;
	border: 1px solid #70c2a9;
	line-height:12px;
	padding: 4px 4px;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:0;}

/* another hack for IE5.5 */
* html #lang_sel ul ul {top:25px;t\op:25px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	display:block;
	background: #32a884;
	color: #006346;
	font-size:12px;
	text-decoration:none !important;
	border: 1px solid #70c2a9;
	line-height:12px;
	padding: 4px 6px;
	}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#fff; background:#32a884;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#fff; background:#32a884;}

#lang_sel a.lang_sel_sel{
	background: #32a884;
	color: #006346;
}
#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
    color:#fff;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel ul li img {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: -6px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;