html, body { width: 100%; height: 100%; }
body { background: #004481 url("images/template/gradBG_light.jpg") center top repeat-x; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; }
.hidetext, .hidetext * { overflow: hidden; font-size: .1em; line-height: 100000px; }
.centered { text-align: center; }
#background1 { position: relative; height: 100%; min-height: 640px; } /* This exists only to provide a page-height box for the footer to stick to the bottom of */
.heavenlyreviews #background1, .earthlyreviews #background1 { min-height: 640px; }
.journeybegins #background1 { min-height: 670px; }
.home #background1 { min-height: 610px; }
#background2 { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 584px; background: url("images/template/gradBG_dark.jpg") center top repeat-x; z-index: 1; }
#screen { width: 100%; height: 100%; background-color: #004582; position: fixed; top: 0; left: 0; z-index: 1000; }
#preload { background: url("images/template/navbar_on.png") 0px 0px no-repeat; display: none; }
a { color: #EDF8FA; }
h2 { font-size: 131%; }
h2 a { color: #F9F78E; text-decoration: none; }
h2 a:hover { color: #fff; text-decoration: underline; }
h3 { text-align: center; font-size: 123.1%; }
/* -------------------------------------
HEADER MATERIAL
------------------------------------- */
#siteheader { background: url("images/template/siteheader.png") center top no-repeat; position: absolute; width: 769px; height: 61px; top: 30px; left: 50%; margin-left: -384px; z-index: 6; }
/* A blank one on top to capture clicks above the clouds */
#siteheaderTop { position: absolute; width: 769px; height: 61px; top: 30px; left: 50%; margin-left: -384px; z-index: 10; }
#siteheaderTop a { display: block; height: 61px; background: url('images/template/1-pixelspacer.gif'); }
.heavenlyreviews #background1 { background: url("images/template/topBG_heavenly.jpg") center top no-repeat; }
.earthlyreviews #background1 { background: url("images/template/topBG_earthly.jpg") center top no-repeat; }
#navigation { position: absolute; width: 805px; height: 57px; top: 95px; left: 50%; margin-left: -402px; z-index: 800; }
#dividerline { background: url("images/template/navbar_off.png") 0px -26px no-repeat; position: absolute; width: 805px; height: 3px; top: 27px; left: 0px; z-index: 802; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; height: 28px; z-index: 801; }
/* This ridiculous spacer GIF is because of another absurd IE bug */
#navigation li a { display:block; height: 28px; background: url("images/template/navbar_off.png") 0px 0px no-repeat; }
#navigation li.shemaya { left: 80px; width: 246px; }
#navigation li.shemaya a { background-position: -80px 0px; }
#navigation li.heavenlyreviews { left: 326px; width: 210px; }
#navigation li.heavenlyreviews a { background-position: -326px 0px; }
#navigation li.earthlyreviews { left: 536px; width: 210px; }
#navigation li.earthlyreviews a { background-position: -536px 0px; }
#navigation li.journeybegins { left: 50px; width: 216px; top: 35px; }
#navigation li.journeybegins a { background-position: -50px -33px; }
#navigation li.continuejourney { left: 266px; width: 256px; top: 35px; }
#navigation li.continuejourney a { background-position: -266px -33px; }
#navigation li.urartuchamber { left: 522px; width: 246px; top: 35px; }
#navigation li.urartuchamber a { background-position: -522px -33px; }
#navigation li a:hover, .shemaya #navigation li.shemaya a, .heavenlyreviews #navigation li.heavenlyreviews a,
.earthlyreviews #navigation li.earthlyreviews a, .journeybegins #navigation li.journeybegins a,
.continuejourney #navigation li.continuejourney a, .urartuchamber #navigation li.urartuchamber a
{ background-image: url("images/template/navbar_on.png"); }
.clouds { width: 100%; overflow: hidden; height: 600px; position: absolute; top: 0px; left: 0px; }
#cloudsSmall { width: 100%; overflow: hidden; height: 600px; position: absolute; top: 0px; left: 0px; z-index: 2; }
#cloudsLarge { width: 100%; overflow: hidden; height: 600px; position: absolute; top: 0px; left: 0px; z-index: 8; }
.cloud { position: absolute; top: 0px; right: -1000px; }
.cloud1 { width: 303px; height: 110px; }
.cloud2 { width: 303px; height: 133px; }
#cloudsLarge .cloud1 { width: 454px; height: 165px; top: -15px; }
#cloudsLarge .cloud2 { width: 454px; height: 200px; }
/* Start the first cloud slightly onscreen */
#cloud1a { right: -150px; }
/* -------------------------------------
PAGE CONTENT
------------------------------------- */
#homepage { position: absolute; width: 700px; top: 170px; left: 50%; margin-left: -350px; z-index: 999; }
#movie { position: absolute; width: 450px; height: 260px; top: 15px; left: 255px; }
#logo { position: absolute; width: 111px; height: 99px; top: 270px; left: 420px; background: url("images/template/homepage_logo_S.png") center center no-repeat; }
#centercontent {
position: absolute; top: 180px; left: 50%; margin-left: -400px; width: 800px; height: 400px; z-index: 800;
color: #B5DEEE;
}
#centercontent_scroll { position: absolute; top: 0; left: 0; width: 800px; height: 400px; overflow: auto; }
#centercontent_scrollinner { position: relative; top: 20px; left: 90px; width: 660px; margin-bottom: 60px; overflow: visible; }
#teaset { position: absolute; top: -20px; left: -40px; width: 309px; height: 208px; }
#centeredcontent_bottomfade { position: absolute; bottom: 0px; left: 0px; width: 740px; height: 40px; background: url("images/template/bluebottomfade.png") 0px 0px repeat-x; }
#centercontent p { font-size: 116%; }
h1.pageheader { height: 35px; margin-bottom: 15px; }
.shemaya h1.pageheader { background: url("images/template/heading_shemaya.png") center top no-repeat; margin-left: 180px; }
.heavenlyreviews h1.pageheader { background: url("images/template/heading_heavenly.png") center top no-repeat; margin-bottom: -12px; }
.earthlyreviews h1.pageheader { background: url("images/template/heading_earthly.png") center top no-repeat; margin-bottom: -12px; }
.journeybegins h1.pageheader { background: url("images/template/heading_journey.png") center top no-repeat; }
.continuejourney h1.pageheader { background: url("images/template/heading_continue.png") center top no-repeat; margin-bottom: -12px; }
.urartuchamber h1.pageheader { background: url("images/template/heading_urartu.png") center top no-repeat; }
.bookcoverL { position: absolute: top: 0px; left: 0px; width: 249px; height: 369px; background: url("images/template/bookcoverOuter_M.png") 0px 0px no-repeat; }
.bookcoverL img { margin: 14px 0 0 14px; }
.bookcoverM { position: absolute: top: 0px; left: 0px; width: 282px; height: 421px; background: url("images/template/bookcoverOuter.png") 0px 0px no-repeat; }
.bookcoverL img { margin: 14px 0 0 14px; }
.journeybegins #centercontent { position: absolute; top: 170px; left: 50%; margin-left: -380px; width: 760px; height: 550px; z-index: 800; }
#products { padding-left: 20px; }
#journeyLeft, #journeyMid, #journeyRight { width: 235px; height: 380px; float: left; margin-right: 15px; }
#journeyRight { margin: 0; }
.bookcoverS { position: absolute: top: 0px; left: 0px; width: 235px; height: 345px; background: url("images/template/bookcoverOuter_s.png") 0px 0px no-repeat; }
.bookcoverS img { margin: 15px 0 0 14px; }
.journeybegins h1 { margin: 0.3em; }
.caption { font-size: 93%; color: #55A3B3; text-align: center; }
.journeybegins h2 { text-align: center; }
.continuejourney #centercontent { position: absolute; top: 170px; left: 50%; margin-left: -395px; width: 810px; height: 550px; z-index: 800; }
#continueLeft { width: 180px; height: 220px; margin: 15px 0 0 15px; float: left; }
.productImage { margin: 8px 0; }
.continuejourney h2 { text-align: center; }
.urartuchamber #centercontent { position: absolute; top: 160px; left: 50%; margin-left: -450px; width: 900px; height: 550px; z-index: 800; }
#urartuHeader { padding: 15px 35px 0 35px; }
#urartuLeft { width: 350px; float: left; }
#urartuLeft p { text-align: center; }
#urartuRight { width: 510px; margin-left: 380px; height: 400px; overflow: auto; }
/* -------------------------------------
LOADING SCREEN OVERLAY
------------------------------------- */
#horizon { text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block; z-index: 2000; }
#centeredcontent { text-align: center; position: absolute; left: 50%; visibility: visible; width: 500px; height: 320px; top: -160px; margin-left: -250px; }
#centeredcontent img { margin: 10px 0; }
#centeredcontent p { text-align: center; color: #FFF; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 85%; }
/* -------------------------------------
FOOTER MATERIAL
------------------------------------- */
#footer { text-align: center; height: 40px; color: #3078C9; position: relative; top: -40px; }
/* .home #footer { top: 580px; } */
/* .journeybegins #footer { top: 630px; } */
/* ---------------------------
IRREGULAR TEXT-WRAP BLOCKS
--------------------------- */
.floatRight {
clear: both;
float: right;
}
.floatLeft {
clear: both;
float: left;
}
.w260 { width: 260px; }
.w240 { width: 240px; }
.w220 { width: 220px; }
.w210 { width: 210px; }
.w200 { width: 200px; }
.w190 { width: 190px; }
.w180 { width: 180px; }
.w170 { width: 170px; }
.w160 { width: 160px; }
.w150 { width: 150px; }
.w140 { width: 140px; }
.w130 { width: 130px; }
.h280 { height: 280px; }
.h240 { height: 240px; }
.h100 { height: 100px; }
.h60 { height: 60px; }
.h40 { height: 40px; }
.h20 { height: 20px; }
.h15 { height: 15px; }
.h10 { height: 10px; }
/* ---------------------------
URARTU CHAMBER GUESTBOOK
--------------------------- */
.urartuchamber form { width: 350px; }
.gbsign { margin:10px; padding:10px; border: 2px solid #0067C4; }
.gbname { font-weight: bold; font-size: 108%; color: #A9DDE7; }
.gbdate { font-size: 93%; color: #539CB5; }
.gbmessage { color: #D3E7ED; font-size: 108%; }
.inputgroup { overflow: visible; }
.leftLabel { display: block; float: left; width: 95px; text-align: right; position: relative; top: 15px; font-size: 85%; }
.textfield { width: 250px; margin: 0 0 0 100px; border: 1px solid #81CDE0; font-size: 100%; padding: 3px; }
.smallfield { width: 100px; margin: 0 150px 0 100px; }
.alignright { text-align: right; float: right; width: 100px; position: relative; top: -30px; }
.submitbutton { padding: 4px; font-size: 138.5%; }
.plug { font-size: 85%; color: #2F68A8; }
#errormessage { margin: 0 10px; padding: 20px; border: 2px solid red; color: #FFD7D7; }