@charset "utf-8";

img { border:none;}
html,body { margin: 0px;padding:0px;
       height:100%; /*ie table 100% height*/
	   position: absolute; top:0px; bottom:0px; left:0px; right:0px;width:100%; height:100%; /*ff table hight 100%*/
	   font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}

* html a:hover {visibility:visible} /*for IE6 css mouse over!*/

.columnL { float:left;}
.columnR { float:right;}
.br{ clear:both;}

.linkOrange{color:#ff9900;}
.linkOrange a{ text-decoration:none; color:#ff9900;}
.linkOrange a:hover{ text-decoration:underline;}

.linkBlack a{ color:#000000; text-decoration:none;}
.linkBlack a:hover{ color:#c70369; text-decoration:underline;}

.linkGreen a{ color:#9dd200;text-decoration:none;}
.linkGreen a:hover{ color:#0066cc; text-decoration:underline;}

.linkBlue a{ color:#0066cc; text-decoration:none;}
.linkBlue a:hover{ color:#ff9b11; text-decoration:underline;}

.TextBlue{ color:#0066cc;}
.TextPer{ color:#d2008f;}
.TextGreen{ color:#9dd200;}
.TextOrange{ color:#ff9b11;}
.TextBold{ font-weight:bold;}
.Text12{ font-size:12px;}
.Text14{ font-size:14px;}
.Text16{ font-size:16px;}

/*remove NO to show bg*/
.outerBodyWrap{ background:url(../ckimages/bgdotted.gif) #f0f0f0 center repeat-y;} /*bg all and center it*/
.bodyWrapCenter{margin:0 auto; width:795px;}
.center { margin-left:auto; margin-right:auto;}/* center body content*/
#flashWrapid{ width:795px;}/* head flash */
#bodyWrap { width:793px; background-color:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}/*body box property*/
#footWrap{ width:795px;}/* copyright box property */

#menuBarTopWrap{ border-top:3px solid #FFFFFF;}
#maenuBarTBody{ background-image:url(../ckimages/menuBarBg.gif); background-repeat:repeat-x; height:30px; line-height:30px;}
#buttonText{ position:absolute; left:12px; top:0; margin:0;font-size:14px; cursor:pointer;}
/* service butt--------------------------------------------------------------------*/
  .serviceBut{ background-repeat:no-repeat;
               background-image:url(../ckimages/butServiceBG.gif); 
			   margin-left:32px; margin-right:3px; margin-bottom:0; padding-bottom:0;
			   position:relative;}
  .serviceBut a{ color:#333333; text-decoration:none; display:block; margin: 0;padding: 0;}
  .serviceBut a:hover{ color:#FFFFFF;}
  .serviceBut a:hover img{ visibility:hidden;}
  /* active page / check class in body*/
  .ActiveService #serviceActive a IMG{ visibility:hidden; cursor:text; margin-bottom:0; padding-bottom:0;}
  .ActiveService #serviceActive a { color:#FFFFFF; cursor:text; margin-bottom:0; padding-bottom:0;}
  
/* JeComBut butt------------------------------------------------------------------*/
  .JeComBut{ background-repeat:no-repeat; 
               background-image:url(../ckimages/butJeComButBG.gif); 
			   margin-left:26px; margin-right:3px; margin-bottom:0; padding-bottom:0;
			   position:relative;}
  .JeComBut a{ color:#333333; text-decoration:none;display:block; margin: 0;padding: 0;}
  .JeComBut a:hover{ color:#FFFFFF;}
  .JeComBut a:hover img{visibility:hidden;}
  /* active page / check class in body*/
  .ActiveJeComBut #JeComButActive a IMG{ visibility:hidden; cursor:text; margin-bottom:0; padding-bottom:0;}
  .ActiveJeComBut #JeComButActive a{ color:#FFFFFF; cursor:text; margin-bottom:0; padding-bottom:0;}
  
/* portfolioBut butt------------------------------------------------------------------*/
  .portfolioBut{background-repeat:no-repeat; 
               background-image:url(../ckimages/butportfolioBG.gif); 
			   margin-left:26px; margin-right:3px; margin-bottom:0; padding-bottom:0;
			   position:relative;}
  .portfolioBut a{ color:#333333; text-decoration:none;display:block; margin: 0;padding: 0;}
  .portfolioBut a:hover{ color:#FFFFFF;}
  .portfolioBut a:hover img{visibility:hidden; }
  /* active page / check class in body*/
  .ActiveportfolioBut #portfolioButActive a IMG{ visibility:hidden; cursor:text; margin-bottom:0; padding-bottom:0;}
  .ActiveportfolioBut #portfolioButActive a{ color:#FFFFFF;cursor:text; margin-bottom:0; padding-bottom:0;}
  
  /* companyBut butt------------------------------------------------------------------*/
  .companyBut{background-repeat:no-repeat; 
               background-image:url(../ckimages/buCcompanyBG.gif); 
			   margin-left:26px; margin-right:3px; margin-bottom:0; padding-bottom:0;
			   position:relative;}
  .companyBut a{ color:#333333; text-decoration:none;display:block; margin: 0;padding: 0;}
  .companyBut a:hover{ color:#FFFFFF;}
  .companyBut a:hover img{visibility:hidden; }
  /* active page / check class in body*/
  .ActivecompanyBut #companyActive a IMG{ visibility:hidden; cursor:text; margin-bottom:0; padding-bottom:0;}
  .ActivecompanyBut #companyActive a{ color:#FFFFFF; cursor:text; margin-bottom:0; padding-bottom:0;}
  
  /* contactBut butt------------------------------------------------------------------*/
  .contactBut{ background-repeat:no-repeat; 
               background-image:url(../ckimages/contactButBG.gif); 
			   margin-left:26px; margin-right:3px; margin-bottom:0; padding-bottom:0;
			   position:relative;}
  .contactBut a{ color:#333333; text-decoration:none;display:block; margin: 0;padding: 0;}
  .contactBut a:hover{ color:#FFFFFF;}
  .contactBut a:hover img{visibility:hidden;}
  /* active page / check class in body*/
  .ActivecontactBut #contactActive a IMG{ visibility:hidden; cursor:text; margin-bottom:0; padding-bottom:0;}
  .ActivecontactBut #contactActive a{ color:#FFFFFF;cursor:text; margin-bottom:0; padding-bottom:0;}


/*content*/
.contentWrapOutter{ background-image:url(../ckimages/bginner.gif); background-repeat:repeat-y;}
  #crystBg{ background-image:url(../ckimages/crystal.gif); background-repeat:no-repeat; padding:0 32px; margin:0;}
#bodyClose{ width:687px;}
#Gshadow{ background-image:url(../ckimages/Gshadow.gif); background-repeat:repeat-x; height:19px;}

#textBoxWrap{ padding:0 21px 19px 21px;}
  #dottedImg{ background-image:url(../ckimages/doteBrake.gif); background-repeat:repeat-x; padding:0 0 17px 0;}
  #bodyTextWrap{ background:url(../ckimages/headbox.gif); background-repeat:no-repeat; padding:12px 0 0 0; background-color:#FFFFFF;}
    #indexGrad{ background: url(../ckimages/indexgrayd.jpg); background-repeat:repeat-y;}
	  #indexBoxtext01{ width:466px; padding:5px;}
	  #recentProCR{ background-image:url(../ckimages/recentPro.jpg); background-repeat:no-repeat; width:179px; height:300px; }
	  .recentProCRpad{padding:35px 8px 0 24px;}
	  .whiteBG{ background-color:#FFFFFF;}
	  #indextextBoxinner{ padding:8px 15px;}
/* menuBottom */
.menuBottom{ background-image:url(../ckimages/bginnerBottom.gif); background-repeat:no-repeat; padding:20px 28px 0 0; background-color:#FFFFFF;}
#footLink { height:20px; line-height:20px; padding:0 12px; margin-top:12px; border-right:1px solid #000000;}
#footLinkClose { height:20px; line-height:20px; padding:0 12px; margin-top:12px;}

/*------foot------*/
#footMid{ background:#FFFFFF;width:781px; height:6px; border-bottom:1px solid #CCCCCC;}
.copyrightText{ color:#666666; padding:0 0 0 8px;}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------service--------- */
.serviceImgWrap{ border-top:4px solid #009dd2;}
.innerWrapin{ padding:10px 0 0 18px;}
#innerHbar{ border-bottom:3px solid #cccccc; padding-bottom:4px;}
#innerPtextWrap { background-image:url(../ckimages/indexgrayd.jpg); background-repeat:repeat-y;}
/* ----------J biz --------- */
.JbizImgWrap{ border-top:4px solid #d2008f; cursor:pointer;}

/* ----------Portfolio--------- */
.PortTextWrap{ background-image:url(../ckimages/portTextBoxWrap.gif); background-repeat:no-repeat; padding:12px 0 0 0;}
.portImgWrap{ border-top:4px solid #9dd200;}
#portBoxtext01{ padding:5px;}
.PortInnerWrap{ padding:10px 14px 0 18px;}
#portTextinnerWrap{ width:320px;}
#portExtLink{ border-bottom:1px solid #9dd200;}

/* ----------company--------- */
.companyImgWrap{ border-top:4px solid #343434;}

/* ----------contact--------- */
.contactImgWrap{ border-top:4px solid #ff9b11;}
/*in php form*/
.cktextForm{ border:1px solid #006699; color:#000066;}
#formTextQ{ padding:3px 8px 3px 0;  width:120px;}
.submitButt{ color:#FFFFFF; background-color:#000066; border:1px solid #006699;}

/*-------------branner--------------*/
#brandIndexWrap{ margin-top:30px; margin-left:15px; padding:30px 0 0 0; border-top:1px dotted #CCCCCC;}
#brand1{ padding:0 0 0 0;}
#brand2{ padding:0 8px 0 0;}