/* GLOBAL STYLES */

* { margin     : 0px; 
    padding    : 0px; 
    font-family: 'Helvetica Neue',Helvetica,Verdana,Arial,Geneva,sans-serif;
    font-weight: plain;
    font-size  : 12px;
  }

body { background-color     : #FFFFFF;
       background-repeat    : no-repeat;
       background-postion   : top,left;
       background-attachment: scroll;
       margin               : 0px; 
     }  

a:link     { color          : #808080; 
             text-decoration: none; 
           }
       
a:visited  { color          : #808080; 
             text-decoration: none; 
           }
           
a:hover    { color          : #FF0000; 
             text-decoration: none; 
           }
         
a:active   { color: #0000FF; 
             text-decoration: none; 
           }

/* LAYOUT */

div#frame { width                : 800px;
            height               : 600px;
            margin-top           : 12px;
            margin-bottom        : 12px;
            margin-left          : auto;
            margin-right         : auto;
            border               : none;
            position             : relative;
            background-image     : url('images/twyst.jpg');
            background-repeat    : no-repeat;
            background-postion   : top,left;
            background-attachment: scroll;
          }

/* NAVIGATION BAR */

div#navigation { position: relative;
                 top     : 0px;
                 left    : 250px;
                 width   : 520px;
                 height  : 96px;
                 margin-bottom: 0px;
               }

img#transmogrification { padding-top : 12px;
                         display     : block;
                         margin-left : auto;
                         margin-right: auto;
                       }

div#links { position : absolute;
	        bottom   : 7px;
	        left     : 0;
          }

img#lines { position: absolute;
	        bottom  : 0;
	        left    : 0;
          }

a.navigation { display     : inline;
               float       : right;
               margin-left : 12px;
               font-weight : bold;
               font-size   : 10px;
               text-align  : right;
               color       : #808080;
             } 
            

/* CONTENT */

div.content { position: relative;
              top     : 64px;
              left    : 116px;
              width   : 654px;
              height  : 100%;
              padding : 0px;
            }

div.subheading { position   : relative;
                 display    : block;
                 font-weight: bold;
                 font-size  : 12px;
                 color      : #808080;
               }

div.text  { position           : relative;
            display            : block;
            top                : 12px;
            width              : 640px;
            text-align         : left;
            font-weight        : plain;
            font-size          : 12px;
            color              : #808080;
          }
               
div.text p { position     : relative;
             margin-top   : 0.5em;
           }

div.text a { color: green;
           }

div.text hr { display         : block;
              clear           : left;
              position        : relative;
              background-color: green;
              margin-top      : 0.75em;
              margin-bottom   : 0.75em;
            }

.floatright { float   : right;
              position:relative;
              left    :  8px;
              top     :  0px;
            }

img.product { float        : left;
              margin-top   : 12px;
              margin-bottom: 12px;
              margin-right : 24px;
            }

p.product { padding-top:12px;
          }

div.box { text-align      : center;
          font-size       : 12px;
          background-color: #FFFFE0;
          margin-top      : 0.75em;
          margin-bottom   : 0.5em;
          padding-top     : 1.25em;
          padding-bottom  : 1.25em;
          color           : #4682B4;
          border          : 1px solid #C0C0C0;
          padding         : 4px 16px 4px 16px;  
        }

div.box a:link { color: green; 
                 text-decoration: none; 
               }
       
div.box a:visited  { color: green; 
                     text-decoration: none; 
                   }
           
div.box a:hover { color: red; 
                  text-decoration: none; 
                }
         
div.box a:active { color: red; 
                   text-decoration: none; 
           	     }

/* TWYSTLET */
       
div.twystlet { position   : relative;
               float      :left;
               top        : 12px;
               width      : 500px;
               font-weight: plain;
               font-size  : 12px;
               color      : #606060;
            }
             
div.twystlet ol { margin-top   : 0.5em;
                  margin-bottom: 0.5em;
                }

div.twystlet ul { margin-top   : 0.5em;
                  margin-bottom: 0.5em;
                }
                
div.twystlet li { margin-top         : 0.25em;
                  margin-left        : 2.5em;
                  list-style-position: outside;
                }

div.twystlet img { display      : block;
                   margin-top   : 2em;
                   margin-bottom: 0.5em;
                   margin-left  : auto;
                   margin-right : auto;
                 }

/*
 div.twystlet p { text-align : center;
                 font-style : italic;
                 font-size  : smaller;
                 text-indent: 0;
                 color      :  #606060;
               }
*/

div.twystlet a { text-decoration: underline;
                 color          : #4169E1;
               }

div.twystlist { float           : right;
                min-width       : 132px;
                max-width       : 132px;
                height          : 100%;
                background-color: #F0F0F0;
                margin-top      : -76px;
                padding-top     : 76px;
              }

div.twystlist ul { list-style  : none outside none;
                   padding-top : 1em;
                 }

div.twystlist li { font-weight  : bold;
                   font-size    : 12px;
                   color        : #808080;
                   padding-left : 0.75em;
                   padding-right: 1em;
                 }

div.twystlist ul ul { list-style : none outside none;
                      padding-top: 0.25em;
                    }
                 
div.twystlist li li { padding-left : 0.5em;
                      padding-right: 1em;
                    }
                    
div.twystlist li li a { font-weight  : normal;
                        font-size    : 10px;
                        font-style   : italic;
                        color        : #808080;
                      }

div.label { text-align    : center;
            font-style    : normal;
        	text-indent   : 0;
        	color         : #505050;
        	xxx           : #6B6B6B;
	      }

div.label table { border-color: #E0E0E0;
                }
                
div.label td { padding    : 6px;
               font-family: "trebuchet ms";
               font-size  : 15px;
               font-weight: 600;
               color      : #6B6B6B;
	         }
                              
/* CONTACT */
       
div#contact { position     : relative;
              top          : 12px;
              font-weight  : plain;
              font-size    : 12px;
              color        : #408040;
            }

div#contact img { position: relative;
	            }

div#contact table { position   : absolute;
                    top  : 0;
                    right: 0;
                    color: white;
	              }

div#pgp { position  : relative;
          margin-top: 32px;
        }
             
div#pgp tt { font-family: monospace;
             font-size  : 12px;
             font-weight: plain;
             color      : #4169E1; 
           }             

/* DOWNLOADS */
       
div#downloads { position     : relative;
                top          : 12px;
                font-weight  : plain;
                font-size    : 12px;
                color        : #408040;
              }

div#downloads ul { margin-top   : 0.5em;
                   margin-bottom: 0.5em;
                 }
                
div#downloads li { margin-top         : 0.5em;
                   margin-left        : 0.5em;
                   list-style-position: inside;
                 }

/* ABOUT */
       
div#about { position   : relative;
            top        : 12px;
            width      : 520px;
            font-weight: normal;
            font-size  : 12px;
            color      : #408040;
          } 
              
div.witch { display      : block;
            margin-top   : 12px;
            margin-left  : auto;
            margin-right : auto;
          }
         
div.witch img { display      : block;
                margin-bottom: 1.0em;
                margin-left  : auto;
                margin-right : auto;
              }
              
div.witch p { text-align : center;
              font-style : italic;
              font-size  : smaller;
              text-indent: 0;
              color      : #808080;
            }