﻿/* Good old Reset, slightly altered */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color:#4c4c4c; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:12px/16px Arial; background:#ffffff url(../images/background.gif) repeat-x; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; overflow-x: auto; }
a{ text-decoration:none; color:#252525; }
a:hover, a:active { outline: none; text-decoration:none; }
/*ul, ol { list-style:none; list-style-image: none; }*/
small { font-size: 85%; }
strong, th, b { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { /*overflow: auto; */ } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #252525; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1em; }
*{line-height:1em;}
p { line-height:1.4em; color:#4c4c4c; font-size:1.1em; }

a img { border:0;  }

/*
COMMON STYLES
==================================================*/
#form1 { text-align:center; } /* ie hack to center stuff, since margin auto doesnt work right*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
/* slight fix for certain clearfix items*/
#newsWrapper.clearfix {display:block;}

.clear { display:block; clear:both; width:100%; }
.offScreen { display:none; }
.button { background:#ffea34 url(../images/plus.png) no-repeat 100% 11px; /*margin:10px 0 0 0;*/ color:#252525 !important; text-transform:uppercase; padding:10px 25px 6px 10px; display:block; float:left; font-size:1em; text-decoration: none !important; }
.inputButton { background:#ffea34; color:#252525; display: none; padding:8px 6px 7px 6px; float:left; font-size:1em; border:none; line-height:1em; text-transform: uppercase; }
.inputButton:hover { background:#252525; color:#ffea34; }
.no-js .inputButton { display: block; }
.ie .button {padding:8px 25px 5px 9px;}
.button:hover { background:#252525 url(../images/plus.png) no-repeat 100% -11px; color:#ffea34 !important; cursor:pointer; }
a.button { display:block; }
.placeholder{color:#B2B2B2;}
::-webkit-input-placeholder { color: #B2B2B2; }
:-moz-placeholder { color: #B2B2B2; }

/*
WRAPPER
==================================================*/
.centre { width:1000px; margin:0 auto; height:490px; border:0px solid red; }

/* Header */
#siteHeaderWrapper { width:100%; border:0px solid red; height:140px; }


/* Small Links */
#smallLinkWrapper { border:0px solid red; width:1000px; margin:auto; height:28px; text-align:right;}
#smallLinks li { display:inline-block; margin:5px 0 0 0; border-right:1px dotted #cccccc; }
#smallLinks li:last-child, #smallLinks li.last{border-right:none;}
#smallLinks li a { color:#001D87; font-size:0.85em; padding:5px 5px 5px 5px; display:block; }
#smallLinks li:hover a,#smallLinks .on a { background:#ff6600; color:#ffffff; }

/* Site header */
#siteHeader { margin:5px auto; width:1000px; height:80px; border:0px solid red;}
#logo { width:340px; border:0px solid blue; top:0px; position:relative; z-index:100;}
#headerLinks { border:0px solid red; z-index:500; position:relative; height:25px; margin:6px auto; width:1000px; padding:0 3px 0 5px; }

#globalMenu {  }
#globalMenu li { display:block; float:left; position:static; min-height:25px; list-style:none; }
#globalMenu li:first-child { min-height:0; }

.no-js #globalMenu li:hover .submenu { display:block; }
.no-js #globalMenu li:hover{ background:#001D87; }
.no-js #globalMenu>li:hover>h2>a { color:#fefefe; }
.no-js #globalMenu li:hover li {background:transparent;}
.no-js #globalMenu li:first-child:hover { background-color:#001D87; }
.no-js #globalMenu>li:first-child:hover>h2>a{color:#fefefe;}

#globalMenu li h2 a { text-transform:none; display:block; padding:8px 7px 2px 7px; line-height:1em; font-size:13px; border-right:solid 1px #ff6600; font-weight:bold; } 
#globalMenu li:hover, #globalMenu li.active:hover { min-height:25px; }
#globalMenu li .bg { background:#001D87; display:none; min-height:25px; width:100%; }
#globalMenu li.first:hover { background:#001D87; min-height:25px; }
#globalMenu li.first:hover a { color:#fefefe; }
#globalMenu li.active, #globalMenu li.on { background:#001D87; min-height:30px; }
#globalMenu li.on:hover { background:transparent; }
#globalMenu li.on:hover a { background:transparent; }
.no-js #globalMenu li.on:hover{ background:#001D87; min-height:25px; }
#globalMenu li:hover h2 a,
#globalMenu li.on:hover h2 a { text-decoration:none; border-right:solid 1px transparent; }
#globalMenu li .bg h2 a { color:#fefefe; }
#globalMenu li.active h2 a { color:#fefefe; }
#globalMenu li.last a { border-right:none; }
/* submenu */
#globalMenu li .submenu { background:#EBF4FA; position:absolute; z-index:5000; top:25px; display:none; padding:10px 0 10px 0; }
#globalMenu li .submenu ul { position:relative; z-index:100; }
#globalMenu li .submenu ul li { float:left; width:90px; color:#001D87; font-weight:bold; font-size:11px; cursor:pointer; list-style:none; }
#globalMenu li .submenu ul li a { color:#001D87; }
#globalMenu li .submenu ul li img { filter:url(filters.svg#grayscale); /* Firefox 3.5+ */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ border:2px solid #001D87;}
#globalMenu li .submenu ul li img:hover { filter: none; -webkit-filter: grayscale(0); border:2px solid #ff6600; }
#globalMenu li #aboutus {}
#globalMenu li #businesssegments {  }
#globalMenu li #resources {}
#globalMenu li #quality {}
#globalMenu li #hse {}
#globalMenu li #communications {}
#globalMenu li #numbers {}
#globalMenu li #innovations { right:90px;}
#globalMenu li #financials { right:11px; }

/* Footer */

/* blue footer image - default: blue image, left stripe */
#footerWrap { position:relative; padding:3px 0px 3px 0; margin:0px auto 0 auto; overflow:visible; background:#252525; width:100%; }
#footerContent { width:960px; margin:auto; color:#ebebeb; font-size:11px; text-align:left; padding-top:3px; }
#footerContent a { color:#ebebeb; text-decoration:none; }

.col-left { width:700px; float:left; }
.col-right { margin-left:710px; width:273px; }

.slider-wrapper { margin:auto; width:700px; height:300px; margin-bottom:5px; z-index:1; float:left; border:0px solid red; }

/* News */
#latestnews { width:273px; background:url(../images/newsbackground.gif) repeat-x; height:279px; border:1px solid #ddd; padding:10px;}
#latestnews h2 { color:#001D87; font-size:14px; text-align:left; text-transform:uppercase; font-weight:bold; margin:5px 0; }
#latestnews img { width:60px; height:60px; overflow:hidden; float:left; margin:2px 10px 0 0; border;1px solid red; }

.newsall { background:#ff6600; color:#fff; text-transform:uppercase; padding:5px 10px; font-size:11px; float:left; margin-top:3px; }

#rssDiv { overflow:hidden; height:230px; color:#333; font-size:12px; width:273px; margin:10px 0 0px 0px; border:0px solid red; }
#rssDiv .scrollIt-item { border-top:1px dotted #ccc; margin:0px; padding:5px 0; margin:0 0 0px 0 !important; display:block; width:100%; height:230px;}
#rssDiv .scrollIt-item span.date { text-transform:uppercase; display:block; margin:0 0 5px 0; font-size:11px; text-align:left; color:#001D87; font-weight:bold; }
.ie7 #rssDiv .scrollIt-item li span.date { margin:0 0 5px 0; }
#rssDiv .scrollIt-item h3 p { text-transform:none; font-size:11px !important; margin:0 0 -2px 0 !important; color:#4c4c4c; font-size:11px; line-height:14px; text-align:justify; }
.ie7 #rssDiv .scrollIt-item h3  p{ margin:0 0 2px 0; color:#4c4c4c; font-size:11px; line-height:14px; text-align:justify; }


/* SEGMENTS */
.segments { margin:7px auto 0 auto; width:700px; height:178px; margin-bottom:10px; z-index:1; float:left; border:0px solid red; }
.segments  h3 { background:#ff6600; color:#fff; text-align:left; padding:10px; margin-bottom:5px; border:#ddd; font-size:13px; line-height:15px; }
.segments div { width:124px; height:162px; float:left; margin-right:5px; padding:5px; border:1px solid #ddd; }
.segments  h2 { color:#001D87; font-size:11.5px; text-align:center; text-transform:uppercase; font-weight:bold; padding:5px 0; }
.segments h4 { background:#036; text-align:left; padding:5px 5px; font-size:11px; line-height:14px; color:#fff; }

.rightcol { margin-left:705px; border:0px solid red; }

/* VIDEOS */
.videos { width:273px; text-align:left; padding:10px; border:1px solid #ddd; overflow:hidden; height:152px; margin-top:11px; }
.videos h2 { color:#001D87; font-size:14px; text-align:left; text-transform:uppercase; font-weight:bold; margin-bottom:15px; margin-top:5px; }
.videos a { width:100px; float:left; }
.videos h3 { margin-left:110px; font-size:12px; color:#ff6600; line-height:15px; padding:0px 0 0 0; text-align:left; text-transform:none; width:160px; border:0px solid red;}

#rssDiv1 { overflow:hidden; height:110px; color:#333; font-size:12px; width:273px; margin:10px 0 0px 0px; }
#rssDiv1 .scrollIt-item1 { padding:5px 0; margin:0 0 8px 0 !important; padding:0 0 8px 0 !important; display:inline-block; width:100%;}

.locationmap { width:273px; text-align:left; padding:10px 10px 0 10px; border:1px solid #ddd; margin-top:5px; }
.locationmap h2 { color:#001D87; font-size:14px; text-align:left; text-transform:uppercase; font-weight:bold; margin-bottom:0px; }


.centre-inner { width:1000px; margin:0 auto; min-height:471px; border:0px solid red; }

.col-left-inner { width:200px; float:left; text-align:left; margin-top:0px; }
.col-right-inner { margin-left:240px; width:773px; text-align:left; margin-top:10px; border:0px solid red; padding-top:8px; }

.col-left-inner { border:1px solid #ddd; padding:10px; }
.col-left-inner h1 { background:#001D87; color:#fff; padding:5px 0 5px 5px; text-transform:uppercase; font-size:14px; font-weight:bold; font-family:'Trebuchet MS'; }
.col-left-inner ul {}
.col-left-inner ul li { width:200px; display:block; border:0px solid red; height:30px; line-height:30px; margin:5px 0; list-style:none;}
.col-left-inner ul li img { float:left; margin-right:5px; vertical-align:middle; border:0; }
.col-left-inner ul li a { font-weight:bold; line-height:16px; border:0px solid red; display:block; }


.col-right-inner h1 { color:#001D87; font-size:16px; text-align:left; text-transform:uppercase; font-weight:bold; margin-bottom:0px; margin-top:5px; border-bottom: 3px solid #ff6600; padding-bottom:5px; }
.titlediv { position:absolute; z-index:1; padding-right:5px; }
.divider { position:absolute; z-index:0; width:775px; height:12px; border-bottom:1px solid #dedede; margin:15px 0 20px 0; }
.col-right-inner p-cont { margin-top:50px; text-align:justify; display:block; }
.col-right-inner p-cont p { margin-bottom:10px;}
.col-right-inner p-cont h1 { color:#ff6600; font-size:15px; margin:0 0 10px 0; border:none; text-transform:none; }
.col-right-inner p-cont h2 { color:#001D87; font-size:14px; margin:0 0 10px 0; border:none; text-transform:none; font-weight:bold; }

.col-right-inner p-cont table { width:770px;}
.col-right-inner p-cont table tr { vertical-align:top; }
.col-right-inner p-cont table th { padding:3px; }
.col-right-inner p-cont table td { padding:3px; }

.col-right-inner p-cont ul, .col-right-inner p-cont ol { margin:20px;}
.col-right-inner p-cont ul li, .col-right-inner p-cont ol li { margin-bottom:10px;line-height: 1.4em; }


/* ----- TWO Block start ----- */
.projects { border:1px solid #ddd; padding:10px; width:160px; float:left; margin:0 10px 10px 0; }
.projects .imageDiv { z-index:1; margin:auto; width:120px; }
.projects .textDiv {  padding:5px 0px;  text-align:center;  }
.projects .textDiv h3 { font-size:12px; margin:0 0 0px 0; color:#111; font-weight:normal;padding:0px 0px 8px 0px; height:30px; width:160px; }
.projects .textDiv .scopelink { width:70px; display:inline-block; color:#fff; background:#ff6600; padding:3px 0px; font-size:12px; margin:0px; } 
.projects .textDiv .photolink { width:70px; color:#fff; background:#001D87; font-size:12px; padding:3px 0px; display:inline-block; margin:0px;   }
/* ----- TWO Block end ----- */

.col-right-inner p-cont .formtable { border:solid #ddd; border-width:1px 0 0 1px; width:770px; text-align:left;}
.col-right-inner p-cont .formtable tr { vertical-align:top; }
.col-right-inner p-cont .formtable th { padding:8px; border:solid #ddd; border-width:0 1px 1px 0; }
.col-right-inner p-cont .formtable td { padding:8px; border:solid #ddd; border-width:0 1px 1px 0; }
.col-right-inner p-cont .formtable input[type=text] { border:1px solid #ccc; padding:2px; width:200px; }
.col-right-inner p-cont .formtable select { border:1px solid #ccc; padding:2px; width:200px; }
.col-right-inner p-cont .formtable input[type=submit] { background:#333; color:#fff; padding:5px 10px; border:0; }

.datebg { background:#fff url(../images/calendar.gif) 180px 4px  no-repeat; }












