body    { background-color: #999 }
*       { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
link {cursor: crosshair; }
#wrap       { background-color: white; margin-left: -375px; position: absolute; left: 50%; width: 750px }

/* start horizontal menu */
#nav     { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #36c; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; display: block; margin-top: 20px; margin-left: 20px; width: 730px; height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#nav span  { color:#000000; }
#nav ul      { display: block; margin: 0 0 0 5px; height: 20px }
#nav li       { font-weight: bold; list-style-type: none; display: block; margin-top: 4px; padding: 0 10px; position: relative; height: 12px; float: left; vertical-align: middle; border-right: 1px solid black }
#nav li:first-child   { }
#nav li:hover    { }
#nav a      { color: #ccc; font-weight: bold; text-decoration: none; display: block; padding-top: 0; padding-bottom: 0 }
#nav a:hover   { color: white }
/* end horizontal menu */

#nav ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #nav ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #nav ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

#nav ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
#header { color: white; font-size: 18px; font-weight: normal; background-color: white; background-image: url("images-css/header.jpg"); background-repeat: no-repeat; background-position: 0 -100px; text-align: right; margin-top: 15px; margin-bottom: 50px; margin-left: 20px; width: 710px; height: 25px }
#header img { border-width: 0; }

.clearfloats { clear: both }

#footer                  { color: black; font-size: 9px; font-weight: normal; margin-top: 40px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; width: 730px; clear: both; border-top: 1px solid }
#copyright     { color: #666; font-size: 8px; margin-left: 20px; padding-bottom: 20px; width: 710px; vertical-align: bottom }

a:link      { color: #36c; text-decoration: underline }
a:visited      { color: #000; text-decoration: underline }
a:hover          { color: black; text-decoration: none }
a:active    { color: #000; text-decoration: none }

/* styles for photo mouseovers */
#cat-photo  { color: black; font-size: 10px; text-align: center; border: 0; padding: 0; margin-top: 17px; margin-right: 40px; margin-bottom: 0; margin-left: 20px; width: 170px; float: left }
#cat-photo h1 { font-weight: bold; font-size: 11px; color: #36c; padding-top: 3px; }
#cat-photo p { padding-bottom: 50px }
/* end styles for photo mouseovers */


/* styles for category pages */
#cat-link  { color: #36c; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-left: 20px }
#cat-link a:link, a:visited, a:active  { color: black; font-weight: normal }
#cat-link a:hover  { color: #36c; font-weight: normal }

#cat-col1, #cat-col2 { margin-right: 10px; width: 240px; float: left }
.companyname  { font-size: 11px; font-weight: bold; padding-top: 25px }
.companyinfo  { font-size: 11px; line-height: 14px; }

/* end styles for category pages */

#column1 { font-size: 11px; font-family: line-height: 24px; padding-right: 20px; padding-left: 20px; width: 530px; float: left }
#column1 p { font-size: 10px; font-weight: normal; line-height: 16px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 20px; padding-bottom: 5px; padding-left: 0; }
#column1 h2 { font-size: 11px; font-weight: bold; text-align: left; padding-bottom: 5px; }

#sidebar    { color: #000; background-image: url(images-css/sidebarfade.jpg); background-repeat: repeat-y; width: 180px; float: right; border-top: 30px solid #fc0; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-position: left top; }
#sidebar h1   { color: black; font-size: 12px; font-weight: bold; line-height: 16px; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; margin-top: -32px; padding-bottom: 20px }
#sidebar p  { font-size: 10px; font-weight: normal; line-height: 20px; margin-top: 0; margin-bottom: 0; padding: 5px 20px 5px 10px }