/* CSS Document */
html {
background: #131312;
}
html, body, a {
color: #333333;
font: 14px "DINMittelschrift", "DIN", DIN, Arial, Helvetica, sans-serif ;

}
p, a {
text-align: justify;
background: none;
line-height: 1.2em;
margin: 0 0 20px 0;

}

#wrapper {
margin: 20px auto auto;
background: url(images/bannerImage.jpg) no-repeat;
width: 800px;

padding: 0;
}
h1 {
color: #ff3366;
padding: 20px 30px;
font-size: 1.5em;
margin: 0;
font-weight:normal;


}

ul.nav  {
margin: 0 0 0 30px;
padding: 0;
list-style: none;
border-left: 1px #999999 solid;
}

ul.nav  li {
color: #BFBFBF;
float: left;
margin: 0;

background: #cccccc;

border-right: 1px #999999 solid;
}

ul.nav  li a {
text-decoration: none;
display: block;
padding: 5px 10px;
margin: 0;
}

ul.nav  li a:hover {
text-decoration: underline;

}
#about a.about, #purchasing a.purchasing , #vid a.vid, #contact a.contact, #whatsinit a.whatsinit  {

color: #ff3366;
background: url(images/youAreHere.gif) repeat-x;
margin: 0;

}
#contentArea {
padding: 10px 30px;
display: block;
clear: both;
background: white;
margin: 0;



}
#contentArea a {
color: #737FBF;
}
ul.addressList {
list-style: none;
text-indent: 0;
margin-left: 20px;
padding: 0;

}
#contentArea table{
margin: 0;
padding: 0;
}
#contentArea table tr td {
background: #F5F5F5;

padding:  0;
vertical-align: top;
}
#contentArea table tr td.noBack {
background: white;
border: none;
}
#contentArea table tr td  p, #contentArea table tr td h3 {
padding: 10px 20px 10px 10px ;
margin: 0;
}
#contentArea table tr td {
border: 1px lightgrey solid;
}
#purchasing img {
float: right;
margin: 15px 0 10px 10px;
}
h2 {
font-size: 1.5em;
font-weight: normal;

}
h3{
font-size: 1.2em;
font-weight: normal;
}
h4 {


margin: 0 ;

}

#footer {
background-color: red;
width: 100%;
margin: 0 0 50px 0;
padding: 0;
border-top: 1px #333333 solid;

}

#footer ul li {
text-indent: 0;
float: right;
color: #666666;
background: none;
border: none;
padding: 6px 0 0 3px;
font-size: 12px;
} 

#footer ul li a {
color: grey;
}