/***********************************************/
/* style.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
* {
	margin: 0px;
	padding: 0px;
}

body {
	
	color:#fff;
	background:#333	url('../images/bg.jpg') top center no-repeat;	
}


/* overrides decoration from previous rule for hovered links */
a:link, a:visited {
	color: #FF0;	
}
a:hover, a:active {
	color: #F60;	
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container {
	width:795px;
	height:100%;
	padding:0px;
	margin:0 auto;
	text-align:left;	
}
	
#content {
	width:100%;
	padding:0px;
	margin:0;	
	background:	url('../images/book.jpg') 12px 22px no-repeat;	
	
}


#header {
	position:relative;
	width:781px;
	height:75px;
	margin:0 0 10px 0;
	padding:0;	
	background:	url('../images/header_bg.gif') 0 0 no-repeat;
}

#sidebar {
	width:340px;
	height:100%;
	margin:0 10px 0 0;
	padding:0 15px;
	background:	url('../images/sidebar_bg.gif') 0 0 repeat-x;
	float:right;
}



#otherside {
	position:absolute;
	right:10px;
	top:22px;
	width:200px;	
}


#header h1{
	
}

#header h1 a{
	
}

/* repeated code per header */
#title1, #title1 span {
	 width: 310px;
	 height: 50px;
	 background-image: url('../images/title.jpg');
	 background-repeat: no-repeat;	
}
#title1 span { margin-bottom: -50px; }
/* non-repeated code */
h1 span {
	display: block;
	position: relative;
	z-index: 1;
}
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */


/* repeated code per header */
#title2, #title2 span {
	 width: 187px;
	 height: 21px;
	 background-image: url('../images/subtitle.jpg');
	 background-repeat: no-repeat;	
}
#title2 span { margin-bottom: -21px; }
/* non-repeated code */
h2 span {
	display: block;
	position: relative;
	z-index: 1;
}
/* IE5 Mac Hack \*/
h2 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */





.clearer {
	clear:both;
}


/***********************************************/
/* img                   */
/***********************************************/

#content img {
	border:none;
	text-decoration:none;
}

/***********************************************/
/* typo                   */
/***********************************************/


#sidebar h1 {
	font:24px/36px Arial;
	margin: 50px 0 25px 0;	
}


#sidebar p {
	
	font:9pt/12pt Arial;	
	color:#FFF;
}

.pbigger {
	font:14pt/18pt Arial;	
	color:#FFF;
	
}


/***********************************************/
/* rollover                   */
/***********************************************/


a.srollover1 {
    display: block;
    width: 310px;
    height: 93px;
    background: url("../images/download01_btn.gif") 0 0 no-repeat;
    text-decoration: none;	
}
 
a:hover.srollover1 {
    background-position: 0 -93px;
} 

a.srollover2 {
    display: block;
    width: 225px;
    height: 51px;
    background: url("../images/download02_btn.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover2 {
    background-position: 0 -51px;
} 




a.srollover3 {
    display: block;
    width: 310px;
    height: 93px;
    background: url("../images/download03_btn.gif") 0 0 no-repeat;
    text-decoration: none;	
}
 
a:hover.srollover3 {
    background-position: 0 -93px;
}