/*   

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

Author: Albert


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background-color:#f5f5f5;

}

#page {
background:url(img/page/page-bg.png) top repeat-x #73b33c;

	

}




#content {
width:960px;
margin:0 auto;

}

#content-main {

}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


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


h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#FFFFFF;
margin:0;
padding:35px 0 0 0;

}



h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#001f49;
margin:0;
padding:0;




}

h3 {

}


p {
font-family:Georgia, "Times New Roman", Times, 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.png) scroll center center no-repeat;
height:131px;

}

#header-content {
width:960px;
margin:0 auto;

}

#logo {
float:left;
padding:30px 0 0 0;

}


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

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




#nav {
margin:0;
padding:71px 0 0 0;
float:right;


}

#home-btn {
background-image:url(img/nav/home-btn.png);
width:142px;
height:59px;
float:left;
}


#home-btn:hover {
background-image:url(img/nav/home-btn-hv.png);
width:142px;
height:59px;
float:left;
}


#about-btn {
background-image:url(img/nav/about-btn.png);
width:143px;
height:59px;
float:left;
}


#about-btn:hover {
background-image:url(img/nav/about-btn-hv.png);
width:143px;
height:59px;
float:left;
}

#services-btn {
background-image:url(img/nav/services-btn.png);
width:143px;
height:59px;
float:left;
}

#services-btn:hover {
background-image:url(img/nav/services-btn-hv.png);
width:143px;
height:59px;
float:left;
}

#contact-btn {
background-image:url(img/nav/contact-btn.png);
width:134px;
height:59px;
float:left;
}

#contact-btn:hover {
background-image:url(img/nav/contact-btn-hv.png);
width:134px;
height:59px;
float:left;
}






#banner {
width:959px;
height:154px;
margin:0 auto;

}

#banner-home {
width:958px;
height:355px;
margin:0 auto;
background:url(img/page/home/01home-01.png) no-repeat;

}

#banner-home-layout-1 {
padding:215px 0 0 0px;
}



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


/*********** Begin Footer **********/
#footer {
background:url(img/footer/footer-bg.png) repeat-x;
height:60px;

}

#footer-content {
width:960px;
margin:0 auto;

}



#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
padding:25px 0 0 0;

}


#mms {

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

/*********** Begin Home **********/
#home {
width:960px;
margin:0 auto;
height:180px;



}

#home-layout-1 {
width:480px;
float:left;
}

#home-layout-1 p{
margin:5px 0 0 0;
}

#home-layout-1 #read{
float:right;
font-weight:bold;
margin:7px 0 0 0;
}

#home-layout-1 #read a {
color:#FFFFFF;
text-decoration:none;
}

#home-layout-1 #read a:hover {
color: #0033FF;
}
#home-layout-2 {
float:right;
padding:25px 0 0 0;
}

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


/*********** Begin about **********/

#about {
height:228px;
position:relative;
}

#about p{
width:619px;
margin:20px 0;

}

#about img#style-1 {
position:absolute;
top:-60px;
left:650px;
}

#about img#style-1 {
position:absolute;
*top:-45px;
left:650px;
}
/*********** finish about **********/

/*********** Begin services **********/
#services {
height:1150px;
position:relative;
}

#services p{
width:619px;
margin:20px 0;

}

#services-layout-1 {
width:629px;
height:246px;
background-image:url(img/page/services/03services-03.png);
background-repeat:no-repeat;


}

#services-layout-1 img {
float:left;
margin:0 10px 0 0 ;
padding:3px 0 0 0;
}

#services-layout-1 p {
margin:0 0 9px 0;
padding:0;
}

#services-layout-1a {
padding:25px 0 0 28px;
}

#services-layout-2 {
margin:40px 0 0 0;
}

#services h1 {
padding:9px 0 19px 0;
}

#services-layout-3 {
margin:0;
padding:0;
}

#services-layout-3 img {
float:left;
margin:0 15px 0 0;
}

#services-layout-3 p {
margin:0;
width:462px;
}

#services-layout-4 {
padding:30px 0 0 0;
clear:both;

}

#services-layout-4 {
*padding:15px 0 0 0;
clear:both;

}

#services-layout-5 {
background:url(img/page/services/03services-04.png) bottom no-repeat;
width:628px;
height:333px;

}
#services-layout-5 p {
margin:1px 0 0 0;
}
#services-layout-5 h1 {
padding:9px 0 14px 0;
}

#services-layout-5a {
padding:40px 0 0 28px;
}


#services-layout-5a img {
float:left;
margin:0 10px 0 0 ;
padding:3px 0 0 0;
}

#services-layout-5a p {
margin:0 0 9px 0;
padding:0;
}

#services img#style-2 {
position:absolute;
top:-60px;
left:650px;
}

#services img#style-2 {
position:absolute;
*top:-45px;
left:650px;
}

/*********** finish services **********/

/*********** Begin contact **********/

#contact {
height:830px;
position:relative;
}

#contact iframe {
border:solid 5px #001f49;
margin:15px 0 0 0;
}

#contact  h2 {
margin:25px 0 4px 0;
width:300px;
}

#contact  p {
width:300px;
}

#contact-layout-1 {
float:left;
}

#contact-layout-2 {
float:right;
background:url(img/page/contact/04contact-01.png) no-repeat;
width:401px;
height:411px;
margin:30px 0 0 0;
}

#contact-layout-2a {
margin:75px 0 0 35px;
}

#contact-layout-2a .adjust {
width:266px;
border:0;
margin:0 0 7px 0;
}

#contact-layout-2a .adjust-2 {
width:266px;
margin:0 0 7px 0;
border:0;
}

#contact-layout-2a p {
width:66px;
}

#contact-layout-2a img {
float:right;
margin:0 0 0 30px;
}

#contact-layout-3 {
position:absolute;
left:265px;
top:378px;
}

#img-preload {
display:none;
}