* {
margin : 0;
padding : 0;
}
html, body {
height : 100%;
}

body {
margin : 0;
padding : 0;
background : #000 url(../images/marthareed2web.jpg) no-repeat left;
}
#top {
position : absolute;
}
h1, p {
margin : 0;
padding : 0.3em 0;
}
h3 {
color:#5e1c6e;
}
#logo {
position: relative;
color : #000;
top : 1.0em;
left : 3.5em;
}
#title{
position: absolute;
color: #328a24;
top: 8.5em;
left: 43em;
}
#we_sell{
position: absolute;
font-family : Rockwell, Arial, Sans-Serif;
color: #5e1c6e;
top: 27.0em;
left: 35em;
}
#peony{
position : absolute;
color : #fff;
float:left;
top : 8.4em; 
left : 10.0em;
padding: .5em;
}

#peony2{
position : absolute;
color : #fff;
float:left;
top : 17em; 
left : 8.20em;
padding: .5em;
}
#peony3{
position : absolute;
color : #fff;
float:left;
top : 25.5em;
left : 8.20em; 
padding: .5em;
}
#peony4{
position : absolute;
color : #fff;
float:left;
top : 34em;
left : 8.20em; 
padding: .5em;
}
#order{
position : absolute;
color : #fff;
float:left;
top : 33.5em;
left : 35em;
padding: .0em;
}

#email {
border-top : 1px solid #000;
height : 35px;
position : absolute;
top : 41.5em;
left : 2em;
}
#content {
margin-left : 0;
color : #fff;
width : 30em;
position : absolute;
top : 2.5em;
left : 19.5em;
padding : 2em 10px 10px 20px;
}
#contact {
height : 1.6em;
position : absolute;
font-family : Rockwell, Arial, Sans-Serif;
color : #5e1c6e;
top : 3.0em;
left : 23.5em; 
width : 49em;
}

#contact a, #contact a:link, #contact a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 120%;
color : #5e1c6e;
display : block;
height : 2em;
width : 15em;
line-height : 1.3em;
text-align : center;
outline-style : none;
}

#contact a:hover, #contact a:active {
color : #fff;
}
#navbar a, #navbar a:link, #navbar a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : yellow;
display : block;
height : 2em;
width : 5em;
line-height : 2em;
text-align : center;
outline-style : none;
}

#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited {
color : #000;
}


#navbar {
height : 1.6em;
color: yellow;
position : absolute;
top : 0.1em;
left : 22.0em; 
width : 39em;
}
#navbar ul {
list-style-type : none;
}
#navbar li {
float : left;
position : relative;
}
#navbar a, #navbar a:link, #navbar a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : yellow;
display : block;
height : 2em;
width : 5em;
line-height : 2em;
text-align : center;
outline-style : none;
}
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited {
color : #000;
}
a, a:link, a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : #fff;
display : block;
height : 2em;
width : 8em;
line-height : 2em;
text-align : center;
outline-style : none;
}
a:hover, a:active, li.selected a:link, li.selected a:visited {
color : #5e1c6e;
}
#content ul, #content ol {
padding : 10px 0 10px 40px;
}
#content p {
font-size : 1.1em;
line-height : 1.3em;
}
#content h1, #content h2, #content h3, #content p {
font-family : "Times New Roman", Times, serif;
color : #fff;
font-weight : normal;
font-style : italic;
text-align: center;
letter-spacing : 0.08em;
}
#content h1 {
font-size : 1.2em;
line-height : 1.5em;
}
#content h2 {
font-size : 1.2em;
line-height : 1.5em;
}
#content h3 {
font-size : 1.25em;
font-style : normal;
}

.hilite {
font-family : Rockwell, Arial, Sans-Serif;
font-size : 118%;
color : #5e1c6e;
}
#block1{
  float:left; 
}
#block2{
  float:left;
}

#block3{
  float:left;
}

#block4{
  float:left;
}

#block5{
  float:left;
}
#block6{  
  float:left; 
}
#block7{
  float:left;
}

#block8{
  float:left;
}

#block9{
  float:left;
}

#block10{
  float:left;
}
#block11{
  float:left; 
}
#block12{
  float:left;
}

#block13{
  float:left;
}

#block14{
  float:left;
}

#block15{
  float:left;
}
/* Captioned images */ 
div.captionpic{
   width:9em;
   padding:0.1em;
   margin:0.1em 0.1em 0 0;
   float:left;
   border:none 1px #000;
   font-family: "Times New Roman", Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
    color : #000;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:100%;
   border:none;
} 

div.captionpic a, div.captionpic a:link, div.captionpic a:visited {
text-decoration : none;
font-family : "Times New Roman", Arial, Helvetica, Sans-Serif;
font-size : 100%;
color : black;
display : block;
line-height : 1em; 
text-align : center;
outline-style : none;
}
div.captionpic a:hover, div.captionpic a:active {
color : yellow;
}

.menu {
float : left;
position : relative;
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color : #5e1c6e;
display : block;
height : 2em;
width : 4.1em;
line-height : 2em;
text-align : left;
outline-style : none;
}

#footer {
height : 3.6em;
position : absolute;
color: #5e1c6e;
bottom :10em;
left : 5em;
width : 45em;
}
#footer ul {
list-style-type : none;
}
#footer li {
float : left;
position : relative;
}
#footer a, #footer a:link, #footer a:visited {
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 110%;
color: #5e1c6e;
display : block;
height : 2em;
width : 45em;
line-height : 2em;
text-align : left;
outline-style : none;
}

#footer menu a, #footer li a:link, #footer li a:visited {
float : left;
position : relative;
text-decoration : none;
font-family : Rockwell, Arial, Sans-Serif;
font-size : 80%;
color: #5e1c6e;
display : block;
height : 2em;
width : 4.1em;
line-height : 2em;
text-align : left;
outline-style : none;
}

#footer menu a:hover, #footer li a:hover, {
color : #ff0000;
}