/* CSS by Brandon Ratzlaff */
html, body { height:100%; }
body { background:#dcd6cc url(../images/bodyBg.jpg) top center repeat-x; color:#454545; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.625em; margin:0; width:100%; }
img { border:none; }
em { font-style:italic; }
strong { font-weight:bold; }
a { color:#2f3860; font-weight:bold; text-decoration:none; }
sup, sup a { font-weight:bold; line-height:1.2em; vertical-align:top; }
#innerWrap { margin:0 auto -160px; position:relative; width:810px; min-height:100%; height:auto !important; height:100%; }
.push { height:160px; }
#logo span { position:absolute; top:21px; left:0px; width:180px; height:158px; z-index:100; }
#logo span a { background:transparent url(../images/agiaSophiaLogo.png) top left no-repeat; border:none; display:block; text-indent:-9999px; width:180px; height:158px; }
#header { display:inline; float:left; margin:0 0 0 180px; position:relative; width:630px; height:151px; }
#tagline { position:absolute; top:53px; left:50px; width:352px; height:22px; }
#tagline span { background:transparent url(../images/tagline.png) top left no-repeat; display:block; text-indent:-9999px; width:352px; height:22px; }
#banner { position:absolute; top:0px; right:0px; width:176px; height:114px; }
#banner span { background:transparent url(../images/banner.png) top right no-repeat; display:block; text-indent:-9999px; width:176px; height:114px; }
#primaryNav { display:inline; float:left; margin:118px 0 0 36px; position:relative; width:594px; height:33px; }
#primaryNav li { display:inline; }
#primaryNav li a { display:inline; float:left; font-size:1em; height:33px; margin:0 2px 0 0; text-decoration:none; text-indent:-9999px; }
#primaryNav li a:hover { background-position:0 -33px; }
li a#aboutNav { background:transparent url(../images/navAbout.png) top left no-repeat; width:70px; }
#aboutBody li a#aboutNav { background-position:0 -33px; }
li a#menuNav { background:transparent url(../images/navMenu.png) top left no-repeat; width:64px; }
#menuBody li a#menuNav { background-position:0 -33px; }
li a#booksNav { background:transparent url(../images/navBooks.png) top left no-repeat; width:101px; }
#booksBody li a#booksNav { background-position:0 -33px; }
li a#iconsNav { background:transparent url(../images/navIcons.png) top left no-repeat; width:63px; }
#iconsBody li a#iconsNav { background-position:0 -33px; }
li a#newsNav { background:transparent url(../images/navNewsEvents.png) top left no-repeat; width:130px; }
#newsBody li a#newsNav { background-position:0 -33px; }
li a#contactNav { background:transparent url(../images/navContact.png) top left no-repeat; width:83px; }
#contactBody li a#contactNav { background-position:0 -33px; }
#contentWrap { clear:both; overflow:hidden; position:relative; width:810px; z-index:99; }
#primaryContent { background:transparent url(../images/contentBg.jpg) top left no-repeat; display:inline; float:left; margin:0 30px; padding:20px 0 0; position:relative; width:490px; }
#primaryContent h1 { background:transparent url(../images/dividerPrimary.png) bottom left no-repeat; color:#74183a; font-size:2.4em; font-style:italic; font-weight:normal; margin:0 0 12px; padding:0.5em 0 0; text-align:center; width:490px; height:50px; }
#primaryContent h2 { color:#74183a; font-size:1.2em; letter-spacing:1px; padding:0 0 1em; font-weight:normal; line-height:1.5em; text-align:center; text-transform:uppercase; }
#primaryContent h2.bookTitle, #primaryContent h2.newsTitle { text-align:left; }
#primaryContent h2.divider { background:transparent url(../images/dividerPrimary.png) bottom left no-repeat; margin:1em 0 0; padding:0 0 1.5em; width:490px; }
#primaryContent h3 { font-size:1.2em; font-weight:normal; line-height:1.5em; padding:0 0 1em; }
#primaryContent h3 a { font-style:italic; }
#primaryContent h3 a:hover { text-decoration:underline; }
#primaryContent p { font-size:1.2em; line-height:1.5em; padding:0 0 1em; text-align:justify; }
#primaryContent p a { font-style:italic; text-decoration:none; }
#primaryContent p a:hover { text-decoration:underline; }
#primaryContent a img { margin:0 0 1.2em; }
#primaryContent .bookImage { display:inline; float:left; margin:0 20px 0 0; }
#primaryContent .bookImage a img { display:block; margin:0; }
#primaryContent .bookWrap { display:inline; float:left; margin:1em 0 0; }
#primaryContent .reviews { display:inline; float:left; margin: 1em 0 0; }
.center, #primaryContent p.center { text-align:center; }
#menu { margin:12px 0 0; width:490px; }
#menu li { color:#74183a; cursor:pointer; display:block; float:left; font-size:1.2em; padding:10px; text-transform:uppercase; }
#menu li.hover { background:#ccc4b5; }
#menu li.selected { background:#74183a url(../images/menuTabBg.gif) left top repeat-x; color:#fff; }
#menucontent { border-top:5px solid #74183a; border-bottom:5px solid #74183a; clear:both; }
#menucontent p { margin:1em 0 0; }
.menuList { font-size:1.2em; line-height:1.2em; padding:0.5em 0 0; width:490px; }
.menuList span { display:block; float:left; overflow:hidden; line-height:1.2em; }
.col1 { width:214px; }
.col2, .col3, .col4 { text-align:center; width:90px; }
.col4 { margin:0 -3px 0 0; }
.menuList span.col3w { line-height:1.4em; width:394px; }
.fullCol { width:484px; }
.row { border-bottom:1px solid #bbb3a4; overflow:hidden; padding:5px 3px; width:484px; }
.altRow { border-bottom:1px solid #bbb3a4; background:#ccc4b5; overflow:hidden; padding:5px 3px; width:484px; }
.darkRow { border-bottom:1px solid #bbb3a4; background:#9a907d; color:#fff; width:484px; }
.noBorder { border-bottom:none; }
#books { font-size:1.2em; line-height:1.2em; padding:0.5em 0 0; width:490px; }
#books span { display:block; float:left; overflow:hidden; line-height:1.2em; }
.titleCol { width:334px; }
.authorCol { width:150px; margin:0 -3px 0 0; }
.panorama { background:#dcd6cc; border:1px solid #cbc4b4; margin:0 0 12px; padding:5px; width:478px; }
#secondaryContent { display:inline; float:left; padding:67px 0 0; width:230px; }
#secondaryContent h3 { background:transparent url(../images/dividerSecondary.png) top left no-repeat; color:#2f3860; font-size:1.8em; font-style:italic; font-weight:normal; height:28px; padding:20px 0 0; text-align:center; }
#secondaryContent p { font-size:1.2em; line-height:1.5em; padding:0 1em 1em; }
#secondaryContent a { font-style:italic; }
#secondaryContent a:hover { text-decoration:underline; }
#featuredBook, #newsEvents { background:transparent url(../images/secondaryBg.png) top left no-repeat; position:relative; width:230px; margin:0 0 1.2em; }
#secondaryContent .bookImage { padding:30px 0 0 22px; }
span#readBook { width:182px; height:35px; }
span#readBook a { background:transparent url(../images/readBtn.png) top left no-repeat; display:block; margin:0 auto; width:182px; height:35px; text-indent:-9999px; }
span#readBook a:hover { background-position:0 -35px; }
#newsEvents ul { padding:26px 8px 0 8px; }
#newsEvents li { background:transparent url(../images/bulletSteam.png) top left no-repeat; font-size:1.2em; line-height:1.2em; padding:0 0 1em 24px; position:relative; }
#newsEvents li a { font-style:italic; font-weight:normal; text-decoration:none; }
#newsEvents li a:hover { text-decoration:underline; }
span.date { color:#bfb5a4; text-transform:uppercase; }
#bookList { background:transparent url(../images/dividerSecondary.png) bottom left no-repeat; margin:0 0 1.2em; padding:0 0 2em; }
#bookList ul { list-style-type:none; width:230px; }
#bookList ul li { border-top: 1px solid #ccc4b5; display:block; font-size:1.2em; font-style:italic; text-align:center; width:230px; }
#bookList li a, #bookList li a:link, #bookList li a:active { background:transparent; border-bottom:none; color:#2f3860; display:block; font-weight:normal; margin:2px 0; outline:none; padding:0.5em 0; text-decoration:none; width:230px; height:auto; }
#bookList li a:hover, #bookList li a.selected { background:#2f3860; color:#fff; text-decoration:none; }
#bookList li a.selected:before, #bookList li a.selected:after { content:" ~ "; }
#bookList li a:hover:before, #bookList li a:hover:after { content:" ~ "; }
#secondaryContent .views360 { background:transparent url(../images/dividerSecondary.png) bottom left no-repeat; margin:0 0 1.2em; padding:0 0 2em; width:230px; }
#secondaryContent .views360 a img { display:block; margin:0 0 10px; }
#secondaryContent .joinFacebook { background:transparent url(../images/dividerSecondary.png) top left no-repeat; margin:0 0 1em; padding:2em 0 0; }
#footerWrap { background:transparent url(../images/footerBg.jpg) top center repeat-x; width:100%; height:160px; }
#footer { margin:0 auto; width:810px; }
#footer p { color:#dcd6cc; font-size:1.2em; line-height:1.5em; padding:60px 30px 0; }