/* general styles */
body {
  color: #2c2716;
  font-family: times, serif; 
  font-size: .8em;
  margin: 0;
  padding: 0;
  text-align: left; 
  background-color: #e1deb4;
  background: url(images/background_tile.jpg); }
a:link, a:active, a:hover, a:focus, a:visited { color: #2c2716; }
a:hover { color: #890909; }
img { behavior: url(js/pngbehavior.htc); }
p {margin: 0 0 15px 0;}
ul {margin: 0 0 0 25px; padding-top: 0;}
.left {float: left;}
.right {float: right;}
.clear {
  clear: both;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0px !important; 
  height /**/:1px; }
/* end general styles */

/* image replacements */
h1.titleReplace { 
  margin: 21px 0 9px 26px; 
  padding: 57px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:57px;
  background: url(images/title_michele_sbrana.gif) no-repeat; }
p.barReplace { 
  margin: 0 0 0 6px; 
  padding: 116px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:116px;
  background: url(images/img_top_bar.jpg) no-repeat; }
p.subbarReplace { 
  margin: 0 0 0 6px; 
  padding: 57px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:57px;
  background: url(images/img_sub_bar.jpg) no-repeat; }
p.bookReplace { 
  margin: 0 0 20px 0; 
  padding: 13px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:13px;
  background: url(images/img_now_available.gif) no-repeat; }
  
h2.bkTitleReplace, h2.bkAboutReplace, h2.bkMuseReplace,
h2.bkPressReplace, h2.bkFaveReplace, h2.bkContactReplace { 
  margin: 0; 
  width: 583px;
  padding: 56px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:56px; }
h2.bkTitleReplace {background: url(images/img_book_title.gif) no-repeat;}
h2.bkAboutReplace {background: url(images/img_about_title.gif) no-repeat;}
h2.bkMuseReplace {background: url(images/img_musings_title.gif) no-repeat; }
h2.bkPressReplace {background: url(images/img_press_title.gif) no-repeat; }
h2.bkFaveReplace {background: url(images/img_favorites_title.gif) no-repeat; }
h2.bkContactReplace {background: url(images/img_contact_title.gif) no-repeat; }
/* end image replacements */

#contentWrap {
  position: relative;
  background: url(images/background_content.jpg) no-repeat bottom left;
  margin: 0 0 0 2px;
  padding: 0 0 40px 40px;
  width: 784px;
  height: 400px; }
/* height above controls all page heights across the site */
#contentWrap2 {
  position: relative;
  background: url(images/background_content.jpg) no-repeat bottom left;
  margin: 0 0 0 2px;
  padding: 0 0 40px 40px;
  width: 784px;
  height: 281px; }
/* height above controls height for home page */
#mainContent { }
.bookImg {margin: 33px 13px 25px 0;}
.placeImg {position: absolute; top: 53px; left: 598px; z-index: 1; }
.rightContent {width: 565px; float: left; margin: 20px 10px 0 0;}
#homePg .rightContent {margin-top: 50px!important;}
.line {border-top: 1px solid #c9c59a; margin: 20px 0 30px 0;}
.insetContent {width: 506px; margin-left: 38px;}

.insetContent p {letter-spacing: 2px;}
.btmMargin15 { margin-bottom: 15px; }
.noMargin {margin: 0; padding: 0;}

/* bottom navigation styles */
#nav {
  position: relative;
  width: 650px;
  height: 31px;
  margin-left: 110px;
  margin-top: 15px;
  top: -25px;
  left: 0;}
#nav ul {margin-left: 0; padding-left: 0;}
#nav ul li { 
  list-style: none;
  margin: 0;
  padding: 0 40px 0 40px;
  background: url(images/icon_nav_line.gif) no-repeat 0 5px; }
#nav ul li { float: left; }
#nav ul li a { display: block; }
#nav ul li.first { padding-left: 0 !important; background: none; }
#about li.nav1 a {width: 50px; background: url(images/nav1_about_on.gif) no-repeat; } 

li.nav1 a, li.nav2 a, li.nav3 a, li.nav4 a, li.nav5 a { 
  margin: 0; 
  padding: 31px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:31px; }
li.nav1 a {width: 50px; background: url(images/nav1_about.gif) no-repeat; }
li.nav1 a:hover, #about li.nav1 a {width: 50px; background: url(images/nav1_about_on.gif) no-repeat; }
li.nav2 a {width: 66px; background: url(images/nav2_musings.gif) no-repeat;}
li.nav2 a:hover, #muse li.nav2 a {width: 66px; background: url(images/nav2_musings_on.gif) no-repeat;}
li.nav3 a {width: 37px; background: url(images/nav3_press.gif) no-repeat;}
li.nav3 a:hover, #press li.nav3 a {width: 37px; background: url(images/nav3_press_on.gif) no-repeat;}
li.nav4 a {width: 70px; background: url(images/nav4_fave.gif) no-repeat;}
li.nav4 a:hover, #fave li.nav4 a {width: 70px; background: url(images/nav4_fave_on.gif) no-repeat;}
li.nav5 a {width: 62px; background: url(images/nav5_contact.gif) no-repeat;}
li.nav5 a:hover, #contact li.nav5 a {width: 62px; background: url(images/nav5_contact_on.gif) no-repeat;}
/* end bottom navigation styles */