* {
	font-family: Tahoma;
	font-size: 14px;
	line-height:19px;
}
	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{
	color:#67a;
	font-size:12px;
}
	.caption{color:#003399; position:absolute;top:340px;left:3px;width:300px; font-size:11px; text-align:right;}
	.demo{position:relative; padding-top:.5em;}
	.gallery_demo{width:320px;float:left; padding-right:.25em;}
	.gallery_demo li{width:60px;height:65px;border:3px solid #cccccc;margin: 0 4px 4px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#66FFFF;}
	.gallery_demo li.active{border-style:solid;border-color:#000066;}
	
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:2px auto 0 auto; height:450px; width:650px; float:right;}
	/*width:620px;*/
	
	.nav{padding-top:25px; clear:both;}
	
	.nav{position:absolute;top:375px;left:0;}





body {
	font: 60%;
	margin: 0 0 0 4em; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:#fff;
background-image:}
	
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 580px;
	background: #fff;
	background-image:url(http://karinbatten.com/images/stroke.pngimg/flower_bkg.png);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	padding: 0;
	height: 76px;
	background: url(http://karinbatten.com/images/stroke.png) no-repeat;
	position:relative;
	z-index: 9;
}


#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
width:600px;
height:76px;
text-indent: -999px;
}

#header a {
color:#3366FF;
}

#mainContent {
	padding: 1em 4em 0 4em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent2 {
	padding: 0em 4em 0 4em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent3 {
	padding:0px 0px 0px 190px;
	text-align:right; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 400px;
	font-size: 16px;
}

#mainContentintro {
	padding: .5em 4em 0 4em; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

#footer {
	padding: 0 10px; 
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	
	font-size:.8em;
	color:#003399;
	text-align:center;
}

#menu ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding: 0;
margin:.5em auto .5em auto;
width: 760px;
z-index:50;
}
#menu ul li {
display: inline;
padding: 0 5px;
margin: 0 2em;
border-right: 1px solid #0096ff;
border-left: 1px solid #0096ff;
/*background:#ccffff;*/
letter-spacing:1px;
}
#menu ul li:hover {
background-color: #ccffff;
}
#menu ul li.current {
border: 1px solid #a4bf37;
background-color:#ccffff;
}
#menu ul li a
{
color: #003399;
text-decoration: none;
}



</style>