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

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

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

#hptop {
	width: 800px;
	float: left;
	margin-left: 56px;
	border: 0px solid red;
	}

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

#hptopright {
	float: left;
	width: 9px;
	height: 319px;
	background-image: url(images/hptopgradright.gif);
	background-repeat: no-repeat;
	}
	
h1#toptext {
      margin:20px 0 10px 38px; 
	  padding:0;
      font-family: "times new roman", serif;
	  font-size: 31px;
	  font-weight: normal!important;
	  color: #bf6129;
      }
	  

#toppics {
	width: 757px;
	}
	
#toppics ul {
	list-style-type: none;
	margin-left: -2px;
	margin-top: 0px;
	width: 720px;
	border: 1px 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: 768px;
	float: left;
	margin-left: 60px;
	border: 0px solid red;
	}

#pigmentsbycolor {
	margin: 0 0 15px 246px;
	}
	
#introclip {
	width: 757px;
	margin-left: 0px;
	border: 0px solid red;
	background-color: #fff3eb;
	border: 1px solid #ddd;
	margin-top: 10px;
	}
	
#introclip {
	text-align: center;
	}
	
#colorchart {
	margin-left:253px;
	margin-top: 20px;
	}
	
.offer {
	font-size: 14px;
	font-weight: bold;
	color: #a05903;
	}

.typeboxtop {
	top: 0;
	left: 0;
	height: 25px;
	padding: 0px;
	margin: 0;
	background-color: #6a9e76;
	}
	
.typeboxtext {
	padding: 5px 0 0 15px;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	
	}
	
.typeboxtext A:link {font-size: 12px; color: #fff; text-decoration:none; background: transparent; font-weight: bold;}
.typeboxtext A:visited {font-size: 12px; color: #fff; text-decoration:none; background: transparent; font-weight: bold;}
.typeboxtext A:hover {font-size: 12px; color: #fff; text-decoration:underline; background: transparent; font-weight: bold;}
	
#pigmentpiles {
	border: solid 1px #5a8564;
	padding-bottom: 0px;
	margin: 10px 0 20px 0;
	}
	
#pigmentpiles ul {
	margin-top: 6px;
	border: 0px solid red;
	float: left;
	width: 726px;
	}
	
#pigmentpiles li {
	list-style-type: none;
	border: 0px solid blue;
	float: left;
	margin-left: 15px;
	text-align:center;
	}
	
#pigmentpiles li.pigmentpilestop{
	list-style-type: none;
	border: 0px solid blue;
	float: left;
	margin-left: -30px;
	text-align:center;
	}
	
#pigmentpileseando A:link {font-size: 12px; text-decoration:none; padding-top: 4px; background: transparent; font-weight: bold;}
#pigmentpileseando A:visited {font-size: 12px; text-decoration:none; margin-top: 4px; background: transparent; font-weight: bold;}
#pigmentpileseando A:hover {font-size: 12px; text-decoration:underline; margin-top: 4px; background: transparent; font-weight: bold;}

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

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

#pigmentpilescolonials A:link {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
#pigmentpilescolonials A:visited {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
#pigmentpilescolonials A:hover {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
	
#pigmentpilesmayan A:link {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
#pigmentpilesmayan A:visited {font-size: 12px; text-decoration:none; background: transparent; font-weight: bold;}
#pigmentpilesmayan A:hover {font-size: 12px; text-decoration:underline; background: transparent; font-weight: bold;}
	
#hpfeature {
	width:770px;
	padding-top: 0;
	border: 0px solid grey;
	margin-left: 0px;
	}
	
#kits {
	float: left;
	height: 176px;
	width: 230px;
	border: 1px solid #6a9e76;
	}
	
#kits img, #binders img, #recipe img {
	margin: 4px 0 0 6px;
	}
	
#kits img {
	border: 1px solid #bbb;
	margin-left: 5px;
	}	
	
.boxtop {
	position: relative;
	top: 0;
	left: 0;
	width: 230px;
	height: 25px;
	padding: 0px;
	margin: 0;
	background-color: #6a9e76;
	}
	
.boxtext {
	padding: 5px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #888;
	}
	
.boxtext A:link {font-size: 12px; color: #fff; text-decoration:none; background: transparent; font-weight: bold;}
.boxtext A:visited {font-size: 12px; color: #fff; text-decoration:none; background: transparent; font-weight: bold;}
.boxtext A:hover {font-size: 12px; color: #fff; text-decoration:underline; background: transparent; font-weight: bold;}
	
#binders {
	float: left;
	margin-left: 38px;
	height: 176px;
	width: 230px;
	border: 1px solid #6a9e76;
	}

#recipe {
	float: right;
	height: 176px;
	width: 230px;
	border: 1px solid #6a9e76;
	}
	

	

	
#hptext {
	width:654px;
	margin-top: 20px;
	border: 0px solid grey;
	margin-left: 40px;
	}
	
.h2home {
	font-size: 13px;
	color: #a05903;
	}
	
.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;}
	
.h3homelead {
	font-weight: bold;
	color: #a05903;
	}
	
#hometrust {
	border: 0px dotted #5a8564;
	width:690px;
	margin-top: 30px;
	margin-left: 100px;
	
	}
	
#hometrust ul {
	display: inline;
	
	}
	
#hometrust li {
	float: left;
	margin-right: 20px;
	list-style-type: none;
	border: 0px solid red;
	padding: 6px;
	}
	
#summer {
	width: 700px;
	margin-left: 70px;
	padding: 4px;
	}