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

*{ margin:0; padding:0;}
body{ background:url(../img/page_bg.gif);}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}
hr{ width:90%; border:0; background:#000; height:1px; margin:auto; margin-bottom:7px;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}

#top, #hometop{ margin:auto;margin-top:10px; width:729px; height:124px; background:  no-repeat; }
#top{background: url(../img/top_bgmain.gif) no-repeat; position:relative;}
#top .hang_icon { position:absolute; bottom:-68px; right:44px; z-index:50;}

#top p, #hometop p{ margin:0 0 0 430px; padding-top:20px; }
#top p a, #hometop p a{ display:block; width:100px; height:20px;}

#top p a.company, #hometop p a.company{ background:url(../img/btn_company_off.gif) no-repeat left top;}
#top p a.company:hover, #top p a.companyactive, #top p a.companyactive, #hometop p a.company:hover, #hometop p a.companyactive, #hometop p a.companyactive{background:url(../img/btn_company_on1.gif) no-repeat left top;}

#top p a.services,#hometop p a.services { background:url(../img/btn_services_off.gif) no-repeat left top;}
#top p a.services:hover, #top p a.servicesactive, #top p a.servicesactive,#hometop p a.services:hover, #hometop p a.servicesactive, #hometop p a.servicesactive{ background:url(../img/btn_services_on1.gif) no-repeat left top;}

#top p a.portfolio, #hometop p a.portfolio{ background:url(../img/btn_portfolio_off.gif) no-repeat left top;}
#top p a.portfolio:hover, #top p a.portfolioactive, #top p a.portfolioactive, #hometop p a.portfolio:hover, #hometop p a.portfolioactive, #hometop p a.portfolioactive{ background:url(../img/btn_portfolio_on1.gif) no-repeat left top;}

#top p a.contacts, #hometop p a.contacts{ background:url(../img/btn_contacts_off.gif) no-repeat left top;}
#top p a.contacts:hover, #top p a.contactsactive, #top p a.contactsactive,#hometop p a.contacts:hover, #hometop p a.contactsactive, #hometop p a.contactsactive{ background:url(../img/btn_contacts_on1.gif) no-repeat left top;}

#middle{ margin:auto;width:729px; height:183px;  background:url(../img/middle_bgnew.jpg) no-repeat;}
#middle p{ display:block; float:left; width:320px;font:bold 10px Verdana, Geneva, sans-serif; padding:82px 0 0 50px; line-height:15px; text-align:justify; color:#4e580b;}

#contents{width:729px; height:226px; margin:0 auto; padding-left:15px;}
#contents .nav { width:729px; height:46px; float:left; margin:0 1px 0 1px; }
#contents .nav a{ display:block; float:left; width:231px; height:46px; font-size:0px; color:#efede3; padding-right:5px; text-indent:-1000px; text-decoration:none; line-height:0;}
#contents .nav .web{ background:url(../img/nav_web.gif) no-repeat left top;}
#contents .nav .web:hover{background:url(../img/nav_web.gif) no-repeat left -47px;}
#contents .nav .webactive{background:url(../img/nav_web.gif) no-repeat left -94px;}
#contents .nav .business{ background:url(../img/nav_business.gif) no-repeat left top;}
#contents .nav .business:hover{background:url(../img/nav_business.gif) no-repeat left -47px;}
#contents .nav .businessactive{background: no-repeat left -47px;}
#contents .nav .multimedia{background:url(../img/nav_multimedia.gif) no-repeat left top;}
#contents .nav .multimedia:hover{background:url(../img/nav_multimedia.gif) no-repeat left -47px;}
#contents .nav .multimediaactive{background:url(../img/nav_multimedia.gif) no-repeat left -47px;}
#contents .content_inner { background: url(../img/contents_bgnew.jpg) repeat-x; height:185px; width:708px; margin:0 2px 0 2px;}
#contents .imgleft { float:left; background:url(../img/contents_curve_a.gif) no-repeat top left; width:12px; height:130px; margin-left:2px;}
#contents .imgmiddle { float:left; background:#201002; width:684px; height:30px;}
#contents .imgmiddle p { font-size:12px; text-align:center; color:#fff; width:600px; padding-top:5px;}
#contents .imgmiddle p a { color:#fff;}
#contents .imgmiddle p a:hover { color:#ebe3c3;}
#contents .imgmiddle p span {color:#ebe3c3;}
#contents .imgright { float:left; background:url(../img/contents_curve_b.gif) no-repeat top left; width:12px; height:30px; margin-right:1px;}
#contents .content_inner .imgfloat { float:left; width:180px; height:168px; margin:12px 5px 5px 20px; background:url(../img/content_image1new.gif) no-repeat top left;}
#contents .content_inner .right_matter { float:left; margin:10px auto 5px auto;}
#contents .content_inner .right_matter p { color:#4e580b;width:470px; font:bold 10px Verdana, Geneva, sans-serif; padding-left:3px; text-align:justify; line-height:14px;}

#contents .img_displaynav {height:69px; float:left; margin:10px auto 0 auto; }
#contents .img_displaynav a{ display:block; float:left; width:102px; height:69px; padding-right:5px; margin-left:5px;}

#contents h1{ width:400px;font: bold 16px Arial, Helvetica, sans-serif;  padding:20px 0 10px 35px;}
#contents p img{ float:left; margin:0 15px 0 0;}
#contents #services{ margin:10px 0; float:right;width:245px; list-style:none;font:bold 11px Verdana, Geneva, sans-serif;}
#contents #services li{ padding:10px 5px;}
#contents #services a{color:#a1192c;}
#contents #services li.header{ font: bold 16px Arial, Helvetica, sans-serif;  padding-bottom:16px;}

#footer{ margin:auto; width:729px; height:64px; padding:30px 0 10px 0;  background:url(../img/footer_bg.jpg) no-repeat; text-align:center;font:bold 10px Verdana, Geneva, sans-serif; color:#3b4401;}
#footer a{color:#3b4401; padding:5px;}

#innercontentcanvas{ margin:auto;width:720px; height:462px;color:#a1192c; padding: 0 20px 0 auto;}
#innercontentcanvas .topimg { width700px; height:29px; float:left;}
#innercontentcanvas .topimg .left { float:left; background:url(../img/middle_bg4.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .topimg .middle { float:left; background:url(../img/middle_bg2.gif) repeat-x top left; width:690px; height:29px; }
#innercontentcanvas .topimg .right { float:left; background:url(../img/middle_bg5.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .middleimg { width:720px; height:400px; float:left; background:url(../img/middle_bg1.gif) repeat top left;}
#innercontentcanvas .bottomimg { width700px; height:29px; float:left;}
#innercontentcanvas .bottomimg .bottomleft { float:left; background:url(../img/middle_bg7.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .bottomimg .bottommiddle { float:left; background:url(../img/middle_bg3.gif) repeat-x top left; width:690px; height:29px; }
#innercontentcanvas .bottomimg .bottomright { float:left; background:url(../img/middle_bg6.gif) no-repeat top left; width:15px; height:29px; }

#innercontentcanvas .middleimg h1{ width:690px;font: bold 16px Arial, Helvetica, sans-serif;  padding:0 0 0px 30px;}
#innercontentcanvas .middleimg p{ width:500px; float:left; font:normal 10px Verdana, Geneva, sans-serif; text-align:justify; line-height:13px; float:left; color:#343434; }
#innercontentcanvas .middleimg img{ float:left;padding:0 10px 20px 0px; margin-left:30px;}
#innercontentcanvas .middleimg h2{width:250px; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#751105;  background:url(../img/bullet1.gif) no-repeat left; padding:2px 0 5px 25px; }

#hiddencontent{ display:none;}



#innercontentcanvas_port{ margin:auto;width:720px; height:462px;color:#a1192c; padding: 0 20px 0 auto;}
#innercontentcanvas_port .topimg {  float:left; height:auto; }
#innercontentcanvas_port .topimg .left { float:left; background:url(../img/imgport/middle_bg4.gif) no-repeat top left; width:15px;  }
#innercontentcanvas_port .topimg .middle { float:left; background:url(../img/imgport/middle_bg2.gif) repeat-x top left; width:690px;  }
#innercontentcanvas_port .topimg .right { float:left; background:url(../img/imgport/middle_bg5.gif) no-repeat top left; width:15px;  }
#innercontentcanvas_port .middleimg { width:720px; height:400px; float:left; background:url(../img/imgport/middle_bg1.gif) repeat top;}

#innercontentcanvas_port ul {float:left; font-size:13px; color:#c3d207; line-height:18px; display:block; font-weight:bold;}
#innercontentcanvas_port li a { color:#c3d207}
#innercontentcanvas_port li a:hover { color:#fff; text-decoration:none;}
#innercontentcanvas_port .middleimg .services_content .head{ float:left; margin:10px 0 0 0; background:url(../img/webservice.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .head_b{ float:left; margin:10px 0 0 0; background:url(../img/busi-accounting.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .head_c{ float:left; margin:10px 0 0 0; background:url(../img/multimedia.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .moreinfo a { float:right; margin:45px 10px 0 0; font:13px Arial, Helvetica, sans-serif bold; color:#c5d30c; width:100px; height:20px; background:#425817; padding:4px 0 2px 0; text-align:center;}
#innercontentcanvas_port .middleimg .services_content .moreinfo a:hover { background:#c5d30c; color:#000;}
#innercontentcanvas_port .bottomimg { width700px; height:29px; float:left;}
#innercontentcanvas_port .bottomimg .bottomleft { float:left; background:url(../img/imgport/middle_bg07.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas_port .bottomimg .bottommiddle { float:left; background:url(../img/imgport/middle_bg03.gif) repeat-x top left; width:690px; height:29px; }
#innercontentcanvas_port .bottomimg .bottomright { float:left; background:url(../img/imgport/middle_bg06.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas_port .middleimg p{ width:125px; float:left; font:normal 11px Verdana, Geneva, sans-serif; text-align:justify; line-height:15px; float:left; color:#fff; }
#innercontentcanvas_port .middleimg img{ float:left;padding:0 0 20px 0px; margin-left:30px;}
#innercontentcanvas_port .middleimg h2{width:100px; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#c3d10a;  background:url(../img/con_bullet.jpg) no-repeat left; padding:2px 0 5px 22px;}
#innercontentcanvas_port .middleimg .content { width:700px; height:auto; padding:15px 0 0 35px; float:left;}
#innercontentcanvas_port .middleimg .content .image{width:179px; padding:10px; height:160px; background: url(../img/imgport/portcanvas.gif) no-repeat top left ; float:left; margin-right:20px; color:#c3d10a; font:normal 12px Arial, Helvetica, sans-serif;}
#innercontentcanvas_port .middleimg .content .image:hover{ background:url(../img/imgport/portcanvashover.gif) no-repeat top left; color:#fff;}

#innercontentcanvas_port .middleimg .content .images {width:180px; padding:10px; height:160px; background:url(../img/imgport/portcanvas01.gif) no-repeat top left; float:left; margin-right:20px; color:#c3d10a; font:normal 12px Arial, Helvetica, sans-serif;}
#innercontentcanvas_port .middleimg .content .images:hover{ background:url(../img/imgport/portcanvas_hover01.gif) no-repeat top left; color:#fff;}
#innercontentcanvas_port .middleimg .content .images img{ margin:0; padding:0 10px 6px 0px;}
#innercontentcanvas_port .middleimg .content .images span{ padding-left:10px;}




#innercontentcanvas_port .middleimg .content .image img{ margin:0; padding:0 10px 6px 0px;}
#innercontentcanvas_port .middleimg .content .image span{ padding-left:10px;}
#innercontentcanvas_port .middleimg .services_contentbottom { margin:10px 0 0 20px; background:none; width:680px; height:40px;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation{ float:left; margin-right:23px;width:210px; height:40px; background:#6d8124; padding:0; border:0;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation img{ margin:0; border:0;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation_r{float:right; margin-right:0;width:210px; height:40px; background:#6d8124; padding:0; border:0;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation_r img{ margin:0; border:0;}


#innercontentcanvas_port .middleimg .contact_content { margin:3px 0 0 20px; background:#607634; width:640px; height:400px; padding:0 10px 0 10px;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas{ margin:15px; float:left; width:645px; background:none;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas img{ margin:0; float:left;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas .address { float:left; width:140px; height:120px; background:none; margin-left:15px; border-right:1px dashed #3e5217;}
#innercontentcanvas_port .middleimg .contact_content label{ float:left; width:100px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; margin-bottom:10px; height:20px;}
#innercontentcanvas_port .middleimg .contact_content input{ float:right; margin-right:20px;margin-bottom:10px; width:160px;}
#innercontentcanvas_port .middleimg .contact_content input.submit{ width:160px; padding:5px 8px; background:#c4d20b; float:right;}
textarea{display:block;height:85px; width:160px; float:right; margin:0 20px 10px 20px; _margin:0 0px 10px 10px; padding:0; border:0;}

#innercontentcanvas_port .middleimg .content .mul_images {width:180px; padding:10px; height:160px; background:url(../img/imgport/portcanvas01.gif) no-repeat top left; float:left; margin-right:20px; color:#c3d10a; font:bold 12px Arial, Helvetica, sans-serif;}
#innercontentcanvas_port .middleimg .content .mul_images:hover{ background:url(../img/imgport/portcanvas_hover02.gif) no-repeat top left; color:#fff;}
#innercontentcanvas_port .middleimg .content .mul_images img{ margin:0; padding:0 10px 6px 0px;}













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

*{ margin:0; padding:0;}
body{ background:url(../img/page_bg.gif);}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}
hr{ width:90%; border:0; background:#000; height:1px; margin:auto; margin-bottom:7px;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}

#hometop{ margin:auto;margin-top:10px; width:729px; height:124px; background:url(../img/top_bgmain.gif) no-repeat;}


#top p, #hometop p{ margin:0 0 0 430px; padding-top:20px; }
#top p a, #hometop p a{ display:block; width:100px; height:20px;}

#top p a.company, #hometop p a.company{ background:url(../img/btn_company_off.gif) no-repeat left top;}
#top p a.company:hover, #top p a.companyactive, #top p a.companyactive, #hometop p a.company:hover, #hometop p a.companyactive, #hometop p a.companyactive{background:url(../img/btn_company_on1.gif) no-repeat left top;}

#top p a.services,#hometop p a.services { background:url(../img/btn_services_off.gif) no-repeat left top;}
#top p a.services:hover, #top p a.servicesactive, #top p a.servicesactive,#hometop p a.services:hover, #hometop p a.servicesactive, #hometop p a.servicesactive{background:url(../img/btn_services_on1.gif) no-repeat left top;}

#top p a.portfolio, #hometop p a.portfolio{ background:url(../img/btn_portfolio_off.gif) no-repeat left top;}
#top p a.portfolio:hover, #top p a.portfolioactive, #top p a.portfolioactive, #hometop p a.portfolio:hover, #hometop p a.portfolioactive, #hometop p a.portfolioactive{background:url(../img/btn_portfolio_on1.gif) no-repeat left top;}

#top p a.contacts, #hometop p a.contacts{ background:url(../img/btn_contacts_off.gif) no-repeat left top;}
#top p a.contacts:hover, #top p a.contactsactive, #top p a.contactsactive,#hometop p a.contacts:hover, #hometop p a.contactsactive, #hometop p a.contactsactive{background:url(../img/btn_contacts_on1.gif) no-repeat left top;}

#middle{ margin:auto; width:729px; height:180px;  background:url(../img/middle_bgnew.jpg) no-repeat;}
#middle p{ display:block; float:left; width:320px;font:bold 10px Verdana, Geneva, sans-serif; padding:82px 0 0 50px; line-height:15px; text-align:justify; color:#4e580b;}

#contents{width:729px; height:226px; padding-top:4px;}
#contents .nav { width:729px; height:46px; float:left; margin:0 1px 0 1px; }
#contents .nav a{ display:block; float:left; width:231px; height:46px; font-size:0px; color:#efede3; padding-right:5px; text-indent:-1000px; text-decoration:none; line-height:0;}
#contents .nav .web{ background:url(../img/nav_web.gif) no-repeat left top;}
#contents .nav .web:hover{background:url(../img/nav_web.gif) no-repeat left -47px;}
#contents .nav .webactive{background:url(../img/nav_web.gif) no-repeat left -94px;}
#contents .nav .business{ background:url(../img/nav_business.gif) no-repeat left top;}
#contents .nav .business:hover{background:url(../img/nav_business.gif) no-repeat left -47px;}
#contents .nav .businessactive{background: no-repeat left -47px;}
#contents .nav .multimedia{background:url(../img/nav_multimedia.gif) no-repeat left top;}
#contents .nav .multimedia:hover{background:url(../img/nav_multimedia.gif) no-repeat left -47px;}
#contents .nav .multimediaactive{background:url(../img/nav_multimedia.gif) no-repeat left -47px;}
#contents .content_inner { background: url(../img/contents_bgnew.jpg) repeat-x; height:185px; width:708px; margin:0 2px 0 2px;}
#contents .imgleft { float:left; background:url(../img/contents_curve_a.gif) no-repeat top left; width:12px; height:130px; margin-left:2px;}
#contents .imgmiddle { float:left; background:#201002; width:684px; height:30px;}
#contents .imgmiddle p { font-size:12px; text-align:center; color:#fff; width:600px; padding-top:5px;}
#contents .imgmiddle p a { color:#fff;}
#contents .imgmiddle p a:hover { color:#ebe3c3;}
#contents .imgmiddle p span {color:#ebe3c3;}
#contents .imgright { float:left; background:url(../img/contents_curve_b.gif) no-repeat top left; width:12px; height:30px; margin-right:1px;}
#contents .content_inner .imgfloat { float:left; width:180px; height:168px; margin:12px 5px 5px 20px; background:url(../img/content_image1new.gif) no-repeat top left;}
#contents .content_inner .right_matter { float:left; margin:10px auto 5px auto;}
#contents .content_inner .right_matter p { color:#4e580b;width:470px; font:bold 10px Verdana, Geneva, sans-serif; padding-left:3px; text-align:justify; line-height:14px;}

#contents .img_displaynav {height:69px; float:left; margin:10px auto 0 auto; }
#contents .img_displaynav a{ display:block; float:left; width:102px; height:69px; padding-right:5px; margin-left:5px;}

#contents h1{ width:400px;font: bold 16px Arial, Helvetica, sans-serif;  padding:20px 0 10px 35px;}
#contents p{  font:bold 11px Verdana, Geneva, sans-serif; text-align:left; line-height:16px;}
#contents #services{ margin:10px 0; float:right;width:245px; list-style:none;font:bold 11px Verdana, Geneva, sans-serif;}
#contents #services li{ padding:10px 5px;}
#contents #services a{color:#a1192c;}
#contents #services li.header{ font: bold 16px Arial, Helvetica, sans-serif;  padding-bottom:16px;}

#footer{ margin:4px auto; width:729px; height:64px; padding:30px 0 10px 0;  background:url(../img/footer_bg.jpg) no-repeat 0px 0px; text-align:center;font:bold 10px Verdana, Geneva, sans-serif; color:#3b4401;}
.bg{background:url(../img/footer_bg.jpg) no-repeat -2px 0px !important;}



#footer a{color:#3b4401; padding:5px;}

#innercontentcanvas{ margin:auto;width:720px; height:462px;color:#a1192c; padding: 0 20px 0 auto;}
#innercontentcanvas .topimg {   float:left;}
#innercontentcanvas .topimg .left { float:left; background:url(../img/middle_bg4.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .topimg .middle { float:left; background:url(../img/middle_bg2.gif) repeat-x top left; width:690px; height:29px; }
#innercontentcanvas .topimg .right { float:left; background:url(../img/middle_bg5.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .middleimg { width:720px; height:400px; float:left; background:url(../img/middle_bg1.gif) repeat top left;}
#innercontentcanvas .bottomimg { width700px; height:29px; float:left;}
#innercontentcanvas .bottomimg .bottomleft { float:left; background:url(../img/middle_bg7.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas .bottomimg .bottommiddle { float:left; background:url(../img/middle_bg3.gif) repeat-x top left; width:690px; height:29px; }
#innercontentcanvas .bottomimg .bottomright { float:left; background:url(../img/middle_bg6.gif) no-repeat top left; width:15px; height:29px; }

#innercontentcanvas .middleimg h1{ width:690px;font: bold 16px Arial, Helvetica, sans-serif;  padding:0 0 0px 30px;}
#innercontentcanvas .middleimg p{ width:500px; float:left; font:normal 10px Verdana, Geneva, sans-serif; text-align:justify; line-height:13px; float:left; color:#343434; }
#innercontentcanvas .middleimg img{ float:left;padding:0 10px 20px 0px; margin-left:30px;}
#innercontentcanvas .middleimg h2{width:250px; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#751105;  background:url(../img/bullet1.gif) no-repeat left; padding:2px 0 5px 25px; }

#hiddencontent{ display:none;}



#innercontentcanvas_port{ margin:auto;width:710px; height:450px;color:#a1192c; padding: 0 20px 0 auto;}
#innercontentcanvas_port .topimg { height:28px;  float:left;}
#innercontentcanvas_port .topimg .left { float:left; background:url(../img/imgport/middle_bg4.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas_port .topimg .middle { float:left; background:url(../img/imgport/middle_bg1.gif) repeat-x top left; width:680px; height:29px; }
#innercontentcanvas_port .topimg .right { float:left; background:url(../img/imgport/middle_bg5.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas_port .middleimg {
	width:710px;
	height:400px;
	float:left;
	background:url(../img/imgport/middle_bg1.gif) repeat top left;
	position:relative;
	background-color: #FF0000;
}
#innercontentcanvas_port .middleimg .img_right { width:263px; height:243px; background:url(../img/contact_right.jpg) no-repeat top left; position:absolute; left:380px; top:185px;}

#innercontentcanvas_port .middleimg .services_content {
	
	margin:5px 0 5px 35px;
	background:#607634;
	width:618px;float:left;
	padding:0 10px 10px 10px;
	border: solid 1px #4C5E27;_margin-left:18px;
}
#innercontentcanvas_port .middleimg .services_content ul { float:left; color:#c3d207; line-height:22px; display:block; font:normal 11px Verdana, Geneva, sans-serif; letter-spacing:1px; margin-top:10px;}
#innercontentcanvas_port .middleimg .services_content li{ list-style:none; line-height:18px;color:#c3d207; background:url(../img/icon_01.gif) no-repeat left ; list-style:none; padding-left:15px;}

#innercontentcanvas_port .middleimg .services_content li:hover { color:#fff; text-decoration:none;}
#innercontentcanvas_port .middleimg .services_content .head{ float:left; margin:10px 0 5px 0; background:url(../img/webservice.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .head_b{ float:left; margin:10px 0 5px 0; background:url(../img/busi-accounting.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .head_c{ float:left; margin:10px 0 5px 0; background:url(../img/multimedia.jpg) no-repeat top left; width:400px; height:43px; display:block;}
#innercontentcanvas_port .middleimg .services_content .moreinfo a { float:right; margin:30px 10px 0 0; font:13px Arial, Helvetica, sans-serif bold; color:#c5d30c; width:100px; height:20px; background:#425817; padding:4px 0 2px 0; text-align:center;}
#innercontentcanvas_port .middleimg .services_content .moreinfo a:hover { background:#c5d30c; color:#000;}
#innercontentcanvas_port .bottomimg { width:710px; height:29px;}
#innercontentcanvas_port .bottomimg .bottomleft { float:left; background:url(../img/imgport/middle_bg7.gif) no-repeat top left; width:15px; height:29px; }
#innercontentcanvas_port .bottomimg .bottommiddle { float:left; background:url(../img/imgport/middle_bg2.gif) repeat-x top; width:680px; height:29px; }
#innercontentcanvas_port .bottomimg .bottomright { float:left; background:url(../img/imgport/middle_bg6.gif) no-repeat top left; width:15px; height:29px; }

#innercontentcanvas_port .middleimg h1 a{font: bold 16px Arial, Helvetica, sans-serif;  padding:0 0 0px 0px; color:#c3d10a; float:left; display:block; text-decoration:none;}
#innercontentcanvas_port .middleimg h1{font: normal 17px Verdana, Geneva, sans-serif;  padding:0 0 0px 34px; color:#FFFA7D; float:left; display:block;}
#innercontentcanvas_port .middleimg h1 a:hover{color:#FFFA7D; text-decoration:none; outline:none;}
#innercontentcanvas_port .middleimg h1 a.active{color:#FFFA7D; outline:none;}
#innercontentcanvas_port .middleimg p{
	width:165px;
	float:left;
	font:normal 11px Verdana, Geneva, sans-serif;
	text-align:left;
	line-height:16px;
	float:left;
	color:#fff; 
	margin-left:3px;
}
#innercontentcanvas_port .middleimg p span{
	width:165px;
	background:url(../img/con_ico2.gif) left no-repeat;
	float:left;
	text-align:left;
	padding-left:18px;
	margin-left:2px;
}
#innercontentcanvas_port .middleimg p .email{
	width:165px;
	background:url(../img/con_ico1.gif) left no-repeat;
	float:left;
	text-align:left;
	padding-left:20px;
	margin-left:3px;
}
#innercontentcanvas_port .middleimg p a{
	text-decoration:none;
	color:#EBEBEB;
}
#innercontentcanvas_port .middleimg p a:hover{
	color:#fff;
	text-decoration:underline;
}

#innercontentcanvas_port .middleimg img{ float:left;padding:0 0 20px 0px; margin-left:30px;}
#innercontentcanvas_port .middleimg h2{width:100px; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#c3d10a;  background:url(../img/con_bullet.jpg) no-repeat left; padding:2px 0 5px 20px;}
#innercontentcanvas_port .middleimg .content { width:700px; height:auto; padding:15px 0 0 35px; float:left;}
#innercontentcanvas_port .middleimg .content .image{width:180px; padding:10px 10px 0 10px; height:165px; background: url(../img/imgport/portcanvas.gif) no-repeat top left ; float:left; margin-right:20px; color:#c3d10a; font:normal 12px Arial, Helvetica, sans-serif;}
#innercontentcanvas_port .middleimg .content .image:hover{ background:url(../img/imgport/portcanvashover.gif) no-repeat top left; color:#fff;}
#innercontentcanvas_port .middleimg .content .image img{ margin:0; padding:0 10px 6px 0px;}
#innercontentcanvas_port .middleimg .content .image span{ padding-left:10px;}
#innercontentcanvas_port .middleimg .services_contentbottom {
	margin:5px 0 0 35px;
	background:none;
	width:680px;
	height:30px;
}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation{ float:left; margin-right:5px;width:210px; height:20px; background:#6d8124; padding:0; border:0;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation img{ margin:0; border:0;}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation_r{
	float:left;
	margin-right:0;
	width:210px;
	height:30px;
	background:#6d8124;
	padding:0;
	border:0;
}
#innercontentcanvas_port .middleimg .services_contentbottom .navigation_r img{ margin:0; border:0;}
#innercontentcanvas_port .middleimg .contact_content { margin:3px 0 0 35px; background:#607634; width:620px; padding:0 10px 0 10px; border:solid 1px #4C5E27;}
#innercontentcanvas_port .middleimg .contact_content h1{font: bold 14px Verdana, Geneva, sans-serif;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas{ margin:15px 0 0 0; float:left; width:645px; background:none;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas img{ margin:0; float:left;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas .address { float:left; width:143px; height:95px; background:none; margin-left:15px; border-right:1px dashed #3e5217;}
#innercontentcanvas_port .middleimg .contact_content .matter_canvas .address.middle{ width:174px;}
#innercontentcanvas_port .middleimg .contact_content label{ float:left; width:80px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; margin-bottom:10px; height:20px; clear:both;}
#innercontentcanvas_port .middleimg .contact_content input{ float:right; margin-bottom:10px; border:0; height:20px;}
#innercontentcanvas_port .middleimg .contact_content input.submit{ width:160px; padding:3px 8px 6px 8px; background:red; background:url(../img/submit_button.jpg) no-repeat top center; color:#000; height:25px;}
#innercontentcanvas_port .middleimg .contact_content input.submit:hover { background:url(../img/submit_button_hover.jpg) no-repeat top center; color:#000; border:1px solid #3e5217;}
#tabbedpannel_bottom {width:714px; height:31px; margin:auto; clear:both;}



.nav { width:550px; height:35px; float:left; margin-left:35px; outline:none;}
.nav a{ display:block; float:left; width:auto; height:35px; font-size:0px; color:#441c17; background:none; outline:none;}
.nav .portfo{ background:url(../img/port_navl.jpg) no-repeat left -86px ; width:149px;}
.nav .portfo:hover{background:url(../img/port_navl.jpg) no-repeat left -45px;}
.nav .portfoactive{background:url(../img/port_navl.jpg) no-repeat left -4px; width:149px;}

.nav .app{ background:url(../img/port_navm.jpg) no-repeat left -86px; width:193px;}
.nav .app:hover{background:url(../img/port_navm.jpg) no-repeat left -45px;}
.nav .appactive{ background:url(../img/port_navm.jpg) no-repeat left -4px; width:193px;}

.nav .multi{ background:url(../img/port_navr.jpg) no-repeat left -86px; width:198px;}
.nav .multi:hover{background:url(../img/port_navr.jpg) no-repeat left -45px;}
.nav .multiactive{background:url(../img/port_navr.jpg) no-repeat left -4px; width:198px;}
.tab_style { width:640px; height:2px; background:#465301; clear:both; margin:auto;}


.nav .webtemplate{ background:url(../img/webtemplate.jpg)no-repeat left -86px ; width:149px;}
.nav .webtemplate:hover{background:url(../img/webtemplate.jpg) no-repeat left -45px;}
.nav .webtemplate{background:url(../img/webtemplate.jpg) no-repeat left -4px; width:149px;}