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

html{
padding:0;
margin:0;
height:100%;
}

body{
padding:0;
margin:0;
background-color:#6a900e;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
}

#wrap{
width:710px;
padding:0 30px 0 60px;
margin:0 auto;
height:100%;

}

#top{
padding:0;
margin:0;
height:154px;
width:680px;
border:1px solid #fff;
}

#logo{
padding:0;
margin:28px 0 0 40px;
width:224px;
height:126px;
background-image:url(images/logo.gif);
background-repeat:repeat-x;
float:right;
text-indent:-9999px;
outline:none;

}

#top h2{
font-size:14px;
font-weight:bold;
color:#000;
padding:58px 0 0 0

}

#middle{


}

a{
outline:none;
}

#side{
width:214px;
float:left;
margin:0 17px 0 0;

}

.nav{
width:214px;
background-image:url(images/top.gif);
background-repeat:no-repeat;
padding:20px 0 0 0;
margin:0;
background-color:#fff;
float:left;
}


.nav ul{
float:left;
width:212px;
border-left:1px #000 solid;
border-right:1px #000 solid;
padding:4px 0 0 0;
margin:0;

}

.nav li{
padding:0;
margin: 0px 0px 4px 4px;
list-style:none;
width:205px;
height:24px;
background-color:#97c00e;
}

.nav li.prod{
padding:0;
margin: 0px 0px 4px 4px;
list-style:none;
width:205px;
height:24px;
background-color:#cbdf86;
font-style:italic;
}

.nav li a{
padding:5px 5px 5px 10px;
margin:0;
height:14px;
width:185px;
list-style:none;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
float:left;
}

.nav li.prod a{
padding:5px 5px 5px 10px;
margin:0;
height:14px;
width:185px;
list-style:none;
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
float:left;
}

.nav li a:hover{
padding:5px;
margin:0;
height:14px;
width:195px;
list-style:none;
font-size:12px;
font-weight:bold;
color:#000;
background-color:#ffff00;
text-decoration:none;
}

.nav li .prod a:hover{
padding:0;
margin:0;
height:14px;
width:195px;
list-style:none;
font-size:12px;
font-weight:bold;
color:#000;
background-color:#ffff00;
text-decoration:none;
}


p{
font-size:12px;
color:#FFF;
padding:0;
margin:0 0 10px 0;

}


.bottom{
width:214px;
height:20px;
background-image:url(images/base.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0;
margin:0;
float:left;
}

.base{
padding: 0 0 0 15px;
margin:0;
border-left:1px solid #000;
border-right:1px solid #000;
width:197px;
background-image:url(images/grey_bg.gif);
background-repeat:repeat-y;
color:#fff;
font-size:14px;
height:auto;
float:left;
}

.base a{
color:#ffff00;
font-size:12px;
float:right;
padding: 10px 20px 0 0;
font-weight:bold;

}

#worldmap {
background-image:url(images/map_off.gif);
background-repeat:no-repeat;
height:137px;
width:214px;
margin:10px 0 10px 0;
text-indent:-9999px;
outline:none;
float:left;
}

#worldmap:hover{
background-image:url(images/map_on.gif);
background-repeat:no-repeat;
height:137px;
width:214px;
margin:10px 0 10px 0;
text-indent:-9999px;
outline:none;
}

.block{
padding:15px;
margin:0;
list-style:none;
width:182px;
border-left:1px #000 solid;
border-right:1px #000 solid;
background-color:#fff;
background-image:url(images/module_bg.gif);
background-repeat:repeat-y;
border-top:4px #fff solid;
border-bottom:4px #fff solid;
}

.block h5{
font-size:14px;
color:#ffff00;
padding:0;
margin:0 0 10px 0;

}

#centre{
width:470px;
float:left;


}
#footer{
width:450px;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top:1px #fff solid;
float:left;


}

.modtop{
width:214px;
background-image:url(images/topmod.gif);
background-repeat:no-repeat;
padding:20px 0 0 0;
margin:0;
background-color:#FFF;
float:left;
}

.product{
width:214px;
background-image:url(images/top.gif);
background-repeat:no-repeat;
padding:20px 0 0 0;
margin:0 17px 0 0;
background-color:#FFF;
float:left;
}


.product .block{
float:left;
height:auto;
color:#000;
border-left:1px #000 solid;
border-right:1px #000 solid;
border-top:0px #000 solid;
border-bottom:0px #fff solid;
padding:15px;
margin:0;
}

.product .block p{
color:#000;
}

.product img{
float:left;
padding:4px;
margin:0;
border-right: 1px #000 solid;
border-left: 1px #000 solid;
}

.product h4{
padding: 0 0 5px 15px;
margin:0;
border-left:1px solid #000;
border-right:1px solid #000;
width:197px;
background-image:url(images/grey_bg.gif);
background-repeat:repeat-y;
color:#fff;
font-size:14px;

}

.area{
float:left;
margin:20px 0 0 0;
width:450px;

}
.prodarea{
float:left;
margin:10px 0 0 0;
border-top:1px solid #fff;
padding:20px 0 0 0;
width:450px;


}
h3{
font-size:14px;
padding:0;
margin:0 0 5px 0;
color:#FFFF00;
font-weight:bold;
}


.prods{
float:left;

}

.content{
margin:0;
float:left;
}

.content p{

}

.content li{
font-size:12px;
color:#FFF;
padding:0;
margin:0 0 10px 0;

}

h1{
font-size:14px;

color:#FFFF00;
}

h2{
font-size:14px;

color:#FFFF00;
font-weight:bold;
}

h3{
font-size:14px;

color:#fff;
font-weight:bold;
}

.content a{
color:#FFFF00;
margin:0;
}

.block a{
color:#FFF;
}
.block a:hover{
color:#FFFF00;
}

.image{
float:left;
width:102px;
margin: 0 15px 15px 0;
height:180px;

}

#home .image{
float:left;
width:102px;
margin: 0 15px 15px 0;
height:100px;

}
.more{
float:right;
font-style:italic;
}

.ref{
font-size:10px;
font-style:italic;
margin:2px 0 10px 0;
padding:0;
}