/* CSS Document */

body {margin:0px auto; padding: 0px; width: 850px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 10px; line-height: 12px;}
#menu {float: left; margin-left: 30px; margin-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 9px; line-height: 10px;}
#menu a{text-decoration: none; display: block; width: 200px; height: 12px}
a {color: #999999}
.installation a:hover {color:#FF99CC;}
.drawing a:hover {color:#33CCFF;}
.contact  a:hover {color:#3333CC;}
.about a:hover {color: #99CC66;}
.lab a:hover {color:#FF3300}
.craft a:hover {color: #FFCC33;}
.words a:hover {color: #9999CC;}
.shop a:hover {color: #009933;}
.inspiration a:hover {color: #CCCC66;}

.hide{
display: none;
}

.show{
display: block;
}
.indent {padding-left: 20px;}

#mymenu1{margin: 10px 0px 0px 30px;}
#mymenu1b{margin: 3px 0px 3px 15px;}
#mymenu2{margin: 3px 0px 3px 15px;}
#mymenu3{margin: 3px 0px 3px 15px;}
#mymenu4{margin: 3px 0px 3px 15px;}
#mymenu5{margin: 3px 0px 3px 15px;}
#mymenu6{margin: 3px 0px 3px 15px;}
#mymenu7{margin: 3px 0px 3px 15px;}

#mainnav {float: right; height: 500px; margin-top: 0px;}
#mainnav a{display:inline; width: auto; height: auto;}

#main {float: right;  margin-top: 22px; min-height: 600px;}
.hor {margin-right: 100px; width: 440px;}
.vert {margin-right: 259px; width: 281px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 11px; font-weight: bold; line-height: 12px;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 10px; line-height: 12px; margin-top: -5px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px;  margin-top: -5px;}
.instll {color:#FF99CC; font-size: 11px}
.drw {color:#33CCFF; font-weight: normal;}
.cont {color:#3333CC; font-weight: normal;}
.abt {color: #99CC66; font-weight: normal;}
.lb {color:#FF3300; font-weight: normal;}
.crft  {color: #FFCC33; font-weight: normal;}
.wrds  {color: #9999CC; font-weight: normal;}
.shp  {color: #009933; font-weight: normal;}
.insp  {color: #CCCC66; font-weight: normal;}

.left {float: left}
.right {float: right}

#greyline{border-bottom: 1px #999999 solid; height: 5px; display: block; width: 100%; clear:both;}

#next {padding-top: 6px; margin-right: 6px; height: 20px;}
#moreimages {float: right; color: #ffffff; font-size: 9px; padding: 2px; margin-top: 2px;}
#moreimages a{color: #ffffff; text-decoration: none;}
.instllbg {background-color:#FF99CC; }
.drwbg {background-color:#33CCFF;}
.contbg {background-color:#3333CC;}
.abtbg {background-color: #99CC66;}
.lbbg {background-color:#FF3300;}
.crftbg  {background-color: #FFCC33;}
.wrdsbg  {background-color: #9999CC;}
.shpbg {background-color: #009933;}
.inspbg  {background-color: #CCCC66;}

TD {border-top: 1px solid #CCCCCC;}
ul {margin-left: -20px; margin-top:-2px;}

.portrait {border: 1px solid #999999;}
#bottom {width: 760px; text-align: right; display: block; margin-top: 300px; padding-top: 50px; clear:both; }