h1 { font: 40px georgia, serif ; text-align: right ; color: #d42f51 ; font-weight: bold }
h2 { font: 15px georgia, serif ; font-weight: bold ; margin: 0px ; text-align: right }
h3 { font: 20px georgia, serif ; font-weight: bold ; margin: 0px ; text-align: center }
h4 { font: 25px georgia, serif ; font-weight: bold ; color: #d42f51 ; margin: 0px ; text-align: center }


a:link { text-decoration: none ; cursor: pointer ; color: #d42f51 }
a:visited { text-decoration: none ; cursor: pointer ; color: #d42f51 }
a:active { text-decoration: none ; cursor: pointer ; color: #d42f51 }
a:hover { text-decoration: none ; cursor: pointer ; color: black }

.sales { font: 15px georgia, serif ; font-weight: bold ; margin: 0px ; width: 150px ; text-align: center ; border: 1px dotted black }

.buyonline { border: none ; margin: 5px 0px 0px 0px ; width: 120px }


img.lil { height: 500px ; position: relative ; bottom: 0px ; z-index: 2 }
img.lil2 { height: 700px }
img.frontbook { width: 350px }
img.header { width: 450px }
.teaser { text-align: center ; font: 45px georgia, serif ; color: #d42f51 }

hr { width: 75% }

.clear { clear: both }
.menuleft { float: left ; margin: 0px 0px 0px 50px }
.menuright { float: left }
.menumiddle { float: left ; margin: 0px 0px 0px 150px }

.frontshell2 { width: 500px ; position: absolute ; left: 360px ; top: 0px ; text-align: center }

.frontquote { font: 20px futura, sans-serif ; text-align: center }
.quote { font: 15px arial ; font-weight: bold }
.quote2 { text-align: center }
.engagements { margin: 0px 0px 0px 50px }


.watermark { background-image:url(images/background.gif) }

img.subpic { width:150px ; margin: 0px 0px 15px 0px }

img.menu { height: 157px ; margin: 0px ; padding: 0px ; border: none ; z-index: 1 ; position: relative }
img.menu5 { height: 157px ; margin: 0px ; padding: 0px ; border: none ; z-index: 3 ; position: relative }

.mainmenu { font: 30px georgia, serif ; font-weight: bold ; font-style: italic ; text-align: center }

.mainmenu a:link { text-decoration: none ; cursor: pointer ; height: 43px ; width: 200px ; display: block ; padding: 8px 0px 0px 0px  ; background-repeat: no-repeat ; background-image: url(/images/menubitroll.gif) }
.mainmenu a:visited { text-decoration: none ; cursor: pointer ; height: 43px ; width: 200px ; display: block ; padding: 8px 0px 0px 0px ; background-repeat: no-repeat ; background-image: url(/images/menubitroll.gif) }
.mainmenu a:active { text-decoration: none ; cursor: pointer ; height: 43px ; width: 200px ; display: block ; padding: 8px 0px 0px 0px ; background-repeat: no-repeat ; background-image: url(/images/menubitroll.gif) }
.mainmenu a:hover { text-decoration: none ; cursor: pointer ; height: 43px ; width: 200px ; display: block ; padding: 8px 0px 0px 0px ; background-repeat: no-repeat ; background-image: url(/images/menubit.gif) }

a.menu1:link { text-decoration:none ; cursor: pointer ; display: block ; background-image: url(/images/menu1.gif) ; height: 157px ; width: 55px ; float: left ; text-align: center }
a.menu1:visited { text-decoration:none ; cursor: pointer ; display: block ; background-image: url(/images/menu1.gif) ; height: 157px ; width: 55px  ; float: left ; text-align: center}
a.menu1:active { text-decoration:none ; cursor: pointer; display: block ; background-image: url(/images/menu1.gif) ; height: 157px ; width: 55px  ; float: left ; text-align: center}
a.menu1:hover { text-decoration:none ; cursor: pointer ; display: block ; background-image: url(/images/menu1roll.gif) ; height: 157px ; width: 55px  ; float: left ; text-align: center}

a.menu2:link { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu2.gif) ; height: 157px ; width: 200px ; float: left ; text-align: center }
a.menu2:visited { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu2.gif) ; height: 157px ; width: 200px  ; float: left ; text-align: center}
a.menu2:active { text-decoration:none ; cursor: pointer; display: table-cell ; background-image: url(/images/menu2.gif) ; height: 157px ; width: 200px  ; float: left ; text-align: center}
a.menu2:hover { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu2roll.gif) ; height: 157px ; width: 200px  ; float: left ; text-align: center}

a.menu3:link { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu3.gif) ; height: 157px ; width: 170px ; float: left ; text-align: center }
a.menu3:visited { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu3.gif) ; height: 157px ; width: 170px  ; float: left ; text-align: center}
a.menu3:active { text-decoration:none ; cursor: pointer; display: table-cell ; background-image: url(/images/menu3.gif) ; height: 157px ; width: 170px  ; float: left ; text-align: center}
a.menu3:hover { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu3roll.gif) ; height: 157px ; width: 170px  ; float: left ; text-align: center}

a.menu4:link { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu4.gif) ; height: 157px ; width: 145px ; float: left ; text-align: center }
a.menu4:visited { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu4.gif) ; height: 157px ; width: 145px  ; float: left ; text-align: center}
a.menu4:active { text-decoration:none ; cursor: pointer; display: table-cell ; background-image: url(/images/menu4.gif) ; height: 157px ; width: 145px  ; float: left ; text-align: center}
a.menu4:hover { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu4roll.gif) ; height: 157px ; width: 145px  ; float: left ; text-align: center}

a.menu5:link { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu5.gif) ; height: 157px ; width: 97px ; float: left ; text-align: center }
a.menu5:visited { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu5.gif) ; height: 157px ; width: 97px  ; float: left ; text-align: center}
a.menu5:active { text-decoration:none ; cursor: pointer; display: table-cell ; background-image: url(/images/menu5.gif) ; height: 157px ; width: 97px  ; float: left ; text-align: center}
a.menu5:hover { text-decoration:none ; cursor: pointer ; display: table-cell ; background-image: url(/images/menu5roll.gif) ; height: 157px ; width: 97px  ; float: left ; text-align: center}


.front { background-color: #f9f5e1 }

.border1 { height: 15px ; border-left: 2px solid black ; border-right: 2px dotted white ; background-color: none ; width: 150px }
.border2 { height: 30px ; border-left: 2px dotted white ; border-right: 2px solid black ; background-color: none ; width: 150px }

.submenu { font: 20px georgia, serif ; font-weight: bold ; text-align: center ; width: 150px ; background-color: #8895b6 ; margin: 0px ; border-right: 2px solid black ; border-left: 2px solid black  }

.submenu a:link { text-decoration:none ; cursor: pointer; color: black ; display: block ; padding: 6px 4px 6px 4px }
.submenu a:visited { text-decoration:none ; cursor:pointer; color: black ; display: block ; padding: 6px 4px 6px 4px }
.submenu a:active { text-decoration:none ; cursor:pointer  ; color: black ; display: block ; padding: 6px 4px 6px 4px }
.submenu a:hover { text-decoration:none ; cursor:pointer ; color: #d42f51 ; display: block ; background-color: #ececec  ; padding: 4px ; border-top: 2px dotted #ececec ; border-bottom: 2px dotted #ececec }

.subtext { font: 16px arial, sans-serif ; width: 500px ; position: absolute ; left: 200px ; top: 10px  ; text-align: justify }
.reviewstext { font: 17px arial, sans-serif ; width: 500px ; position: absolute ; left: 200px ; top: 10px  ; text-align: center }