/* CSS Document */

body {
margin:0 auto;
padding:0;
background: #f4f4f4 url(images/bg.gif) top center repeat-y;
font:6px  Arial, Helvetica, sans-serif;

}



p {
margin:0 0 1.4em 0;
}

a img {
border:0;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.left {
margin:10px 0 2px 10px;
float: left;
}

.leftimage {
margin:2px 10px 2px 0px;
float: left;
}

.images {
margin:15px 0px 15px 0px;
}

li {
list-style:circle;
line-height: 20px;
}

#wrap {
color:#404040;
margin:0 auto;
width:700px;
height:100%;
font: Arial, Helvetica, sans-serif;
font-size:11px;
}

#flowers {
clear:both;
background: url(images/bg.jpg) no-repeat #FFFFFF bottom;
height:210px;
width: 700px;
margin:0 auto;
}

#header {
background: url(images/header.png) no-repeat #FFFFFF;
padding: 10px 0 0 0 ;
height: 80px;
border-top: 10px solid  #FFFFFF;
}

#counter {
float: right;
height:50px;
width: 170px;
}

.navigation {	
background: #FFAFDC;
font:10px  Arial, Helvetica, sans-serif;
height: 25px;
border-right: 3px solid #FFDEF1;
margin-left:8px;
margin-right:8px;

}


.navigation a {
background: #FFAFDC;
font:10px  Arial, Helvetica, sans-serif;
border-left:4px solid #FFDEF1;
color: #333333 ;
display: block;
float: left;
line-height: 25px;
padding: 0 4px;
text-decoration: none;
}

.navigation a.current {
text-decoration: underline;
}

.navigation a:hover {
border-left:3px solid  #FFFFFF;
background: #FFAFDC;
color: #FFFFFF;
padding: 0 4px;
}



#content {
	width: 680px;
	height:100%;
	padding: 20px 10px 10px 10px;
}


#content a, a:link, a:visted{
	text-decoration: none;
	color: #666666;
	
}

#content h2 {
font-size: 14px;
margin: 15px 0 15px 0;
}

#contenth3 {
font-size: 12px;
margin: 10px 0 10px 0;
}

#content h4 {
	font-size: 12px;
	margin: 10px 0 10px 0;
	text-decoration: underline;
}


#content img {
padding:1px;
display:inline;
}




#footer {
clear:both;
margin:0 auto;
padding:5px;
border-top:2px solid #f0f0f0;
width:700px;
text-align:right;
color: #666666;
background:#ffffff;
}

#footer p {
margin:0;
padding:0;
font-size: 10px;
}

#footer a {
color:#808080;
background-color:#ffffff;
text-decoration:none;
font-size: 10px;
}


/* Gallery styling */

#gallery {margin:0 auto;width:700px; height:690px; border:1px solid #000; background: #FFDEF1;}
#gallery ul {list-style:none; padding:0; margin:2px 2px 2px 2px; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:37px; height:37px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:37px; height:37px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:35px; height:35px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd; background:#FFFFFF;}
#gallery ul li a:hover img {position:absolute; right:210px; top:0; width:auto; height:auto; border:1px solid #000;}