/*
GLOBAL CSS
*/

html { overflow: -moz-scrollbars-vertical;}
body{ 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#737373; line-height:18px;
	background:url(../images/bg-main.jpg) left top;}

p, ul, li, h1, h2, h3, h4, html, body, form{margin:0px; padding:0px;}
img{ border: 0; }
a{ text-decoration:none; color:#737373;}
a:hover{ text-decoration:underline; color:#737373;}
a:active { outline:none;}

:focus { -moz-outline-style:none;}

.hr{ border:0px; background:url(../images/bg-hr.jpg) repeat-x; height:3px;}

#bgcontainer{ background:url(../images/bg-top.gif) repeat-x top; position:absolute; width:100%;}
#main{
	width:1000px; margin:auto; position:relative;}
	
#header{ height:450px; position:relative; width:980px; margin:auto;}
#header .top-nav{ margin-top:20px; overflow:auto; width:980px;}
#header .top-nav ul{ list-style-type: none; margin:0; padding:0;}
#header .top-nav ul li{ float:left; font-size:11px; text-transform:uppercase;}
#header .top-nav ul li a{ margin-right:28px; display: block; text-decoration: none; color: #737373; line-height:20px;}
#header .top-nav ul li a:hover, .selected{ border-bottom:1px solid #cbe199;}


#header .flash{ height:500px; width:500px; float:right; no-repeat left top; position:absolute; top:-20px; right:0;}
#header #logo{ background:url(../images/Logo-Naturich-Main.png) no-repeat; width:200px; height:150px; position:absolute; left:350px; top:100px; z-index:10; }
#header #logo-inner{ background:url(../images/Logo-Naturich-Main.png) no-repeat; width:200px; height:150px; position:absolute; top:-15px; right:0px; z-index:10;}

#content{ width:1000px; margin:auto; position:relative; top:-50px;}
#content .bgtop{ background:url(../images/BG-Cont-T.png) no-repeat top center; height:31px;}
#content .bgmid{ background:url(../images/BG-Cont-M.png) repeat-y center; padding:10px 20px 10px 20px;}
#content .bgbot{ background:url(../images/BG-Cont-B.png) no-repeat top center; height:31px;}

#footer{ width:100%; margin:auto; position:relative; overflow:auto; top:-40px; float:left; background:url(../images/bg-footer.png) repeat-x top;}
#footer .fbg{  height:92px; width:980px; margin:auto;}
#footer .flinks{  width:980px; margin:auto;}
#footer p.nlogo{ line-height:94px; float:left; margin:15px 15px 0 0;}
#footer p.partner{ float:right; margin:15px 0 0 0; }
#footer p.partner img{ float:left; }
#footer .fbg a{color:#FFFFFF; }
#footer p.ntxt{float:left; margin:30px 0 0 0; color:#FFFFFF;}
#footer p.ntxt span{color:#FFFFFF; font-size:13px; font-weight:bold; line-height:20px;}

#footer p.copy{float:left; line-height:35px; color:#000; font-weight: bold;}
#footer p.policy{float:right; line-height:35px;}
#footer p.policy a{color:#000; font-weight: bold;}

.formlabel{ width:600px; height:200px; top:110px; right:0; position:absolute; font-size: 16px; text-transform: uppercase; }
.btn{ margin: 10px 0; float: left; }

/* 
INDEX CSS
*/
{ border:1px solid #CCCCCC;}

#index{ width:920px; margin:auto; overflow:auto; }
#index .leftP{ width:600px; float:left; }
#index .rightP{ width:300px; float:right; }

.leftP .video{float:left; width:237; height:173; margin-right:20px;}
.leftP h1{color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left;}
.leftP p.welcometxt{float:left; width:320px;}

.leftP span.welcomebull{ float:left; margin:7px 7px 0 0;}
.leftP span.welcomeknow{ float:left; line-height:35px; font-style: italic;}
.leftP .hr{ float:left; width:600px; margin:20px 0 10px 0;}

.leftP .social{ width:600px; float:left; }
.leftP .socialtxt{ float:left; }
.leftP .soclogo{ float:right;}

#Htabs{ width:600px; float:left; margin-top:35px;}

.rightP h2{ display:block; background:url(../images/ico-bull-h2.jpg) no-repeat right #b2c784; width:285px; color:#FFFFFF; font-size:16px; font-weight:normal; line-height:35px; padding-left:15px; margin-bottom:2px; }
.rightP h2.ingred{ margin-bottom:15px; }
.rightP h2.testi{ margin-bottom:15px; }
.rightP h2 a{ color:#FFFFFF; }
.rightP h2 a:hover{ color:#737373; text-decoration:none; }

.rightP .news ul{ list-style-type: none; margin:20px 20px 0 15px;}
.rightP .news ul li{ background:url(../images/ico-bull-01.gif) left top no-repeat; background-position: 0 3px; padding-left: 30px; margin-bottom: 20px; }

.rightP .enq{ text-align:center;}
.rightP .enq p.enqtxt{ margin-top:30px; font-size:16px; font-weight:normal; line-height:21px; color:#717b50;}
.rightP .enq p.enqbtn{ margin:15px 0 10px 0;}


/* 
PARTNER CSS
*/
.partnerform{ background-color:#d8e3c1; width:560px; height:200px; top:140px; right:0; position:absolute; padding:20px;}

.partnerform label{ display:block; margin-bottom:3px; text-transform:uppercase; }
.partnerform .forms1 input{ display:block; margin-bottom:8px; width:200px; }
.partnerform select{ display:block; margin-bottom:15px; width:205px; }
.partnerform textarea{ display:block; margin-bottom:5px; width:310px; }
.partnerform span{ display:block; float:right; }

.partnerform .forms1{ width:220px; float:left; }
.partnerform .forms2{ float:right; }


/*
CAREER CSS
*/
#career{ width:920px; margin:auto; overflow:auto;}
#career .leftP{  width:600px; float:left;}
#career .rightP{ width:300px; float:right; }

.careerform{ background-color:#e7dbc4; width:560px; height:200px; top:140px; right:0; position:absolute; padding:20px;}

.careerform label{ display:block; margin-bottom:3px; text-transform:uppercase; }
.careerform .forms1 input{ display:block; margin-bottom:8px; width:200px; }
.careerform select{ display:block; margin-bottom:15px; width:205px; }
.careerform textarea{ display:block; margin-bottom:5px; width:310px; }
.careerform span{ display:block; float:right; }

.careerform .forms1{ width:220px; float:left; }
.careerform .forms2{ float:right; }

#career .intro{ width:600px; overflow:auto; margin-bottom:30px;}
#career h1{  width:600px; float:left; color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left; }
#career .intro p{  width:590px; float:left; float:left;  }

#career .jobs ul{ list-style-type:none; margin:0; padding:0; position:relative;}
#career .jobs ul li{ background:url(../images/ico-job.jpg) no-repeat; background-position:15px 0px; padding:0 0 0 95px; position:relative; margin-bottom:50px; overflow:auto;}
#career .jobs ul li h2{font-size:16px; font-weight:normal; margin-bottom:10px;}

/*
CONTACT CSS
*/
#contact{ width:920px; margin:auto; overflow:auto; }
#contact .leftP{  width:300px; float:left;}
#contact .rightP{ width:600px; float:right; }

.contactform{ background-color:#e0e1e4; width:560px; height:200px; top:140px; right:0; position:absolute; padding:20px;}

.contactform label{ display:block; margin-bottom:3px; text-transform:uppercase; }
.contactform .forms1 input{ display:block; margin-bottom:8px; width:200px; }
.contactform select{ display:block; margin-bottom:15px; width:205px; }
.contactform textarea{ display:block; margin-bottom:5px; width:310px; }
.contactform span{ display:block; float:right; }

.contactform .forms1{ width:220px; float:left; }
.contactform .forms2{float:right; }


#contact h1{  width:300px; float:left; color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left; }
#contact .leftP address{ width:300px; float:left; font-style: normal; }

/*
DOWNLOAD CSS
*/
#download{ width:920px; margin:auto; overflow:auto;}
#download .leftP{  width:600px; float:left;}
#download .rightP{ width:300px; float:right; }

.downloadform{ background-color:#c7f0f4; width:560px; height:200px; top:140px; right:0; position:absolute; padding:20px;}

.downloadform label{ display:block; margin-bottom:3px; text-transform:uppercase; }
.downloadform .forms1 input{ display:block; margin-bottom:8px; width:200px; }
.downloadform select{ display:block; margin-bottom:15px; width:205px; }
.downloadform textarea{ display:block; margin-bottom:5px; width:310px; }
.downloadform span{ display:block; float:right; }

.downloadform .forms1{ width:220px; float:left; }
.downloadform .forms2{float:right; }

#download .intro{ width:600px; overflow:auto; margin-bottom:30px;}
#download h1{  width:600px; float:left; color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left; }
#download .intro p{  width:590px; float:left; float:left;  }

#download .download ul{ list-style-type:none; margin:0; padding:0; position:relative;}
#download .download ul li{ background:url(../images/ico-download.jpg) no-repeat; background-position:15px 0px; padding:0 0 0 95px; position:relative; margin-bottom:50px; overflow:auto;}
#download .download ul li h2{font-size:16px; font-weight:normal; margin-bottom:10px;}

/* CMS */
#cms{ width:920px; margin:auto; overflow:auto; }
#cms .leftP { width:600px; float:left; }
#cms .rightP{ width:300px; float:right;}

#cms .intro{ width:600px; overflow:auto; margin-bottom:30px;}
#cms .intro h1{  width:600px; float:left; color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left; }
#cms .intro p{  width:590px; float:left; margin-bottom: 25px;}

#cms ul.mteam{ width: 590px; float: left; list-style: none; margin-top: 30px; }
ul.mteam li.img { float: left; width: 100px; height: 120px; background: #DCDCDC; margin-right: 25px; padding: 5px; text-align: center; font-size: 11px;  }
ul.mteam li.mtitle { float: left; width: 450px; font-size: 15px; }
ul.mteam li.mdesig { float: left; width: 450px; font-style: italic; margin-bottom: 20px; }
ul.mteam li.mbody { float: left; width: 450px;}


#newspg{ width:920px; margin:auto; overflow:auto;}
#newspg .leftP{  width:600px; float:left;}
#newspg .rightP{ width:300px; float:right; }

.newsform{ background-color:#d8e3c1; width:560px; height:200px; top:140px; right:0; position:absolute; padding:20px;}

.newsform label{ display:block; margin-bottom:3px; text-transform:uppercase; }
.newsform input{ display:block; margin-bottom:8px; width:200px; }
.newsform select{ display:block; margin-bottom:15px; width:205px; }
.newsform textarea{ display:block; margin-bottom:5px; width:310px; }
.newsform span{ display:block; float:right; }

.newsform .forms1{ width:220px; float:left; }
.newsform .forms2{ width:320px; float:right; }

#newspg .intro{ width:600px; overflow:auto; margin-bottom:30px;}
#newspg h1{  width:600px; float:left; color:#717b50; font-size:24px; font-weight:normal; line-height:45px; float:left; }
#newspg .intro p{  width:590px; float:left; float:left;  }

#newspg .newspg ul{ list-style-type:none; margin:0; padding:0; position:relative;}
#newspg .newspg ul li{ background:url(../images/ico-news.jpg) no-repeat; background-position:15px 0px; padding:0 0 0 95px; position:relative; margin-bottom:50px; overflow:auto;}
#newspg .newspg ul li h2{font-size:16px; font-weight:normal; margin-bottom:10px;}


#newspg .downloadpg ul{ list-style-type:none; margin:0; padding:0; position:relative;}
#newspg .downloadpg ul li{ background:url(../images/ico-download.jpg) no-repeat; background-position:15px 0px; padding:0 0 0 95px; position:relative; margin-bottom:50px; overflow:auto;}
#newspg .downloadpg ul li h2{font-size:16px; font-weight:normal; margin-bottom:10px;}