/*   



Theme Name: Professional Website v1-feature



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



Author: pct production





Version: version 1



*/



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

body {

	margin: auto;



}



#page {

background:url(img/general/gradient-bg.png) repeat-x top #ffffff;



	



}













#content {

width:960px;

margin:0 auto;

position:relative;



}



#content-main {

width:677px;

position:absolute;

right:1px;	

top:0;





}





#content-main-home {

width:677px;

position:absolute;

right:1px;	

top:0;





}





#content-main-home a {

text-decoration:none;

cursor:pointer;

}













#sidebar {

background-color:#9C180C;

margin:0 0 0 13px;

width:257px;









}





#sidebar a {

text-decoration:none;

color:#e8e8e8;

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

font-size:18px;

}





#sidebar a:hover {

color:#000000;



}





 

 

 #sidebar-nav {

 background:#9c180c;

 width:257px;

 height:551px;

 position:relative;

 

 }
 
 #sidebar-nav-contact {
 	background:#9c180c;
	width:257px;
	position:relative;
 }

 

 

 

  

 #sidebar-nav-home {

 background:#9c180c;

 width:257px;

 height:599px;

 position:relative;

 

 }

 

 

 

 

  #sidebar-nav-services {

 background:#9c180c;

 width:257px;

 height:651px;

 position:relative;

 

 }

 

 

 

  #sidebar-nav-products {

 background:#9c180c;

 width:257px;

 height:1422px;

 position:relative;

 

 }

 

 

 







#error {

	margin-top: 60px;

}

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





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





h1 {

margin:0;

padding:0;



}







h2 {

margin:20px 0 20px 0;

padding:0 0 7px;

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

font-size:18px;

font-weight:normal;

border-bottom:1px #d1d1d1 solid;

width:670px;











}



h3 {

font-family: "Myriad Pro";

font-size:16px;

color:#009f25;

margin:0;

padding:0;



}



h4{

font-family:"Myriad Pro";

font-size:16px;

color:#595959;

font-style:italic;

text-decoration:underline;

font-weight:normal;

margin:20px 0 0;

padding:0;



}





p {

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

font-size:12px;

color:#595959;

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.png) scroll center center;

height:151px;



}



#header-content {

width:960px;

margin:0 auto;



}



#logo {

margin:0;

padding:56px 0 0 232px;



}





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



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









#nav {





}







#home-btn {

left:48px;

position:absolute;

top:213px;

}



#products-btn{

left:114px;

position:absolute;

top:118px;

}





#about-btn{

left:112px;

position:absolute;

top:28px;

}



#services-btn {

left:118px;

position:absolute;

top:300px;

}



#contact-btn{

left:120px;

position:absolute;

top:391px;

}

























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





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

#footer {

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

height:81px;

width:960px;

margin:0 auto;



}



#footer-content {



}







#copyright {

color:#333333;

float:right;

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

font-size:12px;

padding:30px 0 0;





}





#mms {



}

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



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

#home {







}





#about {

height:387px;

border-bottom:solid 1px #d1d1d1;

}



#about img {

float:left;

margin:0 10px 0 0;



}





#about p {

margin:0 0 20px;

}





#services {

margin:0;

padding:0;

height:488px;

border-bottom:solid 1px #d1d1d1;

}





#services img{

margin:0;

padding:0 30px 0 0;

float:left;

}



#services ul{

margin:0;

padding:0px 0 0 250px;

list-style:url(img/page/services/2.jpg);

}





#services ul li{

margin:0;

padding:0 0 9px;



}





#services ul li p{

margin:0;

padding:0 0 0 10px;



}





#services p {

margin:0 0 15px;

}























#contact {

border-bottom:solid 1px #d1d1d1;

height:435px;

}





#contact-content {

background:url(img/page/contact/1.jpg) no-repeat center bottom;

width:337px;

height:435px;

float:left;



}



#contact-content-a {

float:right;

width:307px;

}



#contact-content-a .adjust{

width:228px;

border:#838383 solid 1px;

margin:0 0 0 10px;

}



#contact-content-a table tr td{

padding:0 0 10px;



}



#contact-content-a p{

text-align:right;



}



#contact-content-a #adjust-2{

width:228px;

border:#838383 solid 1px;

height:116px;

margin:0 0 0 10px;

}



#style-1{

background:url(img/page/products/canon/1.png);

height:84px;

width:84px;

float:left;

}



#style-1:hover{

background:url(img/page/products/canon/11.png);

height:84px;

width:84px;

float:left;

}







#style-2{

background:url(img/page/products/canon/2.png);

height:84px;

width:84px;

float:left;

}



#style-2:hover{

background:url(img/page/products/canon/22.png);

height:84px;

width:84px;

float:left;

}





#style-3{

background:url(img/page/products/canon/3.png);

height:84px;

width:84px;

float:left;

}



#style-3:hover{

background:url(img/page/products/canon/33.png);

height:84px;

width:84px;

float:left;

}



#style-4{

background:url(img/page/products/canon/4.png);

height:84px;

width:84px;

float:left;

}



#style-4:hover{

background:url(img/page/products/canon/44.png);

height:84px;

width:84px;

float:left;

}



#style-5{

background:url(img/page/products/canon/5.png);

height:84px;

width:84px;

float:left;

}



#style-5:hover{

background:url(img/page/products/canon/55.png);

height:84px;

width:84px;

float:left;

}



#style-6{

background:url(img/page/products/canon/6.png);

height:84px;

width:84px;

float:left;

}



#style-6:hover{

background:url(img/page/products/canon/66.png);

height:84px;

width:84px;

float:left;

}











#style-7{

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

height:84px;

width:84px;

float:left;

}



#style-7:hover{

background:url(img/page/products/canon/77.png);

height:84px;

width:84px;

float:left;

}











#style-8{

background:url(img/page/products/canon/8.png);

height:84px;

width:84px;

float:left;

}



#style-8:hover{

background:url(img/page/products/canon/88.png);

height:84px;

width:84px;

float:left;

}









#style-9{

background:url(img/page/products/canon/9.png);

height:84px;

width:84px;

float:left;

}



#style-9:hover{

background:url(img/page/products/canon/99.png);

height:84px;

width:84px;

float:left;

}





#canon {

width:262px;

margin:22px 0 0 26px;

float:left;

}





#canon ul{

margin:0;

padding:0;

list-style:none;



}





#canon ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}

























#toshiba {

width:262px;

margin:22px 0 0 91px;

float:left;

}





#toshiba ul{

margin:0;

padding:0;

list-style:none;



}





#toshiba ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}















#t-1 {

background:url(img/page/products/toshiba/1.png);

width:84px;

height:84px;

float:left;

}



#t-1:hover {

background:url(img/page/products/toshiba/11.png);

width:84px;

height:84px;

float:left;

}





#t-2 {

background:url(img/page/products/toshiba/2.png);

width:84px;

height:84px;

float:left;

}



#t-2:hover {

background:url(img/page/products/toshiba/22.png);

width:84px;

height:84px;

float:left;

}





#t-3 {

background:url(img/page/products/toshiba/3.png);

width:84px;

height:84px;

float:left;

}



#t-3:hover {

background:url(img/page/products/toshiba/33.png);

width:84px;

height:84px;

float:left;

}



#t-4 {

background:url(img/page/products/toshiba/4.png);

width:84px;

height:84px;

float:left;

}





#t-4:hover {

background:url(img/page/products/toshiba/44.png);

width:84px;

height:84px;

float:left;

}





#t-5 {

background:url(img/page/products/toshiba/5.png);

width:84px;

height:84px;

float:left;

}



#t-5:hover {

background:url(img/page/products/toshiba/55.png);

width:84px;

height:84px;

float:left;

}



#t-6 {

background:url(img/page/products/toshiba/6.png);

width:84px;

height:84px;

float:left;

}



#t-6:hover {

background:url(img/page/products/toshiba/66.png);

width:84px;

height:84px;

float:left;

}





#t-7 {

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

width:84px;

height:84px;

float:left;

}



#t-7:hover {

background:url(img/page/products/toshiba/77.png);

width:84px;

height:84px;

float:left;

}





















#ricoh{

width:262px;

margin:63px 0 0 26px;

float:left;

}





#ricoh ul{

margin:0;

padding:0;

list-style:none;



}





#ricoh ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}











#r-1 {

background:url(img/page/products/ricoh/1.png);

width:85px;

height:85px;

float:left;

}



#r-1:hover {

background:url(img/page/products/ricoh/11.png);

width:85px;

height:85px;

float:left;

}















#sharp{

width:262px;

margin:63px 0 0 91px;

float:left;

}





#sharp ul{

margin:0;

padding:0;

list-style:none;



}





#sharp ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}







#s-1 {

background:url(img/page/products/sharp/1.png);

width:85px;

height:85px;

float:left;

}



#s-1:hover {

background:url(img/page/products/sharp/11.png);

width:85px;

height:85px;

float:left;

}





#s-2 {

background:url(img/page/products/sharp/2.png);

width:85px;

height:85px;

float:left;

}







#s-2:hover {

background:url(img/page/products/sharp/22.png);

width:85px;

height:85px;

float:left;

}





















#samsung {

width:262px;

margin:63px 0 0 26px;

float:left;

}





#samsung ul{

margin:0;

padding:0;

list-style:none;



}





#samsung ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}







#sa-1 {

background:url(img/page/products/samsung/1.png);

width:84px;

height:84px;

float:left;

}



#sa-1:hover {

background:url(img/page/products/samsung/11.png);

width:84px;

height:84px;

float:left;

}







#sa-2 {

background:url(img/page/products/samsung/2.png);

width:84px;

height:84px;

float:left;

}





#sa-2:hover {

background:url(img/page/products/samsung/22.png);

width:84px;

height:84px;

float:left;

}







#sa-3 {

background:url(img/page/products/samsung/3.png);

width:84px;

height:84px;

float:left;

}





#sa-3:hover {

background:url(img/page/products/samsung/33.png);

width:84px;

height:84px;

float:left;

}





#sa-4 {

background:url(img/page/products/samsung/4.png);

width:84px;

height:84px;

float:left;

}





#sa-4:hover {

background:url(img/page/products/samsung/44.png);

width:84px;

height:84px;

float:left;

}

























#hp{

width:262px;

margin:63px 0 0 91px;

float:left;

}





#hp ul{

margin:0;

padding:0;

list-style:none;



}





#hp ul li{

margin:10px 3.3px 0 0;

padding:0;

float:left;



}





#h-1 {

background:url(img/page/products/hp/1.png);

width:84px;

height:84px;

float:left;

}





#h-1:hover {

background:url(img/page/products/hp/11.png);

width:84px;

height:84px;

float:left;

}



#h-2 {

background:url(img/page/products/hp/2.png);

width:84px;

height:84px;

float:left;

}





#h-2:hover {

background:url(img/page/products/hp/22.png);

width:84px;

height:84px;

float:left;

}





h3#style-10 {

clear:both;

padding:45px 0 0;

}









#paper {

margin:20px 0 0 97px;

padding:0;

width:520px;

height:295px;

}







#paper ul{

margin:0;

padding:0;

list-style:none;

}





#paper ul li{

margin:0 18px 16px;

padding:0;

float:left;

}





#products {

position:relative;

border-bottom:solid 1px #d1d1d1;

height:1300px;

height:1259px;

}





#line-1 {

left:332px;

position:absolute;

top:42px;

}



#line-2 {

position:absolute;

top:902px;

}





#btn-1 {

background:url(img/page/products/3.png);

display:block;

height:19px;

position:absolute;

right:93px;

top:-40px;

width:76px;

}







#btn-1 p {

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

font-size:14px;

color:#ffffff;

padding:2px 0 0 20px;







}





#btn-1 a {

color:#ffffff;

text-decoration:none;



}







#btn-1 a:hover {

color:#ed141f;

text-decoration:none;



}







#btn-2 {

background:url(img/page/products/3.png);

display:block;

height:19px;

position:absolute;

right:15px;

top:-40px;

width:76px;

}













#btn-2 p {

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

font-size:14px;

color:#ffffff;

padding:2px 0 0 20px;







}





#btn-2 a {

color:#ffffff;

text-decoration:none;



}



#btn-2 a:hover {

color:#ed141f;

text-decoration:none;



}







#click {

color:#2A2A2A;

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

font-size:13px;

position:absolute;

right:16px;

top:-19px;



}





#flash {



margin:0 0 10px;

}





#home-content {

float:left;

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

width:318px;

height:140px;



}





#home-content-a {

float:left;

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

width:359px;

height:140px;



}





p.style-11 {

font-family:"Myriad Pro";

font-weight:bold;

font-size:32px;

color:#000000;

padding:41px 0 0 179px;

}





p.style-12 {

font-family:"Myriad Pro";

font-size:18px;

color:#555555;

padding:0 0 0 166px;

}





p.style-13 {

font-family:"Myriad Pro";

font-weight:bold;

font-size:32px;

color:#000000;

padding:41px 0 0 208px;

}





#send {

margin:0 0 0 166px;

}





















/* nav */
#nav-bg-about {
	background:url(img/nav/nav-about.png) no-repeat center top;
	height:477px;
}

#nav-bg-product {
	background:url(img/nav/nav-product.png) no-repeat center top;
	height:477px;
}

#nav-bg-home {
	background:url(img/nav/nav-home.png) no-repeat center top;
	height:477px;
}

#nav-bg-services {
	background:url(img/nav/nav-services.png) no-repeat center top;
	height:477px;
}

#nav-bg-contact {
	background:url(img/nav/nav-contact.png) no-repeat center top;
	height:599px;
}

#menu {
	width:185px;
}

#menu a {
	float:right;
	clear:both;
}