/*

(c) 2005 Mark Winkler
-------------------------------------------
CSS Design by Mark Winkler http://www.winklergraphics.com

*/

/*___________ GENERAL ____________ */


p 
	{
	color: #666699;
	font-family: arial, Trebuchet, Trebuchet MS, sans-serif;
	font-size: .85em;
	line-height: 1.2em;
	}
	

img
	{
	border: none;
	}

h1
	{
	width: 150px;
	height: 130px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	}
	
h1 a
	{
	display: block;
	width: 150px;
	height: 130px;
	background: url(media/jentsoap_logo.gif) no-repeat;
	border: none;
	}

h2
	{
	color: #ffffcc;
	font-family: arial, Trebuchet, Trebuchet MS, sans-serif;
	font-size: 1.0em;	
	font-weight: bold;
	line-height: 3em;
	}


a
	{
	font-family: arial, Trebuchet, Trebuchet MS, sans-serif;
	color: #666699;
	text-decoration: none;
	border-bottom: 1px solid #666699;
	outline: none;
	}
	
a:hover
	{
	color: #9999CC;
	border-bottom: 1px solid #9999CC;
	}
h1 a:hover
	{
	border: none;
	}	
ul
	{
	padding: 0;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	}	
	
ul.menu
	{
	margin: 0;
	padding: 0;
	width: 150px;
	height: 320px;
	position: absolute;
	top: 130px;
	left: 0px;
	list-style: none;
	}
	
ul.menu li
	{
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
	}
	
	
ul.menu li a
	{
	display: block;
	text-indent: -10000px;
	float: left;
	border: none;
	}	

ul.menu li#home a
	{
	background: url(media/but_home_css.gif) no-repeat;
	width: 150px;
	height: 25px;
	margin-top:10px;
	}
ul.menu li#home a:hover
	{
	background-position: 0 -25px;
	}
		
ul.menu li#soap a
	{
	background: url(media/but_soap_css.gif) no-repeat;
	width: 150px;
	height: 57px;
	}	
ul.menu li#soap a:hover
	{
	background-position: 0 -57px;
	}
	
ul.menu li#candles a
	{
	background: url(media/but_candles_css.gif) no-repeat;
	width: 150px;
	height: 35px;
	}
ul.menu li#candles a:hover
	{
	background-position: 0 -35px;
	}
		
ul.menu li#baby a
	{
	background: url(media/but_baby_css.gif) no-repeat;
	width: 150px;
	height: 37px;
	}
ul.menu li#baby a:hover
	{
	background-position: 0 -37px;
	}
	
ul.menu li#bath a
	{
	background: url(media/but_bath_css.gif) no-repeat;
	width: 150px;
	height: 35px;
	}
ul.menu li#bath a:hover
	{
	background-position: 0 -35px;
	}
	
ul.menu li#lotion a
	{
	background: url(media/but_lotion_css.gif) no-repeat;
	width: 150px;
	height: 56px;
	}
ul.menu li#lotion a:hover
	{
	background-position: 0 -56px;
	}
				
ul.menu li#about a
	{
	background: url(media/but_about_css.gif) no-repeat;
	width: 150px;
	height: 37px;
	}
ul.menu li#about a:hover
	{
	background-position: 0 -37px;
	}
		
ul.menu li#contact a
	{
	background: url(media/but_contact_css.gif) no-repeat;
	width: 150px;
	height: 38px;
	}
ul.menu li#contact a:hover
	{
	background-position: 0 -38px;
	}	

	
/*td
	{
	font-size: 80%;
	line-height: 100%;
	}*/
td#footer
	{
	font-size: .8em;
	line-height: 1.4em;
	}


	
/*__________SECTIONS_____________*/	

	
/*___________ MENU ____________ */

	
/* illustration */
/*body#illustration2 ul.menu li#illustration a { background-image: url(../img/tab_illustration.gif); }*/	
body#home2 ul.menu li#home a { background-position: 0 -25px; }
body#home2 ul.menu li#home a:hover { cursor: default; background-position: 0 -25px; }

/* web */

/*body#web2 ul.menu li#web a { background-image: url(../img/tab_web.gif); }*/

body#web2 ul.menu li#web a { background-position: 0 -72px; }
body#web2 ul.menu li#web a:hover { cursor: default; background-position: 0 -72px; }

/* print */

/*body#print2 ul.menu li#print a { background-image: url(../img/tab_print.gif); }*/

body#print2 ul.menu li#print a { background-position: 0 -72px; }
body#print2 ul.menu li#print a:hover { cursor: default; background-position: 0 -72px; }

/* flash */

/*body#flash2 ul.menu li#flash a { background-image: url(../img/tab_flash.gif); }*/

body#flash2 ul.menu li#flash a { background-position: 0 -72px; }
body#flash2 ul.menu li#flash a:hover { cursor: default; background-position: 0 -72px; }

/* about */

/*body#about2 ul.menu li#about a { background-image: url(../img/tab_about.gif); }*/

body#about2 ul.menu li#about a { background-position: 0 -37px; }
body#about2 ul.menu li#about a:hover { cursor: default; background-position: 0 -37px; }

/* contact */

/*body#contact2 ul.menu li#contact a { background-image: url(../img/tab_contact.gif); }*/

body#contact2 ul.menu li#contact a { background-position: 0 -38px; }
body#contact2 ul.menu li#contact a:hover { cursor: default; background-position: 0 -38px; }

/*___________ FORM ____________ */


form
	{
	margin: 1em 0;
	padding: 0;
	text-align: center;
	}

.formbg
	{
	left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #E0DCE3;
	border-bottom: 3px double #ffffff;
	width: 100%;
	vertical-align: middle;
	}

label
	{
	text-align:right;
	width:150px;
	float:left;
	/*padding:0.2em;*/
	margin:0;
	/*margin-top:0.3em;
*/	
	}
		
input.inp
	{
	margin-right: 80px;
	width: 60%;
	border: 1px solid #ccc;
	padding: 3px;
	background: #fff;
	font: x-small trebuchet, trebuchet MS, arial, sans-serif;
	color: #644F90;
	outline: none;
	/*float: right;*/
	vertical-align: middle;
	}
	
textarea
	{
	margin-right: 80px;
	width: 60%;
	border: 1px solid #ccc;
	padding: 3px;
	background: #fff;
	font: x-small trebuchet, trebuchet MS, arial, sans-seriff;
	color: #644F90;
	outline: none;
	}
	
input.btn
	{
	padding: 0 5px 3px 5px;
	font: x-small trebuchet, trebuchet MS, arial, sans-serif;
	color: #644F90;
	margin: 8px 0;
	}