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

html, body, p {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
background-color: #645328;
}

#grassbg {
position: absolute;
left: 0px;
background-image: url('../images/grass.png');
background-repeat: repeat-x;
height: 320px;
width: 100%;
overflow: visible;
z-index: 5;
}

.container {
width: 800px;
height: auto;
display: block;
background: transparent;
z-index: 2;
margin: 0 auto;
}


#header {
position: relative;
width: 800px;
height: 306px;
background: transparent;
text-align: center;
z-index: 10;
background-image: url('../images/tree.png')
}

.container #navbar {
position: absolute;
top: 320px;
width:800px;
height: 30px;
padding-left: 5px;
z-index: 3;
}

.container #content {
position: absolute;
top: 350px;
width: 800px;
height: auto;
margin-bottom: 10px;
z-index: 4;
}

.container #content #about {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/about.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color: #E4CAA9;
width: 368px;
height: 287px;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #about #box {
z-index: 6;
position: relative;
padding-top: 60px;
height: 298px;
padding-left: 20px;
padding-right: 20px;
width: 328px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 12px;
line-height: 14px;
}

.container #content #uganda {
position: absolute;
float: left;
left: 10px;
top: 287px;
background-image: url('../images/uganda.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color: #E4CAA9;
width: 368px;
height: 287px;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #flashbox {
position: absolute;
float: left;
left: 418px;
background: transparent;
width: 368;
height: 277px;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
z-index: 5;
}

.container #content #shopimg {
position: absolute;
float: left;
left: 418px;
top: 297px;
width: 368px;
height: 287px;
margin-top: 16px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #story {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/story.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 752px;
height: auto;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
z-index: 5;
}

.container #content #story #box {
z-index: 6;
top: 0;
position: relative;
padding-top: 70px;
height: 580px;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
margin-bottom: 8px;
}

.container #content #mission {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/mission.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 751px;
height: auto;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #mission #box {
top: 0;
z-index: 6;
position: relative;
padding-top: 70px;
height: 940px;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
}

.container #content #blog {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/blog.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 751px;
height: auto;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #blog #box {
top: 0;
z-index: 6;
position: relative;
padding-top: 70px;
height: 151px;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
}

.container #content #party {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/party.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 751px;
height: auto;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #party #box {
top: 0;
z-index: 6;
position: relative;
padding-top: 70px;
height: 280px;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
}

.container #content #shop-top {
background: url('../images/shop-top.jpg') no-repeat;
width: 752px;
height: 55px;
margin: 0 auto;
}
.container #content #shop {
background: url('../images/shop-grow.jpg') repeat-y;
background-position: top center;
width: 752px;
height: auto;
margin: 0 auto;
z-index: 5;
padding-top: 2px;
padding-bottom: 200px;
}

.container #content #shop-bottom {
background: url('../images/shop-bottom.jpg') no-repeat;
width: 752px;
height: 7px;
margin: 0 auto;
}

.container #content #shop #box {
top: 0;
z-index: 6;
position: relative;
padding-top: 30px;
height: auto;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
}

}

.container #content #shop-bottom {
background: url('../images/shop-bottom.jpg') no-repeat;
width: 752px;
height: 7px;
margin: 0 auto;
}

.container #content #shop #shop-nav {
 width: 722px;
 height: 45px;
 margin: 15px;
 position:relative;
 overflow-x: hidden;
 background: url(../shop/images/shop_nav_bg_grow.png) repeat-x;
}

.container #content #shop #shop-nav a#necklaces-link {
	position: absolute;
	top:7px;
	left: 10px;
	width:159px;
	height: 32px;
	text-indent: 9999px;
	background: url(../shop/images/shop_necklaces_link.png) no-repeat;
}
.container #content #shop #shop-nav a#bracelets-link {
	position: absolute;
	top:7px;
	left: 186px;
	width:150px;
	text-indent: 9999px;
	height: 32px;
	background: url(../shop/images/shop_bracelets_link.png) no-repeat;
}
.container #content #shop #shop-nav a#earrings-link {
	position: absolute;
	top:7px;
	left: 350px;
	width:134px;
	text-indent: 9999px;
	height: 32px;
	background: url(../shop/images/shop_earrings_link.png) no-repeat;
}
.container #content #shop #shop-nav a#limitedoffers-link {
	position: absolute;
	top:7px;
	left: 494px;
	width:212px;
	text-indent: 9999px;
	height: 32px;
	background: url(../shop/images/shop_limited_offers_link.png) no-repeat;
}

#preview-graphic {
width: 839px;
height: 343px;
margin: 0 auto;
margin-left: 10px;
background: url(../shop/images/preview_front_graphic.jpg) no-repeat;

}


.container #content #contact {
position: absolute;
float: left;
left: 10px;
background-image: url('../images/contact.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 751px;
height: auto;
margin-top: 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
z-index: 5;
}

.container #content #contact #box {
top: 0;
z-index: 6;
position: relative;
padding-top: 70px;
height: 191px;
padding-left: 20px;
padding-right: 20px;
width: 711px;
color: #000000;
font-family: Georgia, sans-serif;
font-size: 14px;
line-height: 16px;
}

.container #footer {
position: absolute;
margin-left: auto;
margin-right: auto;
height: auto;
width: 800px;
text-align: center;
font-family: Georgia, sans-serif;
font-size: 12px;
z-index: 2;
padding-bottom: 10px;
}

#footer a {
color: #E4CAA9;
}

a.navhover_home {
	float: left;
	display: block;
	text-decoration: none;
	width: 95px;
	height: 30px;
	background: url('../images/newnav_01.jpg') 0 0 no-repeat;
}

a.navhover_story {
	float: left;
	display: block;
	text-decoration: none;
	width: 140px;
	height: 30px;
	background: url('../images/newnav_02.jpg') 0 0 no-repeat;
}

a.navhover_mission {
	float: left;
	display: block;
	text-decoration: none;
	width: 147px;
	height: 30px;
	background: url('../images/newnav_03.jpg') 0 0 no-repeat;
}

a.navhover_blog {
	float: left;
	display: block;
	text-decoration: none;
	width: 72px;
	height: 30px;
	background: url('../images/newnav_04.jpg') 0 0 no-repeat;
}

a.navhover_party {
	float: left;
	display: block;
	text-decoration: none;
	width: 156px;
	height: 30px;
	background: url('../images/newnav_05.jpg') 0 0 no-repeat;
}

a.navhover_shop {
	float: left;
	display: block;
	text-decoration: none;
	width: 71px;
	height: 30px;
	background: url('../images/newnav_06.jpg') 0 0 no-repeat;
}

a.navhover_contact {
	float: left;
	display: block;
	text-decoration: none;
	width: 119px;
	height: 30px;
	background: url('../images/newnav_07.jpg') 0 0 no-repeat;
}

a.navhover_home:hover {
	background-position: 0 -30px;
}

a.navhover_story:hover {
	background-position: 0 -30px;
}

a.navhover_mission:hover {
	background-position: 0 -30px;
}

a.navhover_blog:hover {
	background-position: 0 -30px;
}

a.navhover_party:hover {
	background-position: 0 -30px;
}

a.navhover_shop:hover {
	background-position: 0 -30px;
}

a.navhover_contact:hover {
	background-position: 0 -30px;
}

.bracelets-display, .necklaces-display, .earrings-display {
clear: both;
height: 175px;
padding-left: 15px;
padding-right: 15px;
}

.bracelets-form, .necklaces-form, .earrings-form {
clear:both;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 25px;
float: left;
}

.bracelets-images, .necklaces-images, .earrings-images {
margin-left: 20px;
float: left;
}

.bracelets-display h1, .necklaces-display h1, .earrings-display h1 {
font-size: 20px;
color: #811d1d;
}


hr {
color: #811d1d;
background-color: #811d1d;
height:1px;
border:none;
}