/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.lucky-premiums.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: PCT - Production

Author URI: www.myweb.com.my
Version: version 1

/*********** Begin Sturcture **********/
body {
	margin: 0 auto;
}

#header {
	background: url('img/header/header-bg.png') repeat-x;
	min-width:960px;
}

#header-content {
	width: 960px;
	height: 103px;
	margin: 0 auto;
}

#content-wrap-home {
	width: 965px;
	background: url('img/page/page-bg.png');
	margin: 0 auto;	
}

#content-wrap {
	width: 960px;
	background: url('img/page/page-bg.png');
	margin: 0 auto;	
}

#content {
	width: 813px;
	padding: 20px 50px;
	margin: 0 auto;
}

#footer {
	background: url('img/footer/footer-bg.png') repeat-x;
}

#footer-content {
	width: 913px;
	height: 48px;
	margin: 0 auto;
	position: relative;
}

#footer img {
	right: 0;
	bottom: 0;
	position: absolute;
}

#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.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #000000;
}

h1 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: #bebdbd 1px solid;
}

h2 {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #ffffff;
	background: #c9be95;
	display: block;
	clear:both;
}

h3 {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	color: #795200;
	font-size: 110%;
}
/*********** End General Setting **********/

/*********** Begin Nav **********/
#nav {
	background: url('img/nav/nav-bg.png') repeat-x;
	min-width:960px;	
}

#menu {
	height: 66px;
	width: 960px;
	padding-left: 30px;
	margin: 0 auto;
}

#menu a {
	width: 183px;
	height: 59px;
	float: left;
    outline:none;
	text-indent: -9999px;
}
/*button*/
a#home-btn {
	background: url('img/nav/home-btn.png');
}

a#company-btn {
	background: url('img/nav/company-btn.png');
}

a#gift-btn {
	background: url('img/nav/gift-btn.png');
}

a#custom-btn {
	background: url('img/nav/custom-btn.png');
}

a#contact-btn {
	background: url('img/nav/contact-btn.png');
}
/*hover effect*/
a#home-btn:hover {
	background: url('img/nav/home-h-btn.png');
}

a#company-btn:hover {
	background: url('img/nav/company-h-btn.png');
}

a#gift-btn:hover {
	background: url('img/nav/gift-h-btn.png');
}

a#custom-btn:hover {
	background: url('img/nav/custom-h-btn.png');
}

a#contact-btn:hover {
	background: url('img/nav/contact-h-btn.png');
}
/*********** End Nav **********/

/*********** Begin Gift **********/

.products-pic1 {
float:left;
border:3px solid #beba9b;
margin-right:13px;
margin-top:16px;
}

.products-pic2 {
float:left;
border:3px solid #beba9b;
margin-top:16px;
}

.products-detail1 {
float:left;
list-style-type:none;
padding-left:10px;
width:265px;
margin:2px 0;
font-weight:bold;
}

.products-detail2 {
float:left;
list-style-type:none;
padding-left:10px;
width:252px;
margin:5px 0 0 0;
font-weight:bold;
}

.products-detail3 {
float:left;
list-style-type:none;
padding-left:10px;
width:252px;
margin:5px 0 15px 0;
font-weight:bold;
}

p {
margin:0px;
}

#gift-outline {
width:813px;
min-height:1700px;
}

#products-column1 {
width:813px;
height:630px;
}

#products-column2 {
width:813px;
height:560px;
}

#products-column3 {
width:813px;
height:550px;
}

#products-column4 {
width:813px;
height:590px;
}

#products-column1 h2{
margin-top:0px;
}

#products-column2 h2{
margin-top:0px;
}

#products-column3 h2{
margin-top:0px;
}

#products-column4 h2{
margin-top:0px;
}

/*********** End Gift **********/

/*********** Begin Custom **********/

#custom-outline {
height:2370px;
width:813px;
}

/*********** End Custom **********/

/*********** Begin Home **********/


#home-outline {
	width: 913px;
    min-height:614px;
	margin: 0 auto;
}

#premiums-bar1 {
background-image:url(img/page/home/premiums-gift.png);
background-repeat:no-repeat;
float:left;
height:202px;
width:454px;
}

#premiums-bar2 {
background-image:url(img/page/home/welcome-to-centre.png);
background-repeat:no-repeat;
float:right;
height:202px;
width:454px;
}

a#readmore-btn1 {
float:left;
margin:150px 0 0 121px;
}

a#readmore-btn1 img{
border:none;
}

a#readmore-btn2 img{
border:none;
}

a#readmore-btn2 {
float:left;
margin:11px 0 0 32px;
}

#welcome-to-centre-content {
padding:75px 0 0 32px;
width:389px;
text-align:justify;
color:#FFFFFF;
}

/*********** End Home **********/


/********************Begin contact*******************/
#wholecontent {
display:block;
min-height:890px;}

ul {
list-style-type:none;
}

.left-text {
color:#000000;
padding-left:10px;
padding-top:10px;
padding-bottom:12px;
}

.left-text2 {
padding-left:10px;
margin-top: 12px;
}

.left-text3 {
color:#000000;
padding-left:10px;
padding-bottom:12px;
}

#map {
display:block;
float:right;
width:400px;
margin-top:18px;
}


#leftcontact {
width:390px;
height:730px;
float:left;}


#companypicture {
border:#c9be95 1px solid;
margin-left:84px;
}

.bulletimg {
padding-left:5px;
padding-bottom:1px;}

.bold {
font-weight:bold;}

#company {
height:740px;
}

#company h3 {
	color: #795200;
	font-size: 110%;
}

#company-left-content{
width:527px;
height:527px;
float:left;
}

#company-right-pic{
border: 1px solid #c9be95;
width:274px;
float:left;
margin:15px 0 0 0 ;
}

#company h2{
	margin: 0;
	padding: 0;
	margin-top: 17px;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #ffffff;
	background: #c9be95;
	display: block;
	clear:both;
}

h4 {
height:30px;
margin:0 0 0 0;
}

.col {
width:266px;
}
/********** End Contact**********/