#ddmProducts { color: #fff; font-family: Helvetica; font-size: 12px; position: absolute; top: 188px; left: 48px; width: 50px; line-height: 16px; } li.ddmProducts { font-size: 10px; color: #fff; line-height: 16px; border-bottom: 1px #00477c solid; visibility: hidden; } ddmProducts a:hover { visibility: visible; } ul.ddmProducts { margin: 0; padding: 0; list-style: none;} a.video { position: absolute; top: 115px; left: 10px; text-align: left; color: #000000; font-family: Helvetica; font-size: 10px; font-weight: bold; text-decoration: underline; } body { background-color: #9daaad; background-image: url("images/bodyBG_01.gif"); background-repeat: repeat-y; background-position: center; text-align: center } #container { text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 800px; height: 100%; margin-top: 30px;} #header { position: absolute; top: 0; left: 0; width: 800px; height: 170px } #logo { position: absolute; top: 0; left: 5px; width: 209px; height: 94px } #breadcrumbs { color: #00477c; font-size: 10px; font-family: Helvetica; position: absolute; top: 150px; left: 13px; width: 300px; height: 25px } #breadcrumbs a:visited { color: #5d85a1; font-family: Helvetica; text-decoration: underline } #breadcrumbs a:link { color: #039; font-family: Helvetica; text-decoration: underline } #breadcrumbs a:hover { color: #fff; font-family: Helvetica; text-decoration: underline } #headerPic01 { position: absolute; top: 10px; left: 329px; width: 149px; height: 149px } #headerPic02 { position: absolute; top: 10px; left: 486px; width: 149px; height: 149px } #headerPic03 { position: absolute; top: 10px; left: 643px; width: 149px; height: 149px } #menuBar { background-color: #fff; position: absolute; top: 170px; left: 0; width: 800px; height: 18px } #homeMenu { background-image: url("images/menuBar/home.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 48px; width: 50px; height: 18px } #homeMenu a:visited { background-image: url("images/menuBar/home.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #homeMenu a:link { background-image: url("images/menuBar/home.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #homeMenu a:hover { background-image: url("images/menuBar/home_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #homeMenu span.active { background-image: url("images/menuBar/home_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #aboutMenu { background-image: url("images/menuBar/aboutUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 98px; width: 74px; height: 18px } #aboutMenu a:visited { background-image: url("images/menuBar/aboutUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #aboutMenu a:hover { background-image: url("images/menuBar/aboutUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #aboutMenu a:hover { background-image: url("images/menuBar/aboutUs_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #aboutMenu span.active { background-image: url("images/menuBar/aboutUs_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #productMenu { background-image: url("images/menuBar/products.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 172px; width: 79px; height: 18px } #productMenu a:visited { background-image: url("images/menuBar/products.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #productMenu a:link { background-image: url("images/menuBar/products.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #productMenu a:hover { background-image: url("images/menuBar/products_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #productMenu span.active { background-image: url("images/menuBar/products_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #servicesMenu { background-image: url("images/menuBar/services.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 251px; width: 71px; height: 18px } #servicesMenu a:visited { background-image: url("images/menuBar/services.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #servicesMenu a:link { background-image: url("images/menuBar/services.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #servicesMenu a:hover { background-image: url("images/menuBar/services_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #servicesMenu span.active { background-image: url("images/menuBar/services_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #contactMenu { background-image: url("images/menuBar/contactUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 322px; width: 90px; height: 18px } #contactMenu a:visited { background-image: url("images/menuBar/contactUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #contactMenu a:link { background-image: url("images/menuBar/contactUs.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #contactMenu a:hover { background-image: url("images/menuBar/contactUs_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #contactMenu span.active { background-image: url("images/menuBar/contactUs_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #certificationMenu { background-image: url("images/menuBar/certification.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 412px; width: 102px; height: 18px } #certificationMenu a:visited { background-image: url("images/menuBar/certification.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #certificationMenu a:link { background-image: url("images/menuBar/certification.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #certificationMenu a:hover { background-image: url("images/menuBar/certification_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #certificationMenu span.active { background-image: url("images/menuBar/certification_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #linksMenu { background-image: url("images/menuBar/links.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 514px; width: 48px; height: 18px } #linksMenu a:visited { background-image: url("images/menuBar/links.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #linksMenu a:link { background-image: url("images/menuBar/links.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #linksMenu a:hover { background-image: url("images/menuBar/links_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #linksMenu span.active { background-image: url("images/menuBar/links_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #caseStudiesMenu { background-image: url("images/menuBar/caseStudies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 562px; width: 98px; height: 18px } #caseStudiesMenu a:visited { background-image: url("images/menuBar/caseStudies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #caseStudiesMenu a:link { background-image: url("images/menuBar/caseStudies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #caseStudiesMenu a:hover { background-image: url("images/menuBar/caseStudies_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #caseStudiesMenu span.active { background-image: url("images/menuBar/caseStudies_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } #vacanciesMenu { background-image: url("images/menuBar/vacancies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 660px; width: 91px; height: 18px } #vacanciesMenu a:visited { background-image: url("images/menuBar/vacancies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #vacanciesMenu a:link { background-image: url("images/menuBar/vacancies.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #vacanciesMenu a:hover { background-image: url("images/menuBar/vacancies_over.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0 } #vacanciesMenu span.active { background-image: url("images/menuBar/vacancies_over.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0 } h1 { color: #4f514d; font-size: 14px; font-family: Helvetica; font-weight: bold; text-align: left; margin: 20px 30px 0px 30px} h3 { color: #4f514d; font-size: 14px; font-family: Helvetica; font-weight: bold; text-align: left; margin: 10px 30px 10px 30px} h2 { color: #4f514d; font-size: 12px; font-family: Helvetica; font-weight: bold; text-align: center; text-transform: capitalize; margin: 3px } #footer { background-color: #9daaad; position: absolute; top: 750px; left: 0; width: 801px; height: 100px } #footer p { color: #fff; font-size: 9px; font-family: Helvetica; line-height: 2; text-decoration: none; text-align: center; margin-right: 10px; margin-left: 10px } #footer a:visited { color: #fff; font-family: Helvetica; text-decoration: underline } #footer a:link { color: #fff; font-family: Helvetica; text-decoration: underline } #footer a:hover { color: #1d7799; font-family: Helvetica; text-decoration: underline } #mainBody { background-color: #bbc4c6; background-image: url("images/lion_03.gif"); background-repeat: no-repeat; background-position: right top; position: absolute; top: 187px; left: 0; width: 800px; height: 563px; overflow: auto; } #mainBody p { color: #4f514d; font-size: 11px; font-family: Helvetica; line-height: 15px; text-decoration: none; text-align: justify; margin-right: 30px; margin-left: 30px; margin-top: 10px; } #mainbody .indent { margin-left: 100px } #mainBody a:visited { color: #4f514d; font-family: Helvetica; text-decoration: underline } #mainBody a:link { color: #4f514d; font-family: Helvetica; text-decoration: underline } #mainBody a:hover { color: #1d7799; font-family: Helvetica; text-decoration: underline } #menuTwo { background-color: #ced1d3; position: absolute; top: 0; left: 0; width: 170px; height: 563px; border-right: 1px solid #aeb2b6 } #menuTwo p { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: uppercase; margin-top: 10px; margin-left: 5px; } #menuTwo .active { color: #5d85a1; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: capitalize; margin-top: 10px; margin-left: 15px } #menuTwo .subMenu { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: capitalize; margin-top: 10px; margin-right: 10px; margin-left: 10px; border-right: 1px solid #039; border-bottom: 1px solid #039; } #newsMenu { background-color: #ced1d3; position: absolute; top: 0; left: 0; width: 200px; height: 550px; border-right: 1px solid #aeb2b6 } #textArea span {color: #4f514d; font-size: 14px; font-family: Helvetica; font-weight: bold; text-align: left; margin: 20px 30px 10px } #newsMenu p { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: uppercase; margin-top: 10px; margin-left: 5px; } #newsMenu .subMenu1 { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: capitalize; margin-top: 10px; margin-left: 10px; border-right: 1px solid #039; border-bottom: 1px solid #039;} #menuTwo .subSubMenu { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: capitalize; margin-top: 10px; margin-right: 0; margin-left: 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff } #menuTwo .subSubSubMenu { color: #039; font-size: 9px; font-family: Helvetica; text-decoration: none; text-align: left; text-transform: capitalize; margin-top: 10px; margin-right: 0; margin-left: 20px; border-right: 1px solid #fff; border-bottom: 1px solid #fff } #menuTwo a:visited { color: #666; font-family: Helvetica; text-decoration: none } #menuTwo a:link { color: #666; font-family: Helvetica; text-decoration: none } #menuTwo a:hover { color: #1d7799; font-family: Helvetica; text-decoration: underline } #customerPage { position: absolute; top: 0; left: 180px; width: 600px; height: auto } #customerPage p { color: #4f514d; font-size: 11px; font-family: Helvetica; line-height: 15px; text-decoration: none; text-align: left; margin-top: 10px; margin-left: 30px } #textArea { position: absolute; top: 0; left: 180px; width: 600px; } #textAreaProds { position: absolute; top: 0; left: 170px; width: 630px; height: auto } #textArea img.floatRight { margin-top: 10px; margin-right: 10px; margin-left: 10px; float: right } #textArea p.rightFix { color: #4f514d; font-size: 11px; font-family: Helvetica; line-height: 15px; text-decoration: none; text-align: justify; margin-top: 10px; margin-right: 245px; margin-left: 30px } #textArea p { color: #4f514d; font-size: 11px; font-family: Helvetica; line-height: 15px; text-decoration: none; text-align: justify; margin-top: 10px; margin-right: 30px; margin-left: 30px } #textAreaProds p { color: #4f514d; font-size: 11px; font-family: Helvetica; line-height: 15px; text-decoration: none; text-align: justify; margin-top: 10px; margin-right: 30px; margin-left: 30px } #textArea table { color: #666; font-size: 11px; font-family: Helvetica; text-decoration: none; margin-left: 10px; width: 600px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #1d7799 #039 #039 #1d7799 } #textAreaProds table { color: #666; font-size: 11px; font-family: Helvetica; text-decoration: none; margin-left: 10px; width: 600px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #1d7799 #039 #039 #1d7799 } #textAreaProds td { text-align: left; padding: 4px; vertical-align: top; border-top: 1px solid #4f514d; border-left: 1px solid #4f514d } #textArea td.centre { text-align: center; border-bottom: 1px solid #cfcfce } #textArea td.underLine { text-align: left; vertical-align: top; border-right: 1px solid #cfcfce; border-bottom: 1px solid #cfcfce } #textArea td.col1 { font-weight: bold; text-align: left; text-transform: uppercase; border-bottom: 1px solid #cfcfce } #textArea td.col3 { text-align: justify; text-transform: lowercase; border-bottom: 1px solid #cfcfce } #textArea td.col4 { vertical-align: top; border-right: 1px solid #cfcfce; border-bottom: 1px solid #cfcfce } .label { color: #4f514d; font-size: 10px; font-family: Helvetica; background-color: #fff; padding: 4px; width: 200px; border-style: outset; border-width: 1px 2px 2px 1px; border-color: #1d7799 #039 #039 #1d7799 } .label1 { color: #4f514d; font-size: 10px; font-family: Helvetica; background-color: #fff; padding: 4px; width: 80px; border-style: outset; border-width: 1px 2px 2px 1px; border-color: #1d7799 #039 #039 #1d7799 } .submit { color: #fff; font-size: 12px; font-family: Helvetica; background-color: #1d7799; background-image: none; margin-top: 10px; margin-left: 1em; padding: 4px; border-style: outset; border-width: 2px 4px 4px 2px; border-color: #1d7799 #4f514d #4f514d #1d7799 } #login { background-image: url("images/menuBar/login.gif"); background-repeat: no-repeat; position: absolute; z-index: 5; top: 35px; left: 240px; width: 55px; height: 18px } #login a:visited { color: #13477b; font-family: Helvetica; text-decoration: none; background-color: #fff; background-image: url("images/menuBar/login.gif"); background-repeat: no-repeat; position: absolute; width: 55px; height: 18px } #login a:link { color: #13477b; font-family: Helvetica; text-decoration: none; background-color: #fff; background-image: url("images/menuBar/login.gif"); background-repeat: no-repeat; position: absolute; width: 55px; height: 18px } #login a:hover { color: #13477b; font-family: Helvetica; text-decoration: underline; background-color: #fff; background-image: url("images/menuBar/login_over.gif"); background-repeat: no-repeat; position: absolute; width: 55px; height: 18px } #homeLogos { text-align: center; position: absolute; top:220px; left: 0px; width: 700px } #grilles { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-align: left; text-transform: uppercase; position: absolute; top: 0; left: 25px; width: 250px } #grilles p { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-transform: uppercase } #screens { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-align: left; text-transform: uppercase; position: absolute; top: 0; left: 280px; width: 250px } #screens p { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-transform: uppercase } #news { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-align: left; text-transform: uppercase; position: absolute; top: 0; left: 550px; width: 250px } #news p { color: #fff; font-size: 10px; font-family: Helvetica; line-height: 12px; text-align: left; text-transform: uppercase } #sbdLogo { background-image: url("images/sbdLogo.gif"); background-repeat: no-repeat; position: absolute; top: 80px; left: 235px; width: 80px; height: 93px } #crime { top: 100px; left: 575px; width: 200px; height: 81px; position: absolute; } #crime a:link { background-image: url(images/crime.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 81px} #crime a:hover { background-image: url(images/crime_over.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 81px} #crime a:visited { background-image: url(images/crime.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 81px } #column1 { position: absolute; top: 10px; left: 15px; width: 250px; } #column1 p {color: #4f514d; font-size: 10px; font-family: Helvetica; line-height: 14px; text-decoration: none; text-align: justify; margin-left: 10px; margin-right: 10px; } #column2 { position: absolute; top: 10px; left: 270px; width: 250px; } #column2 p {color: #4f514d; font-size: 10px; font-family: Helvetica; line-height: 14px; text-decoration: none; text-align: justify; margin-left: 10px; margin-right: 10px; } #column3 { position: absolute; top: 10px; left: 525px; width: 250px; } #column3 p {color: #4f514d; font-size: 10px; font-family: Helvetica; line-height: 14px; text-decoration: none; text-align: justify; margin-left: 10px; margin-right: 10px; } #video { position: absolute; top: 100px; left: 20px; text-align: left; color: #000000; font-family: Helvetica; font-size: 10px; font-weight: bold; } #video a:visited { color: #fff; text-decoration: none; } #video a:link { color: #fff; text-decoration: none; } #video a:hover { color: #fff; text-decoration: underline; } #getQuote1 { position: absolute; top: 10px; width: 200px; height: 23px; right: 25px; } #getQuote1 a:visited { background-image: url(images/getQuote1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 23px; } #getQuote1 a:link { background-image: url(images/getQuote1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 23px; } #getQuote1 a:hover { background-image: url(images/getQuote_over1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 23px; } #subscribe1 { position: absolute; top: 33px; width: 200px; height: 37px; right: 25px; } #subscribe1 a:visited { background-image: url(images/subscribe1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 37px;} #subscribe1 a:link { background-image: url(images/subscribe1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 37px; } #subscribe1 a:hover { background-image: url(images/subscribe_over1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 37px; } #customer1 a:visited { background-image: url(images/customer1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 24px; } #customer1 { position: absolute; top: 70px; width: 200px; height: 24px; right: 25px; } #customer1 a:link { background-image: url(images/customer1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 24px; } #customer1 a:hover { background-image: url(images/customer_over1.gif); background-repeat: no-repeat; position: absolute; width: 200px; height: 24px; } #video { position: absolute; top: 100px; left: 20px; text-align: left; color: #000000; font-family: Helvetica; font-size: 10px; font-weight: bold; } #video a:link { color: #fff; text-decoration: none; } #video a:hover { color: #fff; text-decoration: underline; } #video a:visited { color: #fff; text-decoration: none; background-color: #fff; } #nav, #nav ul { padding: 0px; margin: 0px; line-height: 1; list-style-type: none; width: 810px; height: 20px;} #nav a {display: block; width: 89px; height: 20px; list-style-type: none; text-align: center; font-family: Helvetica; color: #00477c; font-size: 10px; border-bottom: 1px #00477c solid; margin: 0px; text-transform: uppercase; background-color: #fff; z-index: 500; text-decoration: none; padding-top: 3px; padding-bottom: 3px; position: relative;} #nav a:hover { color: #fff; font-family: Helvetica; font-size: 10px; background-color: #00477c; } #menu { width: 810px; height: 20px; position: absolute; top: 167px; left: 0px; z-index: 500; margin: 0px; padding: 0px;} #nav li { float: left; width: 89px; list-style-type: none; } #nav h2:hover {color: #fff; font-family: Helvetica; font-size: 10px; background-color: #00477c; } #nav li ul { position: absolute; width: 88px; left: -999px;} #nav li:hover ul { left: auto; position: relative; z-index: 500; } #nav li:hover ul, #nav li.sfhover ul { left: auto; position: relative; z-index: 500; } #doors {position:relative;} #doors image {border:none;} .doorbox {float:left; position:relative; width:100px; margin-right:19px; margin-bottom:10px; height:240px;} .door {position:relative; width:100px; height:205px;} .doorlogo {position:absolute; top:210px; left:0px;} .doorbox2 {float:left; position:relative; width:200px; margin-right:0px; margin-bottom:10px; height:200px;}