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

html * {
	margin: 		0px;
	padding: 		0px; 
}

body {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		.68em;
	color:			#000; 
	line-height:	16px;
	background:		#fff;
}

body.homeBody {
	background:		#FE7800;
}

a { 
	text-decoration: 	none;
	color: 				#000;
}

a: active {
	outline: 			none;
}  

a:focus {
	-moz-outline-style: none;
}
  
a:hover {
	color: #333; 
}
 
img {
	 border: 		0;
}

li {
	list-style:		none; 
}

p, h1, h2 , h3, h4, h5, h6 {
	font-size: 100%; 
	margin-bottom: 9px;
}

h2 {
	font-size: 		120%;
	font-weight:	bold;
}

h3 {
	font-size: 		120%;
	font-weight:	bold;
}

input, textarea, select {
	font-size: 		90%;
	font-family:	Arial, Helvetica, sans-serif;
}

td {
	vertical-align:	top;
	padding:		0 10px 10px 0;
}

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

.bigText {
	font-size:		130%;
	font-weight:	bold;
}

.headingText {
	font-size:		160%;
	line-height:	120%;
	color:			#fff;
	font-weight:	bold;
	margin-bottom:	9px;
}

.smallText {
	font-size:		90%;
}

.headingText a {
	color:			#fff;
}

.textWhite {
	color:			#fff;
}

.buyTable {
	width: 450px;
}

.buyTable td {
	vertical-align: middle;
}

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

#topMenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 62px;
	background: url(/images/bg-top.png) repeat-x bottom;
	z-index: 200;
}

#topMenuContent {
	z-index:	300;
	width:		950px;
	margin: 	0 auto;
	height:		62px;
	position:	relative;
}

#topMenuContent #foruliIcon {
	position: 		absolute;
	left:			470px;
	top:			9px;
	z-index:		600;
}

#topMenuContent #tagLine {
	position:		relative;
	float: 			left;
	width: 			300px;
}

#topMenuContent #tagLine img {
	position:		relative;
	margin-top:		22px;
	
}

#topMenuContent #mainMenu {
	float: 		right;
	width:		400px;
	text-align: right;
}

#topMenuContent #mainMenu ul {
	margin-top:		20px;
}

#topMenuContent #mainMenu li {
	display: 	inline;
	padding: 0 4px;
}

#mainBackground {
	z-index: 		10;
	position: 		absolute;
	top: 			0;
	left:			0;
	width: 			100%;
	height: 		100%;
	-ms-interpolation-mode: bicubic;
	overflow: 		hidden;
}

#mainBackground img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#lowerOptions {
	position: absolute;
	height: 202px;
	width: 100%;
	bottom: 0;
	background: url(/images/bg-lower.jpg) repeat-x top;
	z-index: 300;
}

#lowerItems {
	position: 	absolute;
	height: 	254px;
	width: 		100%;
	bottom: 	0;
	background: none;
	z-index: 	400;
	color:		#FFF;
}

.centralContainer {
	width:		950px;
	margin:		0 auto;
	position:	relative;
}

#menuLow {
	color: 			#aa964f;
	font-size:		80%;
}

#lowerItems #menuLow {
	position: 		absolute;
	left:			0px;
	top:			220px;
	z-index:		10;
	
}

#appForuli {
	position:		absolute;
	right:			0px;
	top:			194px;
}

.homePanel {
	float: 			left;
	width:			300px;
	margin-right: 	10px;
	line-height: 	120%;
}

.homePanelText {
	float: right;
	width:	170px;
	padding-top: 68px;
}

.homePanelText a {
	color: #FFF;
}

#footer {
	height: 	100px;
	width: 		100%;
	bottom: 	0;
	background: url(/images/bg-lower-content.jpg) repeat-x top;
	color:		#fff;
}

#footer #appForuli {
	top: 16px;
}

#footer #menuLow {
	position: 		absolute;
	left:			0px;
	top:			40px;
	z-index:		500;
	
}


#menuLow a {
	color: 			#aa964f;
}

.bodyContent {
	background:	#000;
}

#bgMain {
	background:		#999;
	width:			100%;
	min-height:	    400px;
}

/*** books ***/

#bookHeader {
	margin-top:		280px;
	font-size:		170%;
	color:			#fff;
	height:			60px;
	line-height:	130%;
	font-weight:	bold;
}

.leftSide, .rightSide {
	color: 			#fff;
	text-align:		justify;
}

.bookPanelBuy {
	border-top:		1px solid #000;
	padding:        9px 0;
	margin-top:		9px;
	clear:			both;
	color:			#000;
}

.bookPanel {
	float:			left;
	width:			200px;
	height:			260px;
}

.bookPanel p {
	padding:	 	8px 0;
	width:			160px;
}

.bookThumbSection {
	margin-top:		20px;
}

.bookThumbPanel {
	float:		left;
	width:		80px;
	height:		80px;
}

.bookThumbPanel img {
	border: 1px solid #FC0;
}

.bookThumbPanel img:hover {
	border: 1px solid #C60;
}

.newsRow {
	width:			100%;
	border-top:		1px solid #333;
	color:			#aaa;
}

.newsRow .headingText a {
	color:			#e7bb33;
}

.leftDate {
	margin-top:		10px;
	font-size:		90%;
}

.leftColumn {
	color:			#aaa;
}

.musicPanel {
	width: 			100%;
	clear:			both;
	border-top:		1px solid #333;
	padding:        10px 0;
	margin:			10px 0;
}

.musicPanelContent {
	
}

.musicPanelContent strong {
	font-size: 		120%;
}

.musicPanelContent h1 {
	color:			#fff;
	font-size:		160%;
}

/*** prev next ***/

#prevBook {
	position:		absolute;
	top:			47px;
	left:			-21px;
	z-index:		10;
}

#nextBook {
	position:		absolute;
	top:			47px;
	left:			903px;
	z-index:		10;
}

.blogList {
	margin-top:		12px;
}

.blogList li {
	padding:        2px 0;
}

.blogList li a {
	color:			#fff;
	
}