#header:after,
#menu:after,
#subTitle:after,
#scrollingFeaturesInner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

form,
input {
margin: 0;
padding: 0;
}

form {
	padding: .75em 0;
}

input,
select,
textarea,
button {
margin-bottom: 6px;
padding: 2px 4px;
}

option:hover {
	background: #5d7a1b;
}

input .image,
button .image {
border: 0px;
}

.field {
	border: 1px solid #84f603;
	background: #111;
	color: #666;
	font-family: "Courier New", courier, sans-serif;
}

ul,
li {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
}

a {
color: #74ff11;
text-decoration: underline;
}

a:hover,
li a:hover {
text-decoration: none;
color: #b2bd36;
}

a img {
border: 0;
}

.leftImage {
float: left;
}

.rightImage {
float: right;
}

.right {
text-align: right;
}

.attributed {
padding: 0 0 0 50%;
}

.center {
text-align: center;
}

.emphasis {
font-style: italic;
font-weight: bold;
color: #b2bd36;
}

.addBagButton {
cursor: pointer;
}

.dottedBorder {
border-width: 1px;
border-style: dotted;
border-color: #bfbfbf;
background: #fff;
}

.strike {
	text-decoration: line-through;
	font-weight: bold;
}

blockquote {
	color: #74ff11;
}

blockquote strong,
blockquote .strike {
	color: #b2fd7c;
}

.green {
	color: #74ff10;
}

.button {
background: #b10707;
color: #fff;
padding: 2px;
width: auto;
height: auto;
text-align: center;
font-family: "Franklin Gothic", arial, verdana, helvetica, sans-serif;
border: 1px solid #fff;
font-size: 135%;
font-weight: bold;
}

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}



/* =============================================================================

GENERAL STRUCTURE

============================================================================= */

body {  
  font-size: x-small;
  font-family: "Courier New", courier, sans-serif;
  letter-spacing: 0px;
  color: #eee;
  background: #000 url('/images/header_bg.jpg') top left repeat-x;
  }
  
  body#splash {  
  background: #000;
  }
  
#background {
	background: url('/images/header_back.jpg') top center no-repeat;
}

#bottomBackground {
	background: url('/images/bottom_bg.jpg') bottom left repeat-x;
}

#bottomMap {
	background: url('/images/bottom_map.jpg') bottom center no-repeat;
}
  
#wrapper {
width: 962px;
margin: 0 auto;
position: relative;
}

#mainContentWrapper {
	background: #fff url('/images/maincontent_bg.gif') 50% 0 repeat-y;
	padding: 0 0 10px 0;
}

#subWrapper {
	/*padding: 0 30px;*/
	font-size: 120%;
	line-height: 150%;
	position: relative;
	background: url('/images/subwrapper_bg.png') top left no-repeat;
}

#subWrapper .column {
	position: absolute;
}

/* =============================================================================

HEADER

============================================================================= */


#header {
	background: url('/images/header_bg.png') bottom left no-repeat;
	
}

#full #header {
	background: url('/images/header_bg_fullwidth.png') bottom left no-repeat;
	
}

#topButtons {
	position: absolute;
	top: 13px;
	right: 0px;
}

#topButtons a {
}

#logo {
	position: absolute;
	left: -15px;
}

#publishedBy {
	height: 19px;
	padding: 9px 0 0 209px;
	overflow: hidden;
}

#menu {
	padding: 0 0 0 209px;
	margin: 0;
}

#menu li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	position: relative;
}

#menu ul li a {
	text-align: center;
	width: 107px;
	height: 223px;
	padding: 53px 0 0 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: block;
	float: left;
}


#menuDossier {
	background: url('/images/icons/btn_dossier.png');
}

#menuDossier:hover,
#menuDossierLoader {
	background: url('/images/icons/btn_dossier_on.png');
}

#menuAuthor {
	background: url('/images/icons/btn_author.png');
}

#menuAuthor:hover,
#menuAuthorLoader {
	background: url('/images/icons/btn_author_on.png');
}

#menuFanClub {
	background: url('/images/icons/btn_fanclub.png');
}

#menuFanClub:hover,
#menuFanClubLoader {
	background: url('/images/icons/btn_fanclub_on.png');
}

#menuMessageBoard {
	background: url('/images/icons/btn_messageboard.png');
}

#menuMessageBoard:hover,
#menuMessageBoardLoader {
	background: url('/images/icons/btn_messageboard_on.png');
}

#menuMusic {
	background: url('/images/icons/btn_gallery.png');
}

#menuMusic:hover,
#menuMusicLoader {
	background: url('/images/icons/btn_gallery_on.png');
}


#menuGames {
	background: url('/images/icons/btn_games.png');
}

#menuGames:hover,
#menuGamesLoader {
	background: url('/images/icons/btn_games_on.png');
}

#menuTricks {
	background: url('/images/icons/btn_tricks.png');
}

#menuTricks:hover,
#menuTricksLoader {
	background: url('/images/icons/btn_tricks_on.png');
}



#menu ul li a span {
	display: none
}

#menuMagicLoader,
#menuDossierLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#menu ul li a:hover span { 
	display: block;
	position: absolute;
	top: 23px; 
	left: 0;
	width: 180%;
	margin-left: -40%;
	padding: 6px 0;
	font-size: 125%;
	font-weight: bold;
	background: #000; 
	color: #fff;
	text-align: center;
	background: url('/images/subwrapper_bg.png');
}


#bookTitle {
	position: absolute;
	top: 173px;
	left: 40px;
}

#blackberryTop {
	position: absolute;
	top: 171px;
	right: 6px;
}

#blackberryTime {
	text-align: center;
	padding: 15px 0 8px 0;
	font-family: arial;
	font-size: 125%;
	line-height: 70%;
	height: 23px;
	overflow: hidden;
}

#blackberryTime .AmPm {
	font-size: 50%;
}

#blackberryTime .date {
	font-size: 60%;
}

#blackberryContent {
	padding: 5px 10px;
	color: #000;
	height: 94px;
	overflow: hidden;
}

#blackberryContent a {
	color: red;
}

#blackberryContent a:hover {
	color: #000;
}



/* =============================================================================

LEFT COLUMN

============================================================================= */

#child #leftColumn {
	position: absolute;
	left: 26px;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 201px;
}

#child #leftColumn p {
	color: #47638a;
}





/* =============================================================================

RIGHT COLUMN

============================================================================= */

#rightColumn {
position: absolute;
right: 0;
top: 0px;
width: 291px;
}


#blackberryWrapper {
	background: url('/images/blackberry_bottom.png') top left no-repeat;
}

#blackberryScreen {
	width: 222px;
	height: 150px;
	margin: 0 0 0 38px;
	background: #ccc url('/images/blackberry_screen_bg.jpg') top left no-repeat;
}

#newsItemsTitle {
	background: url('/images/newswrapper_bg.png') top left no-repeat;
	height: 15px;
	margin: 171px 0 0 11px;
}

#newsItemsWrapper {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #7ce502;
	margin: 0 0 0 11px;
	padding: 9px 12px;
	background: url('/images/subwrapper_bg.png');
}

#newsItemsWrapper h2 {
	font-size: 160%;
	margin: 0 0 9px 0;
}

.newsItem {
	padding: 9px 4px;
}

/* =============================================================================

CENTER COLUMN

============================================================================= */


#full #centerColumn {
	margin: 0;

}

#centerColumn {
	position: relative;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #84f603;
	margin: 0 291px 0 0;
	padding: 10px 12px;
	min-height: 550px;
}

#pageTitle {
	background: url('/images/page_title_bg.gif') top left repeat-x;
	padding: 16px 0 16px 21px;
}

#pageTitle h2 {
	font-size: 200%;
}

#centerColumn .content {
	padding: 0 25px;
}

#centerColumn .content h3 {
	color: #b2bd36;
	font-size: 160%;
}

#centerColumn .content ul li.QA {
	list-style-type: none;
	display: block;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dashed #111;
}

#centerColumn .contentItem {
	padding: .75em 0;
	border-bottom: 4px solid #111;
}

#subTitle {
	background: url('/images/subtitle_bg.png') 0 0 no-repeat;
	height: 77px;
	margin: 0 10px 15px 10px;
}

#subTitle img {
	float: left;
}

#subText {
	color: #000;
	font-size: 150%;
	line-height: 99%;
	font-weight: bold;
	padding: 20px 0 0 99px;
}

.centerQuote {
display: block;
width: 90%;
margin: 12px;
padding: 10px 10px 10px 10px;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #74ff11;
text-align: left;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.centerQuote .small {
	font-weight: normal;
	color: #fff;
	font-size: 80%;
}


#scrollingFeatures {
	margin: 15px 0;
	position: relative;
	background: url('/images/scrolling_features_bg.jpg') 0 0 repeat-x;
}

#scrollingFeaturesLeft {
	background: url('/images/scrolling_features_left.jpg') top left no-repeat;
}

#scrollingFeaturesRight {
	background: url('/images/scrolling_features_right.jpg') top right no-repeat;
}

#scrollingFeaturesInner {
	padding: 7px 0 0 0;
	text-align: center;
}



#scrollingFeaturesInner a {
	display: block;
	float: left;
	position: relative;
	margin: 0 5px;
	text-decoration: none;
	width: 211px;
	height: 101px;
}

#scrollingFeaturesInner a:hover {
	background: url('/images/scrolling_feature_over_bg.jpg') top left no-repeat;
}


#scrollingFeaturesInner a span {
	display: block;
	position: absolute;
	bottom: -15px; 
	left: 0;
	width: 180%;
	font-size: 140%;
	margin-left: -40%;
	color: #fff;
}

#scrollingFeaturesInner a:hover span {
	color: #73d617;
}

#scrollLeft {
	position: absolute;
	left: -28px;
	top: 43px;
	margin: 0;
}

#scrollRight {
	position: absolute;
	right: -28px;
	top: 43px;
	margin: 0;
}

#container {
position:relative;
overflow:hidden;
width: 906px;
height: 131px;
margin: 0 28px;
}

#content {
width: 9999px;
padding: 0;
font-weight: bold;
float: left;
}

#bottomContentWrapper {
}

#bottomContentWrapper .title {
	background: url('/images/bottomfeatures_title_bg.gif') top left repeat-x;
	min-height: 54px;
	margin: 0 0 9px 0;
}

#bottomContentWrapper .title img {
	float: left;
	position: relative;
	vertical-align: middle;
}

#bottomContentWrapper h3 {
	font-size: 225%;
	font-weight: normal;
	display: block;
	padding-top: 13px;
	letter-spacing: -2px;
}

#bottomContentLeft {
	float: left;
	width: 409px;
}

#videoWrapper {
	width: 369px;
	background: url('/images/video_wrapper_bg.png') top left repeat-x;
	padding: 10px;
	margin: 0 10px;
}

#bottomContentRight {
	margin-left: 412px;
}

#bottomContentRight .content {
	padding: 15px;
	font-size: 135%;
	font-weight: bold;
}


/* =============================================================================

FOOTER

============================================================================= */

#footer {
	text-align: center;
	clear: left;
	padding: 20px 0 32px 0;
}


#copyright {
	text-align: left;
}

#copyright img {
	position: relative;
	vertical-align: sub;
}

#siteCredit {
	float: right;
	padding: 3px 0 0 0;
}

#splash #siteCredit {
	position: absolute; 
	bottom: 10px;
	right: 10px;
}

#disclaimer {
	clear: left;
	padding: 1em 0;
	color: #74ff11;
}

#CMSFooter {
	text-align: center;
}