body
{
   margin: 0;
   padding: 0;
   font: 12px Verdana;
   background: url(images/Image4.gif) repeat-y;
}

a img
{
   border: none;
   vertical-align: middle;
   }

a
{
   text-decoration: underline;
   color: #fff;
   font-weight:bold;
}

a:hover
{
   color: #ff0000;
}

#container
{
   width:980px;
   height:auto;
   margin: 15px auto auto auto; 
   }

#centre
{
   width: 978px;
   height:540px;
   border: 1px solid #fff;
   padding: 0px;
   background-color:#000000;
   }   

#header
{
   width: 978px;
   height:80px;
   border-bottom:1px solid #fff;
}
#headertitle
{
   width:400px;
   height:80px;
   float:left; 
   }
   
#leftside
{
   width: 400px;
   float: left;
   height:auto;
}

#rightside
{
   width: 578px;
   height:459px;
   float: right;
   text-align: justify;
   line-height: 150%;
   color: white;
   background-image:url(images/redguitar.jpg);
   background-position:right;
   background-repeat:no-repeat;
}

#lefttuition
{
   width: 544px;
   height:459px;
   float: left;
   color: #fff;
   background-image:url('images/tuit_stage.jpg');
   background-position:bottom left;
   background-repeat:no-repeat; 
   }

#leftcontact
{
   width: 320px;
   height:459px;
   float: left;
   color: #fff;
   background-image:url('images/contactpic.jpg');
   background-position:20px 60px;
   background-repeat:no-repeat;
    
   }
   
#rightcontact
{
   width: 658px;
   height:459px;
   float: right;
   text-align: justify;
   line-height: 125%;
   color: white;
     }
     

#newform {
   width:557px; 
   height:350px;
   margin-top:40px;
   margin-left:60px;
   background-image:url(images/new_moon.jpg);
   background-position:360px 50px;
   background-repeat:no-repeat;
   float:left;
   border:1px solid #404040;
   }

#leftfunction
{
   width: 544px;
   height:459px;
   float: left;
   color: #fff;
   }

#tuitionplayer
{
   width:544px;
   text-align:right;
   padding-top:20px;
}   

#righttuition
{
   width: 434px;
   height:459px;
   float: right;
   text-align: justify;
   line-height: 125%;
   color: white;
   }




#tuitionimg
{
   width:300px;
   height:268px;
   margin:10px 57px 10px 77px;
   background-image:url('images/tuition_image.jpg');
   background-position:center;
   background-repeat:no-repeat;
    }

#rightfunction
{
   width: 434px;
   height:459px;
   float: right;
   text-align: justify;
   line-height: 125%;
   color: white;
   font-style:italic;
}



/* index page */

#hometitle {
   width:240px;
   height:50px;
   background-image:url(images/ilonamejia.gif);
   background-repeat:no-repeat;
   margin: 5px 0 0 75px;
    }

#homesubtitle {
   width:350px;
   height:20px;
   background-image:url(images/perform.gif);
   background-repeat:no-repeat;
   margin: 0 0 10px 15px;
    }
    
/* profile page */

#profilerightside
{
   width: 578px;
   height:459px;
   float: right;
   text-align: justify;
   line-height: 150%;
   color: white;
}

/* tuition page */


/* function page */


/* contact page */



#footer
{
   width: 978px;
   margin: 20px auto auto auto;
   font-weight:normal;
   color: #404040;
   text-align:center;
   font-size:11px;
   clear:both;
}


   


#lefttitle {
   width:240px;
   height:50px;
   background-image:url(images/ilonamejia.gif);
   background-repeat:no-repeat;
   margin: 5px auto auto 15px;
    }




#tuitionsubtitle {
   width:350px;
   height:20px;
   background-image:url(images/guitartuition.gif);
   background-repeat:no-repeat;
   margin: auto auto 8px 15px;
    }

#performsubtitle {
   width:350px;
   height:20px;
   background-image:url(images/perform2.gif);
   background-repeat:no-repeat;
   margin: auto auto 8px 40px;
    }

#telsubtitle {
   width:350px;
   height:20px;
   background-image:url(images/telnumber.gif);
   background-repeat:no-repeat;
   margin: auto auto 8px 40px;
    }
    
#headernav
{
   width:400px;
   height:80px;
   float:right; 
   }
    
#navbar {
   width:375px;
   height:20px;
   margin:55px 15px auto auto;
   }

#navbar ul
{
   margin: 0;
   padding: 0;
   }

#navbar li
{
   display: inline;
   margin-left: 5px;
   margin-right: 5px;
   text-decoration:none;
   }

#navbar li a
{
   line-height:20px;
   border: 0;
   text-decoration:none;
   }

#navbar li a:hover
{
   border: 0;
   padding: 0;
   text-decoration:none;
   }
    
#tuitionplayer
{
   height:20px;
   margin:2px 12px 2px 12px;
   }

#textfun
{
   width: 500px;
   text-align: justify;
   line-height: 105%;
   color: white;
   margin: 10px 10px 10px 10px;
}


#thanks
{
   width:978px;
   height:459px;
   margin:0px;
   background-image:url(images/thank_you.gif);
   background-position:215px 150px;
   background-repeat:no-repeat;
}

#thankspic
{
   width:237px;
   height:459px;
   margin-left:741px;
   background-image:url('images/thanks_pic.jpg');
   background-repeat:no-repeat;
}

#quote
{
   width:300px;
   height:auto;
   color:#ff0000;
   text-align:justify;
   font-weight:bold;
   font-style:italic;
   margin:0 57px 0 77px;
   float:none;
   }



#homebordpic
{
   width: 370px;
   height:459px;
   background-image:url(images/home_bord.jpg);
   background-repeat:no-repeat;
   background-position:center;
   float:none;
   }
   
   
#profilepic
{
   width:342px;
   height:257px;
   float:left;
   background-image:url(images/profile_01.jpg);
   background-repeat:no-repeat;
   margin-top:70px;
   margin-left:30px;
   }

.item
{
   width:135px;
   height:auto;
   float:left;
   padding:2px 5px 2px 5px;
   }

.detail
{
   width:385px;
   height:auto;
   float:left;
   padding:2px 5px 2px 5px;
   }

.days
{
   width:100px;
   height:auto; 
   float:left;
   padding:0;
   }
   
.hours
{
   width:250px;
   height:auto;
   float:left;
   padding:0;
   }


#links
{
   width:320px;
   height:auto;
   margin-top:350px;
    }
    
.logo
{
   width:100px;
   height:auto;
   float:left;
   padding:5px;
   text-align:center;
   margin-left:20px;
   }

.linking
{
   width:175px;
   height:auto;
   float:left;
   padding:5px;
   text-align:left;
   }

.linking a
{
   font-weight:normal;
   font-style:italic;
   }

.linking a:link
{
   font-weight:normal;
   font-style:italic;
   }



#imgblockr {
	width:auto;
	float:right;
    margin-top:15px;
	margin-left:15px;
    margin-bottom:0px;
}
#txtblock {
	overflow:hidden;
	width:100%;
}

#blkend {
	clear:both;
}


#hometext {
   width: 388px;
   height:440px;
   float: left;
   text-align: justify;
   line-height: 150%;
   color: white;
   padding-top:20px;
   position:relative;
}

#profiletext {
   width: 550px;
   height:459px;
   float: left;
   text-align: justify;
   line-height: 150%;
   color: white;
   padding-top:30px;
}


#copy
{
   width:388px;
   height:30px;
   float:none;
   font-size: 10px;
   color: #ff0000;
   text-align: center;
   line-height: 95%;
   position:absolute;
   bottom:0;
}


#footer li
{
   display:inline;
   padding-left:60px;
   }

#footer li:first-child
{
   padding: 0;
   }
      
#footer a:link
{
   text-decoration: none;
   font-weight:normal;
   color: #404040;
}

#footer a:visited
{
   text-decoration: none;
   font-weight:normal;
   color: #404040;
}

#footer a:hover
{
   text-decoration: underline;
   font-weight:normal;
   color: red;
}