@charset "UTF-8";
/* CSS Document */

#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	width: 100%;
	height: 200px;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	text-align: right;
}

#wrapper2 {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #B773FF;
}


#content {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 575px;
	background-image: url(images/contentbg.png);
}

#content2 {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 575px;
	background-image: url(images/contentbg2.png);
}


#content3 {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 1394px;
	background-image: url(images/aboutlong.png);
}

#content4 {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 575px;
	background-image: url(images/bakerylong.png);
}

#contact{
	top: 300px;
	margin-left: 330px;
	margin-top: 180px;
	width: 270px;
	height: 234px;
}

#nav{
	position: relative;
	top: 0px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 6px;
	background: #330066;
}

a.navshade{
	position: absolute;
	left: 0px;
	width: 654px;
	height: 62px;
	background-image: url(images/navshade.png);
}

a:link{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #663399;
}

a:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #663399;
}

a:active{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #663399;
}

.banner {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: -1;
	width: 100%;
	height: 106.2px;
	background-image: url(images/banner.png);
	background-repeat: repeat-x;
}

img.logo{
	display: block;
	width: 459px;
	height: 153px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
        border: 0;
	background-image: url(images/banner2.png);
}

a.splash{
	position: relative;
	display: block;
	width: 900px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/splash.png);
}

.footer {
	position: absolute;
	left:0px;
	bottom: -612px;
	z-index: 0;
	width: 100%;
	height: 63px;
	background-image: url(images/footer.png)
}

.footer2 {
	position: absolute;
	left:0px;
	bottom: -500px;
	z-index: 0;
	width: 100%;
	height: 63px;
	background-image: url(images/footer.png)
}


.footer3 {
	position: absolute;
	left:0px;
	bottom: -1369px;
	z-index: 0;
	width: 100%;
	height: 63px;
	background-image: url(images/footer.png)
}