body {
       width: 1200px;
       height: 600px;
       background-image: url('Images/Backgrounds/Background.png');
     }

hr {  
      color: #979797;
      background-color: #979797;
      height: 3px;
   }


#container {
             width: 1220px;
             height: 765px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#logo {
        width: 400px;
        height: 108px;
        margin-left: 0px;
        margin-top: 40px;
        border-width: 0px;
        border-style: solid;
        border-color: #000000;
      }
	  
#starburst {
            width: 150px;
            height: 80px;
            margin-left: 110px;
            margin-top: 15px;
            border-width: 0px;
            border-style: solid;
            border-color: #000000;
          }
#text {
            width: 120px;
            height: 20px;
            margin-left: 130px;
            margin-top: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #000000;
          }
		  
#image{
        width: 1000px;
        height: 800px;
        margin-left: 110px;
        margin-top: 60px;
        background-image: url('Images/Backgrounds/GreyBackground.png');
        border-width: 0px;
        border-style: solid;
        border-color: #000000;
      }

#greysquare_2 {
              width: 1000px;
              height: 550px;
              margin-left: 110px;
              margin-top: 60px;
              background-image: url('Images/Backgrounds/GreyBackground_2.png');
              border-width: 0px;
              border-style: solid;
              border-color: #000000;
            }

#greysquare_3 {
              width: 1000px;
              height: 600px;
              margin-left: 110px;
              margin-top: 60px;
              background-image: url('Images/Backgrounds/GreyBackground_3.png');
              border-width: 0px;
              border-style: solid;
              border-color: #000000;
            }

#greysquare_4 {
              width: 1000px;
              height: 820px;
              margin-left: 110px;
              margin-top: 60px;
              background-image: url('Images/Backgrounds/GreyBackground_4.png');
              border-width: 0px;
              border-style: solid;
              border-color: #000000;
            }

#greysquare_5 {
              width: 1000px;
              height: 900px;
              margin-left: 110px;
              margin-top: 60px;
              background-image: url('Images/Backgrounds/GreyBackground_5.png');
              border-width: 0px;
              border-style: solid;
              border-color: #000000;
            }

#greysquare_6 {
              width: 1000px;
              height: 960px;
              margin-left: 110px;
              margin-top: 60px;
              background-image: url('Images/Backgrounds/GreyBackground_6.png');
              border-width: 0px;
              border-style: solid;
              border-color: #000000;
            }

#square{
        width: 700px;
        height: 500px;
        margin-left: 280px;
        margin-top: 60px;
        background-image: url('Images/Backgrounds/GreySquare.png');
        border-width: 0px;
        border-style: solid;
        border-color: #000000;
      }

#foilpaper {
             width: 200px;
             height: 300px;
             margin-left: -735px;
             margin-top: 40px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#clocks {
             width: 200px;
             height: 800px;
             margin-left: -735px;
             margin-top: 40px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#businesscards {
                 width: 200px;
                 height: 250px;
                 margin-left: -735px;
                 margin-top: 20px;
                 border-width: 0px;
                 border-style: solid;
                 border-color: #000000;
               }

#foldercolors {
                width: 200px;
                height: 250px;
                margin-left: -735px;
                margin-top: -160px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#acrylic {
                width: 200px;
                height: 250px;
                margin-left: -700px;
                margin-top: -350px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#watches {
                width: 900px;
                height: 300px;
                margin-left: 0px;
                margin-top: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#portables {
                width: 700px;
                height: 300px;
                margin-left: -20px;
                margin-top: 100px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#certificates {
                width: 200px;
                height: 250px;
                margin-left: -700px;
                margin-top: -320px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright {
                width: 500px;
                height: 50px;
                margin-left: 80px;
                margin-top: 170px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright_1 {
                width: 500px;
                height: 50px;
                margin-left: 80px;
                margin-top: 140px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright_2 {
                width: 500px;
                height: 50px;
                margin-left: 140px;
                margin-top: 230px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright_3 {
                width: 500px;
                height: 50px;
                margin-left: 100px;
                margin-top: 40px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright_4 {
                width: 500px;
                height: 50px;
                margin-left: 0px;
                margin-top: -10px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#copyright_5 {
                width: 500px;
                height: 50px;
                margin-left: -170px;
                margin-top: 60px;
                border-width: 0px;
                border-style: solid;
                border-color: #000000;
              }

#content {
             width: 700px;
             height: 400px;
             margin-left: 0%;
             margin-top: 7%;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#inside {
             width: 700px;
             height: 630px;
             margin-left: 200px;
             margin-top: -300px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#inside_2 {
             width: 700px;
             height: 630px;
             margin-left: 250px;
             margin-top: -300px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#inside_3 {
             width: 700px;
             height: 630px;
             margin-left: 200px;
             margin-top: -800px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#inside_4 {
             width: 850px;
             height: 850px;
             margin-left: 0px;
             margin-top: 30px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#formPhrase {
             width: 900px;
             height: 45px;
             margin-left: -200px;
             margin-top: 350px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#form1 {
             width: 400px;
             height: 175px;
             margin-left: -735px;
             margin-top: 80px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#form2 {
             width: 500px;
             height: 330px;
             margin-left: 200px;
             margin-top: -185px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#form3 {
             width: 400px;
             height: 200px;
             margin-left: -730px;
             margin-top: -120px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#form4 {
             width: 300px;
             height: 80px;
             margin-left: 200px;
             margin-top: 75px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }

#google {
             width: 500px;
             height: 100px;
             margin-left: -210px;
             margin-top: 20px;
             border-width: 0px;
             border-style: solid;
             border-color: #000000;
           }


body {
  margin:  0;
  padding: 5px;
}


#menu {
    width: 84.8%;
    height: 4.8%;
    margin-left: 300px;
    margin-top: -150px;
    background: #eee;
    float: left;
    }

#menu ul { 
  list-style-type: none;
  margin: 0;
  padding:3px;
  width: 10em;
  float: left;
}

#menu li {
  background-color: #eee;
  border: 2px solid #1A1A1A;
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

#menu a {
  text-decoration: none;
  color: #10558F;
  font-weight: bold;
  font-size: 8pt;
  font-family: Verdana, Arial, sans-serif;
}

#menu h2 {
    color: #10558F;
    background-color: #A2A2A2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    display: block;
    border: 3px solid #ccc #888 #555 #bbb;
    margin: 0;
    padding: 2px 3px;
    }

#menu li:hover {
  border: 3px solid #1A1A1A;   
 }

#menu a:hover {
  color: #AE0101;
}

#menu ul ul {
  position: absolute;
  visibility: hidden;
}

#menu li:hover > ul {
  visibility: visible;
}

/*Mouseover: display second level or third level pop-up*/

#menu li:hover ul, #menu li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#menu li:hover ul ul {
	visibility: hidden;
}