@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(/resources/images/wallpaper.jpg) top left no-repeat fixed #fff2e3;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 11px;
	}

/* Fonts and etc */
p {
	font-size: 11px;
	margin-bottom: 8px;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}
/* Font and etc ends */


/* Links */
a, a:visited {
	text-decoration: none;
	color: #0099FF;
}

a:hover {
	text-decoration: underline;
}

/* Scripts */
	/* Transparent PNG */
	img { behavior: url(iepngfix.htc); }
	/* Transparent PNG ends */
	
	/* Sticky footer */
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -782px; /* the bottom margin is the negative value of the footer's height */
	}
	.sticky_footer, .push {
		height: 782px; /* .push must be the same height as .footer */
	}
	
	.sticky_footer {
		background: url(/resources/images/footer_pattern.png) bottom left repeat-x;
	}

	#footer_content {
		height: 782px;
		background: url(/resources/images/footer_bg.png) bottom left no-repeat;
	}
	/* Sticky footer ends */
/* Scripts ends */


/* Additional components */

/* Additional components ends */


/* Structure */
#page {
}

#header {
	width: 100%;
	height: 128px;
	background: url(/resources/images/top_flower.png) top left no-repeat;
	text-align: left;
}

	/* Main menu */
	#main_menu {
		width: 745px;
		margin-left: 60px;
	}
	/* Main menu ends */

#content_frame {
	width: 780px;
	height: 593px;
	background: url(/resources/images/content_frame2.png) top left no-repeat;
	position: absolute;
	top: 130px;
	left: 40px;
	z-index: 10;
}

#content {
	width: 747px;
	height: 551px;
	margin: 20px 12px 15px 21px;
	padding: 0;
	color: #422200;
	text-align: left;
}

.main_iframe {
	width: 100%;
	border: none;
}

	/* Content CSS */
	#content_home {
		width: 100%;
		height: 551px;
		margin: 0;
		padding: 0;
		background: url(/resources/images/home_content.jpg) center no-repeat;
	}
	
	#content_galaxy20 {
		width: 100%;
		height: 551px;
		margin: 0;
		padding: 0;
		background: url(/resources/images/galaxy_content.jpg) center no-repeat;
	}
	
	#content_menu {
		width: 100%;
		height: 551px;
		margin: 0;
		padding: 0;
/*		background: url(/resources/images/menu_content.jpg) center no-repeat;*/
	}
	
	#content_faq {
		width: 100%;
		height: 551px;
		margin: 0;
		padding: 0;
		background: url(/resources/images/faq_content.jpg) center no-repeat;
	}
		.faq_leftcol {
			width: 50%;
			height: 360px;
			float: left;
			margin-top: 150px;
		}
			
			.faq_questions {
				margin-left: 90px;
				text-align: left;
			}
			
			.faq_questions a, .faq_questions a:visited {
				color: #422200;
				text-decoration: none;
			}
			
			.faq_questions a:hover {
				text-decoration: none;
				color: #676B0F;
			}
			
			ul.faq_qlist {
				font-size: 13px;
				font-weight: bold;
				line-height: 2em;
				list-style-image: url(/resources/images/icon_q.png);
				list-style-type: circle;
				list-style-position: outside;
			}
			
			ul.faq_qlist li {
				list-style-image: inherit;
				list-style-type: inherit;
				list-style-position: inherit;
			}
			
			ul.faq_qlist li p {
				font-size: 13px;
				line-height: 1.5em;
			}
		
		.faq_rightcol {
			width: 48%;
			height: 360px;
			float: right;
			margin-top: 150px;
			background: url(/resources/images/icon_a.png) top left no-repeat;
		}
		
			#faq_answers {
				margin: 2px 60px 10px 23px;
				text-align: left;
				color: #676B0F;
				font-size: 12px;
			}
	
	#content_contact {
		width: 100%;
		height: 551px;
		margin: 0;
		padding: 0;
		background: url(/resources/images/contact_content.jpg) center no-repeat;
	}
	
	.contact_leftcol {
		width: 60%;
		height: 551px;
		float: left;
	}
	
	.contact_rightcol {
		width: 40%;
		height: 551px;
		float: right;
	}

/* Sidebar */
#sidebar {
	width: 140px;
	height: 500px;
	position: absolute;
	top: 130px;
	left: 820px;
	z-index: 9;
	text-align: left;
}

	#ingredients {
		width: 120px;
		height: 280px;
		background: url(/resources/images/sidebar_ingredients.png) top left no-repeat;
	}


#footer {
	width: 600px;
	position: absolute;
	top: 720px;
	left: 75px;
	text-align: left;
	z-index: 11;
	color: #676B0F;
}

	#footer address {
		text-decoration: none;
	}
	
	#footer a, #footer a:visited {
		color: #669900;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
/* Structure ends */