/*   



Theme Name: Marketing Website v1-feature



Theme URI: www.wea.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;

	background-color:#e7e1c9;



}



#page {

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



}









#content {

width:960px;

margin:0 auto;



}



#content-main {



}







#error {

	margin-top: 60px;

}

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





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





h1 {

margin:20px 0 0 0;

padding:0;

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

font-size:30px;

}







h2 {

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

font-size:18px;

color:#350101;

font-weight:normal;

margin:0;

padding:0;







}



h3 {



}





p {

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

font-size:14px;

margin:0;

padding:0;







}



img {

	border: 0;

}



a {

	outline: none;

}



a img {

	cursor: pointer;

}





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



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

#header {

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



}



#header-content {

height:123px; 

background:url(img/header/header-bg.png);

margin:0 auto;

width:960px;





}



#logo {

padding:15px 0 0 0;



}







#banner {

width:979px;

height:301px;

margin:0 auto;

position:relative;

}



#banner img {

margin:0 0 0 10px;

}





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



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



#nav {

margin:0;

padding:0;

position:absolute;

top:55px;

left:0;

}



#nav2 {

margin:0;

padding:0;

position:absolute;

top:50px;

left:-10px;

}







#home-btn {

width:218px;

height:53px;

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

display:block;

}





#home-btn-on {

width:218px;

height:53px;

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

display:block;

}



#home-btn:hover {

width:218px;

height:53px;

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

}





#gallery-btn {

width:218px;

height:38px;

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

display:block;



}





#gallery-btn-on {

width:218px;

height:38px;

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

display:block;



}





#gallery-btn:hover {

width:218px;

height:38px;

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



}





#package-btn {

width:218px;

height:39px;

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

display:block;



}





#package-btn-on {

width:218px;

height:39px;

background-image:url(img/nav/package-btn-on.png);

display:block;



}







#package-btn:hover {

width:218px;

height:39px;

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



}





#about-btn {

width:218px;

height:38px;

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

display:block;





}



#about-btn-on{

width:218px;

height:38px;

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

display:block;





}



#about-btn:hover {

width:218px;

height:38px;

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





}





#contact-btn {

width:218px;

height:60px;

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

display:block;

}



#contact-btn-on {

width:218px;

height:60px;

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

display:block;

}



#contact-btn:hover {

width:218px;

height:60px;

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

}











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





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

#footer {

height:93px;

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

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

font-size:10px;

color:#000000;



}



#footer-content {

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

width:960px;

margin:0 auto;

height:93px;

}







#copyright {

margin:0;

padding:30px 0 0 0;



}





#mms {



}

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



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

#about {

width:960px;

height:560px;

}





#about-layout-1 {

width:960px;



}



#about-layout-1 p {

margin:20px auto;

padding:0;

text-align:justify;

}



#about-layout-1 ul {

margin:0;

padding:0;



}



#about-layout-1 ul li{

margin:0 0 10px 40px;

padding:0 0 0 0px;

list-style-image:url(img/page/about/04about02.png);

}



/*\*/ * html #about-layout-1 ul li{

margin:0 0 10px 30px;

padding:0 0 0 20px;

list-style-image:url(img/page/about/04about02.png);

}



/**/ 



*:first-child+html #about-layout-1 ul li{

margin:0 0 10px 30px;

padding:0 0 0 20px;

list-style-image:url(img/page/about/04about02.png);

}





#about-layout-1 ul li p {

margin:0 0 0 7px;

padding:0;

}



#about-layout-1 img {

float:right;

margin:0 15px 0 10px;

}



/*\*/ * html  #about-layout-1 img {

float:right;

margin:15px 15px  0 10px;

}



/**/ 



*:first-child+html  #about-layout-1 img {

float:right;

margin:15px 15px  0 10px;

}





/**********end about**************/





/**********begin package**************/



#package {

width:960px;



}





#package-layout-1 {

width:913px;

height:338px;

background:url(img/page/package/03package.jpg);

margin:0 0 20px 20px;



}





#package-layout-1 a{

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

font-size:18px;

color:#000000;

text-decoration:none;



}



#package-layout-1 a:hover{

color: #990000;

text-decoration:underline;



}





#package-layout-1-a {

width:196px;

float:left;

margin:55px 0 0 40px;



}





/*\*/ * html #package-layout-1-a {

width:196px;

float:left;

margin:55px 0 0 20px;



}



 /**/



#package-layout-1-a ul {

margin:0;

padding:0;

}



#package-layout-1-a ul li{

margin:0 0 35px 20px;

padding:0;

list-style-image:url(img/page/package/03package01.png);

}





#package-layout-1-a ul li p {

margin:0;

padding:0;

}





#package-layout-1-b {

width:236px;

float:left;

margin:55px 0 0 40px;



}



#package-layout-1-b ul {

margin:0;

padding:0;

}



#package-layout-1-b ul li{

margin:0 0 35px 20px;

padding:0;

list-style-image:url(img/page/package/03package01.png);

}





#package-layout-1-b ul li p {

margin:0;

padding:0;

}

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







/********start gallery********/

#gallery {

width:960px;

height:3490px;

}



#gallery h2 {

margin:10px 0;

padding:0;

}



#click img{

float:left;



}





#click {

margin:20px 0 30px 0;

padding:0;

}



#click p {

margin:0;

padding:0;

}



.back {

width:300px;

height:30px;

position:relative;

clear:both;

margin:0 0 0 10px;





}





.back  a{

margin:0;

padding:0;

color:#390606;

text-decoration:none;

cursor:pointer;

}



.back p {

margin:0;

position:absolute;

top:6px;

left:40px;

}



#gallery ul {

margin:0;

padding:0;

list-style:none;

float:left;

}



#gallery ul li{

margin:0 5px 0 0;

padding:0;

}



#gallery ul li p {

margin:0 0 10px;

padding:0;

}



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





/***************************start contact**********************/



#map {

margin:20px 0 0 0;

padding:0;

}



#contact h2 {

margin:30px 0 10px 0;

padding:0;

}



#contact {

height:1050px;

}



#contact p {

margin:0 0 5px 0;

}



.style-1 {

margin:0 0 0 120px;

}



.style-2 {

margin:0 0 0 110px;

}





#contact-layout-1 {

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:relative;

margin:20px 0 0 15px;

}



#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:100px 0 0 0;

}



/*\*/ * html #contact-layout-2  #table-three {

margin:70px 0 0 0;

}



 /**/ 



*:first-child+html  #contact-layout-2  #table-three {

margin:70px 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;

}



.style-5 {

color:#FF0000;

}

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



/**********start index**********/

#flash {

margin:0 auto;

width:960px;

position:relative;

}



/*\*/ * html #home {

margin:0 auto;

width:960px;

height:330px;

}





 /**/ 

*:first-child+html  #home {

margin:0 auto;

width:960px;

height:330px;

}



#home {

margin:0 auto;

width:960px;

height:300px;

}



#home-layout-1 {

width:600px;

height:150px;

float:left;



}



#home-layout-1 a{

text-decoration:none;

color:#390606;

font-size:14px;



}









#home-layout-1 p#style-6{

margin:10px 0 0 0;

padding:0;

font-size:18px;

text-align:justify;





}



#home-layout-1 p#style-7{

margin:10px 0 0 0;

padding:0;

font-size:14px;

text-align:justify;



}



#home-layout-1a {

margin:10px 0px 0 0;

padding:0;

float:right;

width:105px;

}



#home-layout-1a p{

margin:10px 0 0 0;

padding:0;

}



#home-layout-1a img{

margin:0;

padding:0;

float:right;

}





#home-layout-2 {

width:321px;

height:250px;

float:left;

margin:0 0 0 20px;

}



#home-layout-2 img{

float:left;

margin:0 10px 0 0;

}



#home-layout-2a {

margin:170px 0 0 40px;

}





#home-layout-2a p{

margin:0 0 10px 0;

padding:0;

}



#img-preload {

display:none;

}





#style-8 {

color:#350101;

font-weight:bold;

}



#style-9 {

color:#c90000;

font-weight:bold;

}





.change {

width:420px;

display:block;

}



.change-two {

width:290px;

display:block;

}



.change-three {

width:400px;

display:block;

}

#menu-text {display:none;}
#the-content {position:absolute;top:800px;margin:100px;}
#the-content.b {top:820px;}
#the-content p {margin:12px 0;}