/* 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;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px; color:#FFFFFF;
	font-weight:100;
	padding-left: 0px; padding-top: 24px;
}

h2 {
	margin:0px; padding:0px; 
}

h2 a, h2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#FFFFFF;text-transform:uppercase;
	margin:0px; padding:0px; font-weight:100;
	text-decoration:none;
}

h2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#CCCCCC;text-transform:uppercase;
	margin:0px; padding:0px; font-weight:100;
	text-decoration:none;
}


/* specific element settings */

p.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px; color:#FFFFFF; margin-top:0px;
	font-style:normal; 
}

p.center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color:#FFFFFF;
	width: 281px;
	padding-left: 0px;
	text-align: justify;
}

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

p.sidebar_bottom_topp {
	padding-left:15px; margin-top:8px; position:relative;
}

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

img.y {
	z-index:1; width:311px; 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;
}



/* 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; 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;
	cursor:pointer; list-style:none; 
	}
	
	#menu_2 {
	float: left; width: 140px; height: 64px;
	background:url(../images/menu_2.jpg) no-repeat;
	cursor:pointer; list-style:none; 
	}
	
	#menu_3 {
	float: left; width: 140px; height: 64px; 
	background:url(../images/menu_3_unselected.gif) no-repeat;
	cursor:pointer; list-style:none; 
	}
	
	#menu_4 {
	float: left; width: 141px; height: 64px; 
	background:url(../images/menu_4.jpg) no-repeat;
	cursor:pointer; list-style:none; 
	}

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

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

	#center_left {
	float:left; width:451px; height:350px;position:relative;
	}
	
	#center_middle {
	float:left;
	text-align: left;
	width:281px;
	height:350px;
	background: url(../images/center_middle_home.jpg) no-repeat;
	}
	
		#our_services {
		float:left; margin: 70px 29px 25px 5px;
		height:67px; width:111px; position:relative;	
		}
			
		#our_products {
		float:left; margin: 70px 0px 25px 4px;
		height:67px; width:127px; position:relative;
		}
		
	#center_right {
	float:left;	width:168px; height:350px;
	background: url(../images/center_right_home.jpg) 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:#081803;
		padding:0px; margin:0px; text-decoration:none;
		}
		
		#sidebar_image {
		width:140px; height:115px; border:0px; margin:auto; padding:0px;
		}
	
	#wrapper_sidebar_bottom {
	margin:11px 27px 23px 3px; 
	height:104px; width:142px;
	background: url(../images/wrapper_sidebar_bottom.gif) no-repeat;
	}
	
		#sidebar_bottom_top {
		background:url(../images/pdficon.gif) no-repeat 8px;
		float:left; height:34px; width:160px;
		background-color:#6c8c62; position:absolute; z-index:4;
		filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;
		left:30px; top:293px; border:1px solid #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF; 
		}
		
			#sidebar_bottom_top a, #sidebar_bottom_top a:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; color:#FFFFFF;
			text-decoration:none;
			}
			
			#sidebar_bottom_top a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; color:#081803;
			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_top2 {
		background:url(../images/docicon.gif) no-repeat 8px;
		float:left; height:34px; width:160px;
		background-color:#6c8c62; position:absolute; z-index:4;
		filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;
		left:30px; top:293px; border:1px solid #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; color:#FFFFFF; 
		}
		
			#sidebar_bottom_top2 a, #sidebar_bottom_top a:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; color:#FFFFFF;
			text-decoration:none;
			}
			
			#sidebar_bottom_top2 a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; color:#081803;
			text-decoration:none;
			}
		
		#sidebar_bottom_bottom2 {
		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;
	background: url(../images/footer.gif) no-repeat;
}