body{background:#000 url(../images/mainBgTile.png); margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} body a{text-decoration:none;color:#e71c3a;} img{border:none;} #mainBody{background:url(../images/mainBodyTile.png) repeat-y; width:962px;margin:0 auto;} /*width:962px;*/ #topContainer{width:942px; height:125px;margin:0 auto;position:relative;padding:0;} #header{width:942px;background:url(../images/headerBg.png) no-repeat; height:90px; width:100%;position:absolute; top:0;z-index:100} #header img{margin-left:10px;} #topMenu{background:url(../images/topMenuBg.png) no-repeat;background-position:bottom; height:45px; width:100%;position:absolute; bottom:0; z-index:110;} /*--------------------------------------*/ #topMenu2{ height:45px; width:100%;position:absolute; bottom:0; z-index:110;} #topMenu2 ul{list-style:none; float:left; height:45px; padding:0; margin:0; width:auto;} #topMenu2 ul li{float:left; padding:0; margin:0;} #topMenu2 ul li a{text-indent:-2000px; display:block; height:45px;} #topMenu2 ul li a.home {background-image:url(../images/mainmenu.png); width:79px; background-position:0 45px; } #topMenu2 ul li a.services {background-image:url(../images/mainmenu.png); width:92px; background-position:-78px 45px; } #topMenu2 ul li a.products {background-image:url(../images/mainmenu.png); width:107px; background-position:-169px 45px; } #topMenu2 ul li a.caseStudies {background-image:url(../images/mainmenu.png); width:114px; background-position:-276px 45px; } #topMenu2 ul li a.resources {background-image:url(../images/mainmenu.png); width:105px; background-position:-390px 45px; } #topMenu2 ul li a.aboutUs {background-image:url(../images/mainmenu.png); width:101px; background-position:-495px 45px; } #topMenu2 ul li a.testimonials {background-image:url(../images/mainmenu.png); width:125px; background-position:-596px 45px; } #topMenu2 ul li a.employment {background-image:url(../images/mainmenu.png); width:115px; background-position:-721px 45px; } #topMenu2 ul li a.contact {background-image:url(../images/mainmenu.png); width:104px; background-position:-836px 45px; } #topMenu2 ul li a.home:hover{background-position:0 100px;} #topMenu2 ul li a.services:hover{background-position:-78px 100px;} #topMenu2 ul li a.products:hover{background-position:-169px 100px;} #topMenu2 ul li a.caseStudies:hover{background-position:-276px 100px;} #topMenu2 ul li a.resources:hover{background-position:-390px 100px;} #topMenu2 ul li a.aboutUs:hover{background-position:-495px 100px;} #topMenu2 ul li a.testimonials:hover{background-position:-596px 100px;} #topMenu2 ul li a.employment:hover{background-position:-721px 100px;} #topMenu2 ul li a.contact:hover{background-position:-836px 100px;} #topMenu2 ul li ul {display: none;} #topMenu2 ul li ul li a {display:block; text-decoration:none; color:#333;width:190px; height:32px; text-align:left; font-size:11px;font-weight: bold; /*overflow:hidden;*/ line-height:30px;margin:0 auto;} #topMenu2 ul li ul li a div {line-height:11px; text-indent:0px;margin-left:30px;height:30px;padding-top:4px;} #topMenu2 ul li ul li a div:hover{cursor:pointer;} /* specific to non IE browsers */ #topMenu2 ul li:hover a {color:#000;} #topMenu2 ul li:hover ul {display:block; position:absolute; top:45px; margin-left:-10px;width:200px;} #topMenu2 ul li:hover ul li{width:200px;background:url(../images/ddulbg.png);text-align:center;} #topMenu2 ul li:hover ul li.end{width:200px;background:url(../images/liend.png) no-repeat; height:30px;} #topMenu2 ul li:hover ul li ul li.end{width:200px;background:url(../images/liend.png) no-repeat; height:30px;} #topMenu2 ul li:hover ul li a.hide {background:#fff; color:#000;} #topMenu2 ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} #topMenu2 ul li:hover ul li ul {display: none;position:relative;} #topMenu2 ul li:hover ul li ul li{position:relative;} #topMenu2 ul li:hover ul li a {display:block; /*background:#f9bb35;*/ background:url(../images/ddbg.gif); color:#000;text-indent:30px;} #topMenu2 ul li:hover ul li a:hover {/*background:#f9bb35;*/ color:#333;background:url(../images/ddbg-over.gif);} #topMenu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:145px; top:0;} /*--------------------------------------*/ #bottomContainer{width:942px; height:100px;margin:0 auto;position:relative;padding:0;} #footer{background:url(../images/footerBg.png) no-repeat bottom; height:55px; width:100%;position:absolute; top:0;z-index:100;} #bottomMenu{background:url(../images/topMenuBg.png) repeat-x; height:55px; width:100%;position:absolute; bottom:0;text-align:center;} /*bodyHeaderImg1.jpg*/ #contentContainer{width:620px; float:left; margin:0 10px 0 15px;} #contentContainer #box{padding:0 0 0 0;} #contentContainer #box #mCol1{width:285px; float:left; margin: 0 20px 0 10px; } #contentContainer #box #mCol2{width:285px; float:left; margin:0 0 0 0;padding:0 0 0 0 ;} #contentContainer #box #sCol1{width:283px; float:left; margin:0 20px 0 10px;padding:25px 3px 3px 3px; background:url(../images/serviceBackgrounds.jpg) no-repeat;} #contentContainer #box #sCol1 p{margin-left:5px;} #contentContainer #box #sCol2{width:283px; float:left; margin:0 0 0 0;padding:25px 3px 3px 3px; background:url(../images/serviceBackgrounds.jpg) no-repeat;} #contentContainer #box #sCol2 p{margin-left:5px;} #sideBar{width:307px; float:left; } #sideBar #blogbar{padding-left:15px;padding-right:6px;margin:0;padding-bottom:10px;border-bottom:solid 2px #bebfbd;} #sideBar #blogbar h2{font-size:16px; font-weight:normal; color:#FF9900; margin:0;padding-top:5px;padding-left:15px;} #sideBar #blogbar h2 a{color:#FF9900;text-decoration:none;} #sideBar #blogbar h2 a:hover{text-decoration:underline;} #sideBar #blogbar p{font-size:11px; font-weight:normal; color:#333333; margin:0; padding-bottom:5px;padding-left:15px;} #sideBar #services{width:307px;} #sideBar #services ul{margin:0;padding:0;list-style:none; background:url(../images/cycle.gif) no-repeat;} #sideBar #services ul li{margin:0;padding:0;list-style:none;border-bottom:solid 2px #bebfbd;} #sideBar #services ul li div{display:block;height:56px;padding-left:25px;padding-right:15px;} #sideBar #services ul li div:hover{background:url(../images/hover.gif) repeat-x;} #sideBar #services h2{font-size:16px; font-weight:normal; color:#333333; margin:0;} #sideBar #services h2 a{color:#333333;} #sideBar #services h2 a:hover{text-decoration:none;} #sideBar #services p{font-size:11px; font-weight:normal; color:#999999; margin:0 0 10px 0;} #sideBar #subLists{margin-bottom:25px;} #sideBar #subLists h1{font-weight:normal;font-size:18px; color:#333333;} .newslettersub{ background:url(../images/newsletter-bg.jpg) no-repeat; height:200px; margin-top:20px; } #clear {clear:both;color:#fff;} .contentTable2Col{width:100%;} .contentTable2Col td{width:50%; vertical-align:top; } .contentTable2Col .tda{width:50%; vertical-align:top; padding:0 15px 0 5px;} .contentTable2Col .tdb{width:50%; vertical-align:top; padding:0 0 0 15px;} /*--- FONT & FONT SIZE ALTERATIONS -- */ h1{margin:5px 0 5px 5px; font-size:18px; color:#e71c3a; font-style:normal;} /* IE6 PNG TRANSPARENT FIX */ img, #bodyBag,#mainBody, ul,li,a,#topMenu{ behavior: url(iepngfix.htc)} #slideshow { position:relative; height:350px;} #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #slideshow IMG.active { z-index:10; opacity:1.0;} #slideshow IMG.last-active { z-index:9;} #slideshow2 { position:relative; height:80px;} #slideshow2 a IMG { position:absolute; top:0; right:0; z-index:8; opacity:0.0;} #slideshow2 a IMG.active { z-index:10; opacity:1.0;} #slideshow2 a IMG.last-active { z-index:9;} .topSlide{width:525px;height:80px;position: relative; overflow:hidden;float:right;} .topSlide div{width:100%;} .topSlidernd{width:525px;height:80px;position: relative; overflow:hidden;float:right;} .topSlidernd div{width:100%;} .aboutSlide{width:290px;height:250px;position: relative; overflow:hidden;} .aboutSlide div{width:100%;} body, html {height: 100%;} #toast {position:fixed; display: table; height: 99%; bottom:-152px; right:25px;height:150px;width:180px;text-align:center;background:#fff;background:url(../images/toast.png) no-repeat;} #toast #c{position:relative;} #toast #c #tcell{font-weight:bold;padding-top:117px; text-align:right; padding-right: 7px;} #toast #c #tcell a{margin-bottom:10px;} #toast #c #close {width:20px;height:20px;cursor:pointer;top:0;right:0;position:absolute;} #toast a { color: #fff; }