/* valid css style sheet - creamy creations campina */

/* general element settings */

body {
	background-color:#FFFFFF;
	text-align:center;
	padding:0px; margin:0px;
	margin-left:auto; margin-right:auto;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px; color:#FFFFFF;
	
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px; color:#FFFFFF;
	font-weight:100;
	padding-top: 11px;
	margin-bottom:10px;
}

/* specific element settings */

p.sidebar_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color:#FFFFFF;
	text-align:left; padding:7px;
	text-transform:uppercase;
}

img.x {
	z-index:0; width:311px; 
	height:350px; 
}

img.y 
{
    /* background-color:Red;  */
	z-index:1; width:315px; height:350px; 
	left:0px; top:0px; position:absolute;
	/* filter:alpha(opacity=98); -moz-opacity:.98; opacity:.98; */
}

img.menu_spacer {
	width:100%; height:64px; border:0px;
}

/* unordered menu list settings */

ul.content {
	margin:2px; padding-left:26px; list-style:disc; list-style-position:outside;
	margin-bottom:0px;
}

li.content  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:#ffffff;
}
ul.navigator {
	margin:0px; padding:0px;
}

li.navi {
	list-style:none; margin:0px; padding:0px; display: table-cell; left:0px;
	padding-right:30px; padding-left:13px; width:24px; 
	vertical-align:text-top;
	margin-top:0px; 
}

li.navi a, li.navi a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px; 
	color:#ffffff;
	text-decoration:none;
	line-height:115%;
	text-align:left;
}	

li.navi a:hover {
	color:#666666; text-decoration:none;
}
/* div layer setup */

/* wrapper for page */

#container {
	width: 900px;
	text-align:center;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

/* header/ menu */

#logo {
	width:78px; height:129px; float:left; margin-left:21px;
	margin-right:71px; z-index:1; position:relative; float:left;
	margin-bottom:-5px;
	cursor:pointer;
}

#logo img { border:none; }

#head_lev_0	{
	height: 59px;
	text-align:right;
	margin-bottom:8px;padding-top:35px;margin-left:170px; clear:right;
}

/* unordered menu list settings */

#crumble_languages {
	padding:0px; margin:0px 26px 4px auto; font-size:10px; 
	color:#bdbdc2; display:inline; float:right;
	z-index:2; position:relative;
	background:url(../images/divider2.gif) left no-repeat;
}

#crumble_languages li {
	list-style:none; margin:0px; padding:0px; display:inline; float:left;
	background:url(../images/divider.gif) no-repeat right;
	padding-right:8px; padding-left:6px;
}

#crumble_languages li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:#bdbdc2;
	text-decoration:none;
}

#crumble_languages li a:hover {
	color:#666666; text-decoration:none;
}


/* head level 1 */

#menu_wrapper	{
	float:left; z-index:0; position:relative;
	display: block;
	padding:0px; margin:0px;
	height: 65px; margin-top:-65px; 
	list-style:none; padding-left:170px;
	width:900px; margin-bottom:5px;
}

	/* all separate header images to optimize foto's to jpg's & plain colors to gifs 
	and to make future onmouseover effects easier and fast loading */
		
	#menu_1 {
	float: left; width: 141px; height: 64px; 
	background:url(../images/menu_1_selected.gif) no-repeat;
	}
	
	#menu_2 {
	float: left; width: 140px; height: 64px;
	background:url(../images/menu_2.jpg) no-repeat;
	}
	
	#menu_3 {
	float: left; width: 140px; height: 64px; 
	background:url(../images/menu_3_unselected.gif) no-repeat;
	}
	
	#menu_4 {
	float: left; width: 141px; height: 64px; 
	background:url(../images/menu_4.jpg) no-repeat;
	}

	#menu_5 {
	float: left; width: 168px; height: 64px; 
	background:url(../images/menu_5_unselected.gif) no-repeat;
	clear:right;
	}

/* center wrapper & layers */
	
#center_wrapper	{
	float:left; 
	display: block;
	margin:0px;
	padding:0px;
	height: 350px;
}

	#center_left {
	float:left; width:311px; height:350px;position:relative;
	}
	
	#center_left ul 
	{
	    /*margin-left:20px;*/
	}
	

	#center_left_flash {
	float:left; width:500px; height:350px;position:relative;
	}

	
	#center_left_big {
	float:left; width:451px; height:350px;position:relative;
	/* background-image: url(http://creamy.staging.lectric.nl/includes/products_bg.jpg); */
	}
	
	#center_middle 
	{
	float: left;
	text-align: left;
		
	/* overflow attribute for text scroll bar */
	
	overflow: auto;
	overflow-x:hidden;
	width:417px;height:350px;
	background-color:#8ea9c4;
	
	/* scroll bar colors for ie */
	
	scrollbar-face-color:#8ea9c4;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#8ea9c4;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color:#FFFFFF;
	width: 377px;
	_width: 417px;
	padding: 0 20px 0 20px;
	text-align: justify;	
		
	}

		#nav {
		background:url(../images/nav_alcoholic_beverages.jpg) no-repeat;
		height:164px; width:481px; margin:-1px 0px 0px 0px; padding:0px;
		}
		#nav3 {
		background:url(../images/nav_packaging_solution2.jpg) no-repeat;
		height:340px; width:481px; margin:-1px 0px 0px 0px; padding:0px;
		}

	#center_right {
	float:left;	width:172px; height:350px;
	background: url(../images/center_right_blue.gif) no-repeat;
	clear:right;
	}
	
	#wrapper_sidebar_top {
	margin:24px 26px 11px 4px; 
	height:188px; width:142px;
	background: url(../images/wrapper_sidebar_up_blue.gif) no-repeat;
	}
	
		#title_sidebar_top {
		width:142px; height:71px;
		}
		
		#title_sidebar_top a, #title_sidebar_top a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF;
		padding:0px; margin:0px; text-decoration:none;
		}
		
		#title_sidebar_top a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#666666;
		padding:0px; margin:0px; text-decoration:none;
		}
		
		
		#sidebar_image {
		width:140px; height:115px; border:0px; margin:auto; padding:0px;
		}
	
	#wrapper_sidebar_bottom {
	margin:11px 26px 23px 4px; 
	height:104px; width:142px;
	background: url(../images/wrapper_sidebar_bottom_blue.gif) no-repeat;
	}
	
		#sidebar_bottom_top {
		height:34px; width:142px; 
		}
		
		#sidebar_bottom_topp {
		padding-left:30px; padding-top:6px;
		text-align:left; vertical-align:text-top;
		height:19px;  
		}
		
		#sidebar_bottom_topp a, #sidebar_bottom_topp a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF;
		padding:0px; margin:0px; text-decoration:none;
		}
		
		#sidebar_bottom_topp a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#666666;
		padding:0px; margin:0px; text-decoration:none;
		}
		
		#sidebar_bottom_bottom {
		padding-left:6px; margin-top:4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF;
		text-align:left; vertical-align:top;
		}

		#sidebar_bottom_bottom a {
		padding-left:6px; margin-top:4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF;
		text-align:left; vertical-align:top;
		}

/* footer */

#footer {
	clear:both;
	width:900px; height:19px;
	margin: 0 auto;
	background: url(../images/footer.gif) no-repeat;
}

#center_middle ul
{
	/*margin-left: 18px;
	margin-left: -20px;*/
	
}

#center_middle li
{
	/*display: block;*/
	margin: 6px 0px 6px 0;
}