@charset "utf-8";
/* CSS Document */

/*----------------------------------------- body -----------------------------------------*/
html{
height:100%;
}
body {
height:100%;
padding:0;
margin:0;

}
#stage{
width:100%;
margin:0;
padding:0;
background:url(../Images/bg-repeat.jpg) top left repeat-x fixed #ffffff;
}
div#cont {
width:838px;
margin-left: -419px;
padding-top: 31px;
position:relative;
left:50%;
}

.large {
font-size:16px;
}
.darkblue{
color:#003e78;
margin-left:6px;
font-weight:bold;
}

/*----------------------------------------- header -----------------------------------------*/

#header{
width:838px;
height:235px;
margin:0;
padding:0;
}




/*----------------------------------------- navigation ----------------------------------------- */


#nav{
height:25px;
position:absolute;
}
#nav ul{
list-style:none;
margin:0;
padding:0;
}
#nav ul li{
list-style:none;
float:left;
cursor:pointer;
height:25px;
}
#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
height:21px;
background:#003e78;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
text-indent: 10px;
padding: 1px 0;
text-decoration: none;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color:#024e95;
}
.home a, .industrial a, .news a, .about-us a, .contact a, #nav ul li a{
font:14px Arial, Helvetica, sans-serif;
color:#003e78;
text-decoration:none;
text-align:center;
display:block;
line-height:25px;
margin:0;
padding:0;
font-weight:normal;
height:25px;
}

#nav ul li a:hover, #nav a:hover{
color:#FFFFFF;
}

#nav ul li ul li:hover{
color:#ffffff;
background:#024e95;
}

.drop-down a{
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.home{
background:url(../Images/home.jpg) no-repeat;
width:61px;
}
.sterilizer{
background:url(../Images/sterilizer.jpg) no-repeat;
width:68px;
}

.laboratory{
background:url(../Images/laboratory.jpg) no-repeat;
width:159px;
}
.medical{
background:url(../Images/medical.jpg) no-repeat;
width:140px;
}
.industrial{
background:url(../Images/industrial.jpg) no-repeat;
width:144px;
}
.news{
background:url(../Images/news.jpg) no-repeat;
width:51px;
}
.about-us{
background:url(../Images/about.jpg) no-repeat;
width:71px;
}
.contact{
background:url(../Images/contact.jpg) no-repeat;
width:91px;
}


/* --------------------------------------- content -----------------------------------------*/

#inside-content{
padding:30px 10px 10px 10px;
}
#content{
margin:0px 0px 0px 27px;
width:785px;
background:#FFFFFF;
border-left:#9087b6 solid 1px;
border-right:#9087b6 solid 1px;
border-bottom:#9087b6 solid 1px;
}



/*----------------------------------------- footer -----------------------------------------*/
#footer{
width:773px;
height:40px;
background:#003e78;
border:#FFFFFF thick solid;
}
#footer a, #footer{
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

/*----------------------------------------- text -----------------------------------------*/


p, h1, h2, ul li, .text{color:#0478e4;}
p, h2, a, ul li, .text{font-family: Arial, Helvetica, sans-serif;}
p, a, ul li, .text{font-size:12px;}
h2{font-size:15px;}
h1{font:20px Arial, Helvetica, sans-serif; font-weight:bold;}
a{color:#e335dd; text-decoration:none;}
a:hover{text-decoration:underline;}
.image{font:11px Arial, Helvetica, sans-serif; color:#f26522;}


table.Tracks{
font:12px Arial, Helvetica, sans-serif;
background-color:#CCCCCC;
line-height:20px;
}
table.Tracks th{
background:#0478e4;
color:#FFFFFF;
}
table.Tracks td.even{
background:#e1e1e1;
}
.odd2{
background:#daf8ff;
}
.even2{
background:#f0fcff;
}
.odd3{
background:#ffffb9;
}
.even3{
background:#ffffdd;
}


/*----------------------------------------- contact form ----------------------------------------- */

.form {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e335dd;
}
.small {
font-size:10px;
}