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

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#000000;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#000000;
	width:1000px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; text-decoration: none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:visited{ color: #FFFFFF;	text-decoration: none;}
a:active{ color: #999999;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #FFFFFF;}


/*==========main container==========*/
.mainContainer{
	width:1000px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

img {border:medium; border-color:#f2df00; border-style:groove;}

h1{color:#f2df00;}

/*==========header==========*/
.header{width:1000px; height:200px; float:left; background-image:url(images/index_01.jpg);}

/*==========menu==========*/
.menuContainer{ width:1000px; height:27px; float:left; background-image:url(images/index_02.jpg); background-repeat:no-repeat;}
.sides{width:40px; height:27px; float:left;}
.home{ width:75px; height:27px; float:left; }
.author{ width:190px; height:27px; float:left;}
.buy{ width:150px; height:27px; float:left;}
.higher{ width:185px; height:27px; float:left;}
.illustrations{ width:160px; height:27px; float:left;}

.menuLinks a{
	float:left; 
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding:3px;
}
.menuLinks a:hover{
	float:left; 
	margin:2px;
	color:#000000;
	text-decoration:none;
	text-align:center;
	background-color:#f2df00;
}

/*==========content - index==========*/
.left{width:237px; height:367px; float:left; background-image:url(images/content_03.jpg);}

.right{width:763px; height:367px; float:left; background-image:url(images/content_04.jpg);}
.rightText{ width:600px; height:120px; float:left; margin-left:20px; margin-top:50px;}
.rightBanner{width:600px; height:100px; float:left; margin-left:20px; margin-top:20px; text-align:center;}

/*==========content - author / illustrations / temporally lower==========*/
.left2{width:237px; height:951px; float:left; background-image:url(images/subContent_03.jpg);}
.right2{width:763px; height:951px; float:left; background-image:url(images/subContent_04.jpg);}

/*==========content - buy now==========*/
.left3{width:237px; height:367px; float:left; background-image:url(images/buy_03.jpg);}
.right3{width:763px; height:367px; float:left; background-image:url(images/buy_04.jpg);}

/*==========content - temporally higher==========*/
.left4{width:237px; height:2761px; float:left; background-image:url(images/higher_03.jpg);}
.right4{width:763px; height:2761px; float:left; background-image:url(images/higher_04.jpg);}


/*==========footer - index==========*/
.footerContainer{ width:1000px; height:126px; float:left; background-image:url(images/footer.jpg); background-repeat:no-repeat;}
.footerText{width:900px; height:20px; float:right; margin-right:50px; text-align:center;}

/*==========footer - author / illustrations / temporally lower==========*/
.footerContainer2{ width:1000px; height:126px; float:left; background-image:url(images/subContent_05.jpg); background-repeat:no-repeat;}

/*==========footer - buy now==========*/
.footerContainer3{ width:1000px; height:126px; float:left; background-image:url(images/buy_05.jpg); background-repeat:no-repeat;}

/*==========footer - temporally higher==========*/
.footerContainer4{ width:1000px; height:126px; float:left; background-image:url(images/higher_05.jpg); background-repeat:no-repeat;}