@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
/* background-color: #d1e8f4; */
background: #fff url(null) fixed no-repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
.clear {
display: block;
height:1px;
clear:both;
margin: 0;
} 
.topclear {
display: block;
height:1px;
clear:both;
margin-bottom: 0px;
}

/* Page Structures -------------------------------------*/
/* Page Header -----------------------------------------*/
#headercontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}

#header {
width: 900px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
height: 190px;
min-height: 190px;
text-align: left;
background-image: url(images/splash.jpg);
background-position: top right;
background-repeat: no-repeat;
}

* html #header{height: 110px;}
#header h1 {position: absolute; left: 0px; top: 0px;}

#logocontainer {
float: left;
width: 391px;
height: 110px;
margin-top: 15px;
margin-left: 20px;
}

#tagcontainer {
width: 900px;
position: relative;
margin-top: 25px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
height: 33px;
min-height: 33px;
text-align: center;
background: #9933cc url(images/tagline.jpg) center;
background-repeat: no-repeat;
}

#navcontainer {
float: left;
width: 250px;
/* height: 145px; */
margin: 0;
}
/* Page Body ---------------------------------------------------*/
#bodycontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#pagebody {
background-color: #fff;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 20px 0 0 0;
}

#leftcol {
float: left;
width: 250px;
/*border-right: dashed 1px #44c5b6;*/
margin-top: 0;
margin-left: 0;
min-height: 550px;
}

#rightcol {
width: 645px;
float: left;
margin: 0 0 15px 0;
padding: 0;
text-align: left;
}

.rightspace {
height: 400px;
min-height: 400px;
}
/* ----Footer -------------------------------------------------*/
#footercontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#footer {
background-color: #1b1060;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
border-top: solid 19px #9933cc;
}
/* Logo -----------------------*/
#header #logo { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 391px; 
height: 110px;
}
#header #logo span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 391px;
height: 110px;
margin: 0;
padding: 0;
background: url("images/logo.jpg") top left no-repeat;
cursor: pointer;
overflow: hidden;
}
#header #logo a {
position: static;
display: block;
height: 391px;
height: 110px;
white-space: normal;
color: #1b1060;
}
/*-- Tag Line --*/
#tagcontainer img {
margin-top: 8px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
text-align: center;
}
/* --- Global Navigation --------------------------------------------------*/
#nav {
width: 240px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0.5em;
margin-left: 0;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#nav ul ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
border-top: 6px solid #fff;
margin-bottom: -5px;
}

#nav li {
border-bottom: 6px solid #fff;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
}

#nav li li {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 1.0em;
font-weight: bold;
}

#nav li a:link, #nav li a:visited {
font-size: 90%;
display: block;
padding: 5px 0 5px 25px;
background-color: #c9e8f5;
color: #330066;
text-decoration: none;
} 

#nav li a:hover {
font-size: 90%;
display: block;
padding: 5px 0 5px 25px;
background-color: #98c4d6;
color: #330066;
text-decoration: none;
}

#navcontainer #nav .navcurrent {
text-decoration: underline;
}

#nav li li a:link, #nav li li a:visited {
background-color: #9933cc;
color: #fff;
padding: 5px 0 5px 30px;
}
#nav li li a:hover {
background-color: #74259c;
color: #fff;
text-decoration: none;
}

#training {
width: 240px;
display: block;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
}

#training img {
background-color: #fff;
padding: 0;
border: none;
}
/*---catering & Decontamination left column ---*/
#cateringleftcol {
width: 240px;
display: block;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
text-align: left;
background-image: url(images/dish.jpg);
background-position: top left;
background-repeat: no-repeat;
min-height: 272px;
height: 272px;
}
#medicalleftcol {
width: 240px;
display: block;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
text-align: left;
background-image: url(images/medical.jpg);
background-position: top left;
background-repeat: no-repeat;
min-height: 272px;
height: 272px;
}

#leftcontact {
text-align: left;
background-image: url(images/contact_arw.jpg);
background-position: bottom right;
background-repeat: no-repeat;
display: block;
margin-top: 25px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
padding: 0 25px 0 55px;
}
#leftcontact p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
color: #406393;
word-spacing: 0.2em;
line-height: 1.3em;
}

#credits {
width: 240px;
display: block;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
text-align: right;
}

#credits img {
background-color: #fff;
padding: 0;
border: none;
padding: 15px 10px 0 15px;
}
/* ----------- Content Images --------------------------------------*/
#buttoncontainer {
width: 625px;
text-align: left;
margin-top: 0;
margin-bottom: 25px;
margin-right: auto;
margin-left: auto;
}
#catering {
width: 587px;
display: block;
float: left;
border: 0;
padding: 0;
margin: 0 0 10px 0;
clear: both;
text-align: left;
background-color: #fff;
}
#catering img {
background-color: #fff;
padding: 0;
border: none;
}
#decontamination {
width: 587px;
display: block;
float: left;
border: 0;
padding: 0;
margin: 0;
clear: both;
text-align: left;
background-color: #fff;
}
#decontamination img {
background-color: #fff;
padding: 0;
border: none;
}

/*-- Catering Layout ---*/
#cateringheading {
width: 580px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: 0;
border-bottom: solid 4px #66cc00;
}
.leftimg {
float: left;
width: 264px;
min-height: 159px;
height: 159px;
text-align: left;
margin: 0;
background-image: url(images/kitchen.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.laundryimg {
float: left;
width: 264px;
min-height: 159px;
height: 159px;
text-align: left;
margin: 0;
background-image: url(images/laundry.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.righttext {
float: left;
width: 315px;
text-align: left;
margin: 0;
}
.righttext h1 {
background: #66cc00 url(images/cateringhd_bg.jpg) bottom right no-repeat;
padding: 5px 15px 10px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
font-size: 2.4em;
}
.righttext p {
padding: 15px 25px 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
font-size: 1.2em;
line-height: 1.3em;
word-spacing: 0.2em;
}

/*-- Medical Layout ------*/
#medicalheading {
width: 580px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: 0;
border-bottom: solid 4px #ff9900;
}
#medicalimg {
float: left;
width: 264px;
min-height: 159px;
height: 159px;
text-align: left;
margin: 0;
background-image: url(images/hospital.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#medicalrighttext {
float: left;
width: 315px;
text-align: left;
margin: 0;
}
#medicalrighttext h1 {
background: #ff9900 url(images/medicalhd_bg.jpg) bottom right no-repeat;
padding: 5px 15px 10px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
font-size: 2.4em;
}
#medicalrighttext p {
padding: 15px 25px 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
font-size: 1.2em;
line-height: 1.3em;
word-spacing: 0.2em;
}

/* --- Content / Text ----------------------------------------------*/

#textcontainer {
width: 625px;
text-align: left;
padding-top: 15px;
margin-bottom: 25px;
margin-right: auto;
margin-left: auto;
}
.text {
text-align: left;
width: 530px;
margin: 0 0 0 0;
}
.text h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #214f7c;
font-size: 2.0em;
margin-bottom: 15px;
}
.text h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 15px;
color: #214f7c;
}
.text h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
margin-bottom: 15px;
color: #214f7c;
}
.text h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin-bottom: 15px;
color: #214f7c;
}
.text h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 15px;
font-size: 1.4em;
color: #214f7c;

}
.text p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 15px;
color: #000;
line-height: 1.6em;
/* letter-spacing: 0.1em; */
}
.text span {
font-weight: bold;
}

  

/*--- Catering Page Content ---*/
#productnav {
width: 580px;
margin: 0 0 25px 0;
}
#productnav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#productnav li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #339900;
font-size: 1.4em;
}
#productnav a:link, #productnav a:visited {
color: #9933cc;
text-decoration: none;
padding: 0 5px 0 0;
border-right: solid 1px #9933cc;
}
#productnav a:hover {
text-decoration: underline;
}
#skiplink p {
color: #000;
text-decoration: none;
padding: 0 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
}
#skiplink a {
color: #9933cc;
text-decoration: none;
}

#laundrynav {
width: 580px;
margin: 0 0 25px 0;
padding-top: 10px;
border-top: solid 6px #66cc00;
}
#laundrynav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#laundrynav li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #339900;
font-size: 1.4em;
}
#laundrynav a:link, #laundrynav a:visited {
color: #9933cc;
text-decoration: none;
padding: 0 5px 0 0;
border-right: solid 1px #9933cc;
}
#laundrynav a:hover {
text-decoration: underline;
}


#medicalnav {
width: 580px;
margin: 0 0 25px 0;
}
#medicalnav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#medicalnav li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #e48b05;
font-size: 1.4em;
}
#medicalnav a:link, #medicalnav a:visited {
color: #9933cc;
text-decoration: none;
padding: 0 5px 0 0;
border-right: solid 1px #9933cc;
}
#medicalnav a:hover {
text-decoration: underline;
}
/*-- product list style ---*/
.text .productcontainer {
width: 580px;
margin: 0 0 25px 0;
padding: 0;
}
.text .productinfo {
float: left;
width: 325px;
margin: 0;
padding: 0;
}
.text .productinfo h2 {
width: 300px;
background: #66cc00 url(images/cateringprodhd.jpg) bottom right no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
line-height: 1.4em;
color: #fff;
padding: 0 0 2px 15px;
}
.text .productinfo p {
padding: 0 35px 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #000;
}

.text .medicalproductinfo {
float: left;
width: 325px;
margin: 0;
padding: 0;
}
.text .medicalproductinfo h2 {
width: 300px;
background: #ff9900 url(images/medicalprodhdng.jpg) bottom right no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
line-height: 1.4em;
color: #fff;
padding: 0 0 2px 15px;
}
.text .medicalproductinfo p {
padding: 0 35px 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #000;
}

.text .productimage {
float: left;
width: 250px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/*-- Medical product list style ---*/
#washerdisinfector {
width: 580px;
margin: 0;
padding: 0;
}
#sinkdetergent {
width: 580px;
margin: 0;
padding: 0;
}
#rinseadditives {
width: 580px;
margin: 0;
padding: 0;
}

/*



.medproductinfo {
float: left;
width: 325px;
margin: 0;
padding: 0;
}
.medproductinfo h2 {
width: 300px;
background: #ff9900 url(images/medicalprodhd.jpg) bottom right no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
line-height: 1.4em;
color: #fff;
padding: 0 0 2px 15px;
}
.medproductinfo p {
padding: 0 35px 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #000;
}
 */

/* ---------------- Contact Form ------------------------*/
#form {
width: 600px;
text-align: left;
padding: 0 0 15px 10px;
}
#form h2 {
color: #4ba948;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 2.2em;
margin: 15px 0 25px 0;
line-height: 1.0em;
letter-spacing: normal;
}
#form p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.2em;
margin: 15px 0 5px 0;
word-spacing: 0.1em;
line-height: 1.3em;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 185px;
float: left;
}
.contactform #name {
width: 205px;
}
.contactform #email {
width: 205px;
}
.contactform #tel {
width: 205px;
}
.contactform #subject {
width: 205px;
}
.contactform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 105px;
}

/*------- Admin Form ---------------------------------*/

.adminform {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.2em;
margin: 15px 0 5px 0;
word-spacing: 0.1em;
line-height: 1.3em;
text-align: left;
}


.addform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 105px;
}


/* -------- Footer Formatting ---------------------------*/

#copy {
width: auto;
}
#copy p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: left;
padding: 15px 0 0 20px;
}
#copy span {
font-weight: bold;
}
#designby {
width: auto;
text-align: left;
padding: 15px 0 5px 20px;
}
#designby p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #fff;
}
#designby a {
text-decoration: underline;
}
#designby a:link {
text-decoration: none;
color: #fff;
}
#designby a:visited {
text-decoration: none;
color: #fff;
}
#designby a:hover, #designby li a:active {
text-decoration: underline;
}
/* ----- Footer Nav style / format ----------*/
#footernav {
margin: 15px 0 5px 20px;
padding: 0;
text-align: left;
}
#footernav ul {
margin: 0 0 0 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #fff;
border-right: solid 1px #fff;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}

/*-- Sign In Form Style -- */

#signinform {

width: 450px;

text-align: left;

margin: 0 0 25px 0;

}

#signinform h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 15px;
color: #214f7c;
font-size: 1.8em;
}

#signinform p {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000;

font-size: 1.2em;

margin: 15px 0 5px 0;

word-spacing: 0.1em;

line-height: 1.3em;

}

#signinform .loginform fieldset {

border: none;

}

#signinform .loginform .fixedwidth {
display: block;
width: 105px;
float: left;
}

#signinform .loginform legend {

display: none;

}

#signinform .loginform #user {
width: 175px;
}
#signinform .loginform #pword {
width: 175px;
}