@charset "utf-8";
/* CSS Document */

html, body, #wrapper  {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	font-family: Calibri, Arial, Verdana, sans-serif;
	line-height: 18px;
	color:#FFF;
}

a img{ border: 0; outline: none;}

a {color: #9CF; border: 0; outline: none;}
a:link {text-decoration: none; border: 0; outline: none;}
a:visited hover active {text-decoration: none;color: #9CF; border: 0; outline: none;}


body#home {  background:url(../images/bg_Chome1.gif) repeat-x #417b9a; }
body#project {  background: url(../images/bg_Cproject.jpg) repeat-x #417b9a; }
body#about {  background: url(../images/bg_Cabout.jpg) repeat-x #417b9a; }
body#contact {  background: url(../images/bg_Ccontact.jpg) repeat-x #417b9a; }
body#cpage {  background: url(../images/bg_Ccontact.jpg) repeat-x #417b9a; }



/*HOME*/
#wrap_wholeline { width: 615px; height: 310PX; padding: 5PX 0 0 15px;}
#mycustomscrollhome { width: 615px; height: 310px; overflow: auto; overflow-x: }
#mycustomscrollhome p { width: 615px; margin: 0; padding: 0; clear:both; }
#mycustomscrollhome img {float:left; margin: 0 10px 0px 0px;}

#News_wrap {width:615px; height: 25px; margin: 0; padding: 5px 0 0 0; line-height: inherit;}
#News_wrap div.News_title {font-size: 24px; float:left; width: 480px; clear: both; color:#000}
#News_wrap div.News_date {width: 130px; float:right; font-size:18px; line-height: 24px;}

/*PROJECT DEFAULT*/

#wrap_wholelinePDEFAULT { width: 630px; height: 345PX; padding: 0; margin: 0; text-align:center;}
#mycustomscrollPDEFAULT { width: 630px; height: 345PX; overflow: auto; outline: none;}
div.defalut_btn {width: 260px; padding: 20px 30px 10px 20px; float:left; clear: right; font-size:24px;}
div.defalut_btn img { display:block; width: 191px; padding: 5px 40px 10px 40px; }
#mycustomscrollPDEFAULT p { margin: 0; padding: 0; width: 620px; clear:both; }
#mycustomscrollPDEFAULT H1 { font-size:24px; text-align:center; clear:right; width: 620px; padding-top: 15PX;  }


/*PROJECT*/
#wrap_wholelinePROJECT { width: 633px; height: 348PX; padding: 0; background: url(../images/lbg_project.gif) no-repeat #8d0f1e;}
div.LEFTdivider_PROJECT {float: left; width: 60px; padding: 10px 0px 0px 8px;}
div.LEFTdivider_PROJECT a.PP{ display:block; width: 60px; height: 60px; background: url(../images/btn_pp.png) no-repeat; margin-bottom: 10px;}
div.LEFTdivider_PROJECT a.PP_off{ display:block; width: 60px; height: 60px; background: url(../images/btn_pp_OFF.png) no-repeat;  margin-bottom: 10px;}
div.LEFTdivider_PROJECT a:HOVER.PP{ display:block; width: 60px; height: 60px; background: url(../images/btn_pp_OFF.png) no-repeat;  margin-bottom: 10px;}
div.LEFTdivider_PROJECT a.APM { display:block; width: 60px; height: 60px; background: url(../images/btn_APM.png) no-repeat;}
div.LEFTdivider_PROJECT a.APM_off { display:block; width: 60px; height: 60px; background: url(../images/btn_APM_OFF.png) no-repeat;}
div.LEFTdivider_PROJECT a.HOVER.APM { display:block; width: 60px; height: 60px; background: url(../images/btn_APM_OFF.png) no-repeat;}
#mycustomscrollPROJECT { width: 550px; height: 340PX; float:right;  overflow: auto; margin: 5px 0 0 0; outline: none;  }
#mycustomscrollPROJECT p { padding: 10px; }
#mycustomscrollPROJECT H1 { width: 550px; font-size:24px; line-height: 24px; text-align:center;  }
#mycustomscrollPROJECT H3 { width: 550px; font-size:18px; line-height: 24px; text-align:center; color:#F90;  }


/*ABOUT*/
#wrap_wholelineABOUT { width: 633px; height: 346PX; padding: 0; background: url(../images/bg_csub.jpg) no-repeat #8d0f1e;}
div.LEFTdivider_ABOUT {float: left; width: 107px; padding: 0;}
div.LEFTdivider_ABOUT a.Company{ display:block; width: 107px; height: 26px; background: url(../images/comSub_ON_01.gif) no-repeat; }
div.LEFTdivider_ABOUT a.Company_off{ display:block; width: 107px; height: 26px; background: url(../images/comSub_OFF_01.gif) no-repeat; }
div.LEFTdivider_ABOUT a:HOVER.Company{ display:block; width: 107px; height: 26px; background: url(../images/comSub_OFF_01.gif) no-repeat; }
div.LEFTdivider_ABOUT a.Founder { display:block; width: 107px; height: 26px; background: url(../images/comSub_ON_02.gif) no-repeat; }
div.LEFTdivider_ABOUT a.Founder_off { display:block; width: 107px; height: 26px; background: url(../images/comSub_OFF_02.gif) no-repeat; }
div.LEFTdivider_ABOUT a.HOVER.Founder { display:block; width: 107px; height: 26px; background: url(../images/comSub_OFF_02.gif) no-repeat; }
#mycustomscrollABOUT { width: 500px; height: 340PX; float:right;  overflow: auto; margin: 3px 0px 0px 0px;  outline: none; padding: 10px;}
#mycustomscrollABOUT p { padding: 10px; }
#mycustomscrollABOUT H1 { width: 490px; font-size:24px; text-align:center;  }
#mycustomscrollABOUT H2 { width: 400px; font-size:16px; font-weight:normal;  }


/*CONTACT*/
#wrap_wholelineCONTACT { width: 620px; height: 327PX; padding: 0PX 10PX 0 15px;}
#mycustomscrollCONTACT { width: 620px; height: 327PX; overflow: auto; }
#mycustomscrollCONTACT p { margin: 0; padding: 0; width: 643px; clear:both; }
#mycustomscrollCONTACT H1 { width: 635PX; font-size:24px; text-align:center;  }


/*CPAGE*/
#wrap_wholelineCPAGE { width: 610px; height: 327PX; padding: 10PX 10PX 0 15px;}
#mycustomscrollCPAGE { width: 560px; height: 297PX; overflow: auto; padding: 20px 0px 0px 40px; outline: none;}
#mycustomscrollCPAGE H1 { font-size:24px; text-align:center; width: 450px;  }
#mycustomscrollCPAGE img.left { float:left; width: 77px; height: 77px; padding: 5px 5px 7px 0px;}
#mycustomscrollCPAGE li { float:right; clear:right; list-style: none; width: 450px; font-size: 20px; padding-bottom: 12px;  }



.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 36px;background: url(../images/scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 28px !important; width: 36px;background: url(../images/scrollbar.png) -0px -0px no-repeat;}
.vscrollerbarend {width: 36px; height: 28px !important; background: url(../images/scrollbar.png) -109px 0px no-repeat;}

.vscrollerbase {width: 36px;background: url(../images/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(../images/scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {width:36px; height:28px !important; background: url(../images/scrollbar.png)  -72px 0px no-repeat;}


.hscrollerbase {height: 16px;}
.hscrollerbar {height: 16px; }

.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px; height: 16px;top: auto; left: auto; bottom: 0px; right: 0px;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 

/*

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 36px;background: #5EC0A7 url(../images/scrollbar.png) -36px 0px repeat-y;}

.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(../images/scrollbar.png) -0px -0px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(../images/scrollbar.png) -109px 0px no-repeat;}

.vscrollerbase {width: 36px;background: #D4F6F2 url(../images/scrollbar.png) 0px 0px repeat-y;}

.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(../images/scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(../images/scrollbar.png)  -72px 0px no-repeat;}



.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

*/
/* Scroll Bar Master Styling Ends Here */