/*   



Theme Name: Marketing Website v1-feature



Theme URI: www.knowledge-computer.com



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: Ven



Author URI: www.venblog.com



Version: version 1



*/



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

body {

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

}



#page {

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

	background-position: bottom;

}



html>body #content { /*Setting for background while bg-image margin bottom, bg color repeat top to match nav bg color*/

	width: 900px;

	min-height: 252px;/*min -height is not support by ie6*/

	margin: 0 auto;

	position: relative;

	padding: 35px 0;

}



*html #content {

	width: 900px;

	height: 252px;

	margin: 0 auto;

	position: relative;

	padding: 35px 0;

}



html>body #content-home { /*Setting for background while bg-iamge margin bottom, bg color repeat top to match nav bg color*/

	width: 900px;

	min-height: 252px;/*min -height is not support by ie6*/

	margin: 0 auto;

	position: relative;

}



*html #content-home {

	width: 900px;

	height: 252px;

	margin: 0 auto;

	position: relative;

}



#page-footer {

	width: 900px;

	height: 10px;

	clear: both;

}



#content-main {

	width: 800px;

}



#sub-nav {

	width: 93px;

	position: absolute;

	top:165px;

	bottom: 0;

	right:0;

}

#sub-nav2 {

	width: 93px;

	position: absolute;

	top:11%;

	bottom: 0;

	right:0;

}



#img-preload{

	display: none; 

}



#error {

	margin-top: 60px;

}

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





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

body {

	font-size: 0.8em;

}



h1.headline {

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

	color: #417b6c;

	font-weight: lighter;

	font-size: 260%;

	margin: 0;

	padding-right: 6px;

	display: inline;

}



h1 {

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

	color: #417b6c;

	font-weight: lighter;

	font-size: 248%;

	margin: 0;

	padding-bottom: 10px;

}



h2 {

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

	color: #000000;

	font-weight: lighter;

	font-size: 188%;

	margin: 0;

	display: inline;

}



h3 {

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

	color: #000000;

	font-weight: bold;

	font-size: 128%;

	margin: 0;

}



p {

	margin: 0;

	margin-top: 13px;

}



img {

	border: 0;

}



a {

	outline: none;

}



a img {

	cursor: pointer;

}

ul {

	margin: 0;

	padding: 0;

	margin-left: 18px;

color:#3E3E3E;

font-size:90%;

}


#company-layout1 ul {
	margin: 0;

	padding: 0;

	margin-left: 18px;

font-size:100%;

color:#000000;
}

li {

	padding-top: 10px;

}

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



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

#header {

	height: 77px;

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

}



#header-content {

	width: 900px;

	height: 77px;

	margin: 0 auto;

	background: url('img/header/header-bg.jpg') center no-repeat;

}



#header-content embed {

	margin-top: 8px;

}

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



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

#nav {

	height: 65px;

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

}



#menu {

	width: 900px;

	height: 65px;

	margin: auto;

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

}



#menu a {

	cursor: pointer;

}



a #home-btn {

	width: 151px;

	height: 65px;

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

	float: right;

}



a #home1-btn {

	width: 151px;

	height: 65px;

	float: right;

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

}



a #product-btn {

	width: 151px;

	height: 65px;

	background: url('img/nav/product-btn.png');

	float: right;

}



a #product1-btn {

	width: 151px;

	height: 65px;

	float: right;

	background: url('img/nav/product-hover-btn.png');

}



a #company-btn {

	width: 151px;

	height: 65px;

	background: url('img/nav/company-btn.png');

	float: right;

}



a #company1-btn {

	width: 151px;

	height: 65px;

	float: right;

	background: url('img/nav/company-hover-btn.png');

}



a #contact-btn {

	width:151px;

	height: 65px;

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

	float: right;

}



a #contact1-btn {

	width: 151px;

	height: 65px;

	float: right;

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

}

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





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

#footer {

	height: 50px;

	border-top: #00294a solid 5px;

	font-weight: lighter;

	font-size: 88;

	color: #666666;

	clear: both;

}



#footer-content {

	width: 900px;

	margin: auto;

}



#footer-content img {

	float: right;

	margin-top: 8px;

}



#copyright {

	width: 495px;

	float: left;

	margin-top: 8px;

padding-bottom:8px;

}

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



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

#home-msg {

	text-align: center;

	padding-top: 185px;

}



#home img {

	float: left;

}



#home a img {

	margin-left:100px;

	margin-top:25px;

}

/*********** End Home **********/



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

#product-layout1 {

	width: 285px;

	float: left;

	margin-top: 50px;

}



#product-layout1 img {

	margin-top: 10px;

}



#product2 a img {

	position: absolute;

	margin-left:320px;

	margin-top:410px;

}

.product-content {

margin-top:40px;

width:800px;

height:190px;

}

.product-content1 {

margin-top:50px;

width:800px;

height:355px;

}

#product-content1 {

margin-top:40px;

width:800px;

height:255px;

}

#product-content2 {

margin-top:40px;

width:800px;

height:660px;

}

#product-content3 {

margin-top:40px;

width:800px;

height:390px;

}

#product-content4 {

margin-top:40px;

width:800px;

height:1010px;

}

#product-content5 {

margin-top:40px;

width:800px;

height:220px;

}

#product-content6 {

margin-top:40px;

width:800px;

height:410px;

}


.product-pic {
float:left;
width:290px;
height:190px;
}

.product-pic1 {
float:left;
width:290px;
height:270px;
}

#product-pic1 {
float:left;
width:290px;
height:270px;
}

#product-pic2 {
float:left;
width:290px;
height:660px;
}

#product-pic3 {
float:left;
width:290px;
height:290px;
}

#product-pic4 {
float:left;
width:290px;
height:510px;
}

#product-pic5 {
float:left;
width:290px;
height:220px;
}

#product-pic6 {
float:left;
width:290px;
height:310px;
}

.product-pic img{

}

.product-text {
line-height:14pt;
padding:0 30px 0 0;
text-align:justify;
}

.product-text p{
margin:0px;
padding0px;
margin-bottom:10px;
}

.product-text h3{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:128%;
font-weight:bold;
margin-bottom:10px;
}

.backtop {
width:100px;
padding-left:700px;
font-weight:500;
font-size:85%;
}

.product-text ul{
margin: 0 0 0 320px;
padding:0px;
}

.product-text ul li ul{
margin: 0 0 0 340px;
padding:0px;
}

/*********** End Product **********/



/*********** Begin Flash **********/

.flash object {

	margin-left: 10px;

	outline: none;

}

.flash p {

	padding-left: 180px;
	display: inline;
	padding-right: 7px;

}


.flash2 p {

	padding-left: 175px;
	padding-right: 7px;
	display: inline;

}



.flash2 object {

	outline: none;

}



.flash2 {

	margin-left: 200px;

	padding-bottom: 50px;

	margin-top: 20px;

}

/*********** End Flash **********/



/*********** Begin Company **********/

#company-layout1 {

	padding-bottom: 30px;

}



#company-layout1 h1 {

	padding-top: 18px;

	display: inline-block;

}

/*********** End Company **********/



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

#contact td {
	margin-bottom: 10px;
}



html>body #contact .content-layout1{

          float:left;

		  width:350px;

		  margin:0;

		  margin-top:20px;

		  margin-left:20px;

		  }

		  

*html #contact .content-layout1{

          float:left;

		  width:330px;

		  margin:0;

		  margin-top:20px;

		  margin-left:20px;

		  }

		  

#contact .content-layout2{

          float:left;

		  margin: 0;

		  margin-top:20px;

		  }



.col {

      width:300px;

	  }

#contact p {

	margin: 0;

	margin-top: 3px;

	margin-bottom:20px;

}



#contact h3 {

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

	color: #000000;

	font-weight: bold;

	font-size: 128%;

}



#contact iframe {

    margin-left: 20px;

		   }

		 

#contact h4 {

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

	color: #000000;

	font-weight: bold;

	font-size: 100%;

	}

/*********** End contact **********/

#home-content {
	position:absolute;
	text-align:justify;
	top:730px;
}

.product-desc {
	margin-top:25px;
}