/*****************************************************************/
/************************** RESET RULES **************************/
/*****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption {
	background: transparent;
	border: 0;
	font-size: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

form, input, input:focus, input:active {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline: 0;
}

body {
	background: #FFF url("./images/bubble4.jpg") center 0 no-repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6, p {
	line-height: 1.1em;
	padding: 10px 0;
}

a, span {
	line-height: 1.1em;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.0em;
}

h5 {
	font-size: 0.8em;
}

a, a:link, a:visited, a img {
	border: none;
	color: #F3B100;
	outline: none;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************ END RESET RULES ************************/

div#wrapper-main {
	background: none;
	margin: 0 auto;
	width: 997px;
}

/*****************************************************************/
/***************************** HEADER ****************************/
/*****************************************************************/

div#masthead {
	height: 161px;
	margin: 0 auto;
	width: 997px;
}

	div#masthead h1 {
		text-indent: -99999px;
	}

		div#masthead h1 a {
			background: transparent url("./images/logo.png") center top no-repeat;
			border: none;
			display: block;
			height: 161px;
			margin: 0 auto;
			position: relative;
			width: 159px;
			z-index: 200;
		}
		
	div#masthead h2 {
		text-indent: -99999px;
	}
	
	div#masthead div#nav-wrapper {
		background: transparent url("./images/nav-ui.png") 0 -69px no-repeat;
		height: 69px;
		margin: -170px 0 0 0;
		position: relative;
		width: 997px;
		z-index: 100;
	}

	div#masthead div#nav-wrapper-2 {
		background: transparent url("./images/nav-ui.png") right -138px no-repeat;
		height: 69px;
		width: 997px;
	}
	
		div#masthead div#nav-wrapper-2 ul {
			background: transparent url("./images/nav-ui.png") 0 0 repeat-x;
			height: 69px;
			list-style: none;
			margin: 0 15px;
			padding: 0 0 0 15px;
			text-align: center;
		}
		
			div#masthead div#nav-wrapper-2 ul li {
				display: inline;
			}
			
				div#masthead div#nav-wrapper-2 ul li a,
				div#masthead div#nav-wrapper-2 ul li a:link,
				div#masthead div#nav-wrapper-2 ul li a:visited {
					background: transparent url("./images/nav-ui.png") right -240px no-repeat;
					color: #000;
					display: inline-block;
					font-size: 1em;
					font-weight: 900;
					padding: 20px 20px 20px 5px;
					position: relative;
					top: 6px;
				}
				
				div#masthead div#nav-wrapper-2 ul li a:hover,
				div#masthead div#nav-wrapper-2 ul li a:active {
					color: #C00;
					text-decoration: none;
				}
				
				div#nav-wrapper-2 ul li.nav-left {
					float: left;
				}
				
				div#nav-wrapper-2 ul li.nav-right {
					float: right;
				}
				
				div#nav-wrapper-2 ul li.active a,
				div#nav-wrapper-2 ul li.active a:link,
				div#nav-wrapper-2 ul li.active a:visited {
					color: #C00 !important;
					cursor: text;
				}
				
				div#nav-wrapper-2 ul li.last a {
					background: none !important;
				}
				
div#content-wrapper {
	background: transparent url("./images/content-ui.png") 0 0 no-repeat;
	clear: both;
	margin: 15px auto;
	padding: 16px 0 0 0;
	width: 964px;
}

div#content-wrapper-2 {
	background: transparent url("./images/content-ui.png") -1928px bottom no-repeat;
	padding: 0 0 16px 0;
	width: 964px;
}

	div#content {
		background: transparent url("./images/content-ui.png") -964px 0 repeat-y;
		padding: 0 20px;
		width: 924px;
	}
	
		div#content div.column {
			border-left: 2px dashed #999;
			float: left;
			padding-left: 15px;
			width: 446px;
		}
		
			div#content div.first-col {
				border-left: none;
				margin-right: 15px;
				padding: 0;
			}
	
		div#content p {
			text-align: justify;
		}
		
		div#content img#soap-main {
			float: right;
		}
		
		div#all-products {
			margin: 15px auto;
			width: 870px;
		}
		
		div#content div.product {
			border-right: 2px dashed #999;
			float: left;
			margin-right: 15px;
			padding-right: 15px;
			width: 260px;
		}
		
		div#content div#col-3 {
			border: none;
			margin: 0;
			padding: 0;
		}
		
			div#content div.product h4 {
				text-align: center;
			}

			div#content div.product p.product-img {
				text-align: center;
			}
			
	form#testimonials span {
		padding-right: 15px;
	}
			
	input, textarea,
	input:focus, textarea:focus {
		border: 2px solid #FC0;
		color: #676767;
		font-size: 1em;
		font-weight: 900;
		height: 20px;
		margin: 10px 0;
		width: 200px;
	}
	
	textarea, textarea:focus {
		color: #676767;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 900;
		height: 150px;
		width: 92%
	}

div#footer {
	clear: both;
	margin: 0 auto;
	width: 997px;
}

	div#footer ul {
		list-style: none;
		text-align: center;
	}
	
		div#footer ul li {
			display: inline;
		}
		
			div#footer ul li a,
			div#footer ul li a:link,
			div#footer ul li a:visited {
				color: #000;
				padding: 7px;
			}
			
			div#footer ul li a:hover,
			div#footer ul li a:active {
				color: #F3B100;
			}
			
p#copyright {
	color: #FFF;
	font-size: 0.8em;
	margin-top: 10px;
	text-align: center;
}