/*   



Theme Name: Professional Website v1-feature



Theme URI: www.music-school.com.my



Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by PCT-Production, PCT sdn.bhd. copyrighted.



Author: PCT - Production





Version: version 1



*/



/*********** Begin Sturcture **********/

body {

	margin: auto;



}



#page {

background:url(img/page/page-bg.png) no-repeat;

width:960px;

margin:0 auto;

border-left:solid 1px #e5e5e5;

border-right:solid 1px #e5e5e5;

position:relative;





	



}





#page-home {

background:url(img/general/page-home.jpg) no-repeat;

width:960px;

margin:0 auto;

position:relative;





	



}



#page-search {

background:url(img/page/page-bg.png) no-repeat;

width:960px;

margin:0 auto;

height:1420px;

border-left:solid 1px #e5e5e5;

border-right:solid 1px #e5e5e5;

position:relative;





	



}



#page-bottom {

background:url(img/footer/footer-pic.png) bottom left no-repeat;

}









#content {

width:512px;

margin:0 0 0 200px;

padding:20px 0 0 0;



}





#content-promotion {

width:512px;

margin:0 0 0 0px;

padding:20px 0 0 0;



}



#content-main {

border-left:solid 1px #e5e5e5;

border-right:solid 1px #e5e5e5;

width:512px;

margin:0 auto;

padding:20px 20px 0 20px;





}







#content-search {

width:512px;

margin:0 0 0 200px;

padding:20px 0 0 0;

height:1340px;



}



#content-main-search {

border-left:solid 1px #e5e5e5;

border-right:solid 1px #e5e5e5;

width:512px;

margin:0 auto;

padding:20px 20px 0 20px;

height:960px;



}











#error {

	margin-top: 60px;

}

/*********** End Sturcture **********/





/*********** Begin General setting **********/





h1 {

margin:0;

padding:0;



}







h2 {

font-family: Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#4c4c4c;

margin:0;

padding:0;







}



h3 {

background:url(img/page/promotion/promotion-title-bg.png) no-repeat;

width:478px;

height:28px;

margin:0;

padding:6px 0 0 16px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#FFFFFF;



} 











p {

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#4c4c4c;

font-weight:









}



img {

	border: 0;

}



a {

	outline: none;

}



a img {

	cursor: pointer;

}





/*********** End General setting **********/



/*********** Begin Header **********/

#header {

background:url(img/header/header-bg.png) repeat-x;

height:133px;



}



#header-content {

width:960px;

margin:0 auto;



}



#logo {

padding:26px 0 0 15px;

float:left;



}



#yamaha-logo {

margin:0;

padding:17px 32px 0 0;

float:right;	

}





/*********** End Header **********/



/*********** Begin Nav **********/









#nav {

margin:0 0 0 230px;

padding:7px 0 0 0;

clear:both;

width:720px;





}





#nav ul {

margin:0;

padding:0;

list-style:none;

}



#nav ul li{

margin:0;

padding:0 15px;

float:left;

border-right:1px solid #87768e;

}



#nav ul li p a{

font-family: Arial, Helvetica, sans-serif;

font-size:13.33px;

color:#f5c58b;

text-decoration:none;

}



#nav ul li p a:hover{

color:#0066FF;

}









/*********** End Nav **********/





/*********** Begin Footer **********/

#footer {

background:url(img/footer/footer-bg.png) repeat-x;

height:84px;

clear:both;



}



#footer-content {

width:960px;

margin:0 auto;

position:relative;



}







#copyright {

font-family:Arial, Helvetica, sans-serif;

font-size:11.25px;

color:#b68dcc;

text-align:center;

padding:50px 0 0 0;



}



#yamaha {

left:250px;

position:absolute;

top:30px;

font-family:arial;

font-size:11.25px;

color:#B68DCC;

}



#yamaha img {

float:left;

margin:0 5px 0 0;

}



#facebook-btn{

right:200px;

position:absolute;

top:30px;

}







#mms {



}

/*********** End Footer **********/



/*********** Begin Home **********/

#home {

height:660px;

position:relative;







}











#flash {

position:absolute;

top:520px;

}



#piano {

left:300px;

position:absolute;

top:140px;

}





#home-layout-1 {

left:300px;

position:absolute;

top:20px;

}



#home-layout-2 {

left:630px;

position:absolute;

top:100px;

}



#home-layout-3 {

left:700px;

position:absolute;

top:270px;

}



#home-layout-4 {

left:630px;

position:absolute;

top:430px;

}





#home-layout-5 {

left:50px;

position:absolute;

top:380px;

}



#home-layout-6 {

left:50px;

position:absolute;

top:190px;

}



/*********** finish Home **********/



/*********** Begin sidebar-left **********/

#sidebar-left {

margin:0;

padding:30px 0 0 10px;

width:178px;

float:left;

}





#sidebar-left-list {

background:url(img/sidebar/music-instrument.png) top no-repeat;

width:178px;

border-bottom:solid 1px #e5e5e5;

}



#sidebar-left-list ul {

margin:0 0 0 20px;

padding:110px 0 0 15px;



}



#sidebar-left-list ul li{

margin:0;

padding:0 0 20px 0;

list-style-image:url(img/sidebar/bullet.png);



}





#sidebar-left-list ul li p a {

font-family: Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#b97de4;

text-decoration:none;

}









/*********** end sidebar-left **********/

#why {

margin:0;

padding:0;

}



/*********** Begin sidebar-list music**********/











#sidebar-left-list-music {

background:url(img/sidebar/music-courses.png) top no-repeat;

border-bottom:solid 1px #e5e5e5;

margin:30px 0 0 0;

padding:0px 0 0 0px;

width:178px;

}



#sidebar-left-list-music ul {

margin:0 0 0 20px;

padding:110px 0 0 15px;



}



#sidebar-left-list-music ul li{

margin:0;

padding:0 0 20px 0;

list-style-image:url(img/sidebar/bullet.png);



}





#sidebar-left-list-music ul li p a {

font-family: Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#b97de4;

text-decoration:none;

}





/*********** end sidebar-list music**********/



/*********** Begin sidebar-right**********/





#sidebar-right {

width:200px;

position:absolute;

right:-2px;

top:40px;





}





#ad {

margin:0;

padding:0;

}



#ad img{

margin:0 0 10px 0;

}











#teacher {

margin:0;

padding:0;

height:1385px;

}



#teacher {

margin:0;

padding:0;

*height:1160px;

}



#teacher h1{

margin:0 0 7px;

}





#teacher p {

margin:15px 0;

}



#teacher a {

color:#7c5696;

text-decoration:none;

}

#teacher a:hover {

color:#7c5696;

text-decoration: underline;

}



#promotion {

margin:0;

padding:0;

min-height:1388px;

}



#promotion img#style-1 {

margin:20px 0 30px 130px;

}



#promotion img#style-2 {

margin:0 0 0 10px;

}



#sidebar-left-contact {

background:url(img/page/contact/07-contacts-01.png) top no-repeat;

width:184px;

border-bottom:solid 1px #e5e5e5;

height:380px;

margin:0 0 20px;

}



#sidebar-left-promotion-a {

margin:0;

padding:30px 0 0 5px;

width:184px;



}





#sidebar-left-promotion {

background:url(img/page/promotion/categories.png) top no-repeat;

width:181px;

border-bottom:solid 1px #e5e5e5;

margin:0 0 20px;

}



















#sidebar-left-promotion {

background:url(img/sidebar/music-instrument.png) top no-repeat;

width:178px;

border-bottom:solid 1px #e5e5e5;

}



#sidebar-left-promotion ul {

margin:0 0 0 20px;

padding:105px 0 0 15px;



}



#sidebar-left-promotion ul li{

margin:0;

*padding:0 0 20px 0;

list-style-image:url(img/sidebar/bullet.png);



}



#sidebar-left-promotion ul li{

margin:0;

padding:0 0 10px 0;

list-style-image:url(img/sidebar/bullet.png);



}





#sidebar-left-promotion ul li a {

font-family: Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#b97de4;

text-decoration:none;

}































#contact {

height:1600px;

}





#contact p.style-3 {

font-family: Arial, Helvetica, sans-serif;

font-size:12.5px;

color:#4c4c4c;

margin:0;

padding:20px 0 0 20px;

font-weight:bold;

}



#contact h2 {

padding:10px 0 0 20px;





}



#contact p {

padding:0 0 0 20px;

}



#sidebar-left-contact-a  {

margin:0;

padding:30px 0 0 5px;

width:184px;

float:left;

}



#contact-layout-1 {

margin:40px 0 50px 10px;

padding:0;

}





#contact-layout-1 .adjust {

margin:0 0 5px 10px;

width:306px;

}



#contact-layout-1 .adjust-2 {

margin:0 0 5px 10px;

width:389px;

height:129px;

}



#contact-layout-1 p {

text-align:right;	

}



#contact-layout-1 #adjust-3 {

margin:0 0 0 350px;

}



#contact-layout-2 {

background:url(img/page/contact/07-contacts-02.png);

width:494px;

height:332px;



}



#contact-layout-2 iframe {

margin:49px 0 0 20px;

}





/***finish contact********/



/*****music courses*******/



#music-courses {

margin:0;

padding:0;

height:1376px;

}



#music-courses h1{

margin:10px 0 0 0;

}



#music-courses p {

margin:10px 0 0 0;

}



#music-courses img {

float:left;

margin:0 12px 15px 0;

}



#music-courses .courses-price {

width:500px;

float:left;

}



#music-courses .courses-price a{

color:#7c5696;

text-decoration:none;

font-family:arial;

font-size:15px;

}



#music-courses .courses-price a:hover{

color:#7c5696;

text-decoration: underline;

}



/*****start instument courses*******/

#instrument {

margin:0;

padding:0;

height:2174px;



}



.instrument-frame {

background:url(img/page/instrument/03-instrument-01.png) no-repeat;

width:501px;

height:180px;

} 



.instrument-frame-layout {

width:501px;

height:175px;

overflow-x:scroll;

overflow-y:hidden;



}



.instrument-frame-layout-scroll {

height:136px;

width:1300px;

padding:30px 0 0 0;

}





.instrument-frame-layout-scroll a{

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

text-decoration:none;

color:#000000;



}



.instrument-frame-layout-scroll a:hover {

color:#993399;

}



#upright.instrument-frame-layout-scroll  {

height:136px;

width:600px;

padding:30px 0 0 0;

}



#clavinova.instrument-frame-layout-scroll  {

height:136px;

width:2700px;

padding:30px 0 0 0;

}



#electone.instrument-frame-layout-scroll  {

height:136px;

width:500px;

padding:30px 0 0 0;

}



#wind.instrument-frame-layout-scroll  {

height:136px;

width:700px;

padding:30px 0 0 0;

}



#guitar.instrument-frame-layout-scroll  {

height:136px;

width:4032px;

padding:30px 0 0 0;

}





#drum.instrument-frame-layout-scroll  {

height:136px;

width:1322px;

padding:30px 0 0 0;

}





.instrument-frame-layout-scroll ul	{

margin:0 5px 0 0;

padding:0;

float:left;

list-style:none;



}





.instrument-frame-layout-scroll ul	li{

margin:0;

padding:0;



}



.instrument-frame-layout-scroll ul li p{

margin:0;

padding:0;

text-align:center;

font-size:11.25px;	

}





.video {

margin:6px 0 20px 0;

padding:0;

}





#back {

margin:0;

padding:0;

float:right;

}



#search {

clear:right;

float:right;

margin:40px 30px 0 0;

padding:0;

}



#search p{

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:11.25px;

color:#FFFFFF;

margin:5px 10px 0 0;



}



#search form {

float:left;

}



#event {

height:1000px;

}



#gift-flash {

margin:20px 0 0 0;

padding:0;

}



.entry {

min-height:157px;

margin:0 0 0px;

}







.entry img {

float:left;

margin:0 10px 0px 5px;

}



.thumb {

border:solid 3px #cccccc;

background:url(img/page/promotion/no-photo.png) no-repeat;

float:left;

height:148px;

margin:0 10px 0 0;

width:161px;

}









.entry p {

margin:0px;

padding:10px 0 0 7px;

}



#posted {

padding:0 0 15px 5px;

margin:0;





}



#posted {

padding:0 0 15px 5px;

margin:0;

*clear:both;





}



#posted p.postmetadata {

color:#c000a7;

}



#posted p.postmetadata a{

color:#c000a7;

text-decoration:none;

}



#posted p.postmetadata a:hover{

color:#c000a7;

text-decoration:underline;

}