body{
background-image:  url(images/background.jpg);
background-repeat: repeat;
margin:0px 0px;
padding:0px;
text-align:center;
}

h1{
font-size: 28px;
font-weight: normal;
font-family: "Arial";
color: #924C87;
}

h2{
font-size: 20px;
font-weight: normal;
font-family: "Arial";
color: #924C87;
}

h3{
font-size: 16px;
font-weight: normal;
font-family: "Arial";
color: #924C87;
}

h4{
font-size: 12px;
font-weight: normal;
font-family: "Arial";
color: #924C87;
}

A.main:link { color: Black; font-size: 18px; font-family: "Arial"; text-decoration: none}
A.main:visited { color: Black; font-size: 18px; font-family: "Arial"; text-decoration: none}
A.main:hover { color: #FF58A9; font-size: 18px; font-family: "Arial"; text-decoration: none}
A.main:active { color: #FF58A9; font-size: 18px; font-family: "Arial"; text-decoration: none}

A.sub:link { color: #990066; font-size: 11px; font-family: "Arial"; text-decoration: underline}
A.sub:visited { color: #990066; font-size: 11px; font-family: "Arial"; text-decoration: underline}
A.sub:hover { color: #FF58A9; font-size: 11px; font-family: "Arial"; text-decoration: underline}
A.sub:active { color: #FF58A9; font-size: 11px; font-family: "Arial"; text-decoration: underline}

.background-centre{
position: relative;
width: 800px;
margin: auto;
height: 100%;
padding: 0px;
text-align: center;

}

/* ---------------------------------------- */
/* PANELS */
/* ---------------------------------------- */

.panel{
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
}

.title-bar{
position: absolute;
width: 800px;
top: 50px;
left: 0px;
height: 200px;
text-align: center;
z-index: 2;
border-color: #DEC1C1;
}
.right-panel{
position: absolute;
width: 380px;
margin: auto;
height: 820px;
top: 10px;
left: 410px;
z-index: 1;
border-color: #938282;
text-align: center;
padding-right: 10px;
}

.middle-panel{
position: absolute;
width: 805px;
height: 250px;
top: 280px;
left: 0;
z-index: 0;
border-color: #DEC1C1;
text-align: left;
}

.links{
position: absolute;
top: 50px;
left: 650px;
width: 360px;
z-index: 2;
text-align:left;
}

/* ---------------------------------------- */
/* SHOP */
/* ---------------------------------------- */

.shop-index{
overflow: auto;
position: absolute;
width: 380px;
left: 15px;
top: 15px;
height: 215px;
background-color: #F5E7E7;
font-family: "Arial";
font-size: 11px;
padding: 10px;
color: #0;
border-style: solid;
border-color: #CFBDBD;
border-width: 1px;
}

.rightPanelInsert
{
position: absolute;
left: 10px;
top: 270px;
padding-right: 10px;
height: 250px;
text-align: left;
font-family: "Arial";
font-size: 11px;
color: #0;
}

.blog{
width: 360px;
height: 470px;
background-color: #F5E7E1;
border-style: solid;
border-color: #CFBDBD;
border-width: 1px;
padding: 10px;
overflow: auto;
}

.welcome{
width: 170px;
}

.newsletter{
width: 360px;
}

.beadmaking{
position: absolute;
width: 360px;
left: 180px;
top: 270px;
height: 200px;
font-family: "Arial";
font-size: 11px;
text-align: left;
padding-top: 10px;
color: #616363;
}

.beadmakingTitle{
position: absolute;
width: 360px;
left: 10px;
top: 440px;
height: 20px;
font-family: "Arial";
font-size: 11px;
text-align: right;
color: #E687D8;
}

.aboutMe{
width: 360px;
height: 410px;
}

.shopImages{
width: 360px;
height: 410px;
}

.shopImagesArchived{
width: 360px;
height: 410px;
}

.orderForm{
width: 360px;
height: 410px;
}

.ebay{
position: absolute;
width: 360px;
left: 10px;
top: 500px;
height: 200px;
border-top: dashed;
border-width: 1px;
border-color: #0;
font-family: "Arial";
font-size: 11px;
text-align: left;
padding-top: 10px;
color: #616363;
}
.gallery{
position: relative;
width: 850px;
top: 10px;
margin: auto;
height: 800px;
z-index: 3;

}
.popup{
background-color: #FFFFFF;
font-family: "Arial";
font-size: 12px;
text-align: left;
height: 100%;
padding: 10px;
margin: auto;
width: 300px;
}

.backgroundImage
{
position: absolute;
top: 497px;
left: 178px;
}
#flashcontent {
height: 100%;
}
.floatright {float: right; margin: 5px; padding: 5px;}
.floatleft {float: left; margin: 10px; padding: 5px;}