* { margin:0; padding:0; }
body { background:url(/images/v8/bg-top.png) repeat-x; }
body, p, td { font-family:verdana, Arial, helvetica, sans-serif; font-size:13px; color:#111; line-height:145%; }
p { margin-bottom:0.5em; }
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:0.5em; line-height:140% }
h1 { font-size:18px; color:#153f62; }
h2 { font-size:16px; color:#8c1b1b; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }
a { color:#153f62; }
a#logo { display:block;width:340px;height:145px;position:absolute;top:0;left:30px;text-indent:-8888px;z-index:50; }
a#logo:hover { background:transparent url(/images/back-home.png) top left no-repeat; }
#home a#logo:hover { background:none; }
#container { width:1020px; margin:0 auto; position:relative;  }
#wrapper { background:url(/images/v8/logo-faded.jpg) 30px 0 no-repeat; height:209px; width:100%; }
#title { margin-left:400px; background:url(/images/v8/tagline.png) no-repeat; height:209px; text-indent:-9894px; overflow:hidden; }

.tight { line-height:120%; }
.recommended { margin:0 15px; }
.recommended img { }
.recommended p { font-size:10px; }
.book { clear:both; zoom:1; border-bottom:12px solid #fff;  }

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

#contentWrapper { background:url(/images/v8/bg-content.png) left top no-repeat; position:absolute; width:100%; top:104px; padding-top:65px; }
.fullColumn { margin:0 30px 0 30px; }

.left { float:left; width:50%; }
.right { float:right; width:50%; }

.narrow { width:33%; }
.wide { width:67%; }

.left .content { padding:0 15px 0 30px; }
.right .content { padding:0 30px 0 15px; }

.left .content.gutterless { padding:0 0 0 30px; }
.right .content.gutterless { padding:0 30px 0 0; }


#content { width:900px; padding:65px 60px 0 60px; min-height:350px;  } 
#footer { background:url(/images/v8/bg-footer.png) left bottom no-repeat; height:222px; padding:0 60px; clear:both; }
#footer p { text-align:center; font-size:10px; color:#222; line-height:120%; }
#bug p { text-indent:-8599px; }
div.clear { clear:both; height:1px; font-size:1px; }


ul { padding-left:2em; }
li { padding-bottom:0.25em; }
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
.right.content { width:620px; }
pre { background:none repeat scroll 0 0 #EEEEEE; border:1px dashed #666666; overflow:auto; padding:15px 20px; margin-bottom:2em; }
code, pre {	font-size:.9em; }

/* Portfolio Nav */
				#arrows { position:absolute; z-index:5000; top:475px; left:750px; }
				.arrows a { background:url(/images/arrows.png) no-repeat; height:41px; text-indent:-9995px; display:block; float:left; outline:none; }
				#prev a { width:48px; }
				#next a { width:49px; background-position:-48px 0; }
				#prev a:hover { background-position:0 -41px; }
				#next a:hover { background-position:-48px -41px; }
				#arrows ul { display:none; }