/*   



Theme Name: Professional Website v1-feature



Theme URI: www.papercupsupplier.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  PCT sdn.bhd. copyrighted.



Author: pct production





Version: version 1



*/



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

body {

	margin: auto;

	background-color:#f5f5f3;



}



#page {

width:960px;

margin:0 auto;



	



}



#banner {

background:url(img/page/banner/about-1.jpg);

width:960px;

height:230px;

}







#banner-info {

background:url(img/page/banner/05info-1.jpg);

width:960px;

height:231px;

}



#banner-product {

background: url(img/page/banner/03products-2.jpg);

width:960px;

height:229px;

}





#banner-products-2 {

background:url(img/page/banner/03products-1.jpg);

width:960px;

height:229px;

}





#banner-gallery {

background:url(img/page/banner/04gallery-1.jpg);

width:960px;

height:230px;

}





#banner-contact {

background:url(img/page/banner/06contact-1.jpg);



width:960px;

height:232px;

}



#content {

width:727px;

float:right;



}



#content-main {



}







#error {

	margin-top: 60px;

}

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





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





h1 {

margin:0;

padding:15px 0 0 36px;

background:url(img/page/products/1.jpg) no-repeat;

width:421px;

height:52px;

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

font-size:24px;

font-weight:normal;





}







h2 {

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

font-size:18px;

color:#900a65;

margin:0 0 10px;

padding:0;

font-weight:normal;







}



h3 {

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

font-size:22px;

color:#192a3b;

margin:0;

padding:0;





}





h4 {

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

font-size:22px;

color:#ffffff;

margin:0 0 15px;

padding:0;

font-weight:normal;

}



h5 {

color:#0C3C6D;

float:right;

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

font-size:18px;

margin:0;

padding:38px 0 0;

width:513px;





}



h6 {

clear:both;

color:#0093DA;

float:right;

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

font-size:24px;

margin:0;

padding:46px 16px 0 0;

}





p {

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

font-size:14px;

color:#000000;

margin:0;

padding:0;

text-align:justify;





}



img {

	border: 0;

}



a {

	outline: none;

}



a img {

	cursor: pointer;

}





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



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

#header {

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

height:136px;



}



#header-content {

width:960px;

margin:0 auto;

position:relative;



}



#logo {

position:absolute;

top:21px;



}





#contact-pic {

position:absolute;

right:0;



}



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



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









#nav {

left:307px;

position:absolute;

top:82px;





}





#home-btn {

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

width:109px;

height:34px;

float:left;

}



#home-btn:hover {

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

width:109px;

height:34px;

float:left;

}



#about-btn {

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

width:108px;

height:34px;

float:left;

}





#about-btn:hover {

background:url(img/nav/about-btn-hv.png);

width:108px;

height:34px;

float:left;

}





#products-btn {

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

width:109px;

height:34px;

float:left;

}







#products-btn:hover {

background:url(img/nav/products-btn-hv.png);

width:109px;

height:34px;

float:left;

}



#info-btn {

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

width:108px;

height:34px;

float:left;

}



#info-btn:hover {

background:url(img/nav/info-btn-hv.png);

width:108px;

height:34px;

float:left;

}







#gallery-btn {

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

width:109px;

height:34px;

float:left;

}







#gallery-btn:hover {

background:url(img/nav/gallery-btn-hv.png);

width:109px;

height:34px;

float:left;

}





#contact-btn {

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

width:109px;

height:34px;

float:left;

}





#contact-btn:hover {

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

width:109px;

height:34px;

float:left;

}





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





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

#footer {

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

height:78px;

clear:both;



}



#footer-content {

width:960px;

margin:0 auto;



}







#copyright {

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

font-size:12px;

color:#8a8a8a;

margin:0;

padding:38px 0 0 579px;



}





#mms {



}

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



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







#sidebar {

width:210px;

float:left;

}





#sidebar-content {

margin:0;

padding:0;

}



#sidebar-top {

background:url(img/page/sidebar/1.jpg);

width:210px;

height:13px;

float:left;



}



#sidebar-middle {

background:url(img/page/sidebar/2.jpg) repeat-y;

width:210px;

}



#sidebar-bottom {

background:url(img/page/sidebar/3.jpg);

width:210px;

height:11px;

float:left;







}





#sidebar-middle-01 {

width:180px;

margin:0 auto;

}





#sidebar-middle-cat {

margin:0;

padding:0;

}



#sidebar-middle-cat ul{

margin:10px 0 0 41px;

padding:0;

list-style:disc;

color:#0093da;

}



#sidebar-middle-cat ul li{

margin:0;

padding:0 0 10px;

}





#sidebar-middle-cat ul li p{

margin:0;

padding:0;

font-weight:bold;

}





#sidebar-middle-cat ul li ul{

margin:4px 0 0 10px;

padding:0;

list-style:disc;

color:#0093da;

}





#sidebar-middle-cat ul li ul li{

margin:0 0 5px;

padding:0;

}





#sidebar-middle-cat a {

color:#000000;

text-decoration:none;

}



#sidebar-middle-cat a:hover {

color:#0066FF;



}



.style-1 {

color:#0093da;

clear:both;

}





#about-pic {

margin:0 0 20px 0px;

}



#about-content-2 {

margin:30px 0 0 0;

padding:0;

}





#about-content-2 img{

margin:0 10px 5px 0;

padding:0;

float:left;

}



#about-content-2 p {

margin:0 0 15px;

}



#products {

margin:0;

padding:0;

}





#products-content {

margin:10px 0 0 ;

padding:0;

border-bottom:dotted 1px #9e9e9d;

height:300px;

}





#products-content h1 {

margin:20px 0 0 0;

}







#products-content ul {

margin:0;

padding:0;

float:left;

list-style:none;

}



#products-content ul li{

margin:0 0 5px;

padding:0;

}



#products-content ul li p{

margin:0;

padding:0;

text-align:center;

}



#products-content a {

color:#000000;

text-decoration:none;

}



#products-content a:hover {

color:#0093da;

text-decoration:none;

}























#products-content-3 #products-content-2 {

margin:10px 0 0 ;

padding:0;

border-bottom:none;

height:300px;

}











#products-content-2 {

margin:10px 0 0 ;

padding:0;

border-bottom:dotted 1px #9e9e9d;

height:500px;

}





#products-content-2 h1 {

margin:20px 0 0 0;

}







#products-content-2 ul {

margin:0 20px 0 28px;

padding:0;

float:left;

list-style:none;

}







/*\*/ * html  #products-content-2 ul {

margin:0 20px 0 20px;

padding:0;

float:left;

list-style:none;

}





/**/ 



#products-content-2 ul li{

margin:0 0 10px;

padding:0;

}



#products-content-2 ul li p{

margin:0;

padding:0;

text-align:center;

}



#products-content-2 a {

color:#000000;

text-decoration:none;

}



#products-content-2 a:hover {

color:#0093da;

text-decoration:none;

}





#info table tr td p.style-2 {

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

font-size:14px;

margin:0 28px 0 0;

text-align:center;



}





#info-table-2 table tr td p {

margin:0 9px 0px 14px;

padding:0;

}







#info-table-2 table tr td {

padding:0 0px 0 0;

height:28px;

}



#info-table-2 table tr td.style-3 {

background:url(img/page/info/1.jpg) left #b9cfd9 no-repeat;

height:28px;

}



#info-table-2 table tr td#style-4 {

background-color:#b9cfd9;

background:url(img/page/info/3.jpg) repeat-x;

}





#info-table-2 table tr td.style-5 {

background:url(img/page/info/2.jpg) right #b9cfd9 no-repeat;

width:37px;

height:28px;

}



#info-pic {

background:url(img/page/info/44.jpg);

width:727px;

height:61px;

}





#info-pic-2 {

background:url(img/page/info/5.jpg);

width:727px;

height:61px;

}





#info-pic-3 {

background:url(img/page/info/6.jpg);

width:727px;

height:61px;

}





#info-table-2 {

margin:0 0 20px;

}

























#info-table-2 table tr td.s1 {

padding:0 0px 0 0;

height:28px;

width:83px;

}



#info-table-2 table tr td.s2 {

padding:0 0px 0 0;

height:28px;

width:205px;

}







#info-table-2 table tr td.s3 {

padding:0 0px 0 0;

height:28px;

width:73px;

}



#info-table-2 table tr td.s3 {

padding:0 0px 0 0;

height:28px;

*width:103px;

}



#info-table-2 table tr td.s4 {

padding:0 0px 0 0;

height:28px;

width:88px;

}



#info-table-2 table tr td.s4 {

padding:0 0px 0 0;

height:28px;

*width:38px;

}







#info-table-2 table tr td.s5 {

padding:0 0px 0 0;

height:28px;

}



#info-table-2 table tr td.s6 {

padding:0 0px 0 0;

height:28px;

}



#info-table-2 table tr td.s7 {

padding:0 0px 0 0;

height:28px;

}



#info-table-2 table tr td.s8 {

padding:0 0px 0 0;

height:28px;

width:81px;

}





p.style-6 {

font-weight:bold;

padding:17px 0 10px 7px;

}



#info-content {

background:url(img/page/info/7.jpg);

width:728px;

height:87px;

position:relative;

}



#info-content p{

float:left;

margin:0 8px;

}



/*\*/ * html info-content p{

float:left;

margin:0 0px 0 0px;

}

/**/



#info-content a {

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

color:#900a65;

text-decoration:none;

padding:11px;

}



/*\*/ * html #info-content a {

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

color:#900a65;

text-decoration:none;;

}/**/





#info-content a:hover {

text-decoration:underline;

}



#info-content-link {

position:absolute;

right:17px;

top:36px;

}



/*\*/ * html #info-content-link {

position:absolute;

right:-2px;

top:36px;

}



 /**/ 

 

 

 #back {

 float:right;

 margin:0 0 31px;



 }

 

  #back {

 float:right;

 *margin:0 0 0px;



 }

 

 

 

 

 

 

 

 

#contact-content {

 margin:0;

 padding:0;

 }

 

#map {

float:left;

background:url(img/page/contact/1.jpg);

width:395px;

height:370px;

margin:30px 22px 20px 0;



} 



#map iframe{

border:1px solid #0093da;

}

 

#address {

float:left;

margin:25px 0 0;

}





#address p.style-7{

margin:0px 0 10px 0;

}





#contact-content-2 {

margin:0;

padding:0;

width:727px;

}





#contact-content-2 table#style-8{

float:left;

}



#contact-content-2 table#style-9{

float:left;

margin:0 0 0 24px;

}



#contact-content-2 .adjust {

background:url(img/page/contact/2.jpg) no-repeat;

width:247px;

height:32px;

border:0;

margin:0 0 0 10px;

padding:0 0 0 6px;

}



#contact-content-2 #adjust-2 {

background:url(img/page/contact/3.jpg) no-repeat;

width:248px;

height:201px;

border:0;

margin:0 0 0 10px;

padding:0 0 0 6px;

}



#send {

margin:0 0 0 130px;

}



#contact-content-2 table tr td {

padding:0 0 10px;

}





#sampling {

margin:0;

padding:0;

}



#sampling img{

margin:0 0 40px;

padding:0;

}



#sampling p {

margin:10px 0;

}



#sampling table p {

margin:0;

}



#product-click {

margin:0;

padding:0;

}



#product-click img{

margin:0 4px 33px 0;

padding:0;

}



#home {

height:572px;

width:960px;

margin:0 auto;

position:relative;

}





#flash {

position:absolute;

top:67px;

width:446px;

}





#home-content {

float:right;

background:url(img/page/home/3.jpg);

height:200px;

margin:0 0 0;

padding:25px 0 0;

width:520px;

}



#home-content {

float:right;

background:url(img/page/home/3.jpg);

height:200px;

*margin:-9px 0 0;

*padding:0px 0 0;

width:520px;

}



#home-content h3{

margin:0 0 3px;

font-weight:normal;

}



#home-content p {

width:461px;

margin:0 0 10px;

}



#home-content img {

margin:0 0 5px;

}



#home-page {

background:url(img/page/home/4.jpg) repeat-x top #f5f5f3;

}











#home-slide {

position:absolute;

right:73px;

top:237px;

}





#home-slide-left {

left:634px;

position:absolute;

top:282px;

z-index:1;

}



#home-slide-right {

left:921px;

position:absolute;

top:282px;

z-index:1;

}



























div.scroller { 

	/* modify width and height of scrolling section if necessary	*/		

	width: 188px; 

	height: 124px;

	overflow: hidden;

	float:left;

	

}



div.scroller div.section {

		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		

		width: 188px; 

		height:124px;

		overflow:hidden;

		float: left;

				

}

	

div.scroller div.content {



		width: 10000px;

		

}



div#section2 {

	

	

		color:#ffffff;

		

}











#shadow {

position:absolute;

background:url(img/page/home/7.png);

height:112px;

left:533px;

top:232px;

width:458px;

}





#malex {

left:443px;

position:absolute;

top:245px;

}



#home-pic {

background:url(img/page/home/5.jpg);

height:193px;

position:absolute;

right:0;

top:369px;

width:515px;

}





#intro-page {

background:url("img/page/home/intro-bg.png") repeat-x scroll 0 0 transparent;

height:129px;

position:absolute;

top:300px;

width:100%;





}



#intro-round {

background:url(img/page/home/intro-round.png) no-repeat;

height:443px;

left:34%;

position:absolute;

top:149px;

width:443px;	

}



#intro-page-content {

left:34.3%;

position:absolute;

top:156px;

z-index:11;	

}