/* ----- initialize -----*/
html, body {margin: 0; padding: 0; background: #fff url(../img/bg.gif) repeat-x; border: none; text-align: left; font: 10px Georgia, "Times New Roman", Times, serif; color: #333;}
p, img, form {margin: 0; padding: 0;}
p {line-height: 15px;}
p a:link {text-decoration: none; color: #333;}
p a:hover, p a:active, p a:visited {text-decoration: none; color: #6633cc; font-style: italic;}
/* ----- classes -----*/
.hide {display: none;}
.margin1 {margin-left: 10px;}
.margin2 {margin-right: 10px;}
.margin3 {margin-top: 10px;}
.textbox, .spacer1, .spacer2 {margin: 0; padding: 0; height: 71px;}
.spacer1 {width: 395px;}
.spacer2 {width: 152px;}
.font {font: 10px Georgia, "Times New Roman", Times, serif; color: #333;}
.italic {font-style: italic;}
.purple {color: #6633cc;}
.highlight {width: 314px; background: #6633cc; color: #fff;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.form1, .form2 {margin: 0; padding: 0; width: 314px;}
.form2 {height: 71px;}
.td1, .td2 {margin: 0; padding: 0;}
.td1 {background: #6633cc; color: #fff;}
.td2 {background: #eaeaea; color: #333;}
/* ----- divisions -----*/
#wrapper {margin: 0 auto;}
#content {margin: 0;}
#wrapper, #content {padding: 0; width: 820px;}
#column1, #column2 {margin: 0; padding: 0; width: 405px; display: block;}
#column1 {float: left;}
#column2 {float: right;}
#friends, #design, #typography, #code, #inspiration {margin: 0; padding: 0; float: left; display: block;}
#friends, #design, #typography, #code {width: 162px;}
#inspiration {width: 172px;}
/* ----- end -----*/