/*   

Theme Name: Technobase Website

Theme URI: www.Technobase.com

Description: A website special design for Technobase.com. Design by PCT Internal Team, copyrighted.

Author: PCT - Pröductiön

Version: version 1

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



a {outline:none;}

#contact-outline table{margin-top:2px;}

.field2 {width:270px; height:100px; *height:80px; _height:70px;}
.field {width:270px;}

#right-content-wrap #contact-outline p#address {margin-top:20px; margin-bottom:20px;}

#right-content-wrap #contact-outline p{margin:0;}

#contact-outline {width:670px; height:400px; margin-top:10px;}
#contact-left {width:380px; height:400px; float:left;}
#contact-right {width:260px; height:400px; float:left; margin-left:10px;}
.add2 {padding-left:68px;}


span.c1 {padding-left:40px;}
span.c2 {padding-left:38px;}
span.c3 {padding-left:21px;}
span.c4 {padding-left:22px;}
span.c5 {padding-left:12px;}

#right-content-wrap p.click {margin-bottom:10px;color:#9f9e9e; font-size:11px;}

#right-content-wrap p.product-p {margin-bottom:0px; margin-top:5px;}

img {border:0px;}

.auto1 {float:left;
height:38px;
margin-left:3px;
width:38px;}

.auto2 {float:left;
height:38px;
width:38px;}

.auto22 {float:left;
height:38px;
width:38px;margin-top:3px;}

.auto3 {float:left;
height:38px;margin-left:3px;
width:38px;margin-top:3px;}

#auto-left2 h2{margin-top:20px;
padding-left:280px;}

#auto-left2 {width:410px; height:203px; float:left; background:#ffffff;}
#auto-right2 {width:225px; height:203px; float:left; background:#ffffff; padding-left:20px;}
#auto-left {width:410px; height:203px; float:left; background:#ffffff;  border-bottom:1px solid #e7e6e6;}
#auto-right {width:225px; height:203px; float:left; background:#ffffff; padding-left:20px; border-bottom:1px solid #e7e6e6;}

#gallery-outline {width:}

.fead50 {color:#fead50; font-weight:bold;}

#right-content-wrap p{color:#323232;
font-size:12px; margin-bottom:60px;}

#footer-outline p{color:#333333;
font-size:10px;
margin-left:50px;
margin-top:40px;}

#content-wrap {width:960px; height:480px; margin:0 auto;}

#right-content-wrap {width:670px; height:481px; float:left; padding-left:18px;}
#left-content-wrap {width:258px; height:450px; float:left;}

#footer-outline {width:724px; height:83px;float:right; background:url('img/footer/left-img.gif') no-repeat left bottom; border-top:2px solid #ddb1b1;}

.sIFR-active h1 {margin-top:17px;padding-top:0; margin-left:20px;}

#header-right img {margin:8px 0 0 120px;}

.sIFR-active h5{margin-top:60px;margin-left:18px; margin-bottom:0;}

object {outline:none;}

#header-right {width:320px; height:100px; float:right;}
#header-left {width:350px; height:161px; float:left; padding-left:255px;}

body {
	margin: 0 auto;
}


#header {
background:url('img/header/home-bg.jpg') no-repeat;
	height: 161px;
        width: 960px;
        margin: auto;
}

#auto-header {
background:url('img/header/auto-bg.jpg') no-repeat;
	height: 161px;
        width: 960px;
        margin: auto;
}

#personal-header {
background:url('img/header/personal-bg.jpg') no-repeat;
	height: 161px;
        width: 960px;
        margin: auto;
}

#energy-header {
background:url('img/header/energy-bg.jpg') no-repeat;
	height: 161px;
        width: 960px;
        margin: auto;
}

#contact-header {
background:url('img/header/contact-bg.jpg') no-repeat;
	height: 161px;
        width: 960px;
        margin: auto;
}

#logo {
        background-image:url(img/header/logo.gif);
        background-repeat:no-repeat;
        float:left;
        margin:26px 0 0 14px;
}

#company-name {
        margin:31px 0 0 15px;
float:left;
}

#company-slogan {
margin:38px 0 0 15px;
float:left;
color:#cced43;
font-weight:bold;
font-family:arial;
font-style:italic;
font-size:125%;
}

#languages {
width:94px;
height:132px;
float:left;
}

#malay {
width:220px;
height:22px;
float:left;
text-align:right;
color:#ffffff;
margin:6px 0 0 0 ;
}

#home-content {
float:left;
}

#home-pic {
float:left;
}

#home-left-content {
width:478px;
float:left;
}

#home-right-content {
width:207px;
height:185px;
float:left;
}

#home-outline {
width:700px;
height:195px;
}

#home-readmore {
color:#FFF200;
font-size:80%;
height:30px;
margin-left:31px;
text-decoration:underline;
width:660px;
}

#nav {
	width: 900px;
	height: 66px;
	margin: 0 auto;
	padding-right: 130px;
}

#menu a {
	cursor: pointer;
}

#banner {
	width: 960px;
	height: 194px;
	margin: 0 auto;
}

#content-wrap {
	width: 960px;
	margin: auto;
position:relative;	
}

p {color:#ffffff;
font-size:87%;
}

#footer {
width:960px;
height:83px;
margin:auto;
color:#333333;
}


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

#footer-content {
width:874px;
height:53px;
float:left; 
font-size:80%;
text-align:right;
padding:10px 0 0 0;
}


#copyright {
	position: absolute;
	margin-bottom: 10px;
	bottom: 0;
	left: 0;
	font-size: 90%;
}

#img-preload {
	display: none;
}
/*********** End Structure **********/

/*********** Begin General Setting **********/
body {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #000000;
}

h1 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
        font-size:175%;
        color:#ffffff;
        font-weight:lighter;
        margin-left:31px;
        margin-top:15px;
        padding-top:15px
}

*html h1 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
        font-size:175%;
        color:#ffffff;
        font-weight:lighter;
        margin-left:31px;
        margin-top:15px;

}

*+html h1 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
        font-size:175%;
        color:#ffffff;
        font-weight:lighter;
        margin-left:31px;
        margin-top:15px;

}

h2 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	font-weight: bold;
	font-size: 120%;
	color: #ee1a4d;
}
/*********** End General Setting **********/

/*********** Begin Nav **********/
#home-btn {
	background: url('img/nav/home-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#home-btn:hover {
	background: url('img/nav/home-hover-btn.png');
}

#aboutus-btn {
	background: url('img/nav/aboutus-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#aboutus-btn:hover {
	background: url('img/nav/aboutus-hover-btn.png');
}

#seaweeds-btn {
	background: url('img/nav/seaweeds-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#seaweeds-btn:hover {
	background: url('img/nav/seaweeds-hover-btn.png');
}

#gallery-btn {
	background: url('img/nav/gallery-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#gallery-btn:hover {
	background: url('img/nav/gallery-hover-btn.png');
}

#thefarm-btn {
	background: url('img/nav/thefarm-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#thefarm-btn:hover {
	background: url('img/nav/thefarm-hover-btn.png');
}

#whatsnew-btn {
	background: url('img/nav/whatsnew-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#whatsnew-btn:hover {
	background: url('img/nav/whatsnew-hover-btn.png');
}


#farmtour-btn {
	background: url('img/nav/farmtour-btn.png');
	width: 103px;
	height: 29px;
	float: left;
        margin:0 0 0 5px;
}

#farmtour-btn:hover {
	background: url('img/nav/farmtour-hover-btn.png');
}


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


/*********** Begin Product *********/

#content-wrap2 {
width:821px;
margin: 0 auto;	
}

#face-product-outline {
width:821px;
height:1881px;
}

.product-title {
float:left;
height:40px;
margin-top:15px;
width:410px;
}

.product-title2 {
float:left;
height:63px;
margin-top:22px;
width:410px;
}

.product-content {
background-image:url(img/page/faceproduct/product-bg-1.jpg);
background-image-repeat:no-repeat;
       height:350px;
       width:408px;
float:left;
}

.product-content-5 {
background-image:url(img/page/faceproduct/product-bg-1-5.jpg);
background-image-repeat:no-repeat;
       height:350px;
       width:413px;
float:left;
}

#product-content2 {
background-image:url(img/page/faceproduct/product-bg-2.jpg);
background-image-repeat:no-repeat;
       height:456px;
       width:408px;
float:left;
}

#product-content2-5 {
background-image:url(img/page/faceproduct/product-bg-2-5.jpg);
background-image-repeat:no-repeat;
       height:456px;
       width:413px;
float:left;
}

#product-content3 ol { padding:0 0 0 0; }

.product-content-5 ol{ padding:0 0 0 0; }

.product-content-5 ol li{ padding:0 0 0 0; }

.product-content ol{ padding:0 0 0 0; }

.product-content ol li{ padding:0 0 0 0; }

#product-content2 ol{ padding:0 0 0 0; }

#product-content2 ol li{ padding:0 0 0 0; }

#product-content2-5 ul{
padding:0 0 0 0;
}

##product-content2-5 ul li{
padding:0 0 0 0;
}

#product-content3 {
background-image:url(img/page/faceproduct/product-bg-3.jpg);
background-image-repeat:no-repeat;
       height:414px;
       width:821px;
float:left;
}

#product-content4 {
background-image:url(img/page/faceproduct/body-product-bg.png);
background-image-repeat:no-repeat;
       height:379px;
       width:821px;
float:left;
}

#product-content4 p{
margin:0px;
}

#product-content4 ol{
font-weight:600;
margin:30px 0 0 70px;
padding:0 0 0 0;
}

#product-content3 img {
margin:3px 0 0 20px;
}

#sunblock-pic {
margin:55px 0 0 30px;
}

#cleanser-pic {
margin:6px 0 0 75px;
}

#toner-pic {
margin:6px 0 0 146px;
}

#mature-pic {
margin:55px 0 0 106px;
}

#mask-pic {
margin:27px 0 0 80px;
}

#serum-pic {
margin:55px 0 0 20px;
}

#cleanser-text {
font-weight:600;
margin:34px 0 0 70px;
}

#toner-text {
font-weight:600;
margin:32px 0 0 70px;
}

#sunblock-text {
font-weight:600;
margin:50px 0 0 70px;
}

#mature-text {
font-weight:600;
margin:50px 0 0 70px;
}

#mask-text {
font-weight:600;
margin:42px 0 0 70px;
}

#serum-text {
font-weight:600;
margin:5px 0 0 55px;
}

#product-content3 ol{
font-weight:600;
margin:25px 0 0 70px;
list-style-type:none;
}

#content3-left {
width:400px;
height:200px;
float:left;
}

#content3-right {
width:400px;
height:200px;
float:left;
}

#content2-5-left {
width:195px;
height:200px;
float:left;
}

#content2-5-right {
width:200px;
height:200px;
float:left;
}

ol #slimming-text{
font-weight:600;
margin:58px 0 0 18px;
}

#body-product-outline {
width:821px;
height:460px;
}

#slimming-pic {
margin:8px 0 0 65px;
}

#body-product-outline h2{
margin: 23px 0 12px 0;
}

#content2-5-left p{
font-size:110%;
font-weight:600;
margin:42px 0 10px 42px;
}

#content2-5-right #serum-text{
font-size:110%;
font-weight:600;
list-style-type:none;
margin:42px 0 0 55px;
}

/*********** End Product *********/
/*********** begin Contact *********/
a.webmail {
margin:10px 0 0 0;
float:right;
width:100px
}


#header-right2 {width:320px; height:61px; float:right;}

#header-right2 img {
margin:8px 0 0 5px;
}

#header-right2 h2{
widht:50px;
float:left;
padding:18px 0 0 0;
margin:0 0 0 180px;
}
/*********** End Contact *********/