body, html {  
text-align: center;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #7f6371;
background: #c8df8b url(images/layout-green/bg-body.jpg) repeat-x; 
height: 100%;
}

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}

H1		{font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #cc5f7d}
H2 		{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px}
H3 		{font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px}


.bigTxt		{font-size: 14px}
.medTxt		{font-size: 12px}
.decorTxt 	{font-family: Georgia, "Times New Roman", Times, serif}

.whiteTxt 	{color: #FFFFFF}
.darkPinkTxt 	{color: #CC5374}
.darkGreenTxt 	{color: #405400}
.darkBlueTxt 	{color: #697897}
.darkGrayTxt 	{color: #424242}

.orngTxt {color: #e89c29;}

.redTxt {color: #cc5f7d;}

.framed {  border: 1px #d1bec8 solid;}
.lightbg {background-color: #efe8ec;}
.subdashed { border-bottom: 1px dashed; }

a {text-decoration: none;}
a:link 		{  color: #cc5f7d}
a:visited 	{  color: #cc5f7d}
a:hover 	{  color: #8f2259}
a:active 	{  color: #cc5f7d}

a.nodecor:link 		{  text-decoration: none}
a.nodecor:visited 	{  text-decoration: none}
a.nodecor:hover 	{  text-decoration: none}
a.nodecor:active 	{  text-decoration: none}

a.noformat:link 	{  text-decoration: none}
a.noformat:visited 	{  text-decoration: none}
a.noformat:hover 	{  text-decoration: none}
a.noformat:active 	{  text-decoration: none}

p { margin: 16px 4px; }
.p12 { font-size: 12px;}

ul li {
	list-style: circle inside;
	padding: 6px;
}

.fleft {float: left;}

.fright {float: right;}

.clear { clear: both; }

.m10 {
	margin: 10px;
}

.m20 {
	margin: 20px;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

/* Layout */

#main {
	background: url(images/layout-green/bg-main.jpg) repeat-x;
	/* min-height: 300px; */
	/*height: 100%;*/
}

#container {
	width: 1020px;
	margin: 0px auto 0px;
	padding-top: 180px;
	/*min-height: 100%;*/
	
}

#wrap {	
	float: left;
	width: 1020px;
	/*min-height: 100%;*/
}

#content {
	float: left;
	width: 700px;
	margin: 0px;
	text-align: justify;
	/*min-height: 100%;*/
	overflow: hidden;
}

#sidebar {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 5px;
	text-align: justify;
}

#hdr {
	width: 1020px;
	float: left;
	margin: -180px 0px 0px -1020px;
	height: 180px;
	padding: 0px;
}

#footerouter{

}

#footer {
	padding: 20px 0 0;
	width: 1020px;
	min-height: 300px;
	margin: 0 auto 0;
	text-align: left;
}

/*** Decor ***/

#wrap {
	background: url(images/layout-green/bg-wrap.png) repeat-y;
}

#searchbox {
	height: 30px;
	float: right;
}

#searchbox input.field {
	height: 22px;
	margin: 4px 0;
	padding: 0 6px;
	background: #fff url(images/layout-green/bg-search-input.png) no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

#searchbox input.field:focus{
	background: #fff;	
}

#searchbox .btn {
	background-color: #cc5f7d;
	color: #fff;
	padding: 2px;
}

#topmenu {	
	height: 30px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#topmenubox {
	height: 30px;
	margin: 6px 10px;
	float: right;
}

#topmenubox a {
	color: #fff;
	text-decoration: none;
	margin-right: 14px;
}

#topmenuboxl {
	height: 30px;
	margin: 2px 10px;
	float: left;
}

#topmenuboxl a {
	color: #ebe0e5;
	text-decoration: none;
}

#topmenuboxl img {
	border: 0px; 
	vertical-align: middle;
}

#hdrmain {
	width: 700px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#hdrmain .logo {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
}

#hdrmain #hdrbody {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#hdrmain #hdrbody img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	
}

#hdrsubscr {
	float: right;
	height: 118px;
	width: 318px;
	margin: 0;
	padding: 0;
	border: 1px #dacbd3 solid;
	border-bottom: 1px #ebe0e5 solid;
	border-top: 1px #cc5f7d solid;
	background: url(images/layout-2/bg-subscrform.png);
	overflow: hidden;
}

#hdrsubscr input {
	margin: 3px;
	/*border: 1px #7f6371 solid;*/
	padding: 2px;
	color: #7f6371;
	font-size: 14px;
}

#hdrsubscr p {
	margin: 6px;
	font-size: 12px;
}

#hdrbotmenu {
	height: 30px;
	width: 1020px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#hdrbotmenu ul {
	margin:0px;
	padding: 6px 0 0;
}

#hdrbotmenu ul li {
	height: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	margin: 2px 2px 2px 0;
	padding: 4px;
	background: #c8df8b;
	display:inline;
	list-style:none;
	list-style-type:none;
}

#hdrbotmenu ul li:hover {
	background: #def2c2;
}

#hdrbotmenu ul li a {
	text-decoration: none;
	color: #5c8615;
	font-size: 12px;
}

/* CONTENT */

#content {
	background: #EBE0E5;	
}

.post {
	margin: 10px 10px 0;
	text-align: justify;
}

.post .insertlight200 {
	background: url(images/layout-2/bg-insert-light-680-200.png);
	height: 200px;
	overflow: hidden;
}

/* FORMATTING OF POST ELEMENTS */

.post .lightbox {
	border-radius: 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	padding: 20px;
	margin: 10px;
	background-color: #efe8ec;
}

#content #startingRFD {
	background: url(images/layout-2/bg-starting-RFD.jpg) no-repeat;
	height: 240px;
	margin-top: 10px;
}

#content #startingRFD h1 {
	color: #7f6371;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	padding-top: 25px;
	margin-left: 5px;
}

#content #startingRFD ul {
	margin-left: 160px;
}

#content #startingRFD ul li {
	font-size: 14px;
	padding: 4px 0px;
	margin: 0px;
	list-style: circle;
}

#content #startingRFD ul li a {
	color: #e89c29;
	text-decoration: none;
}

/* HP raw food story */

#hp-rafoodstory {
	width: 480px;
	height: 280px;
	background: url(images/layout-2/bg-hp-rawfoodstory.png);
	padding: 10px;
	margin: 10px 0px 0px 180px;
}

#hp-rafoodstory h2 {
	margin: 35px 0 20px 5px;
	color: #cc5f7d;
	font-size: 16px;
	width: 460px;
}

#hp-rafoodstory p {
	font-size: 14px;
	line-height: 24px;
}

#hp-rafoodstory a {
	color: #cc5f7d;
	text-decoration: none;
}

/* HP search box */
#hpsearchbox {
	background: #cc5f7d;
	height: 24px;	
	padding: 10px;
	color: #fff;
	font-weight: bold;
}

#hpsearchbox input {
	padding: 3px;
	background-color: #dacbd3;
	border: 1px #fff solid;
}

#hpsearchbox .btn {
	background-color: #7f6371;
	color: #fff;
	padding: 2px;
	border: 1px #fff solid;
}


/* SIDEBAR */
#sidebar {
	font-size: 11px;
}

#sidebar h3 {
	height: 24px;
	width: 100%;
	font-size: 14px;
	color: #cc5374;
	padding: 0;	
	border-bottom: 1px #cbaebb solid;
}

#sidebar h4 {
	font-size: 12px;
	color: ##cc5374;
	padding: 0;
}

#subscr {
	background: #f1f1f1;	
}

#subscr p {
	font-size: 10px;
	margin: 6px;
}

/*
#sbstore {
	width: 290px;
	height: 150px;
	padding: 50px 0 0;
	margin: 10px 0 0;
	background: url(images/layout-2/sidebarstore_bg.png);
}

#sbstore ul{
	margin-left: 10px;
}

#sbstore ul li {
	color: #7f6371;
	font-size: 14px;
	list-style: circle;
	list-style-position: inside;
}

#sbstore ul li a {
	color: #cc5f7d;
	text-decoration: none;	
}
*/

/* sidebar menu */

.sbmenu {
	background: #edf4d6;
	margin: 0;
	padding: 0;
	margin-top: -15px;
	width: 290px;	
}

.sbmenu img {
	border: 0; margin-right: 10px; vertical-align: middle;
}

.sbmenu a:hover { color: #8f2259; }

.sbmenu li {
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width: 290px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px;
}

.sbmenu li ul {
	z-index: 100;
	border: 1px #e7e1e5 solid;
}

.sbmenu li ul li {
	background: #fff;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 240px;
	border: 0px;
	border-bottom: 1px #e7e1e5 solid; 
}

.sbmenu li{
position: relative;
border-bottom: 1px #8aac33 dotted;
}

.sbmenu li.last {
	border: 0px;	
}


.sbmenu li a{
font: bold 12px Verdana, Helvetica, sans-serif;
display: block;
width: 280px;
padding: 0;
margin: 0;
color: #7f6371;
text-decoration: none;
}

.sbmenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 240px;
left: 0;
top: 0;
display: none;
}

.sbmenu li ul li{
float: left;
}

.sbmenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.sbmenu li a:visited, .sbmenu li a:active{
}

.sbmenu li a:hover{
background-image: url(sbback2.gif);
}

/* Holly Hack for IE \*/
* html .sbmenu li { float: left; height: 1%; }
* html .sbmenu li a { height: 1%; }
/* End */

.sb-mag
 {
 	width: 140px;
	height: 50px;
	padding: 54px 6px 6px 144px;
 	background: #fff url(images/layout-2/bg-sidebar-mag.png) no-repeat;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
 }

#latestart {
	width: 290px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#latestart img {
	border: 0px;
}

#latestart a {
	font-size: 11px;
	text-decoration: none;
	color: #7f6371;
}

#latestart ul {
	
	background: #c8e189;
}

#latestart li {
	list-style: none;
	padding: 6px;
	border-bottom: 1px #8aac33 dotted;
}

/* FOOTER */

#footerouter { 
	font-size: 12px;
	color: #69a321;
	background: #273a01 url(images/layout-green/bg-footer.png) repeat-x; 
	background-position: bottom;
}

#footer {
	font-size: 12px;
	color: #69a321;
}

#footer ul { margin-right: 30px; }

#footer ul li {
	list-style-image: url(images/layout-green/blt-green-arrow.png);
	border-bottom: 1px #3b5702 dotted;
	padding: 4px;
	width: 200px;
}

#footer a {
	color: #69a321;
}

#footer a:hover {
	color: #7ec328;	
}

/* HP title */

#hp-title {
	background: url(images/newlout/bg-hp-title.png) no-repeat;
	height: 70px;
	width: 358px;
	padding-top: 18px;
	padding-left: 46px;
	color: #7f6371;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	float: left;
}

/* HP definition */

#hp-def {
	width: 292px;
	height: 48px;
	/*background: url(images/layout-2/bg-hp-definition.png) no-repeat;*/
	padding: 20px 14px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #7f6371;
	margin-top: -80px;
	float: right;
}


/* Pop-up */

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:20;  
}  

#popup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:460px;  
width:520px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:21;  
padding:12px;  
font-size:13px;  
}  

#popup a:hover {
	color: #444;
}

#popupClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  

#popupbutton{  
text-align:center;  
}

/* Slide Show w fade */
#slideshow {
    position:relative;
    height:360px;
	margin: 6px 10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Transformations slides */

#transformslide {
    position:relative;
    /* height:600px; */
	width:640px;
	margin: 0 auto 0;
}

#transformslide DIV {
    /*position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;*/
    height: 600px;
    background-color: #FFF;
}

#transformslide DIV.notactive {
	position: absolute;
	top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#transformslide DIV.active {
    z-index:10;
    opacity:1.0;
}

#transformslide DIV.last-active {
    z-index:9;
}

#transformslide DIV IMG {
    height: 350px;
    display: block;
    border: 0;
    margin: 20px;
}

#transformslide DIV p {
	margin: 0 20px;
}



/* HomePage Banner Slide */

#hpbnrslide {
    position:relative;
    /* height:600px; */
	width:680px;
	height: 300px;
	background-color: #fff;
	margin: 0;
}

#hpbnrslide DIV {
    /*position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;*/
	height: 300px;
	background-color: #fff;
	width: 350px;
	display: block;
  	margin: 0;
	padding: 0;
	padding-left: 310px;
	
}

#hpbnrslide DIV.notactive {
	position: absolute;
	top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#hpbnrslide DIV.active {
    z-index:10;
    opacity:1.0;
}

#hpbnrslide DIV.last-active {
    z-index:9;
}

#hpbnrslide DIV IMG {
    position: relative;
}

#hpbnrslide DIV p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a46371;
	font-size: 16px;
	margin: 40px 10px 0;
	text-align: justify;
}



/* ACCORDION PRESENTATION for HOMEPAGE */

#accordioncontainer {	
  width: 696px;
  height: 260px;
  background: #fff url(images/menus/hp-accordion/background700.png) no-repeat;
}

#accordioncontainer ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#accordioncontainer ul li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
  background: #fff url(images/menus/hp-accordion/backgroundcell.png) repeat-x;
}

#accordioncontainer ul li span{
  display: block;
  overflow: hidden;
  height: 260px;
  width: 61px;

}

#accordioncontainer #a1{
  width: 570px;
}

#accordioncontainer ul li img{
  position: absolute;
  border: 0px;
}

#accordioncontainer ul li .content{
	width: 500px;
	display: block;
  	margin: 0 0 0 65px;
	padding: 0;
}

#accordioncontainer ul li .content img {
	position: relative;
}

#accordioncontainer ul li .content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
	font-size: 12px;
	margin: 10px;
	text-align: justify;
}

/* Easy Slider */
#hometestcontainer {
	position: relative;
	margin: 0px 30px;
}

#slider{}


#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:620px;
	height:160px;
	overflow:hidden;
	background: #fff;
	padding: 0 10px 0;
	font-style: italic;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:41px;
	}	
#nextBtn{ 
	left:640px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/layoutEls/easyslider/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/layoutEls/easyslider/btn_next.gif) no-repeat 0 0;	
	}
	
/* // Easy Slider */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(http://www.beautifulonraw.com/images/cbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.beautifulonraw.com/images/cbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.beautifulonraw.com/images/cbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.beautifulonraw.com/images/cbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(http://www.beautifulonraw.com/images/cbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.beautifulonraw.com/images/cbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.beautifulonraw.com/images/cbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*** HP intro ***/

#hp-welcome-v {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
	margin-bottom: -10px;
}

#hp-welcome-v * {
	-moz-outline-style: none;     
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}