

body
{
background-image:url("images/Paper.jpg");
background-color:#f1f1f1;
background-repeat:repeat;
background-position: top left;
}

html {
    overflow-y: scroll;
}

h1
{
 margin:5px;
}
h2
{
 margin:5px;
}

a img
{
border:0;
}

a:active
{
outline: none;
}

a:focus
{
outline: none;
-moz-outline-style: none;
}

.image
{
border:1px #090909;
}

#header, .thumb, #slideShow0, .i7slidePic, #slideShow1, #slideShow2, #slideShow3 , #portrait, #content, #page, #featureImage, .gallery, #about, #contact, #about, #feature, #newContent, #imgbox, #thankyou, #contactButton, .blogEntry, .ContactBox
{
 color: black;  
 padding: 5px; 
 border:2px solid white;
 border-color: #ccc #555 #555 #ccc;  
 border-radius:6px;
 -moz-border-radius:6px; /* Firefox 3.6 and earlier */
 -webkit-border-radius:6px; /* Firefox 3.6 and earlier */
 box-shadow: 4px 4px 10px #808060;
 background:url("images/PaperYellowTile.png");
/* background:transparent url("images/PaperImage.jpg");*/
 
/* background: rgb(255, 255, 215);
 background: rgba(255, 255, 215, 0.6);*/
}

#descriptionImage
{
 color: black;  
 border:1px solid black;
 border-color: #ccc #555 #555 #ccc;  
 box-shadow: 2px 2px 5px #808060;
}

.menuButton
{
margin:5px 22px;
height:30px;
} 
.menuButton:hover
{
 opacity:0.8;
}

#Container
{
width: 900px;
margin: 0px auto;
}

#header 
{
 class:ebox;
 margin:0px auto;
}

#menu
{
 width:800px;
 text-align:center;
 margin:0px auto;

}
 
#gallery
{
 width:100%;
 text-align:center;
}
 
#wallflowers
{
 width:100%;
 /*min-height:700px;*/
 margin-left:0px auto;
 /*background-image: url(images/WallFlowers.png);*/
 background-size: 600px 600px;
 background-repeat:no-repeat; 
 background-position: bottom right;

}

#page
{
 width:630px;
 padding:10px;
 height:100%;
 float:left;
}

#newContent
{
 width:320px;
 height:320px;
 float: left;
 margin: 5px auto;
}

#featureImage
{
 width:400px;
 float: left;
 margin: 5px;
 padding: 10px; 
 cursor:pointer;
 
}

.arrow :hover
{
 opacity:0.8;
 cursor:pointer;
}
#prevPic
{
float:left;
}
#nextPic
{
float:right;
}

#information
{
 float:left;
 width:180px;
 margin-left:5px;
 padding: 5px;
}

.ContactBox
{
 margin:0px auto;
 width:800px;
}

#contactButton:hover
{
 cursor:pointer;
 border-color: #fff #fff #fff #fff;  
}
#submitButton:hover
{
 cursor:pointer;
 border-color: #fff #fff #fff #fff;  
}

#thumbnails
{
 width: 240px; 
 float: right;
 margin: 0px auto;
}

.thumb
{
 width:80px; 
 height:80px; 
 float: left;
 margin: 10px 10px 10px 10px;
 cursor:pointer;
}

.gallery
{
 width:400px;
 height:300px;
 float:left;
 margin: 5px;
 text-align:center;
}

.galleryListSmall
{
 height:25px;
 padding:20px;
}
.galleryListBig
{
 height:40px;
 padding:10px;
}

.galleryListSmall:hover , .galleryListBig:hover
{
 opacity:0.8;
}


#feature, #about, #contact, #newContent, #thankyou
{
 width:80%;
 margin:0px auto;
}


#feature
{
 margin-top:15px;
} 

#about
{
} 

#thankyou
{
} 

#contact
{
height:600px;
} 

#imgbox 
{
    vertical-align : middle;
    position : absolute;
    filter: Alpha(Opacity=100);
    visibility : hidden;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}

#welcome
{
 text-align:center;
 margin:0px auto;
}

#slides
{
 text-align:center;
 width:800px;
 margin:0px auto;
}

#slideShow0,#slideShow1,#slideShow2,#slideShow3
{
 margin:10px 2px 10px 2px;
 cursor:pointer;
}


form {
	width:459px;
	margin:0 auto;
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}


/* Contact Form */
input, textarea {
	width:439px;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:5px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

input:focus, textarea:focus 
{
	border:1px solid #97d6eb;
}

textarea 
{
	height:180px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}

#submit 
{
	background:url("images/Submit.png");
	width:127px;
	height:40px;
	text-indent:-9999px;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

#submit:hover 
{
    opacity:0.4;
}

#contactButton
{
float:left;
width:80px;
margin:10px;
padding:5px;
}
#submitButton
{
float:left;
width:80px;
margin:20px auto;
padding:5px;
}

#blog
{
}

.blogImage
{
 margin:5px 15px 5px 5px;
 float:left;
 border:3px solid;
 border-color: #555 #ccc #ccc #555;  
}
.blogImage:hover
{
 cursor:pointer;
 border-color: #fff #fff #fff #fff;  
}

.blogEntry
{
width:800px;
min-height:110px;
margin:10px auto;
padding:10px 10px 10px 10px;
}
