/* --------layout------ */



body
{margin: 0px;
background-color: #383838;
color: #f0f0f0;
font-size: 1em;
font-family: 'Tahoma', Arial, sans-serif;
}

#container
{width: 800px;
margin: auto;
}

#content
{float: left;
margin-top: 70px;
width: 800px;
}

#gallery
{float: left;
margin-top: 70px;
width: 800px;
}

#slideshow 
{float: left;
margin-right: 10px;
}



#topLeft, #topRight, #bottomLeft, #bottomRightOne
{float: left;
width: 390px;
padding: 5px;
}




#topLeft img, #topRight img, #bottomLeft img, #bottomRightOne img 
{float: left;
margin-right: 10px;
}


#footer
{clear: left;
width: 800px;
padding: 5px;
border-top: 1px solid #c0c0c0;
text-align: center;
}

.spacer
{clear: both;
width: 800px;
height: 1px;
background: #383838;
border-bottom: 1px solid #c0c0c0;
}

#shopSections
{width: 800px;
margin-top: 20px;
}

#shopSections img
{float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.galleryDiv
{float: left;
width: 150px;
margin: 5px;
}

.galleryDiv a img
{text-decoration: none;
border: 1px solid #c0c0c0;
}

.galleryDiv p
{margin-top: 2px;
}

/* --------text------- */

#container p
{font-size: 0.8em;
line-height: 1.2em;
}

#content p
{line-height: 1.4em;
margin-bottom: 10px;
}

#mainNavigation li
{font-size: 0.8em;
}

h1
{font-size: 1.4em;
font-weight: bold;
color: #a80000;
margin-bottom: 10px;
}


h2
{font-size: 1.1em;
font-weight: bold;
margin-bottom: 10px;
}

h6
{margin: 7px;
}

.latest
{color: #ffffff;
}

ul
{list-style-type: none;
margin: 0px;}

ol
{list-style-type: none;
}


#content li
{font-size: 0.8em;
display: block;
float: none;
}

#gallery li
{display: inline;
float: left;
}

li.sub
{margin-right: 10px;
}

li
{display: inline;
float: left;
margin: 4px;
}

li a img
{text-decoration: none;
border: 1px solid #c0c0c0;
}

table
{font-size: 0.9em;
}

td, th
{border: 1px solid #a80000;
padding: 2px;
}

#announcement
{color: #ff30a0;
}

/* --------images------ */

#slideshow img, #imageRight img, #imageLeft img
{padding: 5px;
border: 1px solid #c0c0c0;
}


/* --------navigation------*/

p a:link, li a:link, h2 a:link
{color: #b80000;
font-weight: bold;
}

p a:visited, li a:visited, h2 a:visited
{color: #900000;
text-decoration: none;
}


p a:hover, p a:active, li a:hover, li a:active, h2 a:hover, h2 a:active 
{color: #e00000;
font-weight: bold;
}


#mainNavigation
{position: absolute;
top: 94px;
width: 800px;
}



#mainNavigation li
{display: inline;
float: left;
margin: 0px;
}

#mainNavigation li a
{display: block;
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 6px 8px;
border: 1px solid #c0c0c0;
}

#mainNavigation #linkHome a
{border-top: 4px solid #e00000;
}

#mainNavigation #linkGallery a
{border-top: 4px solid #ffff00;
}

#mainNavigation #linkWip a
{border-top: 4px solid #ff30a0;
}

#mainNavigation #linkPrices a
{border-top: 4px solid #00ff00;
}

#mainNavigation #linkOrdering a
{border-top: 4px solid #c000ff;
}

#mainNavigation #linkVouchers a
{border-top: 4px solid #ffb800;
}

#mainNavigation #linkBio a
{border-top: 4px solid #0060ff;
}

#mainNavigation #linkHome a:hover
{border: 1px solid #e00000;
border-top: 4px solid #e00000;
background: #e00000;
}

#mainNavigation #linkGallery a:hover
{border: 1px solid #ffff00;
border-top: 4px solid #ffff00;
background: #ffff00;
}

#mainNavigation #linkWip a:hover
{border: 1px solid #ff30a0;
border-top: 4px solid #ff30a0;
background: #ff30a0;
}

#mainNavigation #linkPrices a:hover
{border: 1px solid #00ff00;
border-top: 4px solid #00ff00;
background: #00ff00;
}

#mainNavigation #linkOrdering a:hover
{border: 1px solid #c000ff;
border-top: 4px solid #c000ff;
background: #c000ff;
}

#mainNavigation #linkVouchers a:hover
{border: 1px solid #ffb800;
border-top: 4px solid #ffb800;
background: #ffb800;
}

#mainNavigation #linkBio a:hover
{border: 1px solid #0060ff;
border-top: 4px solid #0060ff;
background: #0060ff;
}

#galleryHeading, #galleryLink a
{color: #ffe800;
}

#galleryLink a:hover
{color: #ffff00;
}

#wipHeading, #wipLink a
{color: #e00090;
}

#wipLink a:hover
{color: #ff30a0;
}

#orderingHeading, #orderingLink a
{color: #a800c0;
}

#orderingLink a:hover
{color: #c000ff;
}

#blogHeading, #blogLink a
{color: #b80000;
}

#blogLink a:hover
{color: #e00000;
}

#topNavigation
{position: absolute;
top: 10px;
left: 660px;
width: 240px;
}

#topNavigation a
{color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 3px 5px;
border: 1px solid #c0c0c0;
background: #686868;
}