@charset "utf-8";
*{
margin:0;
padding:0;
}

img, a img{
border:0 none;
}

img{
vertical-align:baseline;
}

a{
outline:0;
color:#0037a8;
}

.imgCenter{
display:block;
margin:0 auto;
}

.imgRight{
float:right;
}

.imgLeft{
float:left;
}

.underlined{
text-decoration:underline;
}

.textCenter{
text-align:center;
}

.textLeft{
text-align:left;
}

.textRight{
text-align:right;
}

.clear{
clear:both;
}

body{
font-size:62.5%;
background:#EAEFE2 url(../images/bg.gif) scroll repeat-x top;
font-family:Georgia, "Times New Roman", Times, serif;
color:#566047;
}

#wrapper{
width:983px;
}

#header{
width:100%;
height:150px;
background:transparent url(../images/header.gif) scroll no-repeat center top;
}

#headerin{
width:983px;
height:150px;
margin:0 auto;
}

#navigation{
height:53px;
width:983px;
margin:0 auto;
}

#navigation ul{
list-style-type:none;
}

#navigation li{
display:inline;
line-height:53px;
display:block;
float:left;
margin-right:16px;
padding-left:44px;
background:transparent url(../images/navbullet.gif) scroll no-repeat left top;
}

#navigation a{
color:#e5ecdb;
text-decoration:none;
font-size:1.8em;
}

#navigation a:hover{
color:#FFFFFF;
}

#easypiano{
width:100%;
height:437px;
background:transparent url(../images/piano.gif) scroll no-repeat center top;
}

#easypianoin{
width:983px;
height:437px;
margin:0 auto;
}

#easypianoin img{
float:left;
margin:334px 0 0 56px;
}

#content{
width:983px;
margin:45px auto 0;
/*background-color:#009900;*/
}

h1{
font-size:3.28em;
font-weight:normal;
color:#566047;
margin:0 22px;
display:block;
text-align:left;
padding-bottom:26px;
background:transparent url(../images/broken.gif) scroll repeat-x left bottom;
}

#product{
width:280px;
float:left;
}

p, #text ul{
font-size:1.4em;
margin-bottom:29px;
}

#text ul{
margin-left:33px;
list-style-position:outside;
}

p{
text-align:justify;
}

#text{
overflow:hidden;
margin-top:24px;
margin-right:22px;
}

* html #text{
float:right;
}

p.firstp:first-letter{
font-size:7em;
line-height:70px;
color:#9da691;
float:left;
margin-right:12px;
}

#footer{
margin:0 auto;
width:939px;
background:transparent url(../images/broken.gif) scroll repeat-x left top;
height:78px;
}

#footer p{
line-height:78px;
margin-bottom:0;
text-transform:uppercase;
font-size:10px;
color:#afb7a3;
letter-spacing:0.15em;
}

#footer a{
color:#afb7a3;
padding:0 10px;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}
