@charset "utf-8";
/* CSS Document */


html, body, div, img, a img, ul, li, h1, h2, h3, h4, h5, h6, form, hr{
	padding:0px;
	margin:0px;
	border:0px;
	zoom:1;
}

html{
	scrollbar-3dlight-color:    #5D5B5C;
    scrollbar-arrow-color:      #e49b22;
    scrollbar-base-color:       #000000;
    scrollbar-darkshadow-color: #222222;
    scrollbar-face-color:       #181818;
    scrollbar-highlight-color:  #4F4D4E;
    scrollbar-shadow-color:     #181818;
	background-color:#000;
}

body{
	background-color:#000;
	background-position:center top;
	background-image:url(../images/common/textureBg2.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
a{
	color:#f69f13;
}

p{
	/*margin: 5px 0px 5px 0px;*/
}

h1{
	width:397px;
	height:117px;
	background-image:url(../images/common/skulduggery-pleasant.gif);
	background-repeat:no-repeat;
	float:left;
}

h1 span{
	 display:none;
}


.clearDiv{
	clear:both;
	height:1px;
	width:100%;
}


/* Instructions popup */

#instructions{
	background:none;
	background-image:url(../images/unlock-device/instructions-bg.jpg);
	background-repeat:no-repeat;
	width:562px;
	min-height:600px;
	padding-top:50px;
}

#instructions h1{
	width:226px;
	height:58px;
	background-image:url(../images/unlock-device/instructions.gif);
	background-repeat:no-repeat;
	clear:both;
	float:none;
	margin:0px auto 30px auto;
}

#instructions p{
	padding:0px 50px 0px 50px;
}



/* Content Pages Layout */

#container{
	margin:auto;
	position:relative;
	text-align:left;
	width:964px;
}
#header{
	margin:auto;
}
#header:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}


#content{
	margin-top:20px;
}

#content:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}


#footer{
	margin:auto;
	position:relative;
	text-align:left;
	width:1072px;
	clear:both;
}
#footerTxt{
	margin:auto;
	width:964px;
	text-align:center;
}

/* Terms and Conditions */

#TermsDiv{
	padding:10px;
}
#TermsDiv strong{
	color:#f69f13;
}


/* Home Page */

.homepage{
	background-image:url(../images/common/home_bg.jpg);
}
.homepage #nav{
	background:none;
    padding: 0px 0px 0px 0px;
    left:650px;
}	

.homepage h1{
	background-image:url(../images/common/skulduggery-pleasant.png);
	margin-left:175px;
}

.homepage #container{
	width:1250px;
}

.homepage #skuldugHome{
	margin-left:50px;
}

#content{
	margin-top:0px;
}


/* Books Intro Page */

#booksIntro{
}

#booksIntroPics{
	width:586px;
	float:left;
}
#booksIntroPics img{
}
#booksIntroCopy{
	width:375px;
	height:400px;
	float:left;
	overflow:auto;
}

.bookItem{
	width: 172px;
	float:left;
	margin-right:20px;
}

.bottom-item-footer{
	width: 172px;
	height:99px;
	text-align:center;
	background-image:url(../images/books/book-reflection.png);
	background-repeat:no-repeat;
}

.bottom-item-footer img{
	margin-top:10px;
}

/* Books Detail Pages */


.booksScrollDiv{
	width:95%;
}
#booksDetail{
	padding-top:50px;
	height:470px;
}
#booksDetailPics{
	height:306px;
	width:260px;
	float:left;
}
#booksDetailPics img{
	border:1px solid white;
}
#booksDetailCopy{
	width:690px;
	height:470px;
	float:left;
	overflow:auto;
}
#booksDetailLinks{
	text-align:center;
}
#booksDetailLinks img{
	border:none;
}


/* Exclusive Page */

#exclusiveDiv{
	
}

#content_exclusive_form{
	float:left;
	padding-left:20px;
	font-size:12px;
}

#content_exclusive_movie{
	float:left;
	padding-left:20px;
	padding-top:10px;
}

input{
	margin-left:5px;
}


/* Audio Page */

#audioContentDiv{
}

#flashcontentMp3{
	width:450px;
	height:730px;
}
#audioContentMp3{
	float:left;
	padding-top:5px;
	overflow:auto;
	height:410px;
	width:650px;
	margin-left:30px;
}

/* Author Page */

.authorPage{
	background-image:url(../images/extras/extrasBg.jpg);
	background-repeat:no-repeat;
}

#authorDiv{
	padding-top:50px;
}
#authorDivPics{
	height:306px;
	width:260px;
	float:left;
}
#authorDivPics img{
	border:1px solid white;
}
#authorDivCopy{
	width:390px;
	float:left;
	overflow:auto;
}

/* Characters Page */


#charDiv{
	padding-top:20px;
	padding-left:25px;
}
.charInfoDiv{
	float:left;
	width:220px;
	padding-right:10px;
	
}

/* Extras Page */

#extrasIntSwf{
	height:120px;

}

.extrasPage{
	background-image:url(../images/extras/extrasBg.jpg);
}

#extrasDiv{
	height:472px;
	overflow:auto;
}

#extrasContentLeftDiv{
	width:270px;
	border-right:1px solid #5b5b5b;
	float:left;
}
#extrasContentMidDiv{
	width:285px;
	padding-left:28px;
	border-right:1px solid #5b5b5b;
	float:left;
}
#extrasContentRightDiv{
	height:472px;
	width:252px;
	padding-left:19px;
	float:left;
}


/* Start Navigation */

#nav{
    text-align:left;
    height:90px;
    list-style:none;
    margin: 20px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    position:absolute;
    left:450px;
    top:0px;
	background-image:url(../images/common/nav-bg.gif);
	background-repeat:no-repeat;
}

#nav li{
    display:block;
    float:left;
    height:59px;
}

#nav li a, #nav li .active{
    display:block;
    float:left;
    height:59px;
    background-repeat:no-repeat;
    background-position:left top;
    cursor: pointer;
}
#nav li a span{
    display:none;
}
.active{
	text-indent:-100000px;
}

/* Nav Rollovers are preloaded by common.js */

#home a{
    background-image:url(../images/common/nav-home-off.gif);
    width:82px;
}
#home a:hover, #home .active{
    background-image:url(../images/common/nav-home-on.gif);
	width:82px;
}
#books a{
    background-image:url(../images/common/nav-books-off.gif);
    width:124px;
}
#books a:hover, #books .active{
    background-image:url(../images/common/nav-books-on.gif);
	width:124px;
}
#chars a{
    background-image:url(../images/common/nav-characters-off.gif);
    width:128px;
}
#chars a:hover, #chars .active{
    background-image:url(../images/common/nav-characters-on.gif);
	width:128px;
}
#author a{
    background-image:url(../images/common/nav-author-off.gif);
    width:86px;
}
#author a:hover, #author .active{
    background-image:url(../images/common/nav-author-on.gif);
	width:86px;
}
#extras a{
    background-image:url(../images/common/nav-extra-off.gif);
    width:83px;
}
#extras a:hover, #extras .active{
    background-image:url(../images/common/nav-extra-on.gif);
	width:83px;
}

/* End Navigation */