/* 
** flowertree - alternative stylesheet 2
** Other colors and another background picture.
** 
** Nov 13, 2006 - (version 1.1)
** 
** This is a part of the open source layout by 
** Jonas John (www.jonasjohn.de) !
*/

/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
}

/*ul {
	padding-left: 2em;	
}*/

body {
	/* BG-Color: */
	background-image: url('../images/paper.gif');
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
}

.page {
	/* Page width: */
	width: 800px;
	position: relative;
	top: 0px;
}

/*.page span {
	width: 625px;
	height: 395px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url('../images/cut-corner.png') no-repeat;
}*/


#contentbox {
	
	background-color: #f6ee22;                
	margin: 0 auto;
	text-align: left;
	top: -70px;
}

/* menu: */

#menu {
	margin: 0 auto;
	text-align: center;
	color: #393939;
	font-family: Courier;
	font-size: 15px;
	margin-top: -1015px;
	z-index: 1;
}

#menu a:link, #menu a:visited {
	color: #393939;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #ffffff;
	text-decoration: none;
}

#padding {
	padding: 0px;
}

#innerpage {
	/* Background image: */
	background-image: url("../images/page_background.gif");
	background-repeat: repeat;
	padding: 0px;
	height: 1000px;
}


/* link colors */
#content a:link {
	color: #C2361D;
}

#content a:hover, #content a:active {
	color: #33201D;
}

#content a:visited {
	color: #892614;
}

/*GALLERY NAV*/
.gallerycontainer{
position: absolute;
margin-left: 148px;
margin-top: 108px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*GALLERY NAV*/
.gallerycontainer2{
position: absolute;
margin-left: 148px;
margin-top: 158px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*GALLERY NAV*/
.gallerycontainer3{
position: absolute;
margin-left: 148px;
margin-top: 195px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid #999999;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{
border: 2px solid #ffffff;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 20px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: #131313;
font-family: courier;
font-size: 12px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -132px; /*position where enlarged image should offset horizontally */
top: 30px;
z-index: 1;
}

#logo {
	position: relative;
	margin: 0 auto;
	margin-bottom: 0px;
	z-index: 2;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
	/* logo color 1: */
	color: #00FFFF;
}

#logo_black {
	/* logo color 2: */
	color: #FF138C;
}
.pagehead { /*CSS for pagehead*/
position: absolute;
color: #cccccc;
font-family: courier;
font-size: 48px;
text-decoration: none;
margin-top: 280px;
margin-left: 222px;
}