h1 {
	text-align:left;
	font-family: Helvetica, Arial, sans-serif; 
	color: #630; 
	font-size: 40px; 
	}
h2 {
	text-align:center;
	font-family: Helvetica, Arial, sans-serif; 
	color: #630; 
	font-size: 120%; 
	}
Catagory {
	Text-align:left;
	font-family: Helvetica, Arial, sans-serif; 
	color: #630; 
	font-size: 150%; 
	}
p2 {
       font-family: Arial, Helvetica, sans-serif;
       color: #963;
       Text-align: Left;
	   font-size: 80%;
       }
p {
       font-family: Arial, Helvetica, sans-serif;
       color: #963;
       }
.bodytextheader {
	color: #963;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
}
.bodytextheadercenter { 
		font-family: Arial, Helvetica, sans-serif;
       color: #963;
       Text-align: center;
	   font-weight:bold;
	   font-size: 120%;
       }
.bodytext {
       font-family: Arial, Helvetica, sans-serif;
       color: #963;
       margin-left: 80%;
	    }
.bodytextcenter {
	font-family: Arial, Helvetica, sans-serif;
	color: #963;
	margin-center: 80%;
	text-align: center;
       }	
.name {
	font-family: Arial, Helvetica, sans-serif;
	color: #630;
	Text-align: left;
	font-size: 160%;
	font-weight: bolder;
       }
.namecenter {
	font-family: Arial, Helvetica, sans-serif;
	color: #630;
	Text-align: left;
	font-size: 160%;
	font-weight: bolder;
       }
td {
       font-family: Arial, Helvetica, sans-serif;
       color: #963;
       margin-left: 80%;
       }	
tr {
       font-family: Arial, Helvetica, sans-serif;
       color: #963;
       margin-left: 80%;
       }	
#wrapper #mainbody table .bodytext  {
	font-family: Arial, Helvetica, sans-serif;
	color: #963;
	margin-left: 80%;
	text-align: right;
       }	
<link href="file:///C|/Documents and Settings/ArtDept/Desktop/DW-Maxx Web/development/Index_New Site/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

#topbar {
	position:relative;
	left:0px;
	top:35px;
	width:100%;
	height:70px;
	z-index:1;
	background-color: #d2c7bc;
	margin-top:0px;
	background-image: url(../Images/background_bar.gif);
}
#wrapper {
	position:relative;
	top:-50px;
	width:900px;
	height:57px;
	z-index:2;
	margin: 0px auto;
	left: 0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:65px;
	z-index:2;
	background-color: #FFFFFF;
	background-image: url(../Images/nav_bg_03.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px auto;
}
#logolayer {
	position:absolute;
	left:7px;
	top:-5px;
	width:302px;
	height:62px;
	z-index:2;
}
#mainimage {
	position:absolute;
	top:-15px;
	width:900px;

}
#menu {
	position:absolute;
	left:313px;
	top:29px;
	width:578px;
	height:29px;
	z-index:2;
}
#mainbody {
	position:absolute;
	top:-50px;
	left:0px;
	top:70px;
	width:900px;
	height:602px;
	z-index:1;
	margin:0px auto;
}
.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	Text-align: left;
}
.bodytextheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	Text-align: left;
}
#footer {
	width:900px;
	height:31px;
	z-index:4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#963;
	text-align: right;
}
.phonenumber {
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
	Text-align: right;
	font-size: 160%;
	font-weight: bolder;
       }
 .phone {
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
	Text-align: right;
	font-size: 90%;
	font-weight: bolder;
       }


</style>
</head>

<body>
<div id="topbar">
	
</div>
<div id="wrapper">
	- logo and menu -
<div id="header">
		- logo -    
		<div id="logolayer"> <a href="http://www.maxxsunglasses.com/"><img src="../Images/MaxxHD_logo.png" alt="Maxx Sunglasses Logo" width="290" height="55" border="0" /></a>
</div>
        - menu -
		<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
  				<li class="MenuBarItemSubmenuHover"><a class="MenuBarHorizontal" href="#http://www.maxxsunglasses.com/products.htm">Products</a>
   				  <ul>
      					<li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">Golf</a>
   					    </span>
      					  <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
      					  </ul>
   					</li>
      					<li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">Lifestyle</a>
   					    </span>
      					  <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
      					  </ul>
      					</li>
                        <li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">Polarized</a>
                        </span>
                          <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                          </ul>
                        </li>
                        <li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">Rider</a>
                        </span>
                          <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                          </ul>
                        </li>
                        <li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">Premium</a>
                        </span>
                          <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                          </ul>
                        </li>
                        <li><span class="MenuBarHorizontal"><a href="#" class="MenuBarItemSubmenu">OTG</a>
                        </span>
                          <ul>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                            <li><span class="MenuBarHorizontal"><a href="#">Untitled Item</a></span></li>
                          </ul>
                        </li>
   				  </ul>
			  </li>
	      <li class="MenuBarItemSubmenuHover"><a href="#" class="MenuBarHorizontal">Technology</a></li>
  				<li class="MenuBarItemSubmenuHover"><a class="MenuBarItemSubmenu" href="#"><span class="MenuBarHorizontal">Marketing</span></a>
   				  <ul>
      					<li><a class="MenuBarItemSubmenu" href="#">Training Videos</a>
       					  <ul>
          						<li><a href="#">Item 3.1.1</a></li>
          						<li><a href="#">Item 3.1.2</a></li>
       					  </ul>
      					</li>
      					<li><a href="#">Success Guide</a></li>
                        <li><a href="#">Marketing tips</a></li>
                        <li><a href="#">How we can help</a></li>
   				  </ul>
  				</li>
			  <li class="MenuBarItemSubmenuHover">  				  <a href="#" class="MenuBarHorizontal">Company Info</a>              </li>	   

