CSS

* {
	padding: 0;
	margin: 0;
}



body {

    font-family:  Helvetica, Arial, sans-serif;
	margin:0px;
    text-align: left;
	background-color: #35220d;
	background-image: url(../images/background.gif);
	background-position:left top;
	background-repeat:no-repeat;	
}

/*containers*/

#container {
    position: left;
	float:left;
	padding:0px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 940px;
	background: none;
}

/*banners---------------------------------------------------------------------------------*/


#banner {
width:475px;
height:65px;
padding: 0px 0px 0px 0px;
margin:20px 0 0 0px;
clear:both;
background: url(../images/c_banner.gif) left top no-repeat;
	}
	
#bottom {
padding: 10px 0px 0px 0px;
margin:10px 0px 0px 0px;
clear:both;
background-color: transparent;
	}
	
#bottom p{
color:#3f2e24;
text-align:left;
padding: 0px 0px 0px 0px;
font-size:65%;
font-weight:normal;}

#bottom a
{
text-decoration:underline;
color: #3f2e24;
font-weight: normal;
}

#bottom a:hover
{
text-decoration:underline;
color: #3f2e24;
background-color: transparent;
border-bottom: 0px solid #f30;
}


#bottom #active a {
text-decoration:underline;
color: #3f2e24;
background-color: transparent;
border-bottom: 0px solid #f30;
}		

/*end banners---------------------------------------------------------------------------------*/

/*headertext---------------------------------------------------------------------------------*/

#headertext{
padding: 0px 0px 0px 0px;
margin: 15px 0px 15px 0px;
width:680px;}

#headertext_inner{
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
background:none;
float:left;
}
#headertext p{
line-height:1.5;
letter-spacing: 0px;
color:#ffffff;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:100%;
font-weight:bold;
}

#headertext h1{
line-height:1.6;
letter-spacing: 0px;
color:#ffffff;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:100%;
font-weight:bold;
}

#headertext span{
background-color:#00aef0;
text-align:left;
padding:0px 0px 0px 0px;
display: inline;
}

/*headertext---------------------------------------------------------------------------------*/

/*language---------------------------------------------------------------------------------*/


#language {
width:67px;
height:22px;
padding:0px 0px 0px 0px;
margin:0px 0 0 878px;
clear:both;
background: url(../images/header_language.gif) left top no-repeat;
background-color:#00aef0;
	}
	
.language_inner{
padding: 0px 0px 0px 0px;
float:left;
color:#ffffff;
}
	
.language_inner p{
color:#ffffff;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 16px;
font-size:65%;
font-weight:normal;}

.language_inner a
{
color:#ffffff;
text-decoration:underline;
font-weight: normal;
}

.language_inner a:hover
{
color:#ffffff;
text-decoration:underline;
background-color: transparent;

}


.language_inner #active a {
color:#ffffff;
text-decoration:underline;
color: #ffffff;
background-color: transparent;

}	

/*end language---------------------------------------------------------------------------------*/

#spacer {
	width:800px;
	height:2px;
	padding:1px 1px 1px 8px;
	clear:both;
	background: url(../images/spacer.gif) top left no-repeat;
	border:none;
	}

/*containers--------------------------------------------------------------------------------*/

.content_left {
	float:left;
	width:300px;
	padding:0px 0 0 0px;}
	
.content_left p{
color:#291a0a;
text-align:left;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:200;}	

.content_left h2{
color:#291a0a;
text-align:left;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:bold;}	
	
.content_left span{
padding: 0px 20px 10px 64px;}

.content_middle {
	float:left;
	width:300px;
	padding:0px 0 0 20px;}
	
.content_middle p{
color:#291a0a;
text-align:left;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:200;}	

.content_middle h2{
color:#291a0a;
text-align:left;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:bold;}	
	
.content_middle span{
padding: 0px 20px 10px 64px;}
	

.content_right {
	float:right;
	width:300px;
	padding:0px 0 0 20px;}
	
.content_right p{
color:#83A6C7;
text-align:left;
padding: 0px 0px 0px 10px;
font-weight:200;}	

.content_right h2{
color:#5BB830;
text-align:left;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:bold;}	
	
.content_right span{
padding: 0px 20px 10px 64px;
}

.content_right img{
padding: 20px 0px 0px 0px;}

/*end containers--------------------------------------------------------------------------------*/

/*news section--------------------------------------------------------------------------------*/

#news{
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;}

.news_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_latest_news.gif);
background-repeat: no-repeat;
}

.news_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #00aef0;
float:left;
}

.news_item {
color:#ffffff;
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
border-bottom:thin dotted;
}

.news_item h1 {
font-size:75%;
color:#ffffff;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.news_item h2 {
font-size:75%;
color:#ffffff;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.news_item p{
color:#ffffff;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.news_item a
{
text-decoration:underline;
color: #ffffff;
font-weight:normal;
}

.news_item a:hover
{
text-decoration:underline;
color: #ffffff;
background-color: transparent;
text-decoration:none;
}

.news_item #active a {
text-decoration:underline;
color: #ffffff;
font-weight: normal;
}	

.news_item span {
color:#ffffff;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.news_bottom {
width: 300px;
height:10px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00aef0;
}

/*end news section--------------------------------------------------------------------------------*/

/*the book section--------------------------------------------------------------------------------*/

#thebook{
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;}

.thebook_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_book.gif);
background-repeat: no-repeat;
}

.thebook_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.thebook_item {
color:#000000;
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.thebook_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.thebook_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.thebook_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.thebook_item a
{
text-decoration:underline;
color: #00aef0;
font-weight:normal;
}

.thebook_item a:hover
{
text-decoration:underline;
color: #00aef0;
background-color: transparent;
text-decoration:none;
}

.thebook_item #active a {
text-decoration:underline;
color: #00aef0;
font-weight: normal;
}	

.thebook_bottom {
width: 300px;
height:0px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

.thebook_item span {
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.thebook_inner img{
float:left;
padding: 7px 7px 7px 0px;
border:none;
	}

/*end the book section--------------------------------------------------------------------------------*/

/*characters section--------------------------------------------------------------------------------*/

#characters{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.characters_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_characters.gif);
background-repeat: no-repeat;
}

.characters_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.characters_item {
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.characters_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.characters_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.characters_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.characters_item a
{
text-decoration:underline;
color: #291a0a;
font-weight:normal;
}

.characters_item a:hover
{
text-decoration:underline;
color: #291a0a;
background-color: transparent;
text-decoration:none;
}

.characters_item #active a {
text-decoration:underline;
color: #291a0a;
font-weight: normal;
}	

.characters_item span{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none;
color: #00aef0;
font-weight:bold;
}

.characters_bottom {
width: 300px;
height:10px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00aef0;
}

/*end characters section--------------------------------------------------------------------------------*/

/*the launch section--------------------------------------------------------------------------------*/

#thelaunch{
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;}

.thelaunch_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_launch.gif);
background-repeat: no-repeat;
}

.thelaunch_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.thelaunch_item {
color:#000000;
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.thelaunch_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.thelaunch_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.thelaunch_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
clear:both;
}	

.thelaunch_item a
{
text-decoration:underline;
color: #00aef0;
font-weight:normal;
clear:both;
}

.thelaunch_item a:hover
{
text-decoration:underline;
color: #00aef0;
background-color: transparent;
text-decoration:none;
}

.thelaunch_item #active a {
text-decoration:underline;
color: #00aef0;
font-weight: normal;
}	

.thelaunch_bottom {
width: 300px;
height:0px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

.thelaunch_inner img{
float:left;
padding: 5px 5px 0px 5px;
margin: 5px 0px 0px 0px;
border:none;
	}
	
.thelaunch_imageholder{
width:295px;
float:left;
margin: 0px 0px 5px 2px;
	}



/*end the launch section--------------------------------------------------------------------------------*/


/*the locations section--------------------------------------------------------------------------------*/

#thelocations{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.thelocations_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_locations.gif);
background-repeat: no-repeat;
}

.thelocations_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.thelocations_item {
color:#000000;
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.thelocations_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.thelocations_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.thelocations_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
clear:both;
}	

.thelocations_item a
{
text-decoration:underline;
color: #00aef0;
font-weight:normal;
clear:both;
}

.thelocations_item a:hover
{
text-decoration:underline;
color: #00aef0;
background-color: transparent;
text-decoration:none;
}

.thelocations_item #active a {
text-decoration:underline;
color: #00aef0;
font-weight: normal;
}	

.thelocations_bottom {
width: 300px;
height:0px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

.thelocations_inner img{
float:left;
padding: 5px 5px 0px 5px;
margin: 5px 0px 0px 0px;
border:none;
	}
	
.thelocations_imageholder{
width:295px;
float:left;
margin: 0px 0px 5px 2px;
	}



/*end the locations section--------------------------------------------------------------------------------*/

/*publisher section--------------------------------------------------------------------------------*/

#publisher{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.publisher_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_publisher.gif);
background-repeat: no-repeat;
}

.publisher_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.publisher_item {
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.publisher_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.publisher_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.publisher_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.publisher_item a
{
text-decoration:underline;
color: #00aef0;
font-weight:normal;
}

.publisher_item a:hover
{
text-decoration:underline;
color: #00aef0;
background-color: transparent;
text-decoration:none;
}

.publisher_item #active a {
text-decoration:underline;
color: #00aef0;
font-weight: normal;}

.publisher_item span{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none;
color: #00aef0;
font-weight:bold;
}

.publisher_bottom {
width: 300px;
height:10px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00aef0;
}

/*end publisher section--------------------------------------------------------------------------------*/

/*thanks section--------------------------------------------------------------------------------*/

#thanks{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.thanks_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/header_thanks.gif);
background-repeat: no-repeat;
}

.thanks_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.thanks_item {
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.thanks_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.thanks_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.thanks_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.thanks_item a
{
text-decoration:underline;
color: #291a0a;
font-weight:normal;
}

.thanks_item a:hover
{
text-decoration:underline;
color: #291a0a;
background-color: transparent;
text-decoration:none;
}

.thanks_item #active a {
text-decoration:underline;
color: #291a0a;
font-weight: normal;
}	

.thanks_item span{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none;
color: #00aef0;
font-weight:bold;
}

.thanks_bottom {
width: 300px;
height:10px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00aef0;
}

/*end thanks section--------------------------------------------------------------------------------*/

/*reviews section--------------------------------------------------------------------------------*/

#reviews{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.reviews_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_reviews.gif);
background-repeat: no-repeat;
}

.reviews_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.reviews_item {
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.reviews_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.reviews_item h2 {
font-size:75%;
color:#291a0a;
padding: 2px 0px 2px 0px;
margin: 2px 0px 2px 0px;
font-weight:bold;
}

.reviews_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-size:80%;
font-weight:200;
}	

.reviews_item a
{
text-decoration:underline;
color: #291a0a;
font-weight:normal;
}

.reviews_item a:hover
{
text-decoration:underline;
color: #291a0a;
background-color: transparent;
text-decoration:none;
}

.reviews_item #active a {
text-decoration:underline;
color: #291a0a;
font-weight: normal;
}	

.reviews_bottom {
width: 300px;
height:10px;
float:left;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

.reviews_item span {
color:#00aef0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:120%;
font-weight:bold;
}
/*end reviews section--------------------------------------------------------------------------------*/

/*author section--------------------------------------------------------------------------------*/

#author{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.author_header {
width: 300px;
height:24px;
float:left;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
background-color: transparent;
background-image: url(../images/c_header_the_author.gif);
background-repeat: no-repeat;
}

.author_inner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
background: #ffffff;
float:left;
}

.author_item {
font-weight:normal;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}

.author_item h1 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-weight:bold;
}

.author_item h2 {
font-size:75%;
color:#291a0a;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-weight:bold;
}

.author_item p{
color:#291a0a;
text-align:left;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
font-size:80%;
font-weight:200;
}	

.author_item a
{
text-decoration:underline;
color: #00aef0;
font-weight:normal;
}

.author_item a:hover
{
text-decoration:underline;
color: #00aef0;
background-color: transparent;
text-decoration:none;
}

.author_item #active a {
text-decoration:underline;
color: #00aef0;
font-weight: normal;
}

.author_item span{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none;
color: #00aef0;
font-weight:bold;
}

.author_bottom {
width: 300px;
height:10px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00aef0;
}

/*end author section--------------------------------------------------------------------------------*/



/*end imagelink section--------------------------------------------------------------------------------*/
#imagelink{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.imagelink_inner{
background: #ffffff;
width:185px;
float:right;
}

.imagelink_inner ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
.imagelink_inner ul li {
    list-style-type:none;
	height:40px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	}
	
.imagelink_inner ul li.brown {
list-style-type:none;
height:15px;
color:#000000;
padding: 0px 0px 0px 17px;
margin: 0px 0px 0px 0px;
font-size: 70%;
background: url(../images/arrow_brown.gif) top left no-repeat;
}

.imagelink_inner li a
{
text-decoration: none;
color:#000000;
font-weight: bold;
}

.imagelink_inner li a:hover
{
text-decoration:underline;
color:#000000;
background-color: transparent;
border-bottom: 0px solid #f30;
}

.imagelink_inner li#active a {
text-decoration: none;
color:#000000;
font-weight: bold;
}	

.imagelink_inner p{
color:#000000;
text-align:left;
padding: 0px 0px 0px 0px;
font-size:70%;
font-weight:200;
}		

/*end imagelink section--------------------------------------------------------------------------------*/