body {margin-top: 0px; background-color:#CCC; font-family: Helvetica, sans-serif; color:#666; font-size: 10px}
a img {border: 0;}

a:link {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #333;}
a:visited {text-decoration: none; color: #999;}

.smalltext {color: #666; font-size: 9px;}
.artists {color: #666; font-size: 9px; line-height: 20px;}

.aquasmall {font-size: 9px; color: #99CCCC;}
.aquaheader {color: #99CCCC;}

.inbetween {font-size: 10px; color: #666;}

.readable {font-size: 11px; color: #666;}
.bold {font-size: 11px; color: #333;}
h1 {font-size: 11px; color: #999; font-weight: normal;}

.white {color: #FFF;}
.red {color: #900}

#container {width: 940px; margin: 0 auto;}
#categories {float: left; width: 750px; height: 555px; border: 1px solid #999; background-color: #FFF; padding: 20px}
#title {float: left; height: 63px}
#home {float: right;}

#sharing {float: left; margin: 1em 0 0 0.5em;}
#sharing2 {float: right;}

#column  {float: left; width: 120px; height: 400px; border: 1px solid #CCC; margin: 25px 0 0 40px;}
#column2 {float: left; width: 120px; height: 400px; border: 1px solid #CCC; margin: 25px 0 0 15px;}
#column3 {float: left; width: 120px; height: 400px; border: 1px solid #CCC; margin: 25px 0 0 15px;}
#column4 {float: left; width: 120px; height: 400px; border: 1px solid #CCC; margin: 25px 0 0 15px;}
#column5 {float: left; width: 120px; height: 400px; border: 1px solid #CCC; margin: 25px 0 0 15px;}

#graphic-design {clear: both; height: 450px; background-image: url(images/graphic-design.gif)}
#illustration {clear: both; height: 450px; background-image: url(images/illustration.gif)}
#web-design {clear: both; height: 450px; background-image: url(images/web-design.gif)}
#photography {clear: both; height: 450px; background-image: url(images/photography.gif)}
#animation {clear: both; height: 450px; background-image: url(images/animation.gif)}
#fine-art {clear: both; height: 450px; background-image: url(images/fine-art.gif)}
#metalworking {clear: both; height: 450px; background-image: url(images/metalworking.gif)}
#sculpture {clear: both; height: 450px; background-image: url(images/sculpture.gif)}
#glassmaking {clear: both; height: 450px; background-image: url(images/glassmaking.gif)}
#ceramics {clear: both; height: 450px; background-image: url(images/ceramics.gif)}
#textiles {clear: both; height: 450px; background-image: url(images/textiles.gif)}
#printmaking {clear: both; height: 450px; background-image: url(images/printmaking.gif)}

#adverts {float: left; width: 133px; height: 595px; background-color: #FFF; margin-left: 10px; border: 1px dashed #999;}
#adverts2 {float: left; width: 133px; height: 630px; background-color: #FFF; margin-left: 10px; border: 1px dashed #999;}

.background {background-image: url(images/1.gif);}
.background2 {background-image: url(images/2.gif);}
.background3 {background-image: url(images/3.gif);}

#menu {width: 800px; margin: 35px auto; list-style: none;}
#menu li{display: inline; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid;}
#menu li.last {border-right: 0; margin-right: 0; padding-right: 0;}