@charset "UTF-8";
/* CSS Document */
/* Fix up IE6 PNG Support */
img, #logo { behavior: url("scripts/iepngfix.htc");}

/* 

Body-Styles 

*/

body {
	margin: 0px;
	padding: 0px;
	/*font-family: "Century Gothic", Verdana, Arial, Sans-Serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	color: #f1eede;
	font-size: 14px;
}
#main {
	background: url(images/header.png) repeat-x;
}
#sub-main {
	background: url(images/footer.png) repeat-x bottom;
}
#main .container {
	min-height: 570px;
	/*background: url(images/footer.png) bottom center no-repeat;*/
}
/*#footer {
	color: #FFFFFF;
	padding: 10px;
	padding-bottom: 0px;
	position: relative;
	font-weight: bold;
	height: 50px;
}*/
.container {
	width: 100%;
	margin: 0px auto;
	position: relative;
}

/*

Background-Style

*/

#background {
	bottom: 0px;
	left: 0px;
	overflow:hidden;
	position:fixed;
	z-index:-1;
	-moz-user-select: none;
	width: 100%;
	height:100%;
}
#background img {
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:-2;
	min-width: 1200px;
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
}

/* 

Body-Background-Styles (Products)

*/

body#personal_care {
	background-color: transparent;/* #260702;*/
	color: #000;
}
body#personal_care #main {
	background: url(images/header_personal.png) repeat-x;
	/*background-color: #260702;*/
}
/* siam */
body#siam_origin {
	background-color: #451110;
	color: #000;
}
body#siam_origin #main {
	background: url(images/header_siam.png) repeat-x;
	/*background-color: #771919;*/
}
/* family */
body#family {
	background-color: #FBF1CC;
	color: #6d6e71;
}
body#family #main {
	background: url(images/header_siam.png) repeat-x;
	/*background-color: #FBF1CC;*/
}

/* 

Header-Styles (Products)

*/

#header {
	height: 110px;
	width: 980px;
	margin: 0px auto;
}
#logo h1 {
	margin: 0px;
	display: block;
	text-indent: -9999px;
	position: fixed;
	top: -100px;
}
#logo {
	float: left;
}
#logo img {
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
}

/* 

Block-Styles (Banner+Content+Footer)

*/

#banner {
	width: 980px;
	margin: 0px auto;
}
.block {
	margin-bottom: 0px;
	position: relative;
	display: block;
}
.block_inside {
	display: block;
	/*background: url(images/frame.png);
	padding: 8px 11px;
	height: 435px;*/
	overflow: hidden;
}
#image_block {
	width: 981px;
	height: 366px;
}
#image_block img {
	left: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.img_banner {
	margin-top: 8px;
	margin-left: 12px;
}
/*.text_block {
	float: right;
	width: 390px;
	height: 283px;
	font-size: 16px;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}*/

/* Content */

#content {
	width: 980px;
	margin: 0px auto;
	display: block;
}
.siam{
	background-image: url(images/content-bg-siam.png);
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.personal{
	background-image: url(images/content-bg-personal.jpg);
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.family{
	background-image: url(images/content-bg-family.png);
	-moz-border-radius: 30px;
	border-radius: 30px;
}


/* article */

.block_content {
	display: block;
	width: 960px;
	margin: 0px auto;
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
}
.fact {
	background: url(images/article/hand.png) no-repeat;
	display: block;
	width: 960px;
	float: left;
	min-height: 200px;
	color: #FFF;
}
.fact p {
	color: #000;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	text-indent: 0px;
	line-height: 19px;
	margin-bottom: 20px;
}
.therapeutic {
	display: block;
	float: left;
	width: 960px;
	color: #FFF;
}
.therapeutic p {
	color: #000;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	text-indent: 0px;
	line-height: 19px;
	margin-bottom: 20px;
}
.therapeutic li {
	color: #000;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-left: 15px;
}
.about {
	display: block;
	float: left;
	width: 900px;
	color: #FFF;
	min-height: 200px;
}
.about p {
	color: #FFF;
	text-indent: 0px;
	line-height: 19px;
	margin-bottom: 20px;
}


/*.content_left {
	width: 400px;
	float: left;
	padding: 0px 40px;
}
.content_right {
	width: 400px;
	float: left;
	padding: 0px 40px;
}*/

.gap {
	margin: 40px 0px;
	height: 1px;
}

/* Footer */
#footer {
	width: 100%;
	margin: 0px auto;
	/*background: url(images/footer.png) bottom repeat-x;*/
}
.block_footer {
	display: block;
	margin-top: 30px;
	margin-bottom: 0px;
	height: 80px;
	overflow: hidden;
}
.footer_center {
	width: 850px;
	height: 65px;
	margin: 0px auto;
	padding: 30px;
	color: #9B8630;
	text-align: center;
}


/*

Text-Styles

*/

h1 {
	margin: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
}
h2 {
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
p {
	color: #000;
	text-indent: 40px;
}
a {
	color: #9B8630;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}