@charset "utf-8";
/* CSS Document */
/* style for Kate by KyokoDemo */


/* general style
-------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;	
	
}

#wrapper {
	margin: 0 auto;
	width: 925px;
	height:750px;
}
/* banner
----------------------------*/
#header{
	float:right;
	margin-right: 80px;
}
/* banner 
----------------------------*/
#banner{
	margin-bottom: 75px;
}
/* banner 3
----------------------------*/
#banner3{
	float:right;
	margin-right: 150px;
	margin-top: 50px;
}
/* logo
----------------------------*/
#logo{
background-image:url(images/banners/einsteinmozart.jpg);
background-repeat: no-repeat;
height: 210px;
width: 100%;
}

#logo a{
	text-indent: -10000px;
	position: absolute;
	left: 475px;
	top: 60px;
	width: 180px;
	height: 50px;
}
/* EMbanner
----------------------------*/
#EMbanner{
	margin-right: 10px;
	
}
/* movie
----------------------------*/
#movie{
margin-left: 280px;	
}

/* Navlink
-------------------------------- */
#nav {
	margin-left: 200px;

	float:left;
}

#nav ul{
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	width: 100%;
	color: #989898;
	
}

#nav ul li{ 
	float: left;
	
}

li.noDot{
	list-style-type: none;	
}

#nav a {
	color: #989898;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 20px;
	padding-right: 10px;
	margin-right: 8px;
}

#nav a:hover {
	color: #626262;	
}
/* EMNav
-------------------------------- */
#EMnav {
	height: 30px;

}

#EMnav ul{
	margin-left: 30px;
	padding-left: 0px;
	float: left;
	width: 100%;
	color: #989898;
	
}

#EMnav ul li{ 
	float: left;
	
}

li.noDot{
	list-style-type: none;	
}

#EMnav a {
	color: #989898;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	padding-right: 10px;
	margin-right: 8px;
}

#EMnav a:hover {
	color: #626262;	
}



/* Content
-------------------------------- */
#content{
	margin-top:10px;
	float:left;
	width:675px;
	overflow:auto;
	height:340px;
	
}
#content a{
	color:#989898;	
	text-decoration: none;
}

#content a:hover{
	color:#626262;
}
 span.capital{
	text-transform: uppercase;	
}
span.italic{
	font-style:italic;	
}
#content p{
	padding-bottom: 20px;
}
p.center{
	text-align:center;	
}
/* submetacoog
-------------------------------- */
#submetacoog{
	width:660px;
	height:auto;
	
}
/* EMContent
-------------------------------- */
#EMcontent{
	margin-top: 10px;
	margin-bottom: 10px;
	floar: left;
	width: 900px;
	height: 300px;
	overflow: auto;
}
#EMcontent a{
	color:#989898;	
	text-decoration: none;
}

#EMcontent a:hover{
	color:#626262;
}

#EMcontent p{
	padding-bottom: 20px;	
}
span.EM{
	font-style:italic;	
	font-size:20px;
	font-weight: bold;
}

/* Content3
-------------------------------- */
#content3{
	margin-top: 50px;
	floar: left;
	width: 670px;
	height: 500px;
}
#content3 a{
	color:#989898;	
	text-decoration: none;
}

#content3 a:hover{
	color:#626262;
}
 span.capital{
	text-transform: uppercase;	
}
span.italic{
	font-style:italic;	
}
#content3 p{
	padding-bottom: 20px;
	text-align: center;
}
p.center{
	text-align:center;	
}
#image1{
	float: left;
	padding-right: 30px;
}
#image2{
	float: right;
	padding-right: 30px;
}
#image3{
	float: left;
	padding-right: 30px;
	}
#image4{
	float: left;
	padding-right: 30px;
}
#image5{
	float: left;
	padding-right: 30px;
}

/* contactform
-------------------------------- */
#contactform{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 200px;
	margin-right: 200px;
	float: left;
	height: 300px;
	width: 500px;
}

/* store
---------------------------------------*/
#store{
	margin-left: 300px;
	margin-top: 30px;
}

/* Content2
-------------------------------- */
#content2{
	margin-top: 30px;
	float: left;
	width: 900px;
    overflow: auto;
	height: 400px;
}
#content2 a{
	color:#989898;	
	text-decoration: none;
}

#content2 a:hover{
	color:#626262;
}

#content2 p{
	padding-bottom: 20px;	
}
span.biglink
{
	text-align:center;
	color: #989898;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 20px;
	padding-right: 10px;
	margin-right: 8px;	
}
span.italic{
	font-style:italic;	
}

#content2 h1{
	text-align:center;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 20px;	
	margin-bottom: 30px;
	
}
#content2 h2{
	text-align:center;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 20px;	
	margin-bottom: 30px;
	margin-top: 30px;
	
}
#content2 h3{
	text-align:center;
	color: #000;
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: strong;
	margin-top: 30px;
	
	
}
#content2 h4{
	text-align:center;
	color: #000;
	font-family: Times New Roman, Times, serif;
	font-size: 15px;
	text-decoration:none;
	font-weight: normal;
}
#img1{
	float:left;
	margin-left:10px;
	margin-right: 390px;
	
}
#img2{
	float: left;
	margin-left:375px;
	margin-top: -255px
	
}
#img3{
	float:left;
	margin-left: 720px;
	margin-top:-255px;
	
}
#textbox{
	width:870px;
	height:auto;
	text-align: center;
	margin-bottom: 30px;

}
#textbox a{
	color:#989898;	
	text-decoration: none;
}

#textbox a:hover{
	color:#626262;
}

/* side images
-------------------------------- */
#sideImages{
	float: right;
	height: 250px;
	width: 250px;
	margin-top: -300px;
}

#sideImage1{
	text-align: center;
	float: right;
	height: 280px;
	width: 250px;
}

#sideImage2{
	margin-top: 20px;
	margin-left:15px;
	
}
#sideImage2 a {
	padding-left: 10px;	
}

#sideImage1 a{
	color:#989898;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-align:center;
	
}

#sideImage1 a:hover{
	color:#626262;	
	
}
/* books
-------------------------------- */
#books{
    float:right;
	height: 141px;
	width:920px;
}
#books img{
	margin-right: 60px;
}
#books p{
	display:none;	
}
#order{
	float: right;
	margin-right:40px;
	margin-top:50px;
	width: 200px;
	text-align:center;
}
/* footer
-------------------------------- */
#footer{
	float:right;
	height: 18px;
	width:920px;
	text-align: center;	
	color: #989898;
}