/*



*/

/* ############################################################
	HTML Page Resets
############################################################ */

body {
	background-color:#0095da;
	background-image:url(../graphics/pg-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

body.body_welcome {
	background-color:#001e2c;
	background-image:url(../graphics/pg-bg-welcome.jpg);
}

body, p, ul, li {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:100%;
	font-family:Georgia, Verdana, Arial;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
	line-height:100%;
}
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }

/* ############################################################
	Page Wrapper
############################################################ */

#wrapper {
	margin:0px auto;
	width:964px;
}

#wrapper_spider {
	display:block;
	position:relative;
	xtop:0px;
	xleft:0px;
	xbottom:0px;
	xright:0px;
	height:1200px;
	xwidth:100%;
	background-color:#333333;
	background-image:url(../graphics/pg-bg-hidden.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#wrapper_spider a {
	display:block;
	height:1200px;
	xposition:absolute;
	xtop:5px;
	xleft:5px;
	xbottom:5px;
	xright:5px;
}

/* ############################################################
	Accessibility Navi Jump
############################################################ */

.hidden-navigation {
	display:none;
}

/* ############################################################
	Header
############################################################ */

.header-home { background-image:url(../graphics/pg-hd.jpg); }

#header {
	background-image:url(../graphics/pg-hd.jpg);
	background-repeat:no-repeat;
	height:220px;
	position:relative;
}

/* ############################################################
	Content
############################################################ */

.content-home { background-image:url(../graphics/pg-bg-home_02.jpg); }
.content-about { background-image:url(../graphics/pg-bg-aboutthebooks.jpg); }
.content-maxandben { background-image:url(../graphics/pg-bg-maxandben.jpg); }
.content-games { background-image:url(../graphics/pg-bg-games-blank.jpg); height:910px; }
.content-secret { background-image:url(../graphics/pg-bg-secret.jpg); }
.content-goodies { background-image:url(../graphics/pg-bg-goodies_01.jpg); }
.content-goodies-quiz { background-image:url(../graphics/pg-bg-quiz.jpg); }
.content-goodies-sign { background-image:url(../graphics/pg-bg-goodies-sign.jpg); }
.content-goodies-sign-thx { background-image:url(../graphics/pg-bg-goodies-sign-thx.jpg); }
.content-agentpack { background-image:url(../graphics/pg-bg-agentpack.jpg); }

#content {
	background-repeat:no-repeat;
	xheight:100%;
	position:relative;
}

.content-home .fixed-height { height:640px; }
.content-about .fixed-height { height:920px; }
.content-maxandben .fixed-height { height:700px; }
.content-games .fixed-height { height:900px; }
.content-secret .fixed-height { height:800px; }
.content-goodies .fixed-height { height:800px; }
.content-goodies-quiz .fixed-height { height:800px; }
.content-goodies-sign .fixed-height { height:900px; }
.content-goodies-sign-thx .fixed-height { height:900px; }
.content-agentpack .fixed-height { height:800px; }

/* ############################################################
	Floating Buttons [ A Tags ]
############################################################ */

.btn_hide span {
	display:none;
}

.btn_entersite {
	display:block;
	position:absolute;
	top:476px;
	margin-left:300px;
	height:115px;
	width:355px;
}

.btn_nonflash {
	background-image:url(../graphics/pg-bg-mini-nonflash.jpg);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:510px;
	left:689px;
	height:189px;
	width:258px;
}

.btn_gargoylz_home {
	display:block;
	position:absolute;
	top:18px;
	left:300px;
	height:125px;
	width:345px;
}
.btn_gargoylz_home h1 { margin:0px; padding:0px; }

.btn_maxreportcard {
	display:block;
	position:absolute;
	top:313px;
	left:277px;
	height:185px;
	width:130px;
}

.btn_benreportcard {
	display:block;
	position:absolute;
	top:313px;
	left:411px;
	height:185px;
	width:130px;
}

.btn_signupquiz {
	display:block;
	position:absolute;
	top:348px;
	left:153px;
	height:351px;
	width:385px;
}

.btn_agentpack {
	display:block;
	position:absolute;
	top:88px;
	left:698px;
	height:60px;
	width:145px;
}

.btn_meetmaxandben {
	display:block;
	position:absolute;
	top:380px;
	left:360px;
	height:100px;
	width:250px;
}

.btn_findthegargoylz {
	display:block;
	position:absolute;
	top:444px;
	left:569px;
	height:100px;
	width:250px;
}

.btn_secretfiles {
	display:block;
	position:absolute;
	top:125px;
	left:538px;
	height:162px;
	width:155px;
}

.btn_secretfiles-hd {
	display:block;
	position:absolute;
	top:148px;
	left:280px;
	height:36px;
	width:217px;
}

.btn_backtomaxandben {
	display:block;
	position:absolute;
	top:-20px;
	left:678px;
	height:93px;
	width:111px;
}

.btn_spider {
	display:block;
	position:absolute;
	top:00px;
	left:830px;
	height:90px;
	width:95px;
}

.btn_signupagentpack {
	display:block;
	position:absolute;
	top:165px;
	left:258px;
	height:125px;
	width:161px;
}
.btn_gargoylzquiz {
	display:block;
	position:absolute;
	top:130px;
	left:510px;
	height:82px;
	width:200px;
}

.btn_gargoylzcomp {
	display:block;
	position:absolute;
	top:130px;
	left:600px;
	height:82px;
	width:200px;
}

.btn_goodiesecard {
	display:block;
	position:absolute;
	top:520px;
	left:196px;
	height:95px;
	width:173px;
}

.btn_goodiescomp {
	display:block;
	position:absolute;
	top:480px;
	left:450px;
	height:150px;
	width:280px;
}


.btn_gargoylz-hidden {
	display:block;
	position:absolute;
	top:277px;
	left:66px;
	height:257px;
	width:131px;
}

.btn_signup-tail {
	display:block;
	position:absolute;
	top:1031px;
	left:47px;
	height:76px;
	width:88px;
}

.btn_games-tail {
	display:block;
	position:absolute;
	top:1031px;
	left:47px;
	height:76px;
	width:88px;
}

.btn_secret-tail {
	display:block;
	position:absolute;
	top:676px;
	left:54px;
	height:74px;
	width:88px;
}

.btn_goodies-tail {
	display:block;
	position:absolute;
	top:672px;
	left:47px;
	height:76px;
	width:88px;
}

.btn_quiz-tail {
	display:block;
	position:absolute;
	top:890px;
	left:49px;
	height:76px;
	width:88px;
}

.btn_books-tail {
	display:block;
	position:absolute;
	top:769px;
	left:48px;
	height:76px;
	width:88px;
}

.btn_characters-tail {
	display:block;
	position:absolute;
	top:589px;
	left:50px;
	height:76px;
	width:88px;
}

.btn_playgames {
	display:block;
	position:absolute;
	top:168px;
	left:0px;
	height:48px;
	width:149px;
	background-image:url(../graphics/btn-playgames.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
.btn_playgames:hover { background-position:bottom center; }

.btn_discovergoodies {
	display:block;
	position:absolute;
	top:382px;
	left:0px;
	height:48px;
	width:195px;
	background-image:url(../graphics/btn-discovergoodies_01.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
.btn_discovergoodies:hover { background-position:bottom center; }

.btn_viewbooks {
	display:block;
	position:absolute;
	top:150px;
	left:617px;
	height:60px;
	width:157px;
	background-image:url(../graphics/btn-viewbooks.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
.btn_viewbooks:hover { background-position:bottom center; }

.btn_viewbooks_pic {
	display:block;
	position:absolute;
	top:30px;
	left:825px;
	height:170px;
	width:120px;
}

.btn_poll_pic {
	display:block;
	position:absolute;
	top:250px;
	left:825px;
	height:170px;
	width:120px;
}


.btn_gargoylzgame-hd {
	display:block;
	position:absolute;
	top:36px;
	left:17px;
	height:31px;
	width:153px;
}

.btn_gargoylzgame-pic {
	display:block;
	position:absolute;
	top:37px;
	left:202px;
	height:161px;
	width:136px;
}

.btn_goodies-hd {
	display:block;
	position:absolute;
	top:252px;
	left:15px;
	height:27px;
	width:166px;
}


.btn_books-hd {
	display:block;
	position:absolute;
	top:32px;
	left:637px;
	height:37px;
	width:123px;
}

.btn_poll-hd {
	display:block;
	position:absolute;
	top:244px;
	left:634px;
	height:37px;
	width:152px;
}

.btn_goodies-pic {
	display:block;
	position:absolute;
	top:254px;
	left:206px;
	height:164px;
	width:126px;
}


.btn_sendanecard {
	display:block;
	position:absolute;
	top:373px;
	left:616px;
	height:57px;
	width:171px;
	background-image:url(../graphics/btn-votenow.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
.btn_sendanecard:hover { background-position:bottom center; }

.btn_hiddenspider_home {
	display:block;
	position:absolute;
	top:479px;
	left:660px;
	height:70px;
	width:90px;
}

.btn_hiddenspider_goodies {
	display:block;
	position:absolute;
	top:50px;
	left:688px;
	height:70px;
	width:90px;
}

.btn_hiddenspider_secret {
	display:block;
	position:absolute;
	top:20px;
	left:500px;
	height:70px;
	width:90px;
}

.btn_download_hiding {
	display:block;
	position:absolute;
	xtop:291px;
	xleft:151px;
	top:54px;
	height:49px;
	width:142px;
}

.btn_download_doorhangerz {
	display:block;
	position:absolute;
	xtop:291px;
	xleft:472px;
	top:54px;
	height:49px;
	width:142px;
}

.btn_download_agenttips {
	display:block;
	position:absolute;
	xtop:484px;
	xleft:151px;
	top:54px;
	height:49px;
	width:142px;
}

.btn_download_spidersurprisez {
	display:block;
	position:absolute;
	xtop:484px;
	xleft:472px;
	top:54px;
	height:49px;
	width:142px;
}

/* ############################################################
	Floating Navigation [ UL Tags ]
############################################################ */

.nav_gargoylz {
	padding:0px;
	margin:0px;
	list-style:none;

	position:absolute;
	top:146px;
	left:140px;
	height:60px;
	width:685px;
}
.nav_gargoylz li {
	float:left;
	height:60px;
	width:auto;
}
.nav_gargoylz li a {
	background-position:top left;
	display:block;
	height:60px;
}
.nav_gargoylz li a:hover { background-position:bottom left; }
.nav_gargoylz li a.selected { background-position:bottom left; }

.nav_gargoylz li.nav_home { width:107px; }
.nav_gargoylz li.nav_about { width:194px; }
.nav_gargoylz li.nav_games { width:110px; }
.nav_gargoylz li.nav_secret { width:140px; }
.nav_gargoylz li.nav_goodies { width:107px; }

.nav_gargoylz li.nav_home a { background-image:url(../graphics/pg-nav-home.gif); }
.nav_gargoylz li.nav_about a { background-image:url(../graphics/pg-nav-about.gif); }
.nav_gargoylz li.nav_games a { background-image:url(../graphics/pg-nav-games.gif); }
.nav_gargoylz li.nav_secret a { background-image:url(../graphics/pg-nav-secret.gif); }
.nav_gargoylz li.nav_goodies a { background-image:url(../graphics/pg-nav-goodies.gif); }

/* ############################################################
	Floating Panels [ DIV Tags ]
############################################################ */

.panel_text {
	font-size:10pt;
	line-height:12pt;
}
.panel_text p {
	font-size:10pt;
	line-height:12pt;
	margin:0px 0px 1em 0px;
}

.panel_welcome {
	position:absolute;
	top:108px;
	left:250px;
	height:auto;
	width:450px;
	color:#333333;
	font-weight:bold;
}
.content-welcome { height:900px; }
.content-welcome h1 span { display:none; }

.panel_gargoylzgame {
	position:absolute;
	top:70px;
	left:20px;
	height:auto;
	width:180px;
	color:#AA6720;
}

.panel_gargoylzfacts {
	position:absolute;
	top:160px;
	left:403px;
	height:490px;
	width:555px;
}

.panel_enemyprofiles {
	position:absolute;
	top:145px;
	left:60px;
	height:490px;
	width:345;
}

.panel_goodies {
	position:absolute;
	top:282px;
	left:20px;
	height:auto;
	width:180px;
	color:#664466;
}

.panel_latestbook {
	position:absolute;
	top:70px;
	left:635px;
	height:auto;
	width:195px;
	color:#225522;
}

.panel_sendanecard {
	position:absolute;
	top:282px;
	left:635px;
	height:auto;
	width:180px;
	color:#7A0000;
}

.panel_maxandben {
	position:absolute;
	top:30px;
	left:280px;
	height:auto;
	width:380px;
}
.panel_secretfiles {
	position:absolute;
	top:190px;
	left:280px;
	height:auto;
	width:250px;
}
.panel_maxandben a { color:#e53735; text-decoration:none; }
.panel_maxandben a:hover { text-decoration:underline; }

.panel_secretfiles a { color:#e53735; text-decoration:none; }
.panel_secretfiles a:hover { text-decoration:underline; }

.panel_agentpack_features a { color:#e53735; text-decoration:none; }
.panel_agentpack_features a:hover { text-decoration:underline; }

.panel_gargoylzbooks {
	position:absolute;
	top:30px;
	left:80px;
	height:auto;
	width:380px;
	color:#b1dbec;
}

.panel_gargoylzgoodies {
	position:absolute;
	top:60px;
	left:115px;
	height:auto;
	width:430px;
	color:#b1dbec;
}

.panel_signuptext {
	position:absolute;
	top:30px;
	left:80px;
	height:auto;
	width:365px;
	xcolor:#b1dbec;
}

.panel_thankyoutext {
	position:absolute;
	top:235px;
	left:156px;
	height:auto;
	width:365px;
}

.panel_gargoylzpeek {
	position:absolute;
	top:10px;
	left:501px;
	height:173px;
	width:134px;
}

.panel_gargoylztail {
	position:absolute;
	top:508px;
	left:30px;
	height:115px;
	width:130px;
}

.panel_agentpack_features {
	position:absolute;
	top:39px;
	left:77px;
	height:149px;
	width:395px;
	xpadding:40px;
	xbackground-color:#497fbd;
}

.panel_agentpack_hiding {
	position:absolute;
	top:232px;
	left:150px;
	height:auto;
	width:160px;
}

.panel_agentpack_doorhangerz {
	position:absolute;
	top:232px;
	left:473px;
	height:auto;
	width:160px;
}

.panel_agentpack_tips {
	position:absolute;
	top:430px;
	left:150px;
	height:auto;
	width:160px;
}

.panel_agentpack_spiders {
	position:absolute;
	top:430px;
	left:473px;
	height:auto;
	width:160px;
}

.panel_poll {
	position:absolute;
	top:190px;
	left:680px;
	height:auto;
	width:180px;
}
.panel_poll h4 { font-size:1.2em; line-height:1.3em; }
.panel_poll form { padding:0px; margin:10px 0px; }
.panel_poll label input { position:absolute; left:-28px; top:-2px; }
.panel_poll label { position:relative; display:block; margin:8px 0px 8px 30px; font-weight:bold; }
.panel_poll .btn_submit { text-align:center; margin-top:20px; }
.panel_poll span.poll_result { color:#e53735; }

.panel_flash_coverflow_about {
	xbackground-color:#497fbd;
	position:absolute;
	top:131px;
	left:50px;
	height:500px;
	width:590px;
}

/* ############################################################
	Floating Panels Footer [ DIV Tags ]
############################################################ */

.panel_footer {
	color:#ffffff;
	text-align:center;
	position:absolute;
	top:550px;
	left:0px;
	right:0px;
	height:auto;
	width:100%;
}
.panel_footer a { color:#ffffff; text-decoration:none; }
.panel_footer a:hover { color:#cccccc; text-decoration:underline; }

.content-about .panel_footer { top:820px; }
.content-maxandben .panel_footer { top:630px; }
.content-games .panel_footer { top:850px; }
.content-secret .panel_footer { top:700px; }
.content-goodies .panel_footer { top:700px; }
.content-goodies-quiz .panel_footer { top:700px; }
.content-goodies-sign .panel_footer { top:830px; }
.content-goodies-sign-thx .panel_footer { top:830px; }
.content-agentpack .panel_footer { top:700px; }

/* ############################################################
	Form Panel [ DIV Tags ]
############################################################ */

#frmStandard {
	clear:both;
	margin:5px 0px;
	position:absolute;
	top:240px;
	left:110px;
	right:0px;
	height:auto;
	width:620px;
}
#frmStandard label {
	color:#000000;
	float:left;
	font-weight:bold;
	margin-right:15px;
	padding-top:5px;
	text-align:right;
	width:180px;
}
#frmStandard input, #frmStandard textarea {
	border:2px solid #cccccc;
	font-family:Verdana,Arial,Tahoma;
	margin:0px 0px 4px 0px;
	padding:5px;
	width:250px;
}
#frmStandard .fldCheckType {
	position:relative;
	margin-left:195px;
	color:#000000;
}
#frmStandard .fldCheckType input {
	position:absolute;
	left:-30px;
	top:5px;
	border:none;
	width:auto;
}
#frmStandard select {
	border:2px solid #cccccc;
	padding:5px;
	margin:0px 0px 10px;
	width:250px;
}
#frmStandard textarea:focus, #frmStandard input:focus, #frmStandard select:focus {
	border:2px solid #ffcc00;
}
#frmStandard input.submit-button {
	border-style:none;
	width:114px;
}
#frmStandard .frmError {
	color:#990000;
	position:absolute;
	xfont-weight:bold;
	top:0px;
	left:470px;
	height:auto;
	width:240px;
}
#frmStandard .frmError span {
	display:block;
	padding: 0px 0px 0px 10px;
	xheight: 33px;
	margin: 0px 0px 4px 0px;
}
#frmStandard .fldSubmitArea {
	position:relative;
	margin-left:190px;
	height:auto;
	width:auto;
}