/* ##### homepage ##### */

#innerwrap {/* enables content first */
	float:left;
	width:900px;
	border: 0px solid green;
}

#centercontent {
	width: 896px;
	margin-top: 130px;
	border: 0px solid blue;
	}

#hptop {
	width: 757px;
	margin-left: 68px;
	border: 0px solid red;
	}

#hptopleft {
	float: left;
	width: 9px;
	height: 392px;
	background-image: url(images/hptopgradleft.gif);
	background-repeat: no-repeat;
	border: 0px solid #ccc;
	}
	
#hptopcenter {
	float: left;
	width: 738px;
	height: 392px;
	background-image: url(images/hptopgradcenter.gif);
	background-repeat: repeat-x;
	border: 0px solid #ccc;
	}

#hptopright {
	float: left;
	width: 9px;
	height: 392px;
	background-image: url(images/hptopgradright.gif);
	background-repeat: no-repeat;
	}
	
h1#discovertext {
      margin:20px 0 0 0; 
	  padding:0;
      position:relative;
      width:738px; height:80px;
      overflow:hidden;
	  font-family: "times new roman", serif;
	  font-size: 20px;
	  font-style: italic;
	  color: #a05903;
      }
h1#discovertext span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:738px; height:80px;
      margin:0; padding:0;
      background:url("images/hpcenter_discovertext3.jpg") top left no-repeat;
      }

#toppics ul {
	list-style-type: none;
	margin-left: -36px;
	margin-top: -25px;
	width: 738px;
	border: 0px solid #aaa;
	}
	
#toppics li {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	}
	
#toppics li a {
	margin-left: 30px;
	}
	
#toppicsleft A:link {font-size: 12px; text-decoration:none; margin-left: 76px; background: transparent; font-weight: bold;}
#toppicsleft A:visited {font-size: 12px; text-decoration:none; margin-left: 76px; background: transparent; font-weight: bold;}
#toppicsleft A:hover {font-size: 12px; text-decoration:underline; margin-left: 76px; background: transparent; font-weight: bold;}

#toppicscenter A:link {font-size: 12px; text-decoration:none; margin-left: 64px; background: transparent; font-weight: bold;}
#toppicscenter A:visited {font-size: 12px; text-decoration:none; margin-left: 64px; background: transparent; font-weight: bold;}
#toppicscenter A:hover {font-size: 12px; text-decoration:underline; margin-left: 64px; background: transparent; font-weight: bold;}

#toppicsright A:link {font-size: 12px; text-decoration:none; margin-left: 64px; background: transparent; font-weight: bold;}
#toppicsright A:visited {font-size: 12px; text-decoration:none; margin-left: 64px; background: transparent; font-weight: bold;}
#toppicsright A:hover {font-size: 12px; text-decoration:underline; margin-left: 64px; background: transparent; font-weight: bold;}

#hpmiddle {
	width: 757px;
	margin-left: 68px;
	border: 0px solid red;
	}

#pigmentsbycolor {
	margin-left:246px;
	margin-top: 30px;
	}

.typeboxtop {
	position: relative;
	top: 0;
	left: 0;
	width: 755px;
	height: 25px;
	padding: 0px;
	margin: 0;
	background-color: #fff3eb;
	border-bottom: 1px solid #fcdcc7;
	}
	
.typeboxtext {
	padding: 5px 0 0 15px;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #888;
	}
	
.typeboxtext A:link {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
.typeboxtext A:visited {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
.typeboxtext A:hover {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
	
#pigmentpiles {
	border: solid 1px #ddd;
	padding-bottom: 6px;
	margin: 10px 0 20px 0;
	}
	
#pigmentpiles ul {
	margin-left: -10px;
	margin-top: 0px;
	}
	
#pigmentpiles li {
	list-style-type: none;
	border: 0px solid red;
	float: left;
	margin: 0px;
	}
	
.empty {
	height: 5px;
	}
	
#pigmentpileseando A:link {font-size: 12px; text-decoration:none; margin-left: 26px; padding-top: 4px; background: transparent; font-weight: bold;}
#pigmentpileseando A:visited {font-size: 12px; text-decoration:none; margin-left: 26px; margin-top: 4px; background: transparent; font-weight: bold;}
#pigmentpileseando A:hover {font-size: 12px; text-decoration:underline; margin-left: 26px; margin-top: 4px; background: transparent; font-weight: bold;}

#pigmentpilesminerals A:link {font-size: 12px; text-decoration:none; margin-left: 60px; margin-top: 4px; background: transparent; font-weight: bold;}
#pigmentpilesminerals A:visited {font-size: 12px; text-decoration:none; margin-left: 60px; margin-top: 4px; background: transparent; font-weight: bold;}
#pigmentpilesminerals A:hover {font-size: 12px; text-decoration:underline; margin-left: 60px; margin-top: 4px; background: transparent; font-weight: bold;}

#pigmentpilesoxides A:link {font-size: 12px; text-decoration:none; margin-left: 70px; background: transparent; font-weight: bold;}
#pigmentpilesoxides A:visited {font-size: 12px; text-decoration:none; margin-left: 70px; background: transparent; font-weight: bold;}
#pigmentpilesoxides A:hover {font-size: 12px; text-decoration:underline; margin-left: 70px; background: transparent; font-weight: bold;}

#pigmentpilescolonials A:link {font-size: 12px; text-decoration:none; margin-left: 20px; background: transparent; font-weight: bold;}
#pigmentpilescolonials A:visited {font-size: 12px; text-decoration:none; margin-left: 20px; background: transparent; font-weight: bold;}
#pigmentpilescolonials A:hover {font-size: 12px; text-decoration:underline; margin-left: 20px; background: transparent; font-weight: bold;}
	
#hpfeature {
	width:754px;
	padding-top: 0;
	border: 0px solid grey;
	margin-left: 0px;
	}
	
#kits {
	float: left;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: 0px;
	height: 216px;
	width: 197px;
	border: 1px solid #ddd;
	}
	
.boxtop {
	position: relative;
	top: 0;
	left: 0;
	width: 197px;
	height: 25px;
	padding: 0px;
	margin: 0;
	background-color: #fff3eb;
	border-bottom: 1px solid #fcdcc7;
	}
	
.boxtext {
	padding: 5px 0 0 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #888;
	}
	
.boxtext A:link {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
.boxtext A:visited {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
.boxtext A:hover {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
	
#binders {
	float: left;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: 80px;
	height: 216px;
	width: 197px;
	border: 1px solid #ddd;
	}

#recipe {
	float: right;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: 0px;
	height: 216px;
	width: 197px;
	border: 1px solid #ddd;
	}
	
#recipe img, #kits img, #binders img {
	padding: 4px 0 0 4px;
	}
	
#hptext {
	width:654px;
	margin-top: 20px;
	border: 0px solid grey;
	margin-left: 40px;
	}
	
.h2home {
	font-size: 14px;
	font-weight: normal!Important;
	}
	
.h3home {
	font-size: 12px;
	font-weight: normal!Important;
	border: 0px solid red;
	margin-top: -10px;
	}
	
.h3home A:link {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
.h3home A:visited {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
.h3home A:hover {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}