html, body {
  height: 101%;
}

body {
  background: #FFFFFF url(../img/background.gif) repeat-y scroll top center;
  color: #454545;
  font-family: Arial;
  /*
  font-size: 11px;
  line-height: 14px;
  */
  font-size: 70%;
  line-height: 1em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

#wrap {
  width: 826px;
  margin: auto;
}

#logo {
  margin: 25px 0 35px 15px;
}

#logo h1, #logo h1 a {
  display: block;
  height: 74px;
  width: 100px;
  text-indent: -500em;
}

#logo h1 {
  float: left;
}

#logo h1 a {
  background: transparent url(../img/logo.gif) no-repeat scroll top left;
}

#logo h2, #logo h2 a {
  display: block;
  height: 74px;
  width: 250px;
  text-indent: -500em;
}

#logo h2 {
  float: right;
}

#logo h2 a {
  background: transparent url(../img/logo.gif) no-repeat scroll top right;
}

/* fancy menu */

#navigation {
  clear: both;
  
  width: 811px;
  border-top: 2px solid #660000;
  border-bottom: 2px solid #660000;
  
 position: relative;
 height: 30px;
 /*background: url(../img/na) no-repeat top;
 padding: 15px;
 margin: 10px 0;*/
 overflow: hidden;
 padding-left: 15px;
 }
  
 #navigation ul {
 padding: 0;
 margin: 0;
 margin-top: 1px;
 margin-bottom: 1px;
 }
  
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#navigation ul li {
 float: left;
 list-style: none;
 /*padding-right: 10px;*/
 margin-right: 8px;
 }
  
 #navigation ul li a {
 text-indent: -500em;
 z-index: 10;
 display: block;
 float: left;
 height: 28px;
 position: relative;
 overflow: hidden;
 margin: 0 4px;
 background: url(../img/navigation.gif) no-repeat top left;
 }


/*
#navigation li.background {
  background: url(../images/navigation_bg.gif) no-repeat scroll top right;
  z-index: 9;
  visibility: hidden;
  width: 30px;
  height: 28px;
  color: #920303;
	position: absolute;
}
*/

#navigation li.background {
 /*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
 background: url(../img/navigation_bg.gif) no-repeat top right;
 z-index: 8;
 position: absolute;
 visibility: hidden;
 }
  
 #navigation .background .left {
 /*background: url('images/bg_menu.png') no-repeat top left !important;*/
 background: url(../img/navigation_bg.gif) no-repeat top left;
 height: 30px;
 margin-right: 3px;
 }



#navigation li#medieval a {
  width: 60px;
  background-position: 0 9px;
}

#navigation li#medieval.current a {
  background-position: 0 -41px;
}

#navigation li#old-masters a {
  width: 86px;
  background-position: -84px 9px;
}

#navigation li#old-masters.current a {
  background-position: -84px -41px;
}

#navigation li#post-modern a {
  width: 134px;
  background-position: -192px 9px;
}

#navigation li#post-modern.current a {
  background-position: -192px -41px;
}

#navigation li#non-western a {
  width: 91px;
  background-position: -348px 9px;
}

#navigation li#non-western.current a {
  background-position: -348px -41px;
}

#navigation li#manuscripts a {
  width: 88px;
  background-position: -460px 9px;
}

#navigation li#manuscripts.current a {
  background-position: -460px -41px;
}

#navigation li#craftsmanship a {
  width: 135px;
  background-position: -575px 9px;
}

#navigation li#craftsmanship.current a {
  background-position: -575px -41px;
}

#navigation li#architecture a {
  width: 96px;
  background-position: -726px 9px;
}

#navigation li#architecture.current a {
  background-position: -726 -41px;
}


#nav {
  float: left;
  width: 150px;
}

#main {
  float: right;
  width: 635px;
}

#main .col1 {
  float: left;
  width: 235px;
  
  /*background-color: #920303;
  height: 300px;*/
}

#main .col2 {
  float: right;
  width: 380px;
}

.hr {
  border-top: 2px solid #660000;
  height: 0;
  margin: 2em 0;
}

.hr hr {display: none;}

#breadcrumb p {
  margin: 20px 0;
  margin-left: 15px;
}

#breadcrumb p,
#breadcrumb p a {
  color: #5C6262;
  font-size: 1.1em;
  line-height: 1em;
}

#breadcrumb p a.current {
  color: #660000;
}

#breadcrumb p a:hover {
  text-decoration: underline;
}

#nav ul.menu {
  margin-bottom: 30px;
}

#nav ul.menu.first {
  margin-top: 10px;
}

#nav ul.menu li {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #5C6262;
  border-bottom: 1px solid #CDCFCF;
  padding-left: 15px;
}

#nav ul.menu li a {
  color: #5C6262;
}

#nav ul.menu li.current a,
#nav ul.menu li a:hover {
  color: #660000;
}

#main h1, #main h2, #main h3, #main h4, #main h5 {
  line-height: 1.1em;
  margin-bottom: 0.6em;
}

#main h1 {
  font-size: 2.5em;
  text-transform: uppercase;
}

#main h2 {
  font-size: 1.7em;
  font-weight: bold;
  color: #660000;
}

#main h2 a {
  font-weight: bold;
  color: #660000;
}

#main h2 a:hover {
  text-decoration: underline;
}

#main h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #660000;
}

#main h4, #main h5 {
  font-size: 1.1em;
  font-weight: bold;
  color: #660000;
}

#main p {
  font-size: 1.1em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

#main .col1 p,
#main p.small {
  font-size: 0.9em;
  line-height: 1.1em;
  margin-bottom: 2em;
}

#main .col1 p {
  margin: 2em 0;
  color: #999999;
}

#main p a {
  color: #660000;
}

#main p a:hover {
  text-decoration: underline;
}

button.buy,
button.enquire,
button.download {
  /* reset */
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-indent: -500em;
  /* define */
  display: block;
  float: left;
  background: #FFFFFF url(../img/buttons.gif) no-repeat scroll top left;
  cursor: pointer;
}

button.buy {
  width: 45px;
  height: 34px;
}

button.enquire {
  margin-left: 10px;
  width: 65px;
  height: 16px;
  background-position:  -54px 0;
}

button.download {
  margin-left: 10px;
  width: 69px;
  height: 34px;
  background-position: top right;
}

.suggested {
  margin-bottom: 2em;
}

.suggested .img {
  float: left;
  width: 95px;
  
  /*background-color: #920303;*/
  /*height: 110px;*/
}

.suggested .text {
  /*float: right;*/
  width: 515px;
  float: left;
  margin-left: 10px;
}

#footer {
  padding: 2em 0;
  font-size: 0.9em;
}

#search form {
  border: 1px solid #DFDFDF;
  /*width: 110px;*/
  padding: 2px 5px;
}

#search form input {
  display: block;
  float: left;
  border: none;
  width: 115px;
  font-size: 13px;
  height: 17px;
  color: #5C6262;
  text-indent: 10px;
}

#search form button {
  display: block;
  float: right;
  text-indent: -500em;
  width: 13px;
  height: 17px;
  background: white url(../img/search-button.gif) no-repeat scroll top left;
  border: none;
  cursor: pointer;
}

form.enquire { }

form.enquire fieldset {
  /*border: 1px solid #660000;*/
  /*width: 340px;*/
  padding: 10px;
  margin: auto;
  margin-bottom: 10px;
}

form.enquire fieldset legend {
  font-weight: bold;
}

form.enquire label{
  display: block;
  /*padding-top: 22px;*/
  font-weight: bold;
  font-size: 1.2em;
  /*padding: 0 5px 5px;*/

  float: left;
  width: 100px;
}

form.enquire input, form.enquire select, form.enquire button {
  width: 350px;
  border: 1px solid #cccccc;
  background-color: #ebebeb;
  font-size: 14px;
  padding: 2px;
  margin-bottom: 10px;
}


form.enquire button {
  width: auto;
  display: block;
  border-color: #33333;
  cursor: pointer;
  
  margin-left: 100px;
}

form.enquire textarea {
  width: 350px;
  height: 100px;
  border: 1px solid #cccccc;
  background-color: #ebebeb;
  padding: 2px;
  margin-bottom: 10px;
}

.pages {
  font-size: 1em;
  margin: 2em 0;
  color: #5C6262;
}

.pages a {
  color: #660000;
}

.pages a.selected_page {
  text-decoration: underline;
}



/* utility classes */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c { text-align: center !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.mb_3 { margin-bottom: 2em !important; height: 0; overflow: hidden; }

.w_half { width: 50%; }
.red { color: #FF3333;}
.green { color: #339933; }