@import url(../css/reset.css);


html { font-size: 100.01%; }
body { color:#222; background:#fff; font: normal 1em/1.5 'Helvetica', Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; }
h1 { font-size: 1.25em; line-height: 1.65; margin: 0; }
h2 { font-size: 1.05em; font-weight: bold; margin: 0; }
h3 { font-size: 1.05em; line-height: 1.25; font-weight: bold; margin: 0; padding: 5px 0 0 0; }
h4 { font-size: .90em; margin-bottom:1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom:1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin: 0 0 1.15em 0; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em;}
a { color: #0b93a8; text-decoration: none; border-bottom: 1px solid #c4dee2; }
a:hover { color: #426368; text-decoration: none; border-bottom: 1px solid #99b0b3; }
strong { font-weight: bold; }
cite { font-style: italic; }
code { font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: small; }
em, dfn { font-style: italic; }
hr { background: #b2aa96; color: #b2aa96; clear:both; float:none; width:100%; height: 1px; margin: 0 0 1.45em; border: none; }

.showgrid {background: #fff url(../img/12_col.gif) repeat-y;}


#wrapper { margin: 0 auto; padding: 0; width: 960px; text-align: left; }

#header { position: relative; overflow: hidden; margin: 0; border-top: 10px solid #000; }
#access { display: none; }   
#masthead { float: left; }
#masthead a { display: block; width: 199px; height: 35px; margin: 50px 0 35px 7px; border: none;  background: transparent url(../img/logo.png) no-repeat; text-indent: -1000px; }


#content { clear: left; float: left; width: 620px; margin: 0 0 50px 10px; overflow: hidden; }
.interior #content { width: 690px; }

.interior h1 { margin: 0 0 20px 0; padding-bottom: 10px; }

#content dl { margin: 25px 0 0 0; }
#content dt { margin: 25px 0 0 0; }
#content .screenshot { border: 1px solid #ddd; }
#content a.screenshot  { display: block; width: 618px; height: 175px; text-indent: -1000px; }
#content a#n1  { background: transparent url(../img/project-n+1.png) top left no-repeat; }
#content a:hover#n1 { background-position: 0 -175px; }
#content a#mong  { background: transparent url(../img/project-mong.jpg) top left no-repeat; }
#content a:hover#mong  { background-position: 0 -175px; }
#content a#fff  { background: transparent url(../img/project-fff.jpg) top left no-repeat; }
#content a:hover#fff  { background-position: 0 -175px; }
#content a#nuciforo  { background: transparent url(../img/project-nuciforo.jpg) top left no-repeat; }
#content a:hover#nuciforo  { background-position: 0 -175px; }
#content a#bn  { background: transparent url(../img/project-quamut.jpg) top left no-repeat; }
#content a:hover#bn  { background-position: 0 -175px; }
#content a#rb  { background: transparent url(../img/project-rb.jpg) top left no-repeat; }
#content a:hover#rb  { background-position: 0 -175px; }
#content a#ensaaf  { background: transparent url(../img/project-ensaaf.jpg) top left no-repeat; }
#content a:hover#ensaaf  { background-position: 0 -175px; }
#content a#quamut  { background: transparent url(../img/project-quamut.jpg) top left no-repeat; }
#content a:hover#quamut  { background-position: 0 -175px; }
#content a#seachange  { background: transparent url(../img/project-seachange.jpg) top left no-repeat; }
#content a:hover#seachange  { background-position: 0 -175px; }
#content a#storey  { background: transparent url(../img/project-storey.jpg) top left no-repeat; }
#content a:hover#storey  { background-position: 0 -175px; }
#content a#rot  { background: transparent url(../img/project-rot.jpg) top left no-repeat; }
#content a:hover#rot  { background-position: 0 -175px; }
#content .project { margin: 5px; } 

#screenshots { float: left; width: 380px; margin: 0 20px 0 0; }

#sidebar { float: right; width: 220px; margin: 0 10px 0 0; }
#sidebar p, #sidebar li  { font-size: 90%; }
#sidebar ul { padding: 0 0 20px 0; }

.interior #sidebar { margin-top: 100px }

#footer { clear: both; margin: 0 10px; }
#footer p { font-size: 90%; }