/*=============================================================
  ==========                  Main                   ==========
  =============================================================*/
body
{
	color: #336600;
	margin: 0px;
	background-color: #FFF;
	background-image: url(../images/back.gif);
	background-repeat: repeat;
}

a:link
{
	color: #412718;
	text-decoration: none;
}

a:active
{
	color: #000;
	text-decoration: underline;
	font-style: italic;
}

a:visited
{
	color: #412718;
	text-decoration: none;
}

a:hover
{
	color: #000;
	text-decoration: underline;
	font-style: italic;
}

input,select,textarea
{
	font-size: 10px;
	color: #336600;
	font-family: Arial, Verdana, Helvetica;
	padding: 2px 4px 2px 4px;
}

td
{
	font-size: 11px;
	line-height: 15px;
	color: #336600;
	font-family: Arial, Verdana, Helvetica;
}

.head
{
	color: #99cc00;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 16px;
	font-family: AGaramond, Garamond, Times New Roman, Times;
	padding: 4px 0px 10px 0px;
}

.head2
{
	color: #336600;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 12px;
	font-family: AGaramond, Garamond, Times New Roman, Times;
}

.space
{
	font-size: 9px;
	color: #336600;
	line-height: 11px;
	font-family: Arial, Verdana, Helvetica;
	width: 100%;
	padding: 10px;
	text-align: left;
}

.small
{
	font-size: 9px;
	color: #336600;
	line-height: 11px;
	font-family: Arial, Verdana, Helvetica;
}

.line
{
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	background-image: url(../images/line.gif);
	border-width: 0px;
	font-size: 1px;
	background-repeat: repeat-x;
}

.contact {
	font: bold 10px Arial, Verdana, Helvetica;
}

.wedhead {
	font: bold 22px AGaramond, Garamond, "Times New Roman", Times;
	text-align: center;
}

.wedmain {
	font: normal 16px AGaramond, Garamond, "Times New Roman", Times;
	padding: 5px;
	color: #000;
	letter-spacing: 1px;
	line-height: 18px;
}

/*=============================================================
  ==========                Blog Link                ==========
  =============================================================*/
td#blog a, td#blog a:link, td#blog a:active, td#blog a:visited, td#blog a:hover
{
	color: #360;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Verdana, Times New Roman;
	text-decoration: none;
}

/*=============================================================
  ==========               Navigation                ==========
  =============================================================*/
#navBox a#home
{
	width: 155px;
	height: 38px;
	display: block;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#home
{
	background-image: url(../images/home_on.gif);
	background-repeat: no-repeat;
}

#navBox a#scented
{
	width: 212px;
	height: 37px;
	display: block;
	background-image: url(../images/scented.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#scented
{
	background-image: url(../images/scented_on.gif);
	background-repeat: no-repeat;
}

#navBox a#frag
{
	width: 212px;
	height: 38px;
	display: block;
	background-image: url(../images/frag.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#frag
{
	background-image: url(../images/frag_on.gif);
	background-repeat: no-repeat;
}

#navBox a#soap
{
	width: 212px;
	height: 37px;
	display: block;
	background-image: url(../images/soap.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#soap
{
	background-image: url(../images/soap_on.gif);
	background-repeat: no-repeat;
}

#navBox a#lotion
{
	width: 155px;
	height: 55px;
	display: block;
	background-image: url(../images/lotion.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#lotion
{
	background-image: url(../images/lotion_on.gif);
	background-repeat: no-repeat;
}

#navBox a#acc
{
	width: 155px;
	height: 53px;
	display: block;
	background-image: url(../images/acc.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#acc
{
	background-image: url(../images/acc_on.gif);
	background-repeat: no-repeat;
}

#navBox a#new
{
	width: 155px;
	height: 37px;
	display: block;
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#new
{
	background-image: url(../images/new_on.gif);
	background-repeat: no-repeat;
}

#navBox a#learn
{
	width: 155px;
	height: 53px;
	display: block;
	background-image: url(../images/learn.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#learn
{
	background-image: url(../images/learn_on.gif);
	background-repeat: no-repeat;
}

#navBox a#about
{
	width: 155px;
	height: 37px;
	display: block;
	background-image: url(../images/about.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#about
{
	background-image: url(../images/about_on.gif);
	background-repeat: no-repeat;
}

#navBox a#blog
{
	width: 212px;
	height: 98px;
	display: block;
	background-image: url(../images/blog.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#navBox a:hover#blog
{
	background-image: url(../images/blog_on.gif);
	background-repeat: no-repeat;
}