/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.homechoice.sg

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;

}

#page {
margin:0 auto;
	

}





#content-main {

}



#error {
	margin-top: 60px;
}

#logo {
float:left;
margin:7px 0 0 0;
}

#banner {
height:168px;
background-color:#350101;
}




#banner-img {
margin:0 auto;
background:url(img/page/banner/02package.png) scroll center center no-repeat;
height:168px;
}

#banner-img-gallery {
margin:0 auto;
background:url(img/page/banner/03-gallery.png) scroll center center no-repeat;
height:168px;
}

#banner-img-contact {
margin:0 auto;
background:url(img/page/banner/contact.png) scroll center center no-repeat;
height:168px;
}

#banner-img-enquiry {
margin:0 auto;
background:url(img/page/banner/enquiry.png) scroll center center no-repeat;
height:168px;
}
/*********** End Sturcture **********/


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


#h1-border {
height:31px;
font-family: "Century Gothic"; 
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CCCCCC;
margin:30px 0 0 0;


}

h1 {
margin:0;
padding:0;
font-family: "Century Gothic";
font-size:30px;
width:960px;
margin:0 auto;

}



h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#350101;
margin:0;
padding:0;
font-weight:normal;


}

h3 {

}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}

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




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

/*********** Begin Header **********/
#header {
	height: 87px;
}

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

}


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

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


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

}

#home-btn-on {
background-image:url(img/nav/home-btn-on.png);
width:77px;
height:87px;
float:left;

}

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

}


#package-btn {
background-image:url(img/nav/package-btn.png);
width:99px;
height:87px;
float:left;
}

#package-btn-on {
background-image:url(img/nav/package-btn-on.png);
width:99px;
height:87px;
float:left;
}

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

#gallery-btn {
background-image:url(img/nav/gallery-btn.png);
width:89px;
height:87px;
float:left;

}

#gallery-btn-on {
background-image:url(img/nav/gallery-btn-on.png);
width:89px;
height:87px;
float:left;

}

#gallery-btn:hover {
background-image:url(img/nav/gallery-btn-hv.png);
width:89px;
height:87px;
float:left;

}

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

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

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

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

}

#contact-btn-on {
background-image:url(img/nav/contact-btn-on.png);
width:86px;
height:87px;
float:left;

}

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

}

#enquiry-btn {
width:88px;
height:87px;
background-image:url(img/nav/enquiry-btn.png);
float:left;

}

#enquiry-btn-on {
width:88px;
height:87px;
background-image:url(img/nav/enquiry-btn-on.png);
float:left;

}

#enquiry-btn:hover {
width:88px;
height:87px;
background-image:url(img/nav/enquiry-btn-hv.png);
float:left;

}


#nav {
float:right;
}


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


/*********** Begin Footer **********/
#footer {
height:55px;
background-color:#350101;
clear:both;

}

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

}



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding:15px 0 0 0;

}


#mms {

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



/*********** Begin package **********/
#package {
width:960px;
height:480px;	
}

#package img{
float:left;
margin:25px 0 0 20px;
}

#package ul {
margin:0;
padding:0;
list-style:none;

}

#package ul li{
margin:0 20px 20px 0;
padding:0;
width:271px;
height:67px;
float:left;
background:url(img/page/package/02package02.png);


}

#package p {
margin:0;
padding:24px 0 0 30px;
font-family:"Century Gothic";
font-size:18px;
font-weight:bold;
}

#package ul li p a {
text-decoration:none;
color:#350101;
}

#package ul li p a:hover {
text-decoration:none;
color: #993333;
}

#package p.style-1 {
padding:10px 0 0 30px
}

#package #package-layout-1 {
margin:0 0 0 10px;
padding:55px 0 0 360px;
}

/***********end package **********/

/*********** Begin gallery **********/

#gallery {
height:2000px;
}

#gallery ul {
margin:0;
padding:0;
list-style:none;
}

#gallery ul li{
margin:0 12px 10px 0;
padding:0;
float: left;
}

#gallery p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
margin:0;
padding:20px 0 0 0;
}

#gallery h2 {
margin:6px 0 10px 0;
padding:0px 0 0px 0;
clear:both;

}

.clear {
clear:both;
height:3px;
display:block;
}

/*********** finish gallery **********/

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

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

#shadow {
background:url(img/page/contact/05contact01.png) no-repeat;
width:494px;
height:564px;
margin:30px 0 0 0;
float:left;
}

#google-map {
margin:0 0 0 33px;
padding:0;

}

#contact-layout-1 {
margin:0;
padding:0;
width:580px;
position:absolute;
top:25px;
left:470px;

}

#contact-layout-1 ul{
margin:0 15px 0 0 ;
padding:0;
list-style:none;
float:left;

}

#contact-layout-1 ul li{
margin:0;
padding:0;
float:left;
width:247px;
height:147px;
background-image:url(img/page/contact/05contact02.png);

}

#contact-layout-1 ul li p {
margin:0;
padding:11px 0 0 26px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

}

#content-contact {
width:1000px;
margin:0 auto;
}

#contact-layout-2a {
position:absolute;
top:200px;
left:470px;
}

#contact-layout-2a p {
margin:0;
padding:0 0 30px 0;

}

#contact-layout-2a img {
margin:0 20px 0 0;
padding:0;
}

#contact-layout-3 {
position:absolute;
top:450px;
left:470px;
}


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

/********start enquiry**********/

#enquiry {
width:960px;
height:1100px;
position:relative;
float:right;
margin:30px 0;

}

#enquiry img {
float:left;
}


#contact-layout-2 {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background:url(img/page/contact/05contact08.png) no-repeat;
width:593px;
height:969px;
position: absolute;
top:0;
left:0;
}

#contact-layout-2 .adjust{
width:430px;
height:21px;
background-color:#ddd6c4;
border:none;
margin:0 0 3px 10px;
}

#contact-layout-2 table tr td.style-3 {
width:370px;

}

#contact-layout-2 table tr td.style-4 {
width:450px;

}

#form {
margin:60px 0 0 25px;
}


#contact-layout-2  #table-one {
margin:0;
padding:0;
}

#contact-layout-2  #table-two {
margin:90px 0 0 0;
padding:0;
}


#contact-layout-2  #table-two #adjust-3 {
background-color:#DDD6C4;
border:medium none;
height:42px;
margin:0 0 0 10px;
width:430px;

}

#contact-layout-2  #table-two #adjust-5 {
background-color:#DDD6C4;
border:medium none;
height:22px;
margin:0 0 0 10px;
width:430px;

}

#contact-layout-2  #table-two #adjust-8 {
width:298px;
height:22px;
background-color:#ddd6c4;
border:none;
margin:0;
position:absolute;
top:-15px;
left:5px;

}

/*\*/ * html #contact-layout-2  #table-two #adjust-8 {
width:298px;
height:22px;
background-color:#ddd6c4;
border:none;
margin:0;
position:absolute;
top:5px;
left:5px;

}

/**/ 

*:first-child+html #contact-layout-2  #table-two #adjust-8 {
width:298px;
height:22px;
background-color:#ddd6c4;
border:none;
margin:0;
position:absolute;
top:5px;
left:5px;

}


#contact-layout-2  #table-two #adjust-9 {
width:367px;
height:22px;
background-color:#ddd6c4;
position:absolute;
top:-15px;
border:none;

}

*:first-child+html  #contact-layout-2  #table-two #adjust-9 {
width:367px;
height:22px;
background-color:#ddd6c4;
position:absolute;
border:none;
top:5px;

}

/*\*/ * html #contact-layout-2  #table-two #adjust-9 {
width:367px;
height:22px;
background-color:#ddd6c4;
position:absolute;
border:none;
top:5px;

}

/**/ 

#contact-layout-2  #table-three {
margin:130px 0 0 0;
}

/*\*/ * html #contact-layout-2  #table-three {
margin:100px 0 0 0;
}

 /**/ 

*:first-child+html  #contact-layout-2  #table-three {
margin:100px 0 0 0;
}

#contact-layout-2  #table-three .adjust-10 {
width:400px;
height:65px;
background-color:#ddd6c4;
border:none;

}

#contact-layout-2  #table-three .adjust-11 {
width:200px;
height:22px;
background-color:#ddd6c4;
border:none;

}

#contact-layout-4 {
position:absolute;
top:0;
left:0;}

#contact-layout-4 p {
margin:20px 0 0 25px;
padding:0;
text-align:justify;
width:540px;

}

#contact-layout-5 {
position:absolute;
top:0;
left:0;}

#contact-layout-5 p {
color:#350101;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
left:30px;
padding:0;
position:absolute;
top:220px;
width:190px;
}


.change {
width:420px;
display:block;
}

.change-two {
width:290px;
display:block;
}

.change-three {
width:400px;
display:block;
}

#enquiry {
width:599px;
height:1046px;
background-image:url(img/page/enquiry/06enquiry02.png);
}

#picture {
margin:23px 0 0 0;
float:left;
}

/**********finish enquiry************/


/*********** Begin Home **********/
#banner-index {
background:url(img/page/home/bg.png) repeat-x top #ffffff ;
height:380px;


}

#flash {
width:960px;
margin:0 auto;
padding:20px 0 0 0;

}

#home {
height:580px;
width:960px;
margin:0 auto;
position:relative;



}

#home-layout-1 {
height:160px;
background:url(img/page/home/01home02.png) bottom #ffffff repeat-x;
margin:30px auto 0;
width:960px;
position:relative;
}

#home-layout-1 h1{
text-align:center;
}

#home-layout-1 p {
width:800px;
margin:12px auto 0;
font-size:20px;
}

#home-layout-2 {
width:278px;
height:308px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#CCCCCC;
	

}

#home-layout-2 img {
float:left;
margin:0 10px 0 0;
}

#home-layout-2 p {
margin:0;
padding:0 0 0 10px;
float:left;
width:278px;
}

#home-layout-2 img#style-2 {
padding:20px 0 30px 0;
}

#home-layout-2-h1 h1{
margin:0;
padding:0 0 30px 0;

}

#home-layout-3{
margin:0;
padding:0 0 30px 0;
position:absolute;
top:163px;
left:305px;
width:660px;
}

/*\*/ * html #home-layout-3{
margin:0;
padding:0 0 30px 0;
position:absolute;
top:183px;
left:305px;
width:660px;
}

 /**/ 
 
*:first-child+html #home-layout-3{
margin:0;
padding:0 0 30px 0;
position:absolute;
top:190px;
left:305px;
width:660px;
}


#home-layout-3 h1 {
width:657px;
float:left;


}

#home-layout-3 p {
width:640px;
margin:55px 0 0 0;
padding:0;
text-align:justify;
}


/*\*/ * html #home-layout-3 p {
width:630px;
margin:27px 0 0 0;
padding:0;
}

/**/ 

.read-more {
float:right;
margin:20px 10px; 0 0;
}

/*\*/ * html.read-more {
float:right;
margin:20px 0px 0 10px;
}
/**/ 


.read-more-2 {
float:right;
margin:20px 2px; 0 0;
}

/*\*/ * html.read-more-2 {
float:right;
margin:20px 0px; 0 0;
}
/**/ 


#home-layout-3a {
margin:80px 0 0 0;
height:123px;
}

#home-layout-3a img{
float:left;
margin:0 12px 0 0;

}

.style-5 {
color:#350101;
font-weight:bold;
}


.style-6 {
color:#ff0000;
}

#menu-text {display:none;}
#the-content {position:absolute;top:1100px;margin:50px;}