html {width: 100%;}
div {margin: 0px; padding: 0px;}
	img {margin: 0px; padding: 0px; display: block;}
	td {margin: 0px; padding: 0px;}
body {font-family: verdana, arial; font-size: 12px; color: #fff; }
.holder { height: 974px; text-align: center; width: 100%; margin-top: -404px;  }
.holder2 { height: 680px; text-align: center; width: 100%;   }
.holderind { height: 586px; text-align: center; width: 100%; background-image:url('images/index_back.gif'); background-repeat: repeat-x;   }
.foothold {width: 100%; height: 30px;}
.subfoot {width: 900px;   margin:0px auto;}
.holder3 {background-repeat: repeat-x; height: 590px; text-align: center; width: 100%; margin-top: 0px;  }
.footer { width: 811px; height: 15px; margin: 0px; clear: left; padding-top: 7px; text-align: right;}
.footerind { width: 880px; height: 15px; margin: 0px; clear: left; padding-top: 7px; text-align: right;}
.main {height: 448px; text-align: left; margin: 0 auto; width: 861px; background-color: #060708;}
.main2 { text-align: left; margin: 0 auto; width: 972px; }
.maintable {height: 448px; text-align: left; margin: 0 auto; width: 861px; background-color: #060708;}
.bottomnav { text-align:right; font-size: 9px; color: #454641;}
.phone {float: left;}
.bottomnav a{text-decoration: none; color: #454641;}
.bottomnav a:hover {text-decoration: underline;}
.subhold {width: 861px;   margin:0px auto; background-color: #000000;}
.subhold2 {width: 972px;   margin:0px auto;}
.subhold3 {width: 790px;   margin:0px auto;}
.header {float: left;}
.headerab {float: left; }
.header2 {float: left; margin-left: 121px;}
.header3 {float: left; margin-left: 45px;}
.navigation {float: left; color: #ABDCD4; font-size: 14px; font-weight: bold; margin-top: 55px;}
.navigation a{color:#ABDCD4; text-decoration: none;}
.navigation a:hover{text-decoration: underline; }
.mail {margin-left: 12px; float: left; margin-top: 57px;}
.search {float: left; margin-left: 7px;  height:45px;}
.searchbox {font-size: 9px; float: left; font-variant:small-caps; margin-top: 5px; }
.searchbox a {color: #fff; text-decoration: none;}
.searchbox a:hover { text-decoration: underline;}
.mainlinen {clear: both;}
.aboutmain {background-image:url('images/about_back.gif'); background-repeat: repeat-x; height: 455px;width: 5px;width: 972px; clear: left; text-align: left; }
.indexmain { background-repeat: repeat-x; height: 446px; clear: left; text-align: left;z-index: -1; margin-left: 105px;}
.searchmain {width: 100%; clear: left; text-align: left; margin: 0px; padding: 0px; padding-top: 120px; }
.searchmainaa {width: 100%; clear: left; text-align: left; margin: 0px; padding: 0px; padding-top: 55px; }
.aboutmainfaq {background-color: #ABDDD5; width: 972px; clear: left; text-align: left;}
.colorbar {width: 707px; height: 10px; margin-left: 206px;}
.centerabout {margin-left: 124px; margin-top: 32px; width: 770px; height: 352px;}
.centerfaq {margin-left: 124px; margin-top: 32px; width: 770px; height: 710px;}
.aboutnav {float: left; color: #060708; font-weight: bold; margin-top: 15px; margin-left: 20px; font-size: 11px;}
.aboutnav a{text-decoration: none; color: #060708; padding-left: 4px; padding-right: 4px;}
.aboutnav a:hover {text-decoration: underline;}
.abouttext{font-size: 13px; color: #fff; clear:both;  padding-top: 35px; line-height: 17px; text-align: left;}
.footer2 {width: 811px; height: 15px; margin-top: 50px; clear: both; margin-bottom: 20px; text-align: right;}
/***************************************/
/* here goes the vertical drop down css */
/* the horizontal menu starts here */
div#listmenu {
	width: 298px;	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	margin: 0px; padding:0px;
	margin-left: 10px;
	 text-align: left;
	 margin-top:54px;
	 background-color: #060708;
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#fff; /*sets the background of the menu items */
	padding: 0px; margin: 0px;
	}

div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 0px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#069;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:105px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left: 10px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:0 0 0px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	width: 69px;
	}
	body div#listmenu ul li ul li ul li {
	border-bottom: 1px solid #b2b2b2;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu 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  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:105px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:105px;
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  top:-1px;
  left:105px;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */
/* Begin indiviual images */
#nav1 {background-image:url('images/collect_nav.gif'); padding: 0px; margin:0px;}
#nav1:hover {background-image:url('images/collect_nav_r.gif'); padding: 0px; margin:0px;}
#nav2 {background-image:url('images/color_nav.gif'); padding: 0px; margin:0px;}
#nav2:hover  {background-image:url('images/color_nav_r.gif'); padding: 0px; margin:0px;}
#nav3 {background-image:url('images/name_nav.gif');padding: 0px; margin:0px;}
#nav3:hover {background-image:url('images/name_nav_r.gif'); padding: 0px; margin:0px;}
#nav4 {background-image:url('images/adv_nav.gif');padding: 0px; margin:0px;}
#nav4:hover {background-image:url('images/adv_nav_r.gif');padding: 0px; margin:0px;}
#nav5 {background-image:url('images/photo_nav.gif');padding: 0px; margin:0px;}
#nav5:hover {background-image:url('images/photo_nav_r.gif');padding: 0px; margin:0px;}
#nav6 {background-image:url('images/about_us_nav.gif');padding: 0px; margin:0px;}
#nav6:hover {background-image:url('images/about_us_nav_r.gif');padding: 0px; margin:0px;}
#nav7 {background-image:url('images/faq_nav.gif');padding: 0px; margin:0px;}
#nav7:hover {background-image:url('images/faq_nav_r.gif');padding: 0px; margin:0px;}
#nav8 {background-image:url('images/kudos_nav.gif');padding: 0px; margin:0px;}
#nav8:hover {background-image:url('images/kudos_nav_r.gif');padding: 0px; margin:0px;}
#nav9 {background-image:url('images/as_seen_nav.gif');padding: 0px; margin:0px;}
#nav9:hover {background-image:url('images/as_seen_nav_r.gif');padding: 0px; margin:0px;}
#nav10 {background-image:url('images/contact_nav.gif');padding: 0px; margin:0px;}
#nav10:hover {background-image:url('images/contact_nav_r.gif');padding: 0px; margin:0px;}
#nav11 {background-image:url('images/directions_nav.gif');padding: 0px; margin:0px;}
#nav11:hover {background-image:url('images/directions_nav_r.gif');padding: 0px; margin:0px;}
#nav12 {background-image:url('images/bella_nav.gif');padding: 0px; margin:0px;}
#nav12:hover {background-image:url('images/bella_nav_r.gif');padding: 0px; margin:0px;}
#nav13 {background-image:url('images/dolce_nav.gif');padding: 0px; margin:0px;}
#nav13:hover {background-image:url('images/dolce_nav_r.gif');padding: 0px; margin:0px;}
#nav14 {background-image:url('images/milano_nav.gif');padding: 0px; margin:0px;}
#nav14:hover {background-image:url('images/milano_nav_r.gif');padding: 0px; margin:0px;}
#nav15 {background-image:url('images/nuovo_nav.gif');padding: 0px; margin:0px;}
#nav15:hover {background-image:url('images/nuovo_nav_r.gif');padding: 0px; margin:0px;}
#nav16 {background-image:url('images/pompeii_nav.gif');padding: 0px; margin:0px;}
#nav16:hover {background-image:url('images/pompeii_nav_r.gif');padding: 0px; margin:0px;}
#nav17 {background-image:url('images/topaz_nav.gif');padding: 0px; margin:0px;}
#nav17:hover {background-image:url('images/topas_nav_r.gif');padding: 0px; margin:0px;}
#nav18 {background-image:url('images/tuscano_nav.gif');padding: 0px; margin:0px;}
#nav18:hover {background-image:url('images/tuscano_nav_r.gif');padding: 0px; margin:0px;}
#nav19 {background-image:url('images/beyond_nav.gif');padding: 0px; margin:0px;}
#nav19:hover {background-image:url('images/beyond_nav_r.gif');padding: 0px; margin:0px;}
#nav20 {background-image:url('images/white_nav.gif');padding: 0px; margin:0px;}
#nav21 {background-image:url('images/orange_nav.gif');padding: 0px; margin:0px;}
#nav22 {background-image:url('images/red_nav.gif');padding: 0px; margin:0px;}
#nav23 {background-image:url('images/green_nav.gif');padding: 0px; margin:0px;}
#nav24 {background-image:url('images/blue_nav.gif');padding: 0px; margin:0px;}
#nav25 {background-image:url('images/tan_nav.gif');padding: 0px; margin:0px;}
#nav26 {background-image:url('images/black_nav.gif');padding: 0px; margin:0px;}
#nav27 {background-image:url('images/multi_nav.gif');padding: 0px; margin:0px;}
#colors {width: 74px;}
#colors li {border-bottom: solid 1px white;}