/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0;}
html, body {background-color: #FEFEFE;}
.redbleed {background: url('../../graphics/fillers/backdrop.jpg') repeat-x; height: 216px; width: 100%;}

table {width: 100%;}
td.lhs {background: url('../../graphics/fillers/new_bleed.jpg') no-repeat top right; height: 540px; vertical-align: top; width: 50%;}
td.index {background: url('../../graphics/fillers/bleed_left.jpg') no-repeat top right; height: 540px; vertical-align: top; width: 50%;}
td.mid {vertical-align: top; width: 749px;}
td.rhs {background: url('../../graphics/fillers/widebleed.jpg') no-repeat top left; height: 551px; vertical-align: top; width: 50%;}

td.blhs {background: url('../../graphics/fillers/longleft.jpg') no-repeat bottom right; height: 155px; width: 50%;}
td.brhs {background: url('../../graphics/fillers/longright.jpg') no-repeat bottom left; height: 155px; width: 50%;}

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold; padding-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* BOOK DETAILS */
#authorname {color: #B50320; float: left; width: 210px;}
#authorname .tag {text-decoration: underline;}
#authortitle {color: #000; float: left; font-weight: bold; width: 96px;}
#detailpic {background: url('../../graphics/elements/frame_large.gif') no-repeat; color: #000; float: left; height: 468px; margin-top: 19px; padding: 28px; width: 296px;}
#details {color: #000; float: left; height: 524px; line-height: 16px; margin-top: 19px; padding: 0 10px 0 43px; width: 313px;}
.authored {color: #B50320; display: inline;}
.trebuchet {color: #B50320; font-family: "Trebuchet MS", arial, sans-serif; font-size: 15px; font-weight: bold; text-decoration: underline;}

/* CONTACT */
#doubleframe {background: url('../../graphics/elements/2frames.gif') no-repeat; clear: both; height: 292px; padding: 30px 0 0 45px; width: 704px;}
#ourmap {float: left; width: 366px;}
.red {color: #A70101; font-weight: bold;}

/*  CONTACT: HIDDEN LAYER */
#findus {clear: both; visibility: hidden; width: 749px;} 

/* CONTACT: FEEDBACK FORM */
#ourdetails {float: left; padding: 0 0 0 32px; width: 291px;}
#ourdetails .submit {float: right; margin-top: 5px; padding-right: 35px;}
#ourdetails .fields {float: left; line-height: 30px; width: 94px;}
#ourdetails .lables {clear: right; float: left; width: 160px;}
#ourdetails .lables input.textbox {height: 15px; padding: 3px 0 0 4px; margin: 4px 0 4px 0; width: 156px;}
#ourdetails textarea {height: 40px; margin: 4px 0 4px 0; padding: 3px 0 0 4px; width: 156px;}

/* CONTAINER */
#container {height: 100%; margin: 0 auto 0 auto; width: 749px;}

/* CONTENT */
#framearea {clear: both; width: 749px;}
#framearea a {text-decoration: none;}
.bluedetail {background: url('../../graphics/elements/bluearrow.gif') no-repeat; color: #FFF; font-family: tahoma, arial, sans-serif; font-weight: bold; height: 19px; padding: 4px 0 0 10px; width: 101px;}
.bluedetail a {color: #FFF;}
.content {margin-bottom: 6px; min-height: 148px; overflow: hidden; width: 749px;}
.content .topleft {float: left; width: 489px;}
.content .topleft h1 {color: #A70101; display: inline; font-size: 22px; font-weight: bold; padding-left: 15px;}
.content .topleft h2 {color: #C7C7C7; display: inline; font-size: 22px; font-weight: bold; padding-left: 0px;}
.content .topleft .date {margin-bottom: 12px; padding: 0 45px 0 17px; width: 427px;}
.content .topleft .text {margin-bottom: 48px; padding: 0 45px 0 17px; width: 427px;}
.content .topleft .text a {color: #A70101}
.content .topleft .longtext, .traveltext {margin-bottom: 28px; padding: 0 14px 0 17px; width: 718px;}
.content .topleft .longtext a {color: #000;}
.content .topleft .traveltext a {color: #000; text-decoration: none;}
.content .topright {float: left; padding-left: 5px; width: 250px;}
.frameleft {background: url('../../graphics/elements/bookframe.gif') no-repeat; float: left; height: 183px; margin: 17px 0 0 17px; padding: 9px; width: 333px;}
.framepic {float: left; height: 153px; padding: 30px 0 0 37px; width: 130px;}
.frametext {float: left; height: 162px; padding: 21px 0 0 0; width: 165px;}
.redfont {color: #B50320; font-family: Trebuchet, tahoma, sans-serif; font-size: 15px; font-weight: bold; text-decoration: underline;}
.whatiam {background: url('../../graphics/elements/whatami.jpg') no-repeat; float: left; height: 26px; margin: 0 5px 0 20px; padding: 7px 0 0 5px; text-align: center; width: 338px;}
.whatiam .maroon {color: #A5021D; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; word-spacing: 0.2em;}
.whatiam .maroon a {color: #A5021D; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; word-spacing: 0.2em;}
.whatiam .orange {color: #B67902; font-size: 12px; font-weight: bold;}

/* EXTRAS */
#topspacer {height: 157px; width: 749px;}
.nounderline {text-decoration: none;}

/* FOOTER */
#footer {background: url('../../graphics/fillers/footer.jpg') no-repeat bottom; height: 108px; padding: 47px 0 0 0px ; width: 749px;}
#footer li {color: #C8C6C7; display: inline; float: left; font-size: 11px; height: 46px; margin: 0 0 0 15px; padding: 0 12px 0 0;}
#footer li a {color: #C8C6C7; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
#footer ul {list-style: none; margin: 0; padding: 0;}

#footer #copyright {color: #FBB6C2; float: left; font-size: 10px; width: 370px;}
#footer #design {color: #FBB6C2; float: left; text-align: right; width: 371px;}
#footer #design a {color: #EF9EAB; text-decoration: none;}
#footer #design img {vertical-align: middle;}

/* HEADER */
#backdrop {background: url('../../graphics/fillers/fill.jpg') repeat-x; height: 216px; width: 100%;}
#header {background: url('../../graphics/fillers/header.jpg') no-repeat; height: 216px; width: 749px;}

/* MENU */
#menu {background: url('../../graphics/fillers/menu_blank.jpg') no-repeat; height: 32px; padding: 10px 0 0 0; width: 749px;}
#menu li {color: #FFF; display: inline; float: left; height: 32px; margin: 0 0 0 29px; padding: 0 3px 0 0;}
#menu li.tag {margin-left: 22px;}
#menu li.travel {margin-left: 32px;}
#menu li a {color: #FFF; display: inline; float: left; font-weight: 600; text-decoration: none;}
#menu li a:hover {text-decoration: underline;}
#menu ul {list-style: none; margin: 0; padding: 0;}

/* PUBLISHERS */
#bigtext {float: left; margin: 0 13px 20px 0; width: 400px;}
#featured {background: url('../../graphics/elements/feat_publishers.gif') no-repeat; clear: both; height: 153px; margin-left: -12px; padding: 57px 0 0 22px; width: 727px;}
#featured img {padding-right: 45px;}
#publishers {clear: both; margin-left: 12px; width: 749px;}
#reasons {background: url('../../graphics/elements/3reasons.gif') no-repeat; color: #424141; float: right; height: 69px; margin: 15px 0 20px 0; padding: 168px 9px 0 27px; width: 249px;}
#threerows {background: url('../../graphics/elements/publish_3row.gif') no-repeat; clear: both; height: 149px; margin-left: 0px; width: 749px;}
.onerow {background: url('../../graphics/elements/block.gif') no-repeat; float: left; height: 141px; padding: 8px 0 0 8px; width: 179px;}
.pubtitle {clear: both; padding: 0 0 0 0; width: 179px;}
.quotes {font-style: italic;}
.title {clear: both; padding-left: 10px; line-height: 43px;}
.title a {color: #000; text-decoration: underline;}

/* TRAVEL BOOKS */
#blueswirl {background: url('../../graphics/elements/blueswirl.gif') no-repeat; height: 317px; margin: 0 0 0 60px; padding: 30px 0 0 40px; width: 563px;}
#blueswirl #onleft {float: left; width: 200px;}
#blueswirl #onright {float: left; margin-left: 80px; width: 200px;}
#bluetop {background: url('../../graphics/elements/blue_top.gif') no-repeat; clear: both; height: 24px; margin: 0 0 0 60px; width: 603px;}
#bluebottom {background: url('../../graphics/elements/blue_bottom.gif') no-repeat; clear: both; height: 25px; margin: 0 0 0 60px; width: 603px;}
.bluemiddle {background: url('../../graphics/elements/blue_back.jpg') no-repeat; background-color: #F6F6F6; margin: 0 0 0 60px; min-height: 284px; overflow: hidden; width: 603px;}
.bluemiddle #onleft {float: left; margin: 0 0 0 30px; width: 200px;}
.bluemiddle #onleft a {text-decoration: underline;}
.bluemiddle #onright {float: left; margin-left: 50px; width: 290px;}
.bluemiddle #onright a {text-decoration: underline;}