
body{ margin:0; padding:0;font-family:calibri,arial; font-size:12px; color:#696969;}

* { margin:0; padding:0;}

.clear{ clear:both;}
/*--------------hame page background imag----------*/
#body_bg{ background-image:url(../images/body_bg.jpg); background-repeat:repeat-x;}
#body_bg1{ background-image:url(../images/body_bg1.jpg); background-repeat:repeat-x;}

/*--------------main div----------*/
#main{ margin:0 auto; padding:0; width:950px;}

/*--------------header div----------*/
#header{ padding-top:12px;}

/*--------------logo row div----------*/
#logo{}

#logo_left{ width:288px; float:left; }

#logo_right{ width:560px; float:left; margin-top:95px; padding-left:100px; height:33px; padding-top:20px}
#logo_right ul{ margin:0; padding:0; }
#logo_right li{ margin:0; padding:0; list-style:none; display:inline; background-image:url(../images/pipe.jpg); background-position:right bottom; background-repeat:no-repeat; padding:5px 15px 12px 15px}

#logo_right li a{ font-family:calibri,arial; font-size:20px; color:#5e8a0e; text-decoration:none;}
#logo_right li a:link{ font-family:calibri,arial; font-size:20px; color:#5e8a0e; text-decoration:none;}
#logo_right li a:hover{ font-family:calibri,arial; font-size:20px; color:#5e8a0e; text-decoration:underline;}

#logo_right li.pipe{ background-image:none;}

/*--------------showcase div----------*/
#showcase{}


#body{ padding:20px 0;}
/*--------------body div----------*/
#bodyf1{ background:url(../images/bodyv_bg1.jpg) center repeat-y; margin-bottom:9px; _margin-bottom:0px;}
#bodyf2{ background:url(../images/crubottom.jpg)  bottom center no-repeat;}
#aboutbody1{ padding:216px 20px 20px 20px; background:url(../images/aboutushd.jpg) top center no-repeat;}
#contactbody1{ padding:216px 20px 20px 20px; background:url(../images/contactushd.jpg) top center no-repeat;}
#consultingbody1{ padding:216px 20px 20px 20px; background:url(../images/consultinghd.jpg) top center no-repeat;}
#privacybody1{ padding:216px 20px 20px 20px; background:url(../images/privacyhd.jpg) top center no-repeat;}
#tosbody1{ padding:216px 20px 20px 20px; background:url(../images/toshd.jpg) top center no-repeat;}

#bodynewcont{padding:0px 428px 40px 23px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#bodynewcont h4{ color:#7e7e7e; font-size:16px; font-weight:bold; padding-bottom:15px;}
#bodynewcont h5{ color:#7e7e7e; font-size:14px; font-weight:bold;}
#bodynewcont p{  color:#949494; font-size:14px; font-weight:normal;}

#bodynewcont1{padding:2px 9px 20px 9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/linebg.jpg) top center no-repeat;}
#bodynewcont1 h4{  color:#454547; font-size:16px; font-weight:bold; padding:15px 0px 15px 0px;}
#bodynewcont1 p{  color:#949494; font-size:14px; font-weight:normal;}
#bodynewcont1 span{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:normal; padding:12px;}
/*--------------row1 div----------*/

#row1{ height:195px;}

/*--------------box1 div----------*/
#box1{ background-image:url(../images/box_soft.jpg); background-repeat:no-repeat; width:298px; height:192px; float:left;}

#box1 h1{ color:#1b1a1a; font-size:20px; padding-left:80px; padding-top:25px; }
#box1 p{ padding:25px 18px 0px 18px; text-align:justify; }
#box1 p.more{ margin:0; padding-top:10px; text-align:right;}
#box1 p.more a{ color:#000; text-decoration:none;}
#box1 p.more a:link{ color:#000; text-decoration:none;}
#box1 p.more a:hover{ color:#000; text-decoration:underline;}

/*--------------box2 div----------*/
#box2{ background-image:url(../images/box_web.jpg); background-repeat:no-repeat; width:298px; height:192px; float:left; margin:0 28px; }

#box2 h1{ color:#1b1a1a; font-size:20px; padding-left:80px; padding-top:25px;}
#box2 p{ padding:25px 18px 0px 18px; text-align:justify; }
#box2 p.more{ margin:0; padding-top:10px; text-align:right;}
#box2 p.more a{ color:#000; text-decoration:none;}
#box2 p.more a:link{ color:#000; text-decoration:none;}
#box2 p.more a:hover{ color:#000; text-decoration:underline;}

/*--------------box3 div----------*/
#box3{ background-image:url(../images/box_mobile.jpg); background-repeat:no-repeat; width:298px; height:192px; float:left;}

#box3 h1{ color:#1b1a1a; font-size:20px; padding-left:60px; padding-top:25px; }
#box3 p{ padding:25px 18px 0px 18px; text-align:justify; }
#box3 p.more{ margin:0; padding-top:10px; text-align:right;}
#box3 p.more a{ color:#000; text-decoration:none;}
#box3 p.more a:link{ color:#000; text-decoration:none;}
#box3 p.more a:hover{ color:#000; text-decoration:underline;}

/*--------------row2 div----------*/
#row2{ margin-top:50px; float:left;}

/*--------------latest News div----------*/
#new{ width:437px; float:left;}
#new h1{ color:#00a8ee; font-size:20px; border-bottom:0px solid #f2f2f2; padding-bottom:0px; margin-bottom:10px;}

#new p{border-bottom:0px solid #f2f2f2; padding:10px 0; width:100%; float:left;}

#new p span.rss{ width:15%;  float:left; padding-right:5px; }
#new p span.rssright{ width:75%; height:53px; float:left; padding-top:15px; }
#new p span.rssright a{ font-size:18px; color:#659211; text-decoration:none;}
#new p span.rssright a:link{ font-size:18px; color:#659211; text-decoration:none;}
#new p span.rssright a:hover{ font-size:18px; color:#659211; text-decoration:underline;}

#new p span.date{ width:15%; height:53px; float:left; background-image:url(../images/sticky.jpg); background-repeat:no-repeat;}
#new p span.date{ text-align:center; padding-top:10px; color:#00a8ee; font-size:18px; line-height:14px;}
#new p span.date strong{ text-align:center; padding-top:7px; color:#666; font-size:18px; font-weight:normal;}


#new p span.cont{ width:65%;float:left;}
#new p span.cont strong{ color:#659211; font-size:14px;}
#new p span.cont a{ color:#696969; text-decoration:none;}
#new p span.cont a:link{ color:#696969; text-decoration:none;}
#new p span.cont a:hover{ color:#696969; text-decoration:underline;}

#new p span.icon{ width:20%;float:left;}

/*--------------feature div----------*/
#feature{ width:175px;float:left; margin-left:25px;_margin-left:22px}
#feature h1{ color:#00a8ee; font-size:20px; border-bottom:1px solid #f2f2f2; padding-bottom:5px; margin-bottom:10px;}

#feature ul{ margin:0; padding:0;}

#feature li.icon{ margin:0; padding:0; list-style:none; background-image:url(../images/icon_soft.jpg); background-position:left; background-repeat:no-repeat; padding-left:25px; font-size:18px;}
#feature li.icon2{ margin:0; padding:0; list-style:none; background-image:url(../images/icon_web.jpg); background-position:left; background-repeat:no-repeat; padding-left:25px; font-size:18px;}
#feature li.icon3{ margin:0; padding:0; list-style:none; background-image:url(../images/icon_mobile.jpg); background-position:left; background-repeat:no-repeat; padding-left:25px; font-size:18px;}

#feature li.arrow{ margin-left:10px; padding:0;list-style:none;  background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; font-size:14px; padding-bottom:2px; padding-top:2px; color:#659211;}

#feature li.arrow a{ font-size:14px; color:#659211; text-decoration:none;}
#feature li.arrow a:link{ font-size:14px; color:#659211; text-decoration:none;}
#feature li.arrow a:hover{ font-size:14px; color:#659211; text-decoration:underline;}
/*--------------newsletter div----------*/
#letter{ width:290px;float:left;margin-left:20px;}

#gbox_left{ width:10px; height:270px; float:left; }
#gbox_center{ width:270px; height:270px; float:left; background-image:url(../images/box_center.jpg); background-repeat:repeat-x;}

#gbox_center h1{ background-image: url(../images/icon_newsletter.jpg); background-position:left; background-repeat:no-repeat; font-size:20px; padding-left:50px; margin-top:10px; margin-bottom:20px; height:35px; padding-top:15px; color:#000;}

#gbox_center ul{ margin:0; padding-left:15px;}
#gbox_center li{ margin:0; padding:0; list-style:none; font-weight:bold; color:#000; font-size:14px;}
#gbox_center li.pad{ margin:0; padding-bottom:15px;}


#gbox_right{ width:10px; height:270px; float:left;}

/*footer*/
#footer{ width:100%; background-image:url(../images/footer_bg.jpg); background-position:top center; background-repeat:repeat-x; height:1500px;}
#footer_inner{ margin:0 auto; width:950px; text-align:center; color:#8ac2eb; padding-top:10px;}

.text_box{ background-image:url(../images/text_box_bg.jpg); background-repeat:repeat-x; border:1px solid #c3c3c3; padding:4px 3px; width:230px;}

.link{ color:#FFF; text-decoration:none;}
.link:hover{ color:#FFF; text-decoration:underline;}

.wtext{ color:#FFF; text-decoration:none;}


/*-----------------*/
#portfoliobody1{ padding:216px 20px 20px 20px; background:url(../images/portfolio.jpg) top center no-repeat;}

#portfolia_row1{ margin:15px 0;}

#portfolia_row1_list{ width:150px; height:185px; float:left; margin:0 13px; border:1px solid #e6e6e6;}
#portfolia_row1_list img{ border:5px solid #ececec; }
#portfolia_row1_list p{width:152px; height:25px; padding-top:10px; background-color:#e3e3e3 ; border-top:1px solid #FFF; text-align:center; vertical-align:middle; color:#232323;}
#portfolia_row1_list p a{color:#232323; text-decoration:none;}
#portfolia_row1_list p a:link{color:#232323; text-decoration:none;}
#portfolia_row1_list p a:hover{color:#232323; text-decoration:underline;}

