/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari                                     */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------- */
/* BASIC ELEMENTS ---------------------------------------------------------------------- */



body {
	margin: 0;
	padding: 0;
	background: #CDB3E2 url(../images/bg.gif) top left repeat-x;
}


p, li, div, h1, h2, h3, th, td, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


th {
	background-color: #7363AD;
	font-weight: bold;
	color: #FFFFFF;
}


h1, h2#news, h2#marketing {
	font-size: 12px;
	color: #1D5685;
}
h2 {
	font-size: 12px;
	color: #719096;
}


div, ul, dl {
	margin: 0;
	padding: 0;
}


a:link, a:visited {
	color: #1D5685;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8083BF;
	text-decoration: underline;
}

.balloon_title {
	color: #716BA8;
	font-size: 14px;
	font-weight: bold;
}

span.balloon a:link, span.balloon a:visited, span.balloon a:active {
	font-size: 16px;
	font-weight: bold;
	color: #528261;
	text-decoration: underline;
}
span.balloon a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #1D5685;
	text-decoration: underline;
}

#wrapper {	
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url(../images/main_bg.jpg) top left repeat-y;
}


#wrapper-sub {	
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url(../images/sub_bg.jpg) top left repeat-y;
}


#sub-menu {
	width: 760px;
	height: 26px;
	text-align: right;
	background:  url(../images/sub-menu/bg_sub_menu.gif) top left repeat-x;
}
	#sub-menu a:link, #sub-menu a:visited {
		text-decoration: none;
	}
	#sub-menu a:hover, #sub-menu a:active {
		text-decoration: none;
	}
	#sub-menu ul {
		margin: 0;
		padding: 0 0 0 7px;
		list-style: none; 
		line-height: 22px;

	}
	#sub-menu li {	
		margin: 0;
		padding: 0 0 0 25px;
		list-style: none;
		display: inline;
	}
	
	#sub-menu li.home {
		background: transparent url(../images/sub-menu/home.gif) 10px 3px no-repeat;
	} 
	#sub-menu li.site-map {
		background: transparent url(../images/sub-menu/site_map.gif) 10px 3px no-repeat;
	} 
	#sub-menu li.contact {
		background: transparent url(../images/sub-menu/contact.gif) 10px 3px no-repeat;
	} 


#content {
	width: 760px;
}
	#content-left {
		width: 214px;
		float: left;
		text-align: center;
	}
		#content-left p {
			margin-left: 10px;
			margin-right: 10px;
		}
		
		#menu, #seminarDates {
			width: 100%;
			text-align: right;
		}
		#menu a:link, #menu a:visited {
			color: #000000;
			text-decoration: none;
		}
		#menu a:hover, #menu a:active {
			color: #CDB3E2;
			text-decoration: none;
		}
			#menu ul {
				line-height: 28px;
			}
			#seminarDates ul {
	line-height: 18px;
	font-weight: bold;
			}
			#menu li {
				background: url(../images/bg_menu.gif) no-repeat left center;
				list-style: none;
				margin: 0;
				padding: 0 25px 0 0;
				font-size: 12px;
			}
			#seminarDates li {
				background: url(../images/bg_seminar_dates.gif) no-repeat left 15px;
				list-style: none;
				margin: 10px 0;
				padding: 0 25px 0 0;
				font-size: 12px;
			}
			#seminarDates li span {
	font-size: 10px;
	font-weight: normal;
			}
	
	
	#content-right {
		width: 546px;
		float: left;
	}
		#content-right p, #content-right h1, #content-right h2, #content-right h3, #content-right li {
			margin-left: 40px;
			margin-right: 45px;
		}			
		
		#content-right li {
			margin-left: 60px;
			margin-right: 45px;
		}			
		
		#welcome-container {
			width: 546px;
			background: url(../images/welcome_bg1.jpg) top left repeat-y;
		}
			#welcome {
				width: 546px;
				background: url(../images/welcome_bg2.jpg) top left no-repeat;
				padding: 125px 0 10px 0;
			}
			#welcome p, #welcome h1, #welcome h2{
				margin-left: 40px;
				margin-right: 165px;
			}

		#discover {
			width: 296px;
			float: left;
		}
			#discover p, #discover h1{
				margin-left: 25px;
				margin-right: 15px;
			}
			
		#discover h2 {margin-left: 25px; margin-right: 15px; color: #1D5685}
		
		#skin-care {
			width: 250px;
			float: left;
		}
			#skin-care p, #skin-care h1 {
				margin-left: 15px;
				margin-right: 45px;
			}


#main-footer {
	background: url(../images/main_footer.jpg) top left no-repeat;
	width: 760px;
	height: 30px;
	clear: both;
}
#sub-footer {
	background: url(../images/sub_footer.jpg) top left no-repeat;
	width: 760px;
	height: 30px;
	clear: both;
}
#footer {
	width: 710px;
	margin: 0px auto;
	padding: 8px;
	border: none;
	text-align: center;
	background: transparent;
}
	#footer ul {
		margin: 0px;
		padding: 0px;
	}
	#footer li { 
		margin: 0; 
		padding: 0; 
		list-style: none; 
		display: inline;
		font-size: 11px;
	}


.clear {
	height: 0; 
	overflow: hidden; 
	clear: both;
}

#book {
	background: url(../images/book_cover.jpg) left top no-repeat;
	width: 149px;
	height: 200px;
	float: right;
	margin-right: 35px;
}


/* ------------------------------------------------------------------------------------- */
/* MISC LAYOUT ELEMENTS ---------------------------------------------------------------- */


input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #8083BF;
}


.quickcontact {
	width: 150px;
}


.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}


.big-form label {
	text-align: right;
	width: 140px;
	padding-right: 20px;
}


.big-form br {
	clear: left;
}
#seminarScheduleBody li {
	font-size: 14px;
	margin-top: 5px;
}