/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body {
	background: #333;
	padding: 33px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color:#666;
	line-height: 1.25em;
}

TD{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color:#666;
	line-height: 1.25em;  
}

.hide {
	text-indent: -9999px;
	position: absolute;
}
.clear {
	clear: both;
}
#wrapper {
	width: 862px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/bkgnd_main.gif) /*left top repeat*/;
}

#header {
	position: relative;
	background: transparent url(../images/bkgndTopCorners2.jpg) left top no-repeat;
	height:144px;
	width: 862px;
}

#splashHeader {
	position: relative;
	background: transparent url(../images/bkgndTopCorners2.jpg) left top no-repeat;
	height:87px;
	width: 862px;
}
h1 {
	font-size: 3em;
	text-align: center;
	padding-top: 15px;
	text-indent: -9999px;
}

h3 {
	font-weight:bold;
	color:#000;
	margin: 15px 0 0;
}

#SozoLogo {
    position: absolute;	
	top: 36px;
	left: 31px;
}

#SozoLogoSplash {
   margin-bottom:25px;
}

#Nav {
	margin: 12px 0 0 170px;
	position:absolute;
	padding: 0;
}

ul#noScriptNav {
	z-index: 1;
}

ul#noScriptNav li.toplevel {
	float:left;
	height: 20px;
	margin-left:25px;
}

ul.level2 {
	margin: 0 0 0 15px;
}

ul.level2 li {
	margin: 0;
}

div#contentWrap,
div#contentWrap654 {
	position: relative;
	width: 654px;
	text-align: left;
	margin:0px 104px 35px 104px;
	overflow-x:hidden;
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color:#666;
	line-height: 1.25em;	
}

div#contentWrap750 {
	position: relative;
	width: 750px;
	text-align: left;
	margin:0px 56px 35px 56px;
	overflow-x:hidden;

	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color:#666;
	line-height: 1.25em;	
}

div#contentWrap850 {
	position: relative;
	width: 850px;
	text-align: left;
	margin:0px 6px 35px 6px;
	overflow-x:hidden;
	
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color:#666;
	line-height: 1.25em;		
}



div#content {
text-align:left;
margin: 35px 104px;
}

#sideQuote {
	float: left;
}

.rightCol {
	margin-left: 241px;
	background: Transparent url(../images/bkgndVertKeyline.jpg) repeat-y top left;
	padding: 2px 0 0 20px;	
}

.leftCol {
	float: left;
	width:230px;
	font-style:italic !important;
	font-weight:bold !important;
	color:#666666 !important;
	font-family:Times, serif  !important;
	font-size:17px !important;
	line-height:23px !important;
}

div#footer {
	background: transparent url(../images/bkgndBottomCorners.jpg) left top no-repeat;
	height: 18px;
	width: 862px;
}

div#credit {
	width: 820px;
	text-align: right;
	margin: 8px auto;
}

#credit a {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

#credit a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}


/* Content Styles*/

span.emphasis {
	font-size: 16pt;
	line-height: 14pt;
}

#HumDimText {
margin: 0 20px;
}

span.boldNblack, p.boldNblack h3{
	font-weight:bold;
	color:#000;
}

span.bigBoldNblack, p.bigBoldNblack{
	font-weight:bold;
	color:#000;
	font-size:11pt;
}

#MainImgHumanDim {
	margin-top:46px;
}


#MainImgDesigner, #MainImgIngredients {
	margin:0 100px 0;
}

#mainImgGreen {
	width: 858px;
	margin:10px 3px 0 3px;
	text-align:right;
	background: transparent url(../images/beingGreenBkgndImg.jpg) no-repeat left 575px;
}

#mainQuote {
	margin-top: 35px;
}


div#content p, div#contentContact p, div#contentKnowHow p {
	margin-bottom: 15px;
	line-height: 1.3em;
}

div#contentContact {
	text-align:left;
	margin: 0 60px;
}

div#contentKnowHow {
	text-align:left;
	margin: 20px 60px 0;
}

div#contentRecipes {
	text-align:left;
	width: 747px;
	margin: 0 auto;
	z-index:100;
}

div#contentRecipes p{
	padding-top:8px;
}

div#contentInnov, div#contentIngred {
	text-align:left;
	width: 740px;
	margin: 30px auto;
}

div#contentInnov table {
	margin-top: 20px;
}

div#contentSpKitchen {
	width: 745px;
	margin: 40px 50px;
}

#rightColspKitch {
	text-align: left;
	margin-left: 300px;
	padding: 20px 0 0 43px;
}

#rightColContact {
	margin-left: 378px;
	padding: 44px 0 0 44px;
}
	
.redType {
	color:#C00 !important;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#F00;
	text-decoration:none;
}

ul {
	margin: 10px 0 10px 12px;
	list-style:disk;
	list-style-type: disc;
}

ul li {
	margin-bottom:5px;
}

tr.trCenterText {
text-align:center;
}

tr.trCenterText p{
text-align:left;
padding: 0 10px;
}

tr.trCenterText img{
margin: 10px 8px 8px;
}

#materialsTable p {
	margin: 0 30px 10px 0;
}

span.tableTitle, p.tableTitle{
	font-weight:bold;
	color:#000;
	font-size:11pt;
	margin: -10px 0 20px 0;
}

#secondContent {
	padding-left: 185px;
	margin-top: 15px;
}

#secondContentLeftCol {
	float:left;
	width: 225px;
}

#secondContentRightCol {
	float: right;
	width: 225px;
}

#thirdContent {
	padding-left: 300px;
}

#fourthContent {
	padding-left: 345px;
}





/*** *********** ***/
/*** NEW / ADMIN ***/
/*** *********** ***/

/*slidewhos*/
.slideshow{position:relative;overflow:hidden;width:594;height:316px;}
.slideshow_hint{position:relative;overflow:hidden;width:594;height:316px;border:1px solid #000000}
.slideshow_area{position:absolute;overflow:hidden;}
.slideshow_image{position:absolute;overflow:hidden;top:0px;left:0px;z-index:0px;}
.slideshow_hint{border:1px solid #000000}
.slideshow_hint_current{border:1px solid #000000;background:#dddd22}
.slideshow_hint_content{font-weight:bold;margin:10px;font-size:12px;padding:20px}

/*tiny mce*/
/*tiny mce*/
.header{font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 20pt;color:#666;line-height: 1.25em;}
.title {font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 20pt;color:#666;line-height: 1.25em;}
.subhead {font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 15pt;color:#666;line-height: 1.25em;}
.wysiwyg-body{font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 10pt;color:#666;line-height: 1.25em;}
.wysiwyg-body *{font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 10pt;color:#666;line-height: 1.25em;}
BODY.mceContentBody {padding:0px;font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 10pt;color:#666;line-height: 1.25em;background:#FFFFFF;text-align:left;}
BODY.mceContentBody  *{font-family: Arial, Helvetica, Verdana, sans-serif;}
.mceContentBody A:link {COLOR: #666666 !important; font-weight: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 10pt !important;}
.mceContentBody A:visited {COLOR: #666666 !important; font-weight: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 10pt !important;}
.mceContentBody A:active {COLOR: #666666 !important; font-weight: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 10pt !important;}
.mceContentBody A:hover {COLOR: #FF0000 !important; font-weight: normal !important; text-decoration: none !important; font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 10pt !important;}

.mceEditor{}


/*Forms, std*/
FORM{display:inline;}
INPUT.text{width:400px;}
INPUT.error{width:400px;}
INPUT.small_text{width:100px;}
INPUT.small_error{width:100px;}
INPUT.password{width:400px;}
INPUT.file{width:400px;}
INPUT.checkbox{}
INPUT.radio{}
SELECT{}
TEXTAREA{width:400px;height:125px;}

.error,.errors{border:2px solid #993333;color:#993333;font-weight:bold;background:#FFCCCC;margin:10px;padding:5px;}
.msg,.message{border:2px solid #339933;color:#339933;font-weight:bold;background:#CCFFCC;margin:10px;padding:5px;}
.required{color:#6F1414;font-weight:bold;}

INPUT.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;margin:0px;padding:1px 0px;}
INPUT.small_error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;margin:0px;padding:1px 0px;}
TEXTAREA.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;margin:0px;padding:1px 0px;}
SELECT.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;padding:0px;margin:1px 0px;}

TEXTAREA.wysiwyg{width:654px;height:400px;}
TEXTAREA.wysiwyg654{width:654px;height:400px;}
TEXTAREA.wysiwyg750{width:750px;height:400px;}
TEXTAREA.wysiwyg850{width:850px;height:400px;}
TEXTAREA.wysiwyg_error{width:850px;height:400px;border:2px solid #993333;}


/*menus*/

A.submenu{font-size:13px;color:#838486;font-family:arial,sans-serif;padding:2px 6px;display:inline;text-transform:uppercase;font-weight:bold;}
A.submenu_on{font-size:13px;color:#FF0000;font-family:arial,sans-serif;padding:2px 6px;display:inline;text-transform:uppercase;font-weight:bold;}

A.menu{font-size:19px;color:#838486;font-family:arial,sans-serif;padding:0px 8px;display:block;text-transform:none;}
A.menu_on{font-size:19px;color:#FF0000;font-family:arial,sans-serif;padding:0px 8px;display:block;text-transform:none;}


/*admin interface area*/
TABLE#admin_table{width:762px;font-size:12px;}
TABLE#admin_table TH{background:#283C70;color:DDDDDD;padding:3px;font-weight:bold;font-size:12px;}
TABLE#admin_table TD.header{border-bottom:2px solid #283C70;color:#283C70;padding:3px;font-weight:bold;font-size:12px;}

TABLE#admin_table A{font-weight:bold;text-decoration:none;font-size:12px;}
TABLE#admin_table A:hover{font-weight:bold;text-decoration:underline;font-size:12px;}

TABLE#admin_table.row0 TD{background:#EEEEEE}
TABLE#admin_table.row1 TD{background:#DDDDDD}



#header H2{text-align:center;border-bottom:2px solid #666666;margin:5px 30px;}