/*   

Theme Name: Chinese Metaphysics Global Consulting

Theme URI: www.fengshuimaster.com.sg

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

Author: PCT -- Production --

Version: version 1

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

.hiddenpic {display:none;}

body {
	font-family: "Georgia",Times New Roman, Times, serif;
	background: url('img/general/body-bg.png');
	text-align:justify;
	font-size:14px;
	margin:0 auto;
	color:#cccccc;
}



h2 {
   margin:0 0 20px 0;
   font-family: "Georgia",Times New Roman, Times, serif;
   color:#FFFFFF;
   font-size:20px;
   font-weight:100;
   }

#title-bg {
background:url('img/page/home/title-bg.png') no-repeat;
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:14px;
   color:#ffffff;
   font-weight:100;
   }
   
h4 {
   font-size:18px;
   color:#000000;
   margin:0;
   padding:0;
   }

h5 {
   font-size:18px;
   color:#cdb90e;
   font-family: "Georgia", Times New Roman, Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:11px;
   font-family: "Georgia", Times New Roman, Times, serif;
   color:#FFFFFF;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   text-decoration:none;
   color:#000000;
   }

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:10px;
}
/************ Begin Header ************/

#header {
	background: url('img/header/header-bg02.png') repeat-x;
	margin:0 auto;

	}
	
#header02 {
	background: url('img/header/header-bg03.png') repeat-x;
	margin:0 auto;
	height:247px;

	}
	
#page-header {
	height: 365px;
	width:960px;
	background: url('img/header/header-bg04.png') no-repeat;
	margin:0 auto;
}

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

.font-color {
color:#cdb90e;
}

	
#logo {        
        padding:23px 0 20px 17px;
		margin:0;
		float:left;
}

#logo a img{
        outline:none;
		border:none;
}


#flash-banner {
	  }

#banner-page img{
margin:1px 0 0 0;
}
	  
#banner img{
margin:-10px 0 0 10px;
}
/************ End Header ************/

/*********** Begin Nav **********/
#nav ul {
list-style:none;
margin:0;
padding:60px 0 0 10px;
float:right;
}

#nav ul li {
float:left;
}

#nav ul li a.home-btn {
padding:10px 11px 10px 12px;
margin:0 5px 0 5px;
color:#FFFFFF;
}

#nav ul li a.home-btn:hover{
padding:10px 11px 10px 12px;
color:#00b4ff;
}

#nav ul li a.about-btn {
padding:10px 11px 10px 12px;
margin:0 5px 0 5px;
color:#FFFFFF;

}

#nav ul li a.about-btn:hover{
padding:10px 11px 10px 12px;
color:#00b4ff;
}

#nav ul li a.contact-btn {
background:url('img/header/contact-btn.png');
padding:10px 107px 10px 25px;
margin:0 5px 0 20px;
color:#FFFFFF;

}

#nav ul li a.contact-btn:hover{
background:url('img/header/contact-btn.png');
padding:10px 107px 10px 25px;
color:#00b4ff;
}


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

/*********** Begin homepage **********/
#main {
width:960px;
margin:0 auto;
}

#home {
margin:20px 0 0;
}

#home .home-layout {
width:400px;
float:left;
margin:0 20px 0 0;
}

#home .home-layout h2 {
width:235px;
}

#home .home-layout2 {
padding:0 80px 0 20px;
float:left;
border-left:#454545 1px solid;
border-right:#454545 1px solid;
height:158px;
}

#home .home-layout2 p{
color:#d2d9f1;
margin:0 0 5px 0;
}

#home .home-layout2 h3{
margin:0 0 5px 0;
}

#home .home-layout3 {
margin:0 0 0 20px;
float:left;
}

#home .home-layout3 p{
color:#d2d9f1;
margin:0 0 5px 0;
}

#home .home-layout3 h3.top-title{
margin:0 0 5px 0;
}

#home .home-layout3 h3{
margin:15px 0 0 0;
}
/*********** End Home page ***********/	 

/*********** Begin Page ***********/	 
#page {
padding:30px 20px 0 20px;
}
/*********** End Page ***********/	 	
 
/********** Begin About **********/

#about .content-layout {
padding:0 20px 0 0px;
float:left;
width:440px;
}

#about .content-layout img{
margin:0 10px 0 10px;
}


#about .content-layout p{
color:#d2d9f1;
margin:0 0 5px 20px;
}

#about .content-layout h3{
margin:20px 0 5px 20px;
}

#about .content-layout a.more-detail {
background:url('img/page/about/about-btn.png');
font-size:14px;
color:#c9c9c9;
float:right;
margin:40px 0 0;
padding:15px 35px 16px 35px;
}

#about .content-layout a.more-detail:hover {
color:#ffffff;
}
/*********** End About ***********/

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

#footer {
	margin:0 auto;
	width:960px;
	clear:both;
	}

#footer-layout {     
	 height:40px;
	 margin:20px 0 0 0;
	 border-top:1px #454545 solid;
	 }

#footer-layout img{
float:left;
margin:10px 0 0 0;
}
	 
#footer-layout p{
padding:15px 0 0 15px;
width:960px;
color:#8d8d8d;
font-size:10px;
}



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

/*********** Begin Contact ***********/	 

#contact .content-layout01{
padding:0 0 0 20px;
width:470px;
float:left;
}

#contact .content-layout01 p{
color:#d2d9f1;
font-size:11px;
}

#contact .content-layout01 p img{
margin:40px 0 0 0;
}

#contact .content-layout01 h3 a{
color:#d2d9f1;
}

#contact .content-layout01 h3 a:hover{
color:#ffffff;
text-decoration:underline;
}

#contact .content-layout02{
float:right;
width:392px;
}

#contact .content-layout02 h3{
background:url('img/page/contact/title-bar.png');
width:392px;
padding:10px 0 15px 30px;
margin:0;
}

#contact .content-layout02 p{
font-size:14px;
margin:5px 0 5px 30px;
width:90px;
}
/*********** End Contact ***********/	

/* begin form */
.col {
border:1px solid #6e6f70;
background:#dddfe1;
width:270px;
}

.col2 {
border:1px solid #6e6f70;
background:#dddfe1;
width:270px;
}

.reset {
background:url('img/page/contact/clear-btn.png');
height:40px;
width:134px;
border:none;
}
/* end form */