body    { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #000; background-image: url("bg.jpg"); background-repeat: repeat-x; background-position: 12px 80px; margin: 0; padding: 0 }
#header { color: #fff; margin: 10px 0 0 2px; width: 95% }
#header h1  { color: #3c5e9a; font-size: 3em; background-color: #b5d5ff; letter-spacing: -3px; margin: 0; padding-top: 15px; padding-bottom: 10px; padding-left: 5%; width: 100% }
#header h3   { color: #fff; font-size: 1.5em; margin: 0; padding-top: 15px; padding-bottom: 10px; padding-left: 5%; width: 100%; border-bottom: 1px solid #b5d5ff }
#nav  { color: #c4c4c4; font-size: 1.2em; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 5%; width: 100%; height: auto; border-bottom: 1px solid #b5d5ff }
#nav a  { color: #fff; font-weight: bold; text-decoration: none; margin: 0 0 0 -4px; padding: 4px 4px 3px; border: dotted 1px #c4c4c4 }
#nav a:hover { color: #373737; background-color: #c4c4c4 }
#nav #navflip  { color: #c4c4c4; margin: 0; padding: 0; position: relative; top: -1.05em; left: 610px; width: 300px; height: 0.7em }
#wrap { margin: 0 auto; width: 60% }
#main     { margin-top: 10px; margin-bottom: 10px; padding: 0 10%; width: 80%; height: 100%; float: left; border-color: #fb5cbd }
.categorybox { margin-top: 10px; margin-bottom: 10px; padding: 0 5%; width: 90%; height: 100%; float: left; border-color: #fb5cbd }
.categorybox h3 { color: #fff; font-size: 1.5em; font-weight: normal; margin: 0; padding-top: 15px; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #b5d5ff }
#designbox   { margin: 10px auto; padding: 0; position: relative; width: 1000px }
#leftcol   { margin: 0; padding: 0; width: 610px }
#leftcol p  { text-align: center; margin: 0 auto; padding: 0; position: relative; width: 100%; }
#leftcol p img   { vertical-align: middle; margin: 10px; padding: 0 }
#rightcol    { color: #000; background: #eee; margin: 0; padding: 20px 0; position: absolute; top: 0; left: 625px; width: 375px; border: solid 8px #3c5e9a }
#rightcol p   { line-height: 1.2em; text-align: justify; margin: 0 auto 10px; padding: 0; position: relative; width: 300px }
#rightcol a  { color: #000; font-weight: bold; background-color: #fff4df; padding: 2px }
#rightcol a.fat { color: #000; font-weight: bold; background-color: #fff4df; padding: 4px }
#rightcol a:hover  { background-color: #fff47c }
ul.designblurb  { list-style-type: none; display: inline; margin: 0; padding: 0; width: 100% !important; float: left }
ul.designblurb li { display: inline; margin: 10px; padding: 0; width: 200px; height: 200px; float: left; border: solid 0 #fff }
ul.designblurb li a { margin: 0; padding: 2px; float: left; border-width: 0 }
ul.designblurb li a:hover  { margin: 0; padding: 2px; position: relative; top: -3px; left: -3px; border: solid 1px #fff }
.smaller { font-size: 0.6em }

/* 
#badge {
position: fixed;
right: 0;
top: 0;
display: block;
height: 204px;
width: 204px;
background: url(resizable-badge.gif) top right no-repeat;
text-indent: -999em;
text-decoration: none;
} /* from http://www.w3junkies.com/toocool/ -- will not work in IE */