/*
CSS for Berylware site
*/
body {
margin:0;
background-image: url(bluebackground.png);
background-repeat: repeat;
font-family: helvetica,verdana,sans-serif;
}
#wrapper {
background-color: #ffffff;
color: black;
margin: 10px 30px 30px 90px;
max-width: 1200px;
}
#header {
position: relative;
background-color: #cccde8;
Border-bottom: white 5px double;
height: 160px;
}
#tapemeasure {
background-color: #808080;
height: 60px;
Border-bottom: white 5px double;
}
#pagedetail {
position: relative;
top: 0;
left: 0;
width: 100%;
margin-top: 20px;
}
#navigation {
position: relative;
width: 13%;
background-color: #ffffff;
}
#navigation a img {
border:none;
}
.homelabel {
background-image: url(browntaghome.png);
}
.homelabel:hover {
background-image: url(browntaghomeh.png);
}
.aboutlabel {
background-image: url(browntagabout.png);
}
.aboutlabel:hover {
background-image: url(browntagabouth.png);
}
.shoplabel {
background-image: url(browntagshop.png);
}
.shoplabel:hover {
background-image: url(browntagshoph.png);
}
.presslabel {
background-image: url(browntagpress.png);
}
.presslabel:hover {
background-image: url(browntagpressh.png);
}
.gallerylabel {
background-image: url(browntaggallery.png);
}
.gallerylabel:hover {
background-image: url(browntaggalleryh.png);
}
.classeslabel {
background-image: url(browntagclasses.png);
}
.classeslabel:hover {
background-image: url(browntagclassesh.png);
}
.homelabel, .aboutlabel, .shoplabel, .presslabel, .gallerylabel, .classeslabel {
height: 100px;
border: 1px #ffffff solid;
background-repeat: no-repeat;
}
#bodycontent {
position: absolute;
top: 0;
width: 83%;
margin: 0 2% 0 15%;
background-color: #ffffff;
color: black;
}
#bodypic {
height: 80px;
}
h1 {
font-size: x-large;
color: #9e252b;
font-family: cambria,georgia,times,serif;
}
#gallery {
position: absolute;
top: 160px;
left: 13%;
width 87%;
margin: 0;
background-color: #ffffff;
color: black;
font-size: small;
margin: 0;
padding: 0;
}
#shop {
position: absolute;
top: 250px;
left: 13%;
width 87%;
margin: 0;
background-color: #ffffff;
color: black;
font-size: small;
margin: 0;
padding: 0;
}
#presspics {
position: absolute;
top: 370px;
left: 13%;
width 87%;
margin: 0;
background-color: #ffffff;
color: black;
font-size: small;
margin: 0;
padding: 0;
}
#widepiccies, #piccies, #narrowpiccies {
list-style-type: none;
}
#widepiccies li {
float: left;
width: 320px;
margin-right: 6px;
margin-bottom: 10px;
color: #333333;
}
#piccies li {
float: left;
width: 120px;
margin-right: 6px;
margin-bottom: 10px;
color: #333333;
}
#narrowpiccies li {
float: left;
width: 80px;
margin-right: 6px;
margin-bottom: 10px;
color: #333333;
}
#widepiccies img {
display: block;
border: 1px solid #333333;
}
#piccies img {
display: block;
border: 1px solid #333333;
}
#narrowpiccies img {
display: block;
border: 1px solid #333333;
}
#indexpic {
border-width: 15px;
border-style: double;
border-color: #9e252b;
float: left;
margin-right: 20px;
}
#follow {
text-align: center;
}
#follow {
text-align: center;
}
#classtype {
color: #9e252b;
font-size: large;
}
table.workshop {
border-collapse: separate;
}
table.workshop th, table.workshop td {
padding: 4px;
border-top: 1px solid  #cccde8;
border-left: 1px solid #cccde8;
border-bottom: 1px solid  #cccde8;
border-right: 1px solid  #cccde8;
}
em {
color: #9e252b;
}
#copyright {
color: #9e252b;
font-size: small
}
#termsconds {
font-size: small
}
fieldset {
border: 0;
}