/* CSS Document */

body{ padding:0; margin:0; background:url(../images/body_bg.gif) 0 0 repeat-x #fff;  color:#2E2E2E; }
div, h1, h2,  form, label, input, textarea, img, span{ margin:0;  padding:0; }

ul{ margin:0;  padding:0;  list-style-type:none; }
.spacer{ clear:both;  font-size:0px;  line-height:0px; }
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{ width:900px; height:293px; padding:14px 0 0 0; background:url(../images/header.jpg) no-repeat; background-position:bottom; margin:0 auto; position:relative; }
#header img{ position:absolute; left:65px; top:110px; }
#header h1{ display:block; width:98px; height:47px; text-indent:-10000px; position:absolute; left:70px; top:166px; }
#header ul{ display:block; width:850px; height:41px; margin:0 0 0 30px; padding:0; }
#header ul li{ display:block; padding:0 15px 0 15px; margin:0 0 0 1px; float:left; }
#header ul li a{ margin:0; color:#2E2E2E; font:bold 11px/41px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:capitalize; float:left; padding:0 10px 0 10px;}
#header ul li a:hover{ background-color:#E6E6E6; color:#724302; }
#header ul li.home{ display:block; float:left; padding:0 12px 0 12px; background-color:#E6E6E6; color:#2E2E2E; font:bold 11px/41px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:capitalize; }
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#container{  width:900px; margin:0 auto; padding-bottom:30px }
#theBody{ margin-left:50px}


/*------------------------------------------------left panel start--------------------*/
#left-main{ width:190px; margin:0; padding:20px 33px 43px 0; float:left; }
#left{ width:170px; background-color:#FFFCF3; border:#EEE9D9 solid 1px; color:#272727; padding:18px 7px 55px 10px; margin-top:30px }
#left ul.sub{ margin-top:10px}
#left ul.sub li{ margin-bottom:-5px; padding:0px; line-height:0px}
#left h2{ display:block; background:url(../images/event_bg.gif) 0 0 no-repeat; width:144px; height:16px; padding:0 0 0 11px; font-size:0; }
#left h2 span{ display:block; width:54px; background:url(../images/event_icon.gif) 0 3px no-repeat #fff; padding:0 0 0 18px; font:normal 18px/16px Arial, Helvetica, sans-serif; color:#65582C; }
#left p{ padding:0 0 0 11px; margin:0 0 0 0; width:132px; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; }
#left p span{ display:block; width:124px; font:bold 11px/36px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CF6B00; background-color:#FFFCF3; }
#left p b{ display:block; width:124px; }
#left p b.sec{ display:block; width:132px; }
#left a{ width:95px; font:bold 10px/31px Verdana, Arial, Helvetica, sans-serif; color:#599100; text-decoration:underline; background-color:#FFFCF3; margin:0 0 0 11px; }
#left a:hover{ color:#599100; text-decoration:none; background-color:#F8EAC0; }
#left a.rm{ display:block; margin:6px 0 0 11px; background:url(../images/btn_readmore.gif) 0 0 no-repeat; width:87px; height:11px; padding:0; }
#left a.rm:hover{ background:url(../images/btn_readmore_hover.gif) 0 0 no-repeat; }
#member{ width:169px; margin:0px 0 0 0; }
#member div.error{ color:#930; font-size:11px; font-family: Arial, Helvetica, sans-serif;}
#member h2{ background:url(../images/member_login_bg.gif) 0 0 no-repeat #fff; width:133px; height:29px; padding:0 0 0 36px; font:bold 18px/29px Arial, Helvetica, sans-serif; color:#65582C; margin:0 0 4px 0; }
#member form{ width:164px; height:143px; padding:0 0 0 5px; }
#member form label{ font:bold 11px/26px Verdana, Arial, Helvetica, sans-serif; color:#272727; background-color:#fff; margin:0; float:left; }
#member form input{ width:155px; height:21px; background-color:#F3F3F3; color:#000; border:#B2B2B3 solid 1px; margin:0; float:left; }
#member form input.check{ width:9px; height:9px; background-color:#F3F3F3; color:#000; border:#B2B2B3 solid 1px; margin:15px 10px 0 0; float:left; }
#member form label.red{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#A05300; background-color:#fff; margin:13px 0 0 0; float:left; }
#member form label.yellow{ display:block; width:106px; height:11px; background-color:#F3F0E5; color:#000; font-size:0; margin:20px 0 0 0; padding:0; float:left; }
#member form input.login{ background:url(../images/btn_login.gif) 0 0 no-repeat; width:58px; height:11px; border:none; cursor:pointer; margin:20px 0 0 0; float:right; }


/*------------------------------------------------left panel end--------------------*/





/*------------------------------------------------right panel start--------------------*/
#right{ width:580px; float:left;margin-top:20px }
#right h2{ display:block; height:55px; width:580px; font:normal 24px/55px Arial, Helvetica, sans-serif; color:#C26500; padding:0; margin:0; float:left; }
#right p.text{ font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#2E2E2E; background-color:#fff; margin:0; padding:0 0 0 0; float:left; }
#right p.text b{ display:block; margin:0 0 3px 0; }
#right p.read_more{ display:block; width:490px; height:11px; font-size:0; background-color:#F3F0E5; color:#000; padding:0 ; margin:20px 0 15px 0; float:left; }

#right a.more{ display:block; margin:20px 0 0 0; background:url(../images/btn_readmore.gif) 0 0 no-repeat; width:87px; height:19px; padding:0; font-size:0; float:right; }
#right a.more:hover{ background:url(../images/btn_readmore_hover.gif) 0 0 no-repeat; }
#right p.pinas{ background:url(../images/pycnegosyo.jpg) 0 0 no-repeat; width:262px; height:35px; 	padding:83px 0 0 20px;	margin:20px 3px 20px 0; float:left; }
#right p.pinas a.view{ display:block; background:url(../images/view_this_green.gif) 0 0 no-repeat; width:89px; height:11px; float:left; }
#right p.pinas a.view:hover{ background:url(../images/view_this_green_hover.gif) 0 0 no-repeat; }

#right p.abroad{ background:url(../images/pycnegosyoi.jpg) 0 0 no-repeat; width:262px; height:35px; padding:83px 0 0 20px;	margin:20px 0px 20px 0px; float:left; }
#right p.abroad a.view2{ display:block; background:url(../images/view_this_red.gif) 0 0 no-repeat; width:89px; height:11px; float:left; }
#right p.abroad a.view2:hover{ background:url(../images/view_this_red_hover.gif) 0 0 no-repeat; }

#right h2.latest{ display:block;  height:51px; font:normal 24px/51px Arial, Helvetica, sans-serif; color:#C26500; background-color:#fff; padding:0; margin:4px 0 0 0; float:left; }
#right a.announce{}
#right a.announce{ width:95px; color:#599100; text-decoration:underline; font-size:14px  }
#right a.announce:hover{ color:#599100; text-decoration:none; background-color:#F8EAC0; }


#right ul{ width:580px; margin:0; padding:0; float:left; }
#right ul li{ display:block; background:url(../images/bullet.gif) 0 5px no-repeat #fff; padding:0 0 18px 15px; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#2E2E2E; margin:0; }
#right ul li b{ display:block; width:406px; padding:0 0 9px 0; }
#right a.more2{ display:block; margin:13px 0 0 0; background:url(../images/btn_readmore.gif) 0 0 no-repeat; width:87px; height:19px; padding:0; font-size:0; float:right; }
#right a.more2:hover{ background:url(../images/btn_readmore_hover.gif) 0 0 no-repeat; }
#right p.client{ width:110px; height:110px; float:left; }
#right p.client span.pic{ display:block; width:54px; font:bold 16px/20px Arial, Helvetica, sans-serif; color:#736846; background-color:#FFF7DE; }
#right p.text2{ width:450px; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#2E2E2E; background-color:#fff; margin:0; padding:0 0 0 14px; float:left; }
#right p.text2 b{ display:block; margin:0 0 15px 0; }
#right p.text2 span.green{ color:#427600; font:bold italic 13px/16px Verdana, Arial, Helvetica, sans-serif; background-color:#fff; margin:0; padding:0; }
#right p.bot-div{ display:block; width:77px; height:17px; background:url(../images/bot_div.gif) 0 0 repeat-x; font-size:0; margin:0 0 0 0; padding:0 0 0 253px; float:right; }
#right p.bot-div span.white{ display:block; width:17px; height:17px; background-color:#fff; color:#000; float:left; }
#right p.bot-div span.author{ width:66px; height:17px; padding:0 0 0 11px; font:bold 13px/17px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#fff; }
/*------------------------------------------------right panel end--------------------*/

#content{ width:620px; float:left; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; margin-top:20px}
#content p{ }
#content h2{ display:block; height:55px; width:580px; font:normal 24px/55px Arial, Helvetica, sans-serif; color:#C26500;padding:0; margin:0; }
#content ul li{ display:block; background:url(../images/bullet.gif) 0 5px no-repeat; padding:0 0 7px 15px; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#2E2E2E; margin:0 0 0 25px; }
h3{ font-size:16px; border-bottom:1px dotted #E2E2E2; padding-bottom:10px}
h4.names{ margin-bottom:0px; font-size:14px}
.status{ margin:0px;}
#content img{border:none;}
/*	Portfolio Artcile		*/ 

.portfolio-article{ border:1px solid #ddd; margin:15px 0; padding:10px; background:#FDFCF7;  }
.portfolio-article h2{ color:#0c7488; } 
.portfolio-article img{  padding:7px; background:#fff; border:1px solid #ddd; }
b.involve{ color:#c34507; } 
.portfolio-article p{ margin:10px 0; padding:0; } 

/*	Photo Gallery		*/ 

.photo-gallery{ float:left; border:1px solid #ddd; margin:15px 0; padding:10px; background:#FDFCF7;  }
.photo-gallery h2{ color:#0c7488; } 
.photo-gallery img{  float:right; padding:7px; background:#fff; border:1px solid #ddd; }
.photo-gallery img.thumbs { margin-right:10px;}
.photo-gallery p{ margin:10px 0; padding:0; } 




/*///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 90%; margin: 20px 0; }
th {	background:#F4EEE0; color: #333; font-size:16px; font-weight: bold; padding: 2px 11px; text-align: left; line-height: 1.2;}
td { padding: 6px 11px;  vertical-align: top;}
td * { padding: 6px 11px;}
tr.alt td { background:  #FDFCF7;}

/*///////////////// END TABLES ///////////////////////*/



/*------------------------------------------------body end--------------------*/

/*------------------------------------------------footer start--------------------*/
#footer-main{ width:100%; height:121px; padding:25px 0 0 0; background:url(../images/footer_bg.gif) 0 0 repeat-x #333333; color:#fff; }
#footer{width:850px;height:121px; margin:0 auto; position:relative; padding-left:50px }
#footer ul{ margin:0; padding:0; }
#footer ul li{ margin:0; float:left; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:#333333; }
#footer ul li a{ font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:#333333; text-decoration:none; padding:0 7px 0 7px; text-transform:capitalize; }
#footer ul li a:hover{ text-decoration:underline; }
#footer ul li.home2{ padding:0 7px 0 7px; float:left; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:#333333; }
#footer p.copyright{ font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#78D007; background-color:#333333; margin-left:5px }
#footer a.xht{ display:block; width:53px; height:12px; background:url(../images/xhtml_bg.gif) 0 0 no-repeat; position:absolute; left:205px; top:38px; padding:0; margin:0; float:left; }
#footer a.xht:hover{ background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat; }
#footer a.cs{ display:block; width:38px; height:12px; background:url(../images/css_bg.gif) 0 0 no-repeat; position:absolute; left:261px; top:38px; padding:0; margin:0; float:left; }
#footer a.cs:hover{ background:url(../images/css_bg_hover.gif) 0 0 no-repeat; }
#footer p.design{ display:block; height:25px; position:absolute; left:138px; top:59px; font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF7DE; background-color:#333333; text-align:center; text-transform:uppercase; }
#footer a.link{ font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF7DE; background-color:#333333; padding:3px; text-decoration:none; text-transform:uppercase; }
#footer a.link:hover{ color:#fff; background-color:#585757; }
/*------------------------------------------------footer end--------------------*/