body {margin: 0; padding: 0; background: #f1f1f1;} img, div, input { behavior: url("iepngfix.htc") } ul li {list-style: none; margin: 0; padding: 0;} input, select {border: 1px solid #999999;} textarea {border: 1px solid #999999;} h3{ font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; color: #000; padding-bottom: 15px; } #map { z-index: 100; margin: 20px; width: 500px; height: 300px;} .imagetext {vertical-align:middle; margin-right: 7px;} #release {position: absolute; left: 17px; top: 155px; z-index:3; margin: 0; padding: 0; width: 965px; height: 315px; background: #fff;} #release-background img {position: absolute; left: 0; top: 0; z-index: 4; width: 965px; height: 315px;} #release-left {position: relative; z-index: 5; margin: 20px 0; padding: 0; width: 482px; float: left; display: inline; overflow: hidden;} #release-left img {margin: 0 20px; padding: 0;} #release-right {position: relative; z-index: 5; margin: 0; padding: 0; width: 482px; float: left; display: inline; overflow: hidden;} #release-right h1 {margin: 0; padding: 100px 0 0; font: normal 1.25em/1 Tahoma, Verdana, Helvetica, sans-serif; color: #fff;} #release-right h2 {margin: 0; font: bold 1.25em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #fff;} #release-right p {margin: 0; padding: 0; width: 450px; height: 200px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #fff; text-align: left;} #release-right p a {color: #c62; text-decoration: underline;} #release-right p a:hover {color: #c62; text-decoration: none;} #wrap {position: relative; margin: 0 auto; padding: 0; width: 1000px; overflow: hidden;} #header {margin: 0 0 10px; padding: 0; width: 1000px; height: 170px; background: #fff; overflow: hidden; } #header-left {margin: 0; padding: 0; width: 199px; float: left; display: inline; overflow: hidden;} #header-middle {margin: 0; padding: 30px 80px; width: 604px; float: left; display: inline; overflow: hidden; background: #fff url('images/common/hm-bg.gif') top left repeat-x;} #header-middle .nav-group{ float: left; margin-right: 65px; width: auto; } #header-middle .nav-group{ font-family: Tahoma; font-size: 12px; font-weight: normal; } #header-middle .nav-group a{ color: #cc6622; text-decoration: none; } #header-middle .nav-group a:hover{ color: #cc6622; text-decoration: underline; } #header-middle .nav-group ul li{ font-family: Tahoma; font-size: 11px; font-weight: normal; } #header-middle .nav-group ul li a{ color: #707070; text-decoration: none; } #header-middle .nav-group ul li a:hover{ color: #707070; text-decoration: underline; } #header-middle .last{ margin-right: 0px; } #header-right {margin: 0; padding: 0; width: 37px; float: left; display: inline; overflow: hidden;} #inner-wrap {margin: 0; padding: 0; width: 1000px; background: #f1f1f1;} #content {margin: 0 auto; padding: 10px 0px 0px 0px; width: 980px; background: #fff; overflow: hidden;} #invisibox {margin: 0; padding: 0; width: 980px; height: 290px; background: #fff;} #servicelist {margin: 0; padding: 0; width: 980px; height: 166px; background: #fff;} #servicelist p {margin: 0 auto; width: 952px} #servicelist img, #servicelist a img {float: left; display: inline} /* tester */ #servicelist2 {margin: 0; padding: 0; width: 980px; height: 166px; background: #fff;} #servicelist2 td {vertical-align: top;} #servicelist2 p {margin: 0 auto; width: 145px;} #servicelist2 img, #servicelist a img {margin-bottom: 6px; float: left;} #home-3col {margin: 10px 0 0; padding: 0; width: 980px; background: url('/images/common/col_bg.gif') top center repeat-y; overflow: hidden; } #home-3col-left {margin: 0; padding: 30px; width: 260px; float: left; display: inline; overflow: hidden; background: transparent;} #home-3col-left h3{ color: #000; font-family: Tahoma; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; } #home-3col-left p {margin: 8px auto; padding: 0; width: 300px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #home-3col-left ul li.facebook{ list-style-image: url('/images/common/bullet_facebook.gif'); } #home-3col-left ul li.twitter{ list-style-image: url('/images/common/bullet_twitter.gif'); } #home-3col-left ul li{ margin-left: 20px; font-family: Tahoma; font-size: 12px; } #home-3col-left ul li a {color: #666666; text-decoration: underline; } #home-3col-left ul li a:hover {color: #666666; text-decoration: none; } #home-3col-middle {margin: 0; padding: 30px 20px 20px 30px; width: 250px; float: left; display: inline; overflow: hidden; background: transparent;} #home-3col-middle h3{ color: #000; font-family: Tahoma; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; } #home-3col-middle p {margin: 8px auto; padding: 0; width: 320px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #home-3col-middle ul li{ list-style-image: url('/images/common/bullet_arrow.gif'); font-family: Tahoma; font-size: 12px; margin-left: 20px; } #home-3col-middle ul li a {color: #666666; text-decoration: underline; } #home-3col-middle ul li a:hover {color: #666666; text-decoration: none; } #home-3col-right {margin: 0; padding: 30px; width: 300px; float: left; display: inline; overflow: hidden; background: transparent;} #home-3col-right h1 {margin: 0px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 18px; color: #333; padding-bottom: 10px; } #home-3col-right p {margin: 8px auto; padding: 0; width: 300px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #home-3col-right p a {color: #c62; text-decoration: underline;} #home-3col-right p a:hover {color: #c62; text-decoration: none;} .orange-text {padding-right: 5px; font: bold 1em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #c62;} .black-text {font: bold 1em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #000;} /* sub pages */ #sub-content {margin: 0 auto; padding: 0; width: 980px; min-height: 708px; height: auto !important; height: 708px; background: #f1f1f1;} #sub-content-left {margin: 0 10px 0 0; padding: 0; width: 674px; min-height: 800px; height: auto !important; height: 800px; float: left; display: inline; overflow: hidden; background: #fff;} #sub-content-left h1 {margin: 0 10px 10px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #707070;} #sub-content-left h2 {margin: 0 10px; font: normal 1.5em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #c62;} #sub-content-left p, #sub-content-left ul#sitemap {margin: 5px 10px; padding: 0; width: 654px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-left p a, #sub-content-left ul#sitemap a {color: #707070; text-decoration: none;} #sub-content-left p a:hover, #sub-content-left ul#sitemap a:hover {color: #707070; text-decoration: none;} #sub-content-left ul#sitemap ul li a {color: #707070; text-decoration: none;} #sub-content-left ul#sitemap ul li a:hover {color: #c62; text-decoration: underline;} #sub-content-left form {margin: 5px 10px; padding: 0; width: 654px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-left form select {margin: 0; padding: 0; font: normal 1em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-left form select option {margin: 3px 5px;} .sl-container {margin: 25px 10px; padding: 0; width: 600px; height: 100%; overflow: hidden;} #slc-samples-left {margin: 3px 0 0; padding: 0; width: 300px; float: left; display: inline; overflow: hidden;} #slc-samples-left p {margin: 0 15px 0 5px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: black; text-align: left;} #slc-samples-left p a:link, #slc-samples-left p a:active, #slc-samples-left p a:visited {color: #ec8f2e; text-decoration: none;} #slc-samples-left p a:hover {color: #787978; text-decoration: none;} #slc-samples-left form {margin: 10px 5px; font: normal 0.75em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: black; text-align: left; display: inline;} #slc-samples-left form select option {font: normal 0.75em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: black; text-align: left;} #slc-samples-right {margin: 3px 0; padding: 0; width: 300px; float: left; display: inline; overflow: hidden;} #slc-samples-right form {margin: 10px 5px; font: normal 0.75em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: black; text-align: left; display: inline;} #slc-samples-right form select option {font: normal 0.75em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: black; text-align: left;} #sc-left {margin: 0; padding: 0; width: 258px; float: left; display: inline; overflow: hidden;} #sc-left p {margin: 0 10px; padding: 0; width: 238px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sc-left p a {color: #707070; text-decoration: none;} #sc-left p a:hover {color: #707070; text-decoration: none;} #sc-right {margin: 0; padding: 0; width: 416px; float: left; display: inline; overflow: hidden;} #sc-right h1 {margin: 0 10px -20px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #707070;} #sc-right h2 {margin: 0 10px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #c62;} #sc-right p {margin: 0 10px; padding: 0; width: 396px; height: 500px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sc-right p a {color: #707070; text-decoration: none;} #sc-right p a:hover {color: #707070; text-decoration: none;} #sub-content-right {margin: 0; padding: 0; width: 296px; height: 800px; float: left; display: inline; overflow: hidden; background: #fff;} #sub-content-right h1 {margin: 0 10px 10px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #90ad65;} #sub-content-right h2 {margin: 0 10px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #707070;} #sub-content-right h3 {margin: 0 10px -10px; font: normal 1.5em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #c62;} #sub-content-right p {margin: 5px auto; padding: 0; width: 266px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-right p a {color: #c62; text-decoration: underline;} #sub-content-right p a:hover {color: #c62; text-decoration: none;} #sub-content-right ul {margin: 5px 10px; padding: 0; width: 296px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-right ul li {margin-bottom: 10px} #sub-content-right ul li a {color: #707070; text-decoration: none;} #sub-content-right ul a:hover {color: #c62; text-decoration: underline;} #sub-content-right form {margin: 5px auto; padding: 0; width: 266px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} .greybox {margin: 10px auto; padding: 0; width: 276px; height: 10px; background: #707070;} /* --- accordian menu --- */ .accmenu{margin: 0 0 0 10px; padding: 0; width: 650px; height: 300px;} .accmenu div.button a {display: block; width: auto; padding: 5px 10px; background: #707070; font: bold 0.75em/1.5 Tahoma, Arial, sans-serif; color: #fff; text-decoration: none;} .accmenu div.button a:hover {color: #fff; text-decoration: underline;} /*DIV that contains each sub menu*/ .accmenu div.submenu {margin: 0 10px 10px; padding: 0; height: 150px; } #sub-content-left .accmenu div.submenu p {margin: 5px; padding: 0; width: 630px; font: normal 0.6875em/1.5 Tahoma, Arial, sans-serif; color: #483424;} .accmenu div.submenu p a {color: #483424; text-decoration: none;} .accmenu div.submenu p a:hover {color: #483424; text-decoration: underline;} /* --- end accordian menu --- */ #footer { position: relative; clear: both; margin: 0px 10px 0px 10px; padding: 60px 40px; width: 900px; height: 100px; background-color: #3c3c3c; border-top: 10px solid #e26d03; overflow: hidden; } #footer p { color: #fff; width: 400px; margin: 0; padding: 0 10px; font: normal 0.625em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; text-align: left;} #footer p a {color: #fff; text-decoration: none;} #footer p a:hover {color: #fff; text-decoration: underline;} #footer .contact{ position: absolute; right: 40px; top: 60px; width: auto; } #footer #sitemap a{ font-family: Tahoma; font-size: 11px; position: absolute; text-decoration: none; right: 20px; top: 1px; color: #fff; display: block; width: auto; padding: 5px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #3c3c3c; } #footer #sitemap a:hover{ color: #fff; background: #999; text-decoration: none; } /* ------------------------------------------------------------------------------------------------------------- */ #sub-content-casein{margin: 0 0 0 20px; padding: 0; width: 960px; height: 800px; float: left; overflow: hidden; } #sub-content-casein h2{margin: 200px 0 0 0px; padding: 0; font: normal 1em/.5 Tahoma, Verdana, Helvetica, sans-serif; color: #cdcdcd; text-align: left;} #sub-content-casein h3{margin: 10px 0 0 0px; padding: 0; font: normal 1em/.5 Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-transform: uppercase;} #sub-content-caseinline{margin: 0 ; padding: 0; width: 940px; height: 2px; float: left; display: block; overflow: hidden; background-color: #cdcdcd;} #sub-content-caseinhead {margin: 5px 0px; padding: 0; width: 320px; height: 30px; float: right; display: block; overflow: hidden; background-color: transparent;} #sub-content-caseinhead p {margin: 5px 0px; padding: 0; width: 320px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-caseincol {margin: 10px 0px; padding: 0; width: 320px; height: 300px; float: right; display: block; overflow: hidden; background-color: transparent;} #sub-content-caseincol p {margin: 5px 0px; padding: 0; width: 320px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-caseincol p a {color: #707070; text-decoration: none;} #sub-content-caseincol p a:hover {color: #c62; text-decoration: none;} #sub-content-caseincolline{margin: 6px 20px 10px 0px; padding: 0; width: 300px; height: 2px; float: left; display: block; overflow: hidden; background-color: #cdcdcd;} /* --- case studies template ------------------------------------------------------------------------------------------------------------- */ #sub-content-casel{ float: left; margin: 0 10px 0 0; width: 674px; height: 500px; overflow: hidden; background: #fff; } #sub-content-caser{ width: 296px; height: 510px;float: left;display: inline; overflow: hidden; background-color: #FFFFFF; background-image: url(/images/common/casesidewidget.gif) left bottom no-repeat; } #sub-content-caser h1{margin: 20px 27px 0 0; font: normal 2em/.5 Tahoma, Verdana, Helvetica, sans-serif;color: #c62;text-align: right;} #sub-content-caser h3{margin: 30px 0px 0px 10px; font: normal 1.25em/0 Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-transform: uppercase;} #sub-content-caser p {margin: 0 10px; padding: 0; width: 266px; font: normal 0.6875em/1 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-caser .rght {margin: 10px 0px 90px 0px; text-align: right;} #sub-content-caser .bttm {margin: 128px 0px 20px 80px; } #sub-content-caser p a {color: #707070; text-decoration: none;} #sub-content-caser p a:hover {color: #c62; text-decoration: none;} #sub-content-casecent{margin: 0; padding: 0; width: 980px; height: 300px; float: left; display: inline; overflow: hidden; background-color: transparent;} #sub-content-casecent p {margin: 25px 0px 0px 0px; padding: 0; width: 674px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left;} #sub-content-casecent p a { color: #c62; text-decoration: underline;} #sub-content-casecent p a:hover {color: #c62; text-decoration: none;} /* --- services template ------------------------------------------------------------------------------------------------------------- */ .services_container{ width: 980px; backgound: url('/images/common/services_main_back.gif') top left repeat-y; overflow: hidden; } #sub-content-servel {margin: 0 10px 0 0; padding: 0; width: 485px; height: 800px; float: left; display: inline; overflow: hidden; } #sub-content-serveltab {margin: 0; padding: 0; width: 485px; height: 25px; float: left; display: inline; background-color: transparent;} #sub-content-serveltab ul li{ margin: 0 0 0 5px; padding: 0; width: 80px; height: 25px; float: right; display: block; background-color: #fff; border-color: #C62; border-width: 4px 0px 0px 0px; border-style: solid; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #000; text-align: center; text-transform: uppercase;} #sub-content-serveltab ul li a{color: #707070; text-decoration: none; text-transform: uppercase;} #sub-content-serveltab ul li a:hover {color: #c62; text-decoration: none; text-transform: uppercase;} #sub-content-serveltab-box1 p a, #sub-content-serveltab-box2 p a, #sub-content-serveltab-box3 p a, #sub-content-serveltab-box4 p a {color: #000; text-decoration: none; } #sub-content-serveltab-box1 p a:hover, #sub-content-serveltab-box2 p a:hover, #sub-content-serveltab-box3 p a:hover, #sub-content-serveltab-box4 p a:hover {color: #c62; text-decoration: none;} #sub-content-serveltxt {margin: 0 10px 0 0; padding: 0; width: 485px; float: left; } #sub-content-serveltxt h1 {margin: 15px 25px -20px; font: normal 2em/1.5 Tahoma, Verdana, Helvetica, sans-serif; color: #707070;} #sub-content-serveltab-box p {margin: 40px auto; padding: 0; width: 435px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-serveltxt p {margin: 40px auto; padding: 0; width: 435px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-serveltxt .up {margin: 20px auto 60px auto;} #sub-content-serveltxt p a {color: #707070; text-decoration: none;} #sub-content-serveltxt p a:hover {color: #c62; text-decoration: none;} #sub-content-serveltxt ul {margin: 20px auto; padding: 0; width: 435px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-server{margin: 0; padding: 0; width: 485px; height: 800px; float: left display: inline; overflow: hidden; background-color: #f1f1f1;} #sub-content-servernext{margin: 30px 0 10px 0; width: 455px; padding: 10px 15px; float: left; } #sub-content-servernext p {margin: 10px 15px 10px 0px; padding: 0; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: right; } #sub-content-servernext p a {color: #707070; text-decoration: none;} #sub-content-servernext p a:hover {color: #c62; text-decoration: none;} #sub-content-serverpic{ width: 485px; height: 400px; float: left; } #sub-content-servertxt{margin: 10px 0px; padding: 0; width: 485px; float: left; } #sub-content-servertxt h3{margin: 30px 0px 0px 25px; font: normal 1.25em/0 Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-transform: uppercase;} #sub-content-servertxt p {margin: 5px auto; padding: 0; width: 435px; font: normal 0.6875em/1.5 Tahoma, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #707070; text-align: left; } #sub-content-servertxt p a {color: #707070; text-decoration: none;} #sub-content-servertxt p a:hover {color: #c62; text-decoration: none;}