/*   







Theme Name: Darwin Interior







Theme URI: www.darwininterior.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-color:#000000;



	text-align:justify;



	color:#ffffff;



	font-size:14px;



	margin:0 auto;



}















h2 {



   margin:0 0 5px 0;



   outline:none;



   font-size:24px;



   border:none;



   }







#title {



background:url('img/page/page-title.png') no-repeat bottom;



height:25px;



padding:20px 0 25px 10px;



margin:0 0 0 0;



}







#title h2{



padding:0 0 0 20px;



}











   



h3 {



   font-size:14px;



   color:#ffffff;



   margin:0;



   padding:0;



   }







h4 {



   font-size:14px;



   color:#ffffff;



   font-weight:500;



   }



   



p {



   font-size:14px;



   color:#dbdbdb;



   margin:0 0 5px 0;



   padding:0;



   text-align:justify;



   }   







a {



   outline:none;



   text-decoration:none;



   color:#ffffff;



   }







img {



outline:none;



border:none;



}







#page-footer {



clear:both;



height:30px;



}



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







#header {



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



	margin:0 auto;







	}







#header-layout {



	width:980px;



	margin:0 auto;



	}







#home-header {



	height: 600px;



	width:980px;



	margin:0 auto;



}











	



#logo {        



width:980px;




text-align:center;



}















#flash {



padding:0 0 0 10px;



	  }



	  



#banner {



width:960px;



margin:0 auto;



padding:20px 0 0 0;



}



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







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



#menu{



		margin:15px 0 0 0;



		padding:0;



		width:980px;



		height:70px;



		position:relative;



	}



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







/*********** Begin homepage **********/



#main {



      width:980px;



	  margin:0 auto;



	  }











#home {



     margin:0;



	 padding:20px 10px 10px 10px;



	 }



	 



.home-layout2{



     width:540px;



	 margin:20px 0 0 0;



	 float:left;



	 }







.home-layout2 h3{



margin:10px 0 0 0;



}







.home-layout2 img{



margin:0 0 20px 0;



}







.home-layout2 a{



float:right;



}







.home-layout2 a:hover{



color:#5bbbd3;



}







.home-layout3{



     width:400px;



	 margin:20px 0 0 20px;



	 float:left;



	 }



	 



.home-layout3 ul{



width:95px;



float:left;



}



.home-layout3 ul li{

margin:0 0 10px 0;

}



.home-layout3 ul li a{

width:95px;

float:none;

}



.home-layout3 ul li a:hover{

color:#5BBBD3;

}



.home-layout3 img.picture{



margin:10px 0 0 60px;



}







.home-layout3 a{



float:right;



}



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







/*********** Begin Page ***********/	 











#page-content {



padding:20px 0 0 30px;



width:690px;



float:left;



	 }



	 



#page-content02 {



padding:20px 0 0 30px;



width:960px;



	 }



	 



#page-content03 {



padding:20px 0 0 20px;



width:960px;



	 }







#error-page {



width:980px;



margin:0 auto;



padding:20px 0 20px 0;



text-align:center;



}







#error p{



text-align:center;



}







#error p a{



color:#5bbbd3;



}



/*********** End Page ***********/	 	 







/********** Begin of Sidebar **********/



#sidebar {



float:right;



width:206px;



text-align:center;



padding:20px 30px 0 0;



}







#sidebar02 {



float:right;



width:350px;



text-align:center;



padding:20px 20px 0 0;



}







#sidebar02 img{



margin:30px 0 10px 0;



float:right;



}







#sidebar img{



margin:0 0 10px 0;



float:right;



}







/********** end of sidebar **********/







/*************** begin career ****************/







#career h3{



margin:20px 0 0 0;



}







#career ul {



list-style:url('img/page/career/career-list.png');



margin-top:5px;



margin-left:-10px;



}







*html #career ul {



list-style:url('img/page/career/career-list.png');



margin-top:5px;



margin-left:15px;



}







*+html #career ul {



list-style:url('img/page/career/career-list.png');



margin-top:5px;



margin-left:15px;



}







#career ul li {



padding-left:0;



}







*html #career ul li {



padding-left:15px;



}







*+html #career ul li {



padding-left:15px;



}







#career a{



color:#5bbbd3;



text-decoration:underline;



}



/*************** end of career ************/







/*************** begin director ****************/



#director p{



margin:0 0 25px 0;



}







#director p.no-space{



margin:0 0 0 0;



}







/*************** end of director ************/











/*************** begin Media ****************/







#media ul {



list-style:none;



margin:0;



padding:0;



}







#media li{



float:left;



margin:0 100px 40px 0;



}







#media li.right {



float:left;



margin:0 0px 40px 0;



}







#media li img {



margin:0 0 20px 0;



}







#media li a{



background:url('img/page/media/media-btn.png') no-repeat;



height:47px;



width:123px;



margin:0 0 0 70px;



padding:14px 29px 17px 47px;



color:#000000;



font-size:12px;



font-weight:bold;



}







#media li a.chinese{



background:url('img/page/media/media-btn.png') no-repeat;



font-weight:bold;



font-size:12px;



height:47px;



width:123px;



margin:0 0 0 70px;



padding:14px 36px 17px 60px;



color:#000000;



}







#media li a:hover{



color:#474747;



}







#media01 {



width:690px;



text-align:center;



}







#media01 .media-flash{



padding:0 0 40px 0;



}







#media01 a{



background:url('img/page/media/media-btn.png') no-repeat;



height:47px;



width:123px;



margin:0 0 0 140px;



padding:14px 29px 17px 47px;



color:#000000;



font-size:12px;



font-weight:bold;



}







#media01 a.chinese{



background:url('img/page/media/media-btn.png') no-repeat;



font-weight:bold;



font-size:12px;



height:47px;



width:123px;



margin:0 0 0 140px;



padding:14px 36px 17px 60px;



color:#000000;



font-size:12px;



font-weight:bold;



}







#media01 a:hover{



color:#474747;



}



/*************** end of Media ************/











/*************** begin commercial ****************/



#commercial ul{



list-style:url('img/page/career/career-list.png');



margin-top:5px;



margin-left:-10px;



color:#dbdbdb;



}







#commercial ul li {



margin:0 0 5px 0;



}



/*************** end of commercial ************/







/*************** begin Testi ****************/



#testi p{



color:#dbdbdb;



}











#testi h4{



margin:0px;



padding:20px 0 0 0;



width:690px;



text-align:right;



float:right;







}







#testi h4.btm-line{



margin:0 0 30px 0;



padding:0 0 15px 0;



width:690px;



text-align:right;



float:right;



border-bottom:1px #333333 solid;







}







/*************** end of Testi ************/







/*************** begin Promotion ****************/



#page .page-post {



width:330px;



float:left;



margin:0 15px 20px 0



}







#promotion {



width:300px;



text-align:center;



background:url('img/page/promotion/promotion-bg.png') no-repeat top center;



padding:29px 0 0 0;



}







#promotion img{



margin:0 0 15px 0;



}







#promotion h3{



font-weight:bold;



}







#promotion a{



background:url('img/page/media/media-btn.png') no-repeat;



padding:14px 3px 17px 31px;



margin:10px 0 0 0;



float:right;



color:#000000;



font-size:11px;



}



/*************** end of Promotion ************/











/*************** begin Gallery Page ****************/



#page-content03 .gallery-layout01{



width:520px;



float:left;



}







#page-content03 .gallery-layout02 {



width:410px;



background:url('img/page/gallery-page/line.png') left no-repeat;



float:right;



padding:80px 0 0 0;



}







#page-content03 .gallery-layout02 ul{



list-style:none;



margin:0;



padding:0 0 0 30px;



width:410px;

display:inline-block;



}







#page-content03 .gallery-layout02 ul li{



width:80px;



height:130px;



padding:0 15px 0 0;



float:left;



text-align:center;



}











#page-content03 .gallery-layout02 ul li a p{



width:80px;



text-align:center;



}







#page-content03 .gallery-layout02 ul li a:hover p{



color:#bdbdbd;



}







#page-content03 .gallery-layout02 a.arrow-left{



margin:0 0 0 30px;



float:left;



}







#page-content03 .gallery-layout02 a.arrow-right{



margin:0 20px 0 0;



float:right;



}







#page-content04 .gallery-layout02 ul{



list-style:none;



margin:0;



padding:0 0 0 30px;



width:410px;



height:150px;



}







#page-content04 .gallery-layout01{



width:550px;



float:left;



}







#page-content04 .gallery-layout02 {



width:410px;



background:url('img/page/gallery-page/line.png') left no-repeat;



float:right;



padding:80px 0 0 0;



}







#page-content04 .gallery-layout02 ul{



list-style:none;



margin:0;



padding:0 0 0 30px;



}







#page-content04 .gallery-layout02 ul li{



width:80px;



height:130px;



margin:0 15px 0 0;



float:left;



text-align:center;



}











#page-content04 .gallery-layout02 ul li a:hover {



color:#bdbdbd;



}







#page-content04 .gallery-layout02 a.arrow-left{



margin:0 0 0 30px;



float:left;



}







#page-content04 .gallery-layout02 a.arrow-right{



margin:0 20px 0 0;



float:right;



}



/*************** end of Gallery Page ************/











/*************** begin about *************/







#about h3{



padding:25px 0 5px 0;



}







#about img{



float:left;



margin:10px 15px 0 0;



}







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











/********** begin contact ***********/







#contact .contact-layout iframe{



width:440px;



border:solid 1px #808080;



padding:5px 5px 5px 5px;



margin:0 0 10px 0;



}







#contact .contact-layout {



background:url('img/page/promotion/promotion-bg.png') no-repeat center top;



padding:29px 0 30px 0;



width:450px;



}







#contact .contact-layout02 {



float:right;



padding:29px 0 30px 0;



width:480px;



}







/********** end of contact **********/







#footer {



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



	clear:both;



	}







#footer-layout {



     width:960px;



	 margin:0 auto;



	 height:76px;



	 padding:15px 10px 0 10px;



	 }







#footer-layout p {



}	 







#footer-layout p.footer-content {



color:#cecece;



}







#footer-layout p.copyright {



color:#cecece;



font-size:10px;



float:right;



margin:-10px 0 0 0;



}















/* begin form */



#form {



width:480px;



border:solid 1px #808080;



}

#form tr td { text-align:left;}







#form h4{



margin:0 0 20px 0;



padding:20px 0 0 10px;



}







#form h5{



font-size:10px;



margin:0 0 0 20px;



}







#form img{



margin:10px 0 10px 0;



}







.col{



  width:295px;



  height:18px;



  margin:0 25px 0 0;



  padding:4px 0 0 5px;



  border:none;



  background:url('img/page/contact/col01.png');



  }







.col3{



margin:0 25px 0 0;



}



  



.col2{



  width:295px;



  height:44px;



  border:none;



  margin:0 25px 0 0;



  padding:7px 0 0 5px;



  background:url('img/page/contact/col02.png');



  }







.col5{



  width:147px;



  height:22px;



  border:none;



  margin:0 0 10px 5px;



  padding:7px 0 0 5px;



  background:#bdbdbd;



  background:url('img/page/contact/col03.png');



  }



  



/* end form */





/* begin kang css */



#showroom-tn {

	width:410px;

	background:url(img/page/gallery-page/line.png) no-repeat left center;

	float:right;

	

}



#showroom-tn a.arrow-left {

	float:left;

	margin:0 0 0 30px;

}



#showroom-tn a.arrow-right {

	float:right;

	margin:0 20px 0 0;

}



#showroom-tn ul {

	margin:0 0 0 30px;

	padding:0;

	clear:both;

	height:320px;

}



#showroom-tn ul li {

	list-style-type:none;

	width:80px;

	height:80px;

	float:left;

	margin:0 13px 25px 0;

	cursor:pointer;

}



#showroom-big {

	width:505px;

	height:469px;

	float:left;

}



#showroom-preload img {

	display:none;

}



#residential-content {

	width:505px;

	padding:15px 0 0 15px;

}



#residential-content img {

	margin:0;

	padding:0;

}



#residential-content p {

	margin:0;

	padding:0;

	width:505px;

}



#residential-content ul {

	margin:0;

	padding:12px 0 0 30px;

}



#residential-content ul li {

	list-style-type:none;

	float:left;

	margin:0 10px 0 0;

	cursor:pointer;

}



#residential-preload {

	display:none;

}


#pagination {
	text-align:right;
	margin:0 20px 0 0;
	vertical-align:center;
}

#pagination a {
	vertical-align:top;
	margin:0 0 0 2px;
}

#pagination a img {

}

.style1 { width:300px;}
.style2 { width:60px;}

#enquiry-form { padding:10px 8px 0; border:1px solid #808080; width:435px;}
input.adjust { border:none; background:url(img/page/contact/enquiry-1.jpg) no-repeat; width:305px; height:16px; padding:3px;}
textarea.adjust { border:none; background:url(img/page/contact/enquiry-2.jpg) no-repeat; width:305px; height:45px; padding:3px;}
span#pattern-1 span.wpcf7-list-item { width:160px; display:block; margin:0; float:left;}
input#KnowOthers { width:144px; height:11px; border:none; background:url(img/page/contact/enquiry-3.jpg) no-repeat; padding:3px; float:right; margin:-16px 50px 0 0;}
#enquiry-form table tr td { vertical-align:top; padding:0 0 20px 0; text-align:left;}
input.pattern-3 { width:118px; margin:1px 0 0 0;}
#pattern-2 { width:200px;}
#pattern-4 { width:200px;}
span#dkc span.wpcf7-list-item { display:block; width:100px; margin:0;}
span#emip span.wpcf7-list-item { display:block; width:100px; margin:0;}
.pattern-5 {background:url("img/page/contact/col03.png") repeat scroll 0 0 transparent; border:medium none; height:22px; margin:0 0 10px 5px; padding:7px 0 0 5px; width:147px;}