/*   



Theme Name: Marketing Website v1-feature



Theme URI: www.knowledge-computer.com



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 AP, PCT sdn.bhd. copyrighted.



Author: PCT - Pröductiön



Author URI: www.myweb.com.my



Version: version 1



*/



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

body {

	margin: auto;

}



#page {

	background: #ffffff url('img/page/page-bg.png') repeat-x;

	background-position: top;

}



html>body #content { /*Setting for background while bg-image margin bottom, bg color repeat top to match nav bg color*/

	width: 900px;

	min-height: 252px;/*min -height is not support by ie6*/

	margin: 0 auto;

	position: relative;

	padding: 35px 0;

}



*html #content {

	width: 900px;

	height: 252px;

	margin: 0 auto;

	position: relative;

	padding: 35px 0;

}



html>body #content-home { /*Setting for background while bg-iamge margin bottom, bg color repeat top to match nav bg color*/

	width: 900px;

	min-height: 252px;/*min -height is not support by ie6*/

	margin: 0 auto;

	position: relative;

}



*html #content-home {

	width: 900px;

	height: 252px;

	margin: 0 auto;

	position: relative;

}



#page-footer {

	width: 900px;

	height: 10px;

	clear: both;

}



#content-main {

	width: 800px;

	position: relative;

}



#sub-nav {

	width: 93px;

	position: absolute;

	top:28%;

	bottom: 0;

	right:0;

}



#img-preload{

	display: none; 

}



#error {

	margin-top: 60px;

}

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





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

body {

	font-size: 0.8em;

}



h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

	font-weight: bold;

	font-size: 210%;

	margin: 0;

	padding-bottom: 20px;

}



h1.page-h1 {

	color: #cc0033;

}



b.h1-red {

	font-size: 170%;

	color: #cc0033;

}

	

h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #990000;

	font-weight: lighter;

	font-size: 160%;

	margin: 0;

	display: inline;
	

}



h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

	font-weight: bold;

	font-size: 128%;

	margin: 0;

}



p {

	margin: 0;

	margin-top: 0px;

	font-size: 138%;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

}



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;

}



#header-content {

	width: 900px;

	height: 81px;

	margin: 0 auto;

}

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



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

#nav {

	height: 65px;

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

}



#menu {

	width: 900px;

	height: 65px;

	margin: auto;

}



#menu a {

	cursor: pointer;
}

#menu-text {
	display: none;
}

a #home-btn {

	width: 118px;

	height: 45px;

	background: url('img/nav/home-btn.png') center;

	float: right;

	margin-left: 1px;

}



a #home1-btn {

	width: 120px;

	height: 65px;

	float: right;

	background: url('img/nav/home-current-btn.png');

}



a #music-class-btn {

	width: 118px;

	height: 45px;

	background: url('img/nav/music-class-btn.png');

	float: right;

	margin-left: 1px;

}



a #music-class1-btn {

	width: 120px;

	height: 65px;

	float: right;

	background: url('img/nav/music-class-current-btn.png');

}



a #piano-shop-btn {

	width: 118px;

	height: 45px;

	background: url('img/nav/piano-shop-btn.png');

	float: right;

	margin-left: 1px;

}



a #piano-shop1-btn {

	width: 120px;

	height: 65px;

	float: right;

	background: url('img/nav/piono-shop-current-btn.png');

}



a #company-btn {

	width: 118px;

	height: 45px;

	background: url('img/nav/company-btn.png');

	float: right;

	margin-left: 1px;

}



a #company1-btn {

	width: 120px;

	height: 65px;

	float: right;

	background: url('img/nav/company-current-btn.png');

}



a #contact-btn {

	width:118px;

	height: 45px;

	background: url('img/nav/contact-btn.png');

	float: right;

	margin-left: 1px;

}



a #contact1-btn {

	width: 120px;

	height: 65px;

	float: right;

	background: url('img/nav/contact-current-btn.png');

}

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





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

#footer {

	height: 40px;

	border-top: #000000 solid 6px;

	font-weight: lighter;

	font-size: 88;

	color: #666666;

	clear: both;

}



#footer-content {

	width: 900px;

	margin: auto;

}



#footer-content img {

	float: right;

}



#copyright {

	width: 495px;

	float: left;

	margin-top: 8px;

}

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



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

#home {

	position: relative;

	padding-bottom:40px;

}



h1.home-title {

	margin-left: 95px;

	padding: 40px 0 30px;

}



#home-msg {

	width: 380px;

	top: 0;

	right: 0;

	margin-top:200px;

	position: absolute;

}



ul#why-music-list {

	list-style-type: none;

	font-size:140%;

	margin: 0;

	padding: 0;

}



ul#why-music-list li {

	background: url('img/page/home/bullet.png') no-repeat;

	padding: 0;

	padding-left: 30px;

	margin-top: 20px;

}



#home a img {

	margin-left: 88px;

	margin-top: 25px;

}

/*********** End Home **********/



/*********** Begin contact **********/
#contact-page {
	background: url('img/page/contact/contact-bg.png') no-repeat;
}

html>body #contact .content-layout1{

          float:left;

		  width:280px;

		  margin:0;

		  margin-top:20px;

		  margin-left:20px;

		  }

		  

*html #contact .content-layout1{

          float:left;

		  width:255px;

		  margin:0;

		  margin-top:20px;

		  margin-left:20px;

		  }

		  

#contact .content-layout2{

          float:left;

		  margin: 0;

		  margin-top:20px;

		  }



.col {

      width:300px;

}

	  

#contact p {

	margin: 0;

	margin-top: 3px;

	margin-bottom:20px;

	font-size:99%;

}



#contact h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

	font-weight: bold;

	font-size: 110%;

}



#contact iframe {

    margin-left: 20px;

		   }

		 

#contact h4 {

    font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

	font-weight: bold;

	font-size: 100%;

	}

/*********** End contact **********/



/*********** Begin Music Class **********/

#music-class {

	position: relative;

	margin-left: 410px;

	margin-top:30px;

}



#music-lesson {

	position: absolute;

	left: 0;

	top: 0;

	margin-top:148px;

	width: 410px;

}



#music-lesson img {

	float: left;

	margin-right:25px;

	padding-bottom:7px;

}

/*********** End Music Class **********/



/*********** Begin Music Class **********/

#piano-shop {

	position: relative;

	margin-left: 410px;

	margin-top:70px;

}



#young-chang-piano {

	position: absolute;

	left: 0;

	top: 0;

	margin-top:128px;

	width: 410px;

}



#young-chang-piano img {

	float: left;

	margin-right:25px;

	padding-bottom:7px;

}

#young-chang-piano h2{

font-family: Georgia, "Times New Roman", Times, serif;

	color: #990000;

	font-weight: lighter;

	font-size: 160%;

	margin: 0;

	display: inline;
	
	margin-bottom:30px;
}

/*********** End Music Class **********/



/****************albert edit css struture(record piano)***************/

#record-piano { 

display;block;

width:900px;

height: 200px;

margin-top:25px;

}



.record-piano img {

float: left;

margin:30px;}



.music-services img {

float:left;

padding-top:5px;

padding-right:5px;

}



#piano img {

margin:0px;

float: left;

padding-bottom:25px;

}



#contact {

display:block;

float:left;

}



#form {

float:right;

left:70%;

top:80%;

}



#dealer {

position:relative;

float:left}



#authorized {

position:absolute;

}



#draft {

display:block;

margin-top:25px;

margin-bottom:25px;

margin-left:75px;

}



.trcolor {

background-color:#ece8e8;

}



table {

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

}



#new-content {

height:700px;

}



html>body #new-content {

height:1250px;}



/****************End albert edit css struture(record piano)***************/


#music-the-content {
position:absolute;
top:630px;
}

#music-the-content p {
font-size:100%;
font-weight:normal;
margin:12px 0;
}

#music-the-content.b {
top:560px
}