body {overflow: auto;
      min-width: 600px;
      min-height: 600px;
      width: 100%;
      text-align:  center;
      padding:0;
      margin: 0;
      border: 0;
      background-color: #666666;
      font: 12px candara, helvetica, trebuchet ms, arial, sans;
      }

div {margin: 0; padding: 0; border: 0; top: 0; left: 0; }

div#uberalles { width: 380px;
                height: auto;
                position:relative;
                top:0;

                margin: 0px auto;

                }
div#uber1 { width: 380px; top:0;   left: 0; position: absolute; margin: 0px auto; margin-top: 2px; z-index: 2; overflow: visible}
div#uber2 { width: 380px; top:254; left: 0; position: absolute; margin: 0px auto; background-color: #666666; }
div#uber3 { width: 380px; top:301; left: 0; position: absolute; margin: 0px auto; z-index: 3; }
div#uber4 { width: 380px; top:376; left: 0; position: absolute; margin: 0px auto; z-index: 5;  }
div#uber5 { width: 380px; top:440; left: 0; position: absolute; margin: 0px auto; z-index: 4; margin-bottom: 0px; }

div#brownbox { text-align: center;
               width:370px;
               padding: 10px; padding-bottom: 30px;
               height: 210px;
               position: static;
               margin:0px auto;
               background:#3a3128; overflow: visible;
               color:#000;
               border: 2px solid #000000;  z-index: 2;
              }


#brownboxcontent {  margin: 0px;  z-index: 100;
                  width: 300px;  position: absolute;
                  height: 227px;   top: 10px; left: 50%; margin-left: -146px;  /* offset for shadow */
                  color: #ffff00;  padding:0px;
                  background-color:transparent;
                  }

div#face {        position: relative;
                  margin: 0px auto; margin-top: -227px;
                  width: 300px;
                  height: 227px;
                  color: #ffff00;
                  background-color:transparent;}

div#title {   font-size: 32px;
              font-family: candara, trebuchet ms, arial, sans;
              width: 320px;
              height: 44px;
              position:static;
              padding: 1px;
              top: 0px;
              left: 30px;
              text-align: right;
              z-index: 100;
              margin: 0 auto;
              margin-top: 0px;
              color: #000000;
              background-color: transparent;
              }


div#bluebox { border: 2px solid #000000;
              position: static;
              width: 340px;
              height: auto;
              margin: 0px auto;
              padding: 30px 20px;
              background-color: #0000ff;
              top: 0px;
              left: 0px;
              z-index: 9;
              }

#blueboxcontent { text-align: center;
                  width: 640px;
                  margin: 0px auto; margin-top: 10px;
                  height: 260px;
                  padding: 0px;
                  line-height: 12px;
                  color: #000;
                  background-color: #0000ff;
                }

div.imagebox { background-color: #000000; }

div#redbox { border: 2px solid #000000;
             position:static;
             width:340px;
             height: auto;
             padding: 24px 12px;
             margin:0 auto;
             background-color :#cc0000;
             top: 0;
             left: 0;
           }
#redboxcontent {  margin-top: 5px;
                height:auto;
                color: #fff;
                }

div#greenbox { border: 2px solid #000000;
               z-index: 10;
               position:static;
               width:340px;
               padding: 20px 8px;
               margin:0px auto;
               background-color: #26ca31;
               top: 0px;
               left: 0px;

               }
#greenboxcontent {
                 height: auto;
                   color: #fff;
                  }
.ingreenbox { top: 0; left: 0;
              margin: 0px auto;
              margin-top: 5px;
              padding: 10px 20px;
            border-top: 1px solid #000;
            background-color:#26ca31;
            }
#contactcontent { margin-bottom: 0; height: 186px; background: transparent url(images/socal-bg.color.jpg) no-repeat bottom;}
#networkcontent { margin-bottom: -10px; background: transparent url(images/socal-bg.color.jpg) no-repeat bottom;}
#whatsupcontent { text-align: left; height: auto; color: #fff; }

.heading { font-size: 20px;}

a, a:visited { text-decoration:none; color: #ffff00;}
a:hover { color:#ffffff}
a {outline: none;}
a img {border: 0; outline: none;}

#networkcontent a { color: #cc0000 }
#networkcontent a:hover { color: #000000 }
.cap {
     float: left;
     width: auto;
     font-size: 32px;
     line-height: 28px;
     color:#666666;
}

#thumbs { margin: 5px 20px 0px 20px; width: auto;  height: 38px; overflow: visible;}

.thumb {  float: left; margin: 0; padding: 0px; margin-left: 5px; width: 36px; height: 36px;
        background: #000000; border: 1px solid #000000; overflow: hidden; } /* ridiculous ie fix for div size */