/*
Theme Name: Nutrisari Website
Theme URI: http://www.nutrisari.com
Description: an official website of Nutrisari
Author: Septi Yulia Sari aka. shape_tea
Author URI: http://www.stateoftheword.com/
Tags: colourful, orange, green, red, fixed width, three columns

	This theme was designed and built by shape_tea,
	whose blog you will find at http://www.stateoftheword.com/,
	This theme was specially designed for Nutrisari (http://www.nutrisari.com), 
	a brand from Nutrifood Indonesia (http://www.nutrifood.co.id).	
-------------------------------------------------------------------------*/

/*--------------- Standard Style ---------------*/

a, a:link, a:visited {
	color:#be0031;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#D84E61;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}

a img, a:link img, a:visited img, a:hover img {
	border:none;
}

h1, h2, h3, h4, h5 {
	color:#58585a;
	font-size:100%;
	padding:0px;
	margin:0px;
	letter-spacing:0px;
	font-weight:bold;
	font-family: tahoma, "trebuchet ms", Verdana, Arial, Sans-Serif;
}

h1 {
	position:absolute;
	top:-45px;
	right:20px;
	z-index:1000;
}

h2 {
	font-size:160%;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	color:#be0031;
	margin:5px 0px 10px 0px;
}

.section h2 a, .section h2 a:link, .section h2 a:visited {
	font-size:120%;
	text-transform:none;
	letter-spacing:0px;
	color:#108541;
	font-weight:normal;
	letter-spacing:-0.5px;
	line-height:22px;
	margin:5px 0px 10px 0px;
}

h3 {
	font-size:130%;
	text-transform:none;
	letter-spacing:0px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:0px;
	margin:0px 0px 7px 0px;
}

h4 {
	font-size:220%;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d36412;
	letter-spacing:0px;
	line-height:20px;
	margin:0px 0px 10px 30px;
}

h5 {
	font-size:130%;
	text-transform:none;
	letter-spacing:0px;
	line-height:16px;
	margin:20px 0px 10px 0px;
	font-weight:bold;
	text-align:left;
	color:#be0031;
	float:left;
	width:100%;
}

ol {
	margin:20px 20px;
	padding:0px;
	width:700px;
	float:left;
}

ol li {
	margin:10px 0px;
	padding:5px 0px;
	font-weight:bold;
	width:100%;
	float:left;
}

.hand {
	cursor:pointer;
}

/*--------------- all DIV container ---------------*/

#containerbg {
	width:900px;
	margin:0px auto;
	padding:0px;
}

#header {
	width:90%;
	margin:0px auto 0px auto;
	padding:0px;
	height:60px;
	position:relative;
}

#header ul {
	margin:0px auto 0px auto;
	padding:10px 0px;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	position:absolute;
	right:0px;
}

#header ul li {
	display:inline;
	padding:0px 10px;
	border-right:#108541 solid 1px;
}

#header ul .last li {
	display:inline;
	padding:0px 10px;
	border-right:none;
}

#header ul .noborder li{
	display:inline;
	padding:0px 10px;
	border:none;
}

#header a, #header a:link, #header a:visited {
	color:#108541;
	text-decoration:none;
	font-weight:bold;
}

#header a:hover, #header a.current {
	color:#D36412;
	text-decoration:none;
}

#wrapper {
	width:90%;
	margin:0px auto 0px auto;
}

#content {
	width:100%;
	margin:20px auto 0px auto;
	padding:0px;
	position:relative;
	float:left;
	background-image:url('images/grass.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	min-height:500px;
}

#bgparallax {
	width:100%;
	height:316px;
	margin:0px;
	float:left;
}

#parallax {
	position:relative;
	overflow:hidden;
	width:809px;
	height:305px;
	margin:0px auto;
	border:none;
	background-color:transparent;
}
    
#parallax ul li {
	list-style-type:none;
}

#maincontent {
	width:100%;
	margin:0px;
	float:left;
}

.section {
	width:27%;
	float:left;
	margin:10px 17px 50px 17px;
	padding:5px 5px 35px 10px;
	text-align:left;
	line-height:17px;
	font-size:95%;
}

.section img {
	float:left;
	margin:0px 10px 10px 10px;
}

.leftsidebar, .rightsidebar {
	float:left;
	margin:13px 10px 20px;
	padding:5px 0 5px 10px;
	text-align:left;
	width:17%;
}

.rightsidebar {
	width:12%;
	padding:10px 0px 5px 20px;
	margin:0px 0px 20px 5px;
}

.larger {
	width:18%;	
	margin:20px 0px 0px 40px;
	padding:0px;
	float:left;
}

.larger ul li {
	margin:7px 0px;
	color:#059742;
	line-height:18px;
	font-size:95%;
	list-style-image:url('images/small-bullet.png');
}

ul.sidebar {
	margin:0px 0px 0px 30px;
	padding:0px;
}

.rightsidebar ul {
	margin:20px 0px 0px 0px;
	padding:0px;
}

.rightsidebar ul li {
	margin:7px 0px;
	color:#059742;
	line-height:18px;
	font-size:95%;
	list-style-type:disc;
}

.rightsidebar ul a, .rightsidebar ul a:link, .rightsidebar ul a:visited {
	font-weight:normal;
}

.rightsidebar ul a:hover {
	font-weight:normal;
}


ul.sidebar li {
	margin:8px 0px;
	padding:0px;
	list-style-image:url('images/bullet.png');
	color:#108541;
}

ul.sidebar li ul {
	margin:5px 0px 0px 25px;
	padding:0px;
}

ul.sidebar li strong {
	color:#BE0031;
	font-weight:bold;
}

ul.sub li {
	margin:3px 0px;
	padding:0px;
	list-style-image:url('images/small-bullet.png');
	color:#7ca23b;
}

ul.sub li a, ul.sub li a:link, ul.sub li a:visited {
	font-weight:normal;
}

ul.sub li a:hover {
	font-weight:normal;
}

ul.sub li strong a, ul.sub li strong a:link, ul.sub li strong a:visited {
	font-weight:bold;
}

ul.sub li strong a:hover {
	font-weight:bold;
}

.post-content {
	border-left:2px solid #F0E780;
	border-right:2px solid #F0E780;
	float:left;
	margin:15px 0 20px;
	padding:0px 10px 45px 20px;
	text-align:left;
	width:58%;
}

.single-content {
	border-bottom:#ccc dotted 1px;
	float:left;
	margin:5px 20px;
	padding:10px;
	text-align:left;
}

.fullrightborder {
	border-left:none;
	width:72%;
}

.full {
	border-right:none;
	width:72%;
}

. {
	border-bottom:none;
	margin:5px;
}

.noline {
	border:none;
}

.post-content ul {
	margin:0px 20px;
	padding:0px;
}

.post-content ul li {
	margin:10px 0px;
	padding:0px;
}

.post-content ul li strong {
	color:#2b7d17;
}

.language {
	position:absolute;
	z-index:500;
	top:50px;
	left:120px;
	color:#108541;
}

.language a, .language a:link, .language a:visited {
	color:#108541;
	text-decoration:none;
}

.language a:hover {
	color:#34a03e;
	text-decoration:none;
}

#footer {
	width:100%;
	padding:10px 0px;
	margin:0px auto;
	text-align:center;
	color:#108541;
	float:left;
}

.aligncenter {
	margin:5px auto;
	float:none;
	text-align:center;
}

.alignleft {
	margin:10px 15px 10px 0px;
	float:left;
}

img.imgleft {
	margin:15px 15px 10px 0px;
	float:left;
}

.alignright {
	margin:5px 0px 5px 15px;
	float:right;
}

.alignnone{
	margin:5px 7px;
}

.single-content img {
	background-color:#f1f1f1;
	padding:5px;
	border:#f5f5f5 solid 1px;
}

ul.mainlink {
	width:80%;
	margin:0px auto;
	padding:0px;
}

ul.mainlink li  {
	float:left;
	list-style-type:none;
	text-align:center;
	margin:10px 8px 25px 8px;
	padding:0px;
	color:#be0031;
}

.icon {
	margin:15px auto 20px auto;
	float:left;
	text-align:center;
}

ul.gallery {
	margin:5px;
	padding:0px;
	width:100%;
}

ul.gallery li {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}

.single-content img, .single-content a img, .single-content a:link img, .single-content a:visited img {
	background-color:#f1f1f1;
	padding:5px;
	border:#f5f5f5 solid 1px;
}

.single-content a:hover img {
	background-color:#F0D54F;
	padding:5px;
	border:#f5f5f5 solid 1px;
}

ul.gallery li img, ul.gallery li a img, ul.gallery li a:link img, ul.gallery li a:visited img {
	background-color:#f1f1f1;
	padding:5px;
	border:#f5f5f5 solid 1px;
}

ul.gallery li a:hover img {
	background-color:#F0D54F;
	padding:5px;
	border:#f5f5f5 solid 1px;
}

ul.contact {
	margin:5px 15px;
	padding:0px;
	width:80%;
	float:left;
}

ul.contact li, ul.contact li.title, ul.contact li.action {
	list-style-type:none;
	margin:3px 0px;
	padding:0px;
	width:40%;
	float:left;
}

ul.contact li {
	width:58%;
}

ul.contact li.action {
	width:100%;
}

.field {
	width:250px;
	padding:3px;
	border:#ddd solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#666;
}

textarea {
	width:250px;
	height:80px;
	padding:3px;
	border:#ddd solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:100%;
	color:#666;
}

.asterisk {
	color:#be0031;
}

.notes {
	margin:20px auto 0px 15px;
	float:left;
}

.post-content .thxcontact {
	margin:10px 0px 20px 0px;
	padding:8px;
	background-color:#fdf5cd;
	text-align:center;
	color:#111;
}

.post-content .thxcontact strong {
	color:#009843;
}

#js-on {
	display:none;
}

body#bgparallax #js-off {
	display:none;
}

body#bgparallax #js-on {
	display:block;
}

/*-------------------- IE Hacks -------------------*/

*+html body {
        background-color:#F2C900;
}

*+html h5 {
	font-size:130%;
	text-transform:none;
	letter-spacing:0px;
	line-height:16px;
	margin:20px 0px 10px -190px;
	font-weight:bold;
	text-align:left;
	color:#be0031;
	float:left;
	width:100%;
}

*+html .icon {
	margin:0px auto 30px auto;
	text-align:center;
}

*+html #maincontent {
	width:100%;
	margin:0px;
	padding:0px 0px 35px 0px;
	float:left;
}

*+html ul.sidebar {
	margin-left: 0px;
	padding-left: 20px;
	width:100%;
}

*+html ul.sidebar li {
	padding-left:10px;
}

*+html ul.mainlink {
	width:90%;
	margin:0px auto 50px auto;
	padding:0px;
}

*+html ul.mainlink li  {
	list-style-type:none;
	text-align:center;
	margin:0px 8px 25px 8px;
	padding:0px;
	color:#be0031;
	float:left;
	width:30%;
}

*+html .larger {
	float:left;
	margin:20px 0 0 40px;
	padding:0;
	width:16%;
}

*+html .larger  ul.sidebar {
	margin:0px 0px 0px -25px;
	padding:0px 0px 0px 20px;
}

*+html .larger  ul.sidebar li {
	padding:0px 0px 0px 3px;
	width:100%;
}

*+html .larger  ul.sub {
	margin-top:0px;
	margin-left:-30px;
	padding-left:25px;
}

*+html .larger  ul.sub li {
	padding:0px 0px 0px 5px;
}

*+html #pagecontent {
	padding-bottom:50px;
	margin-bottom:50px;
}

*+html ul.gallery li img, *+html ul.gallery a li img, *+html ul.gallery a:link li img, *+html ul.gallery a:visited li img {
	background-color:#f1f1f1;
	padding:5px;
	border:#f5f5f5 solid 1px;
	cursor:pointer;
}

*+html .notes {
	margin:20px auto 50px 15px;
	float:none;
	width:95%;
}

*+html #bgparallax {
	width:100%;
	height:316px;
	margin:0px;
	float:left;
}

*+html #parallax {
	position:relative;
	overflow:hidden;
	width:809px;
	height:305px;
	margin:0px auto;
	border:none;
	background-color:transparent;
}