/* ******
	Designed by Wil Stutterheim for websiteman
	www.websiteman.nl 
   ****** */

/* General */
body, html	{
	height: 100%; 
	width: 100%; 
}

body	{
	margin: 0; 
	padding: 0; 
	background: #888; 
	text-align: center; 
	font-family: Verdana, sans-serif, Helvetica, Arial; 
	font-size: 13px; 
	color: #000; 
}
body#tinymce	{
	background: #cdcdcd; 
}

/* Fonts */
p, td, th, div, font, textarea, input	{
}

p	{
	margin: 6px 4px; 
}

a	{
	color: #89004f; 
	text-decoration: underline; 
}

a:hover	{
	color: #e02290; 
}

a.email	{
	color: #89004f; 
	font-size: 13px; 
}

a.emailhover img	{
	margin-bottom: -2px; 
	margin-top: 0; 
}

h1, h2, h3	{
	font-family: sans-serif, Helvetica, Verdana; 
}

h1	{
	font-size: 22px; 
	font-weight: bold; 
	color: #e02290; 
	margin: 14px 4px 9px 4px; 	
}

h2	{
	font-size: 15px;
	font-weight: bold; 
	color: #e02290; 
	margin: 9px 4px 6px 4px; 
}

h3	{
	font-size: 12px; 
	font-weight: bold; 
	color: #e02290; 
	margin: 7px 4px 6px 4px; 
}

h1 em, h2 em, h3 em	{
	font-style: normal; 
	font-weight: normal; 
	font-size: 80%; 
	
}

div#sidebar p	{
	font-size: 11px; 
	color: #89004f; 
}

div#sidebar h1	{
	font-size: 17px; 
	font-weight: bold; 
	color: #e02290; 
	margin: 10px 4px 6px 4px; 
}

div#sidebar h2	{
	font-size: 13px; 
	font-weight: bold; 
	color: #e02290; 
	margin: 6px 4px 4px 4px; 
}

div#footer a	{
	color: #d0d0d0; 
	text-decoration: none; 
}

div#footer a:hover	{
	text-decoration: underline; 
}

div#footer p	{
	font-size: 11px; 
	color: #fff; 
}

div#footer span.left	{
	float: left; 
}

div#footer span.right	{
	float: right; 
}

div#ie6warning p	{
	font-size: 11px; 
}

nav ul	{
	position: relative; 
	margin: 0; 
	padding: 10px 0; 
	z-index: 5; 
}

	nav ul li	{
		display: inline; 
		position: relative; 
		list-style: none; 
		padding: 4px 7px; 
		margin: 10px; 
		font-size: 20px; 
		font-family: sans-serif, Helvetica, Verdana; 
		font-weight: normal; 
	}
	
		nav ul li a	{
			color: #fff; 
			text-decoration: none; 
		}
		nav ul li a:hover	{
			color: #ffb9e1; 
			text-decoration: none; 
		}
		
		nav ul li ul	{
			display: none; 
			position: absolute; 
			top: 30px; 
			left: 0; 
			padding: 0; 
			margin: 0; 
			list-style: none; 
			background: #fff; 
			width: auto; 
			height: auto; 
			border: 1px solid #fff; 
			z-index: 10; 
		}
		nav ul li:hover ul	{
			display: block; 
		}
		
			nav ul li ul li	{
				display: list-item; 
				font-size: 12px; 
				font-weight: bold; 
				width: auto; 
				height: auto; 
				margin: 0; 
				padding: 0; 
			}
			
				nav ul li ul li a	{
					display: block; 
					width: 170px; 
					margin: 0; 
					padding: 3px; 
					color: #000; 
				}
				nav ul li ul li a:hover	{
					color: #fff; 
					background: #888; 
				}
				
/* DIVs */
header, footer, nav, section, aside, article	{
	display: block; 
}

div#ie6warning	{
	display: none; 
	position: absolute; 
	z-index: 200; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 15px; 
	background: #fdffc4; 
	border-bottom: 1px solid #777; 
	text-align: left; 
}

div#system	{
	margin: 0; 
	padding: 0; 
	position: fixed; 
	overflow: hidden; 
	height: 100%; 
	width: 100%; 
}
 
	div#bg	{
		position: absolute; 
		left: 0; 
		top: 0; 
		width: 100%; 
		height: 100%; 
	}
		div#bg img	{
			margin: 0; 
			padding: 0; 
		}

div#container	{
	position: relative; 
	margin: 0 auto; 
	width: 960px; 
	text-align: left; 
}

	div#header	{
		position: absolute; 
		width: 100%; 
		height: 172px; 
		margin: 0; 
		padding: 0; 
	}

		div#domain	{
			position: absolute; 
			top: 10px; 
			right: 26px; 
			width: 276px; 
			height: 31px; 
		}

	div#shadowtop	{
		position: absolute; 
		top: 172px; 
		left: 0; 
		width: 960px; 
		height: 6px; 
		background: url(/images/22/background-wrapper-shadow-top.png) no-repeat; 
	}
	
	div#wrapper	{
		position: absolute; 
		top: 178px; 
		left: 0; 
		width: 960px; 
		text-align: center; 
		background: url(/images/21/background-wrapper-shadow-sides.png) repeat-y; 
	}
		
		div#shadowbottom	{
			width: 960px; 
			height: 6px; 
			background: url(/images/23/background-wrapper-shadow-bottom.png) no-repeat; 
			margin-bottom: -6px; 
		}
		
		div#content	{
			position: relative; 
			margin: 0px auto 0px auto;  
			padding: 10px 0 4px 0; 
			width: 900px; 
			background: #cdcdcd url(/images/1/background-content.jpg) repeat-x top center; 
			text-align: left; 
		}
		
			nav	{
				position: relative; 
				width: 900px; 
				height: 47px; 
				background: url(/images/3/background-menu.jpg) repeat-x; 
				margin: 0 0 50px 0; 
			}
			
				div#embellishment	{
					position: absolute; 
					top: 0; 
					right: 20px; 
					height: 103px; 
					width: 68px; 
				}
			
			div#page	{
				position: relative;
				float: left; 
				width: 610px; 
				padding: 15px; 
				margin: 0; 
				/*border-right: 1px solid #bbb; */
			}
			
			div#page.sidebar0	{
				width: 870px; 
			}
			
			div#sidebar	{
				position: relative; 
				float: right; 
				width: 229px; 
				padding: 15px; 
				margin: 0; 
				border-left: 1px solid #bbb; 
			}
			
			div#footer	{
				position: relative; 
				margin: 9px 0 0 0; 
				padding: 1px 0; 
				clear: both; 
				width: 900px; 
				height: 23px; 
				background: url(/images/2/background-footer.jpg) repeat-x; 
			}
	

div.spacer	{
	clear: both;
}

/* Images */
img	{
	border: none; 
}

img.lineC, img.lineL, img.nolineL, img.lineR, img.nolineR	{
	border: 1px #530027 solid; 
	margin: 4px; 
}
	
img.lineC	{
	display: block; 
	margin: 4px auto; 
}

img.nolineC	{
	display: block; 
	margin: 4px auto; 
	border: none; 
}

img.lineL	{
	float: left; 
}

img.nolineL	{
	float: left; 
	border: none; 
}

img.lineR	{
	float: right;
}

img.nolineR	{
	float: right; 
	border: none; 
}

a.emailhover img	{
	top-margin: 0; 
	bottom-margin: -1px;
	cursor: pointer; 
}

/*Modules */
/*div#album	{
	width: 200px; 
	height: 270px; 
	border: 1px solid #530027; 
	margin: 4px; 
	float: left; 
}

	div#album img	{
		float: left; 
		margin: 4px; 
		border: 1px solid #530027; 
		width: 190px; 
	}

div#bigbox div	{
	float: left; 
	width: 190px; 
	margin: 2px; 
	height: 280px; 
	border: 1px solid #530027; 
}

	div#bigbox div img	{
		width: 180px; 
		margin: 4px; 
		float: left; 
		border: 1px solid #530027; 
	}
	
	div#bigbox div div	{
		float: left; 
		width: 180px; 
		margin: 4px; 
		height: *; 
		border: none; 
		font-size: 80%; 
	}
	*/
div#randomPhoto	{
	float: left; 
	width: 220px; 
	margin: 4px; 
	clear: both; 
}

div#randomPhoto img	{
	border: 1px solid #530027; 
	margin: 4px; 
	float: left; 
	width: 214px;
}

iframe	{
	border: none; 
}

#contactForm fieldset	{
	width: auto; 
}

#contactForm .field-widget	{
	float: left; 
}



/* TinyMCE specific rules */
.mceContentBody a { 
	color: #89004f !important; 
	text-decoration: underline !important; 
 }
.mceContentBody { background: transparent; text-align: left; }