/* CSS Document */

* {padding:0; margin:0; border:0}
body {font: Georgia, "Times New Roman", Times, serif 12px; color: #FFFFFF; background-image: url(images/background.jpg); background-repeat:repeat}
#wrapper {width:800px; height: 100%; padding: 0; margin:0 auto; overflow: hidden;}
#header {width: 800px; height: 216px; background-image: url(images/header.jpg); background-repeat: no-repeat; float: left}

#firstrow { 
width: 1000px; 
min-height:650px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */}

#containerone { 
width: 266px;
float: left;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */
}

#containertwo { 
width: 266px;
float: left; 
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */}

#containerthree { 
width: 266px; 
float: left;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */}

#containerfour { 
width: 266px;
float: left;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */}

#containerfive { 
width: 266px;
float: left; 
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */}

#containersix { 
width: 266px;
float: left;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */}

#meter {width:800px; height: 100%; padding: 0; margin:0 auto; overflow: hidden;}

#navigationrow {
width: 800px; 
float: left;
min-height:50px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:50px; /* for IE5.x and IE6 */}

#tipsbox {
padding: 40px;
width: 800px;
float: left;
margin-left: 0px;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */}

#tipsboxinner {
float: left;
width: 800px;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */}

#prodbox {
padding: 22px;
text-align: left;
width:1000px;
float: left; 
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */}

#spaceprod {
width: 20px;
float: left; 
min-height:2000px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:2000px; /* for IE5.x and IE6 */}

#orderbox {
width:800px;
float: left;
margin-left: 0px;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */}

.spacegal {
padding: 5px;
}





#footer {width: 8000px; height: 80px; background-color: #333333; clear: both}
.align {margin: 0 auto}
.textalign {text-align: center; padding: 5 0 0 0}



/*NAVIGATION*/
      /* regular css menus */
      .web-cssMenu { position: relative; text-align: center; zoom: 1; }
      .web-cssMenu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
      .web-cssMenu ul { margin: 0px; padding: 0px; list-style: none; width: 100%; }
      .web-cssMenu li { margin: 0px; padding: 0px; position: relative; float: left; _width: 0px; }
      .web-cssMenu ul ul { 
        position: absolute; border: 1px solid black; display: none; top: 100%; left: 0px; width: auto; 
       _margin-top: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : 1);
      }
      .web-cssMenu li li { float: none; vertical-align: bottom; width: 12em; }
      .web-cssMenu ul ul ul { left: 100%; top: 0px; margin-top: 0px; }
      .web-cssMenu li a { display: block; padding: 12px; zoom: 1; }
      .web-cssMenu li:hover > ul { display: block; }

      /* autofit menu items */
      .web-cssMenu li { width: 14.6%; z-index: 2; background: inherit;  }
      .web-cssMenu li.last { float: none; width: auto; z-index: 1; }

      /* custom backgrounds for demo purposes */
      body { margin: 40px; border:0; }
      .web-cssMenu ul {background-image: url(images/buttonhomedown.jpg); text-decoration: none; font: "Times New Roman", Times, serif; font-style:italic; color: #000000; height: 20px}
      .web-cssMenu li a {background-image: url(images/buttonhomedown.jpg) ; text-decoration: none; font: "Times New Roman", Times, serif; font-style:italic; color: #000000; height: 20px}
      .web-cssMenu li a:hover {background-image: url(images/buttonhomeup.jpg); text-decoration: none; font: "Times New Roman", Times, serif; font-style:italic; color: #000000; height: 20px}


/*SLIDESHOW*/
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 0; background-color: transparent }

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #000000; 
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 


.textaddress {
color: #FFFFFF
}