/* Global Class */
*{margin:0; padding:0}
body{margin:0px auto; text-align:center; padding:0px; background:url(/images/Bg01.jpg) repeat-x 120px 0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px}
tr, td, div, p, textarea, input{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#404040}

a{text-decoration:none; outline:none;color:#FF9000}
a:hover{text-decoration:none}

p{margin:0 10px 0 20px}

img{border:none}
.pngImg{}
.inputBox{border:1px solid #e4e4e4; margin-bottom:5px; padding:3px; width:205px; font-size:11px; color:#808080}


/* Header CSS */
.outerContainer{position:relative}
.container{width:960px; margin:0 auto}
.header{margin-bottom:40px}
/* h1{margin:5px 0 0 25px;float:left}*/
h5{margin:5px 0 0 25px;float:left}
.tagLine{margin:55px 20px 0 0; float:right}
.content{text-align:justify}

.bgLeft{position:absolute; height:150px; width:228px; background:url(/images/bgLeft.jpg) no-repeat top left; left:0}
.bgRight{position:absolute; height:150px; background:url(/images/bgRight.jpg) no-repeat top right; right:0; width:78px}

#menu{margin:0 25px; list-style:none; padding:0; height:27px}
#menu ul{margin:0; padding:0; list-style:none}
#menu li{background:url(/images/menu2.gif) no-repeat; margin:0px 2px; width:175px; height:27px; text-align:center; list-style:none; display:inline; float:left}
#menu a{text-decoration:none; display:block; color:#fff; font-size:0.9em; padding:6px 0px; font-weight:bold}
#menu a:hover{background:url(/images/menuHover2.jpg) no-repeat; padding:6px 0px;}
#menu a:hover, #menu a:active, #menu a:focus, #menu li:hover a, #menu li:hover a:active{background:url(/images/menuHover2.jpg) no-repeat; color:#fff !important}
#menu .menuActive{background:url(/images/menuHover2.jpg) no-repeat; color:#fff !important}

#menu li ul{margin:0px; padding:0; font-weight:normal; height:auto; z-index:100; left:-999em; position:absolute}
#menu li ul li{width:100%; z-index:100!important;} 
#menu li ul li a{color:#fff; z-index:100!important; line-height:27px;}
#menu li li{background:none; z-index:100!important; margin:0; padding:0;  height:auto; text-align:left; display:block;z-index:100!important;}
#menu li ul a {margin:0; z-index:100; padding:0px 15px; color:#fff; font-weight:normal; border-bottom:1px solid #778588; text-transform:none; font-size:11px; background:#92b109 !important; display:block}
#menu li ul a:hover{margin:0; padding:0px 15px; background:#b7d623 !important; border-bottom:1px solid #7c6857}
#menu a:hover, #menu li.sfhover a, #menu li:hover a{color:#fff; font-weight:bold}
#menu li li a{color:#fff !important;}
#menu li li a:hover{color:#fff !important}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left:auto}
#menu li ul ul {margin: -1.80em 0 0 17.6em; z-index:100!important;}
#menu li:hover ul ul, #menu li.sfhover ul ul{left:-999em}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left:auto}

#scaffolding{border-right:#eda 0 solid; border-top:#eda 1px solid; background:url(/images/header_bg.gif) white no-repeat; margin:1em 0 0; border-left:#eda 0px solid; border-bottom:#eda 0px solid; height:70px}
#scaffolding a{display:block; background:url(/images/hdlogo_flip2.gif) no-repeat 181px 0; text-indent:-999em; height:70px; text-decoration:none}
#scaffolding a:hover{background-position:181px -70px;}

.banner{background:url(/images/creativeBg.jpg) no-repeat top center; margin:0 auto; text-align:center; width:960px; display:block; height:284px; overflow:hidden; padding-top:5px; margin-bottom:10px}
.banner div{margin:0 auto; text-align:center; display:block}

#slider1 {width: 950px; height: 266px; position: relative; overflow: hidden; }
#slider{width: 950px; height: 266px; position: relative; overflow: hidden; }
/* Header CSS ends here */

.leftDiv{float:left; margin:0 5px; width:675px}
.rightDiv{float:right; margin:0 15px 0 0; width:250px}
h3{background:url(/images/titleBg.jpg) no-repeat top left; margin-bottom:10px; font-size:15px; color:#ff9000; line-height:38px; text-transform:uppercase; padding-left:20px}
h3 span a{color:#92b109}
h1{background:url(/images/titleBg.jpg) no-repeat top left; margin-bottom:10px; font-size:15px; color:#ff9000; line-height:38px; text-transform:uppercase; padding-left:20px}
h1 span a{color:#92b109}
.tabBg01{background:url(/images/tabBg01.jpg) no-repeat top left; padding:17px; margin-bottom:30px}
.c1{color:#ff9000; margin-bottom:10px; display:block}
.btnSubmit{float:right; margin:0}
.leftDiv li{list-style:none;margin:0;padding:0 0 0 10px;line-height:20px;margin-left:20px;background:url(/images/bullet.gif) left 7px no-repeat}


.c2{font-size:11px; color:#808080;}
.tabOuter{margin:20px 0 20px 20px; position:relative}
.tab01{background:url(/images/servicesOffered.gif) no-repeat; width:183px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999; position:relative}
.tab01:hover{background:url(/images/servicesOfferedHover.jpg) no-repeat; width:183px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999}
.selected01{background:url(/images/servicesOfferedHover.jpg) no-repeat; width:183px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999; position:relative}

.tab02{background:url(/images/cleanGreen.gif) no-repeat center; width:278px; height:123px; float:left; cursor:pointer; margin-top:53px; z-index:999; position:relative}
.tab02:hover{background:url(/images/cleanGreenHover.jpg) no-repeat center; width:278px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999}
.selected02{background:url(/images/cleanGreenHover.jpg) no-repeat center; width:278px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999; position:relative}

.tab03{background:url(/images/healthAndSafety.gif) no-repeat; width:183px; height:123px; float:left; cursor:pointer; margin-top:53px; z-index:999; position:relative}
.tab03:hover{background:url(/images/healthAndSafetyHover.jpg) no-repeat; width:183px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999}
.selected03{background:url(/images/healthAndSafetyHover.jpg) no-repeat; width:183px; height:123px; float:left; margin-top:53px; cursor:pointer; z-index:999; position:relative}

.tabExpand{background:url(/images/tabExpand.gif) no-repeat top left; left:0px; width:644px; height:66px; z-index:0; float:left; position:absolute}
.tabExpand ul{margin:15px 10px; padding:0; list-style:none}
.tabExpand li{margin:0; padding:0; background:url(/images/bullet01.gif) no-repeat 0px 8px; margin-right:17px; padding-left:10px; float:left}
.tabExpand li a{color:#808080; font-size:17px;}

/* Footer */
.footerOuter{background:#f2f2f2; padding-bottom:10px}
.footer{width:920px; margin:0 auto; text-align:left; padding:10px 20px;}
.footer .imgDiv{float:left}
.footer .imgDiv img{margin-right:2px}
.footer .copyright{float:right; font-size:11px; color:#808080; width:240px}

/* Inner Page styling */
.innerBanner{background:url(/images/innerCreativeBg.jpg) no-repeat top center; margin:0 auto; text-align:center; width:960px; display:block; height:215px; overflow:hidden; padding-top:5px; margin-bottom:10px}
.title{border-bottom:1px solid #000; margin-bottom:10px; margin-right:10px; font-size:14px; color:#ff9000; display:block; line-height:30px; margin-left:20px; text-transform:uppercase}
.title span{color:#808080}
.imgLeft{float:left; padding:10px 0 0 20px}
.imgRight{float:right; width:550px}
.more{color:#000; float:right}

.logoDiv{padding:15px; text-align:center}
.logoDiv img{margin:0 10px}
.padl6{padding-left:6px;}