/*
*************************************************

CHALLENGE CASTLE
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.3em; }
body { background: #000 url(../images/bg.gif) repeat-x; color: #666; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.post { background: #000 url(../images/bg_post.gif) repeat-x; }
a { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
img { border: 0; }
input,textarea { font-family: inherit; font-size: inherit; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { text-align: center; background: url(../images/bg_centred.gif) 50% 0 no-repeat; }
.post #wrap { background: url(../images/bg_centred_post.gif) 50% 0 no-repeat !important; }
.offline #wrap { background: url(../images/bg_centred_offline.gif) 50% 0 no-repeat !important; }

/*-------------------------------------------    
	Logo
-------------------------------------------*/
#logoWrap { width: 900px; height: 102px; margin: 0 auto; background: url(../images/logos.gif) no-repeat;  }
#logo { text-align: left; }
#logo img { margin: 0 0 5px 0; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#showcase { height: 320px; width: 745px; margin: 0 auto; color: #fff; }
#slideshow { text-align: left; height: 250px; overflow: hidden; }
.slide { height: 250px; }
.slide h1 a { display: block; text-align: center; font-size: 2.5em; text-indent: -9999px; width: 671px; height: 177px; margin: 0 auto; padding-top: 20px; background: url(../images/h1.gif) 0 20px no-repeat; }
.challenge { width: 255px; float: left; }
.challenge h2 { background: url(../images/h2challenge.gif) no-repeat; text-indent: -9999px; }
.challenge p { margin: 0 1em 1em .85em; font-size: .9em; line-height: 1.65em; width: 240px; height: 200px; }
.solution { width: 480px; float: left; overflow: auto; height: 250px; }
.solution h2 { background: url(../images/h2solution.gif) no-repeat; text-indent: -9999px; }
.solution p { margin: .3em 0 1em .65em; font-size: .9em; line-height: 1.65em; }

#s2 .challenge p { background: url(../images/c2.gif) no-repeat; text-indent: -9999px; }
#s3 .challenge p { background: url(../images/c3.gif) no-repeat; text-indent: -9999px; }
#s4 .challenge p { background: url(../images/c4.gif) no-repeat; text-indent: -9999px; }
#s5 .challenge p { background: url(../images/c5.gif) no-repeat; text-indent: -9999px; }
#s6 .challenge p { background: url(../images/c6.gif) no-repeat; text-indent: -9999px; }
#s7 .challenge p { background: url(../images/c7.gif) no-repeat; text-indent: -9999px; }
#s8 .challenge p { background: url(../images/c8.gif) no-repeat; text-indent: -9999px; }

#slideNav { float: left; width: 250px; height: 32px; }
#slideNav p#clickOn { margin: 12px 0 0 10px; background: url(../images/click.gif) no-repeat; width: 232px; height: 32px; text-indent: -9999px; }

#challengeCastleBoxLink { width: 480px; float: left; margin: 0 0 0 7px }
#challengeCastleBoxLink a { display: block; text-indent: -9999px; height: 45px; width: 460px; background: url(../images/gotanaccountingchallenge.gif) no-repeat; }

/*-------------------------------------------    
	ChallengeList
-------------------------------------------*/
#challengeList { height: 250px; width: 730px; margin: 0 auto; text-align: left; }

#challengeList .col2 { width: 50%; float: left; padding: 27px 0 0 0; }
#challengeList .colL { padding-right: 15px; }
#challengeList .colR { padding-left: 14px; border-left: 1px solid #0c1a25; }
#challengeList ul { color: #9a9fa3; font-size: .7em; line-height: 1.25em; list-style: none; }
#challengeList li { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px dashed #4c5864; }
#challengeList li.noBorder { border: 0; margin: 0; }
#challengeList li a { color: #9a9fa3; background: url(../images/challengeicon.gif) no-repeat; padding: 0 0 0 30px; display: block; }
#challengeList li a:hover { color: #fff; text-decoration: none; background: url(../images/challengeicon_roll.gif) no-repeat; padding: 0 0 0 30px; display: block; }

#expertsBoxLink a { text-indent: -9999px; margin: 2px 0 0 7px; display: block; width: 334px; height: 36px; background: url(../images/visitexperts1.gif) no-repeat; }

#line { margin: 0 auto 30px auto; clear: left; }

/*-------------------------------------------    
	ChallengeForm
-------------------------------------------*/
#challengeForm { clear: left; height: 400px; width: 750px; margin: 0 auto; padding: 10px 0 0 0; text-align: left; }
.offline #challengeForm { height: 170px; }

#challengeCastle { width: 218px; height: 30px; background: url(../images/challengecastle.gif) no-repeat; text-indent: -9999px; margin: .5em auto 1em auto; }
#challengeFormIntro { width: 636px; height: 51px; background: url(../images/challengeformintro.gif) no-repeat; text-indent: -9999px; margin: 0 0 1em 50px !important; }
.offline #challengeFormIntro { width: 632px; height: 50px; background: url(../images/challengeformintro_offline.gif) no-repeat; text-indent: -9999px; margin: 0 0 1em 50px !important; }

#challengeForm form { width: 650px; margin: 0 auto; }
#challengeForm .col2 { float: left; width: 50%; }
#challengeForm h3 { font-size: .8em; color: #9a9fa3; font-weight: normal; margin: 1em 0 0 0; }
#challengeForm p { font-size: .8em; margin: 0 0 1em 0; }
#challengeForm .text { width: 90%; }
#challengeForm .area { height: 125px; }

/*-------------------------------------------    
	postConfirm
-------------------------------------------*/
#postConfirm { clear: left; height: 300px; width: 450px; margin: 50px auto; padding: 10px 0 0 0; text-align: left; }
#postConfirm h1#thankyou { width: 155px; height: 31px; margin: .5em auto .75em auto; background: url(../images/thankyou.gif) no-repeat; text-indent: -9999px; }
#postConfirm p#thankyouIntro { width: 395px; height: 50px; margin: 0 auto; background: url(../images/thankyouintro.gif) no-repeat; text-indent: -9999px; }
#postConfirm p#backtomainpage a { display: block; width: 240px; height: 38px; margin: 2em auto; background: url(../images/backtomainpage.gif) no-repeat; text-indent: -9999px; }

/*-------------------------------------------    
	Footer
-------------------------------------------*/
#footer { width: 720px; padding-bottom: 30px; text-align: center; margin: 0 auto; clear: left; }
.post #footer { width: 600px; }
#footer p { color: #444; font-size: .7em; margin: 3px 0 0 0 }
#footer a { color: #666; }
#dkdoLogo { display: none; width: 30px; float: right; margin: 0 1px 0 0; }