@import url("reset.css");
body {
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff;
}
/* this class is assigned and controlled by javascript */
body.background {
	background: url(../img/corner_design.jpg) no-repeat fixed bottom left;
}
p {
	margin: 0 0 1em;
	line-height: 1.3em;
}
h3 {
	margin: 0 0 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #78a22f;
}
h4 {
	margin: 0 0 1px;
}
h4 a {
	color: #444;
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}
ul {
	margin: 0 0 1em 16px;
	list-style-type: disc;
}
ul li {
	margin-bottom: .5em;
	line-height: 1.4em;
}
ol li {
	margin-bottom: .7em;
	line-height: 1.4em;
}
dl {
	margin: 0 0 1em;
}
dt {
	margin: 0 0 .4em;
	font-weight: bold;
}
dd {
	margin: 0 0 1em;
	line-height: 1.4em;
}	
a {
	color: #5788c0;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
table {
	margin: 0 0 1em;
}
td {
	padding: 3px;
}

/* page
******************************************************************/
#wrapper {
	background: url(../img/body_bg.jpg) repeat-x;
}
#page {
	margin: 0 auto;
	text-align: left;
	width: 919px;
	position: relative;
	background: url(../img/page.jpg) no-repeat;
}

/* header
******************************************************************/
#header {
	height: 125px;
	position: relative;
}
#header h1 a {
	display: block;
	text-indent: -9000px;
	width: 160px;
	height: 100px;
	position: absolute;
	top: 16px;
	left: 38px;	
}

/* nav
******************************************************************/
ul#nav {
	margin: 0 0 0 277px;
	padding: 0;
	list-style-type: none;
}
ul#nav li {
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
}
ul#nav a {
	width: 120px;
	height: 125px;
	display: block;
	text-decoration: none;
	text-indent: -9000px;
}

/* main
******************************************************************/
#main {
	padding: 40px 0 20px;
}
#main-top {
	height: 13px;
	background: url(../img/main_top.png) repeat-y;
}
#main-mid {
	padding: 15px 10px 20px 40px;
	background: url(../img/main.png) repeat-y;
	overflow: hidden;
}
#main-btm {
	height: 17px;
	background: url(../img/main_btm.png) repeat-y;
}
#content {
	float: left;
	width: 585px;
}
#content .column1 {
	float: left;
	width: 350px;
}
#content .column2 {
	float: right;
	width: 224px;
	font-style: italic;
}
#aside {
	float: right;
	width: 220px;
}

/* headings
******************************************************************/
h2 {
	margin: 0 0 4px;
	text-indent: -9000px;
}
h2#hdg_visit {
	height: 26px;
	background: url(../img/txt_visit.png) no-repeat;
}
h2#hdg_contact {
	margin: 0 0 10px;
	height: 16px;
	background: url(../img/txt_contact.png) no-repeat;
}	
h2#hdg_smell {
	height: 48px;
	background: url(../img/txt_smell.png) no-repeat;
}
h2#hdg_plant {
	height: 47px;
	background: url(../img/txt_plant.png) no-repeat;
}
h2#hdg_embrace {
	height: 49px;
	background: url(../img/txt_embrace.png) no-repeat;
}
h2#hdg_flex {
	height: 47px;
	background: url(../img/txt_flex.png) no-repeat;
}
h2#hdg_deskside {
	height: 47px;
	background: url(../img/txt_deskside.png) no-repeat;
}
h2#hdg_related {
	margin: 0 0 10px;
	height: 23px;
	background: url(../img/txt_related.png) no-repeat;
}

/* home page
******************************************************************/
#home #wrapper {
	background: url(../img/home_body_bg.jpg) repeat-x;
}
#home #page {
	padding: 160px 0 0;
	width: 970px;
	background: url(../img/home_page.jpg) no-repeat 0 58px;
}
#home #header {
	height: 246px;
}
#home #header h1 a {
	display: none;	 
}
#home ul#nav {
	margin: 0 0 0 328px;
}
#home ul#nav li {
	padding: 0 0 0 8px;
}
#home ul#nav a {
	width: 120px;
	height: 246px;
}
#home #title {
	position: absolute;
	top: 37px;
	left: 25px;
}
#home #title h2 {
	margin: 0 0 3px;
	width: 457px;
	height: 45px;
	background: url(../img/home_title.png) no-repeat;
}
#home #title p {
	margin: 0 0 0 4px;
	width: 430px;
	font: normal 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#home #callout {
	position: absolute;
	top: 72px;
	left: 617px;
	width: 325px;
}
#home #callout h2 {
	margin: 0 0 1px;
	height: 28px;
	background: url(../img/txt_office.png) no-repeat;
}
#home #callout p {
	margin: 0 0 0 4px;
	font: normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#home #main {
	padding: 25px 0 0;
	overflow: hidden;
}
#home #content {
	margin: 0 55px 0 0;
	padding: 13px 25px 0;
	width: 465px;
	height: 326px;
	float: right;
	background: url(../img/home_content.png) no-repeat;
}
#home #content .column1 {
	float: left;
	width: 210px;
}
#home #content .column2 {
	float: right;
	width: 210px;
	font-style: normal;
}
#home #aside {
	margin: 0 0 0 58px;
	padding: 23px 0 0;
	width: 255px;
	float: none;
}
#home h3 {
	margin: 0;
	text-indent: -9000px;
	height: 18px;
}
h3#hdg_elixir {
	background: url(../img/txt_elixir.png) no-repeat;
}
h3#hdg_beauty {
	background: url(../img/txt_beauty.png) no-repeat;
}
h3#hdg_aroma {
	background: url(../img/txt_aroma.png) no-repeat;
}
h3#hdg_relaxation {
	background: url(../img/txt_relaxation.png) no-repeat;
}


/* misc
******************************************************************/
img.left {
	margin: 0 15px 10px 0;
	float: left;
}
img.block {
	margin: 0 0 15px;
}
ul.blanks {
	margin-left: 0;
	list-style-type: none;
}
.hide {
	display: none;
}