a:link{    color: #023b80; text-decoration: none; }
a:active{  color: #bbccff; text-decoration: none; }
a:visited{ color: #023b80; text-decoration: none; }
a:hover{   color: #bbccff; text-decoration: none; }

html{ margin: 0px; padding: 0px; height: 100%; }
body{ margin: 0px; padding: 0px; height: 100%; color: #0f1273; }

img{ border: none; }

#frame { width: 990px; min-height: 100%; height: auto !important; height: 100%; 
  margin: 0px auto; padding: 0px 5px; background-color: white; 
  background: url('../images/background.png') repeat-y; }
  
  
#header{ width: 990px; height: 185px; background: white; margin: 0px 0px 0px; padding: 0px; }
#header #menu{ margin: 0px; padding: 0px 0px 0px 45px; background: #023b80; height: 180px; }
#header #menu #image{ float: right; }
#header #menu #menuitems{ color: white; width: 125px; margin: 0px; padding: 10px 0px; }
#menuitems div{ margin: 10px 0px 20px; padding: 0px; }

#content{ position: relative; left: 0px; top: 0px; width: 1000px; text-align: left; 
  margin: 0px; padding: 0px 0px 25px; min-height: 420px; }
  
#leftside{ position: absolute; left: 0px; top: 0px; width: 230px; margin: 0px;
  padding: 0px 0px 15px; }
#leftside #logo{ text-align: left; margin: 0px 0px 50px; padding: 0px; }  

#center{ width: 475px; margin: 0px 250px; padding: 0px; text-align: left;
  color: black; }
#center h1{ font: bold 13pt Verdana,Arial,sans-serif; margin: 20px 0px 10px; padding: 0px; }
#center p{ font: 10pt Verdana,Arial,sans-serif; text-align: justify; }
#center ul{ margin: 0px; padding: 0px 0px 0px 25px; }
#center li{ font: 10pt Verdana,Arial,sans-serif; margin: 0px; padding: 0px 0px 5px; }

#center li .info{ margin: 1px 0px 5px; padding: 5px 10px; border: 1px dotted #bbccff;
  display: none; }
#center li .details{ float: right; }


#products{ min-height: 830px; }


#rightside{ position: absolute; left: 745px; bottom: 25px; width: 215px; z-index: 0; 
  margin: 0px; padding: 0px 10px; text-align: right; }
#rightside h1{ font: bold 12pt Verdana,Arial,sans-serif; margin: 0px 0px 15px; padding: 0px; }

 
#rightside .principal{ margin: 0px; padding: 0px; }

#rightimage{ width: 980px; margin: -440px auto 0px auto; padding: 5px; 
  text-align: right; }

#copyright{ width: 990px; margin: 0px auto 0px auto; padding: 0px; 
  font: 10pt Verdana,Arial,sans-serif; color: black; text-align: left; 
  border-top: 1px solid #ccddff; background: white; height: 20px; }
#copyright p{ margin: 5px; padding: 0px; font: 7pt Arial,sans-serif; text-align: right; }


#address{ width: 980px; margin: -155px auto 0px auto; padding: 0px 5px; }
#address p{ font: 10pt Verdana,Arial,sans-serif; color: black; text-align: left; 
  margin: 0px; padding: 0px; }


#contactform{ margin: 0px 15px; position: relative; }
#contactform .label{ position: absolute; left: 0px; font: bold 10pt Verdana,Arial,sans-serif; 
  text-align: right; width: 70px; margin: 2px; }
#contactform .field{ position: absolute; left: 80px; }
#contactform #button{ position: absolute; top: 215px; left: 290px; 
  font-size: 7pt; border: 1px solid black; }
#contactform .textfield{ font-size: 8pt; padding: 1px 2px; width: 250px; 
  border: 1px solid black; font-family: Verdana,Arial,sans-serif; }
#contactform textarea{ height: 100px; }