/* CSS Document */

html{margin-bottom:1px; height:100%;}

body{background:#FFFFFF;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;}
body#home .top-nav #menu01 a,
body#about .top-nav #menu02 a,
body#approach .top-nav #menu03 a,
body#services .top-nav #menu04 a,
body#portfolio .top-nav #menu05 a,
body#contact .top-nav #menu06 a{color:#FFFFFF;text-decoration:none;list-style-type:none; display:block;background:url(images/green-b.gif) no-repeat; line-height:18px;}

a {color:#7D7C7F; text-decoration:none;}
a:hover{color:#8cc63f; text-decoration:underline;}

#wrapper {width:760px; margin:0px auto;}


.p1 {margin:0 0 15px 0; text-align:right;}
.p2 {margin:0 0 0 0; text-align:right;}

.col-header {width:760px; float:left;}
.col-left {width:125px; float:left;} 
.col-left h1 { background:url(images/logo.gif) no-repeat; height:110px; margin:0px;}
.col-left span {visibility:hidden; }

.col-right {width:200px; float:right;}

.top-nav {width:760px; float:left;}

.top-nav ul{margin:0; padding:0; float:left;}
.top-nav ul li{ list-style-type:none; float:left; display:block; background:url(images/grey-b.gif) no-repeat; width:125px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center;margin-right:1px; line-height:20px !important;line-height:18px; }

.top-nav ul li a{ text-decoration:none;list-style-type:none; display:block;background:url(images/grey-b.gif) no-repeat; width:125px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center; line-height:20px !important;line-height:18px;}
.top-nav ul li a:hover{ color:#FFFFFF;text-decoration:none;list-style-type:none; display:block;background:url(images/green-b.gif) no-repeat; line-height:20px !important;line-height:18px;}

.top-nav ul li a.on{ text-decoration:none;list-style-type:none; display:block;background:url(images/green-b.gif) no-repeat; width:125px; height:20px; text-align:center; line-height:18px;}


.container {width:760px; float:left;}
.c-left {width:125px; float:left;} 
.c-main {width:420px; float:left; padding-left:45px; padding-right:40px;} 
.c-right {width:125px; float:left;} 

img.portimg {float:right;}
.head {width:250px; float:left;}
.c-main h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8CC63F; margin:0px; padding:0px 0px 20px 0px;}
.head h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8CC63F; margin:0px; padding:0px 0px 20px 0px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999999;padding-left:0px;margin-top:0;}
.heading { float:left;}
.head-logo { float:right;}

.content { float:left; width:420px;}
.img { border:0px; float:left;}

.wid { width:255px; float:left;}

.serv-tab {width:420px; float:left; text-align:center;}
.stab1 {width:145px; float:left;}
.stab2 {width:145px; float:left; padding-left:0px;}
.stab3 {width:145px; float:left; padding-left:0px;}

.stab-title{width:140px; float:left;}
.stab-title a{width:139px; height:16px;float:left; background:url(images/green-serv.gif) no-repeat right #BADD8C; color:#FFF; font-size:12px;  text-decoration:none; line-height:17px !important; line-height:15px;}
.stab-title a:hover{width:139px; height:16px;float:left; background:url(images/grey-serv.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px; text-decoration:none; line-height:17px !important; line-height:15px;}
.stab-title a.on{width:139px; height:16px;float:left; background:url(images/grey-serv.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px; text-decoration:none; line-height:17px !important; line-height:15px;}




.left-bar1 { width:125px; padding:0px; margin-bottom:10px !important; margin-bottom:0px;}

/*
.left-bar-head1 { height:20px; background:url(images/grey-b-left.gif) no-repeat; text-align:right; line-height:18px;}
*/

.left-bar-head1 {width:125px; float:left; }
.left-bar-head1 a{width:115px; height:17px;float:left; background:url(images/grey-in.gif) no-repeat right #7D7C7F; color:#8CC63F; font-size:12px;padding:3px 10px 0px 0px; text-decoration:none; text-align:right;}
.left-bar-head1 a:hover{width:115px; float:left; background:url(images/green-in.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px;text-decoration:none; text-align:right;}



.left-bar-content1 { width:120px;background: url(images/left-cont-bg.gif) repeat-y; text-align:right;}
.left-bar-content1:hover { width:120px;background: url(images/left-cont-bg.gif) repeat-y; text-align:right;}
.left-bar-footer1 { height:9px;background:url(images/left-cont-bot.gif) no-repeat; }


.left-bar2 {width:125px; padding:0px; margin-bottom:10px !important; margin-bottom:0px;}


.right-bar1 { width:125px; padding:0px; margin:0px;}

/*
.right-bar-head1 {width:125px; float:left;}

.right-bar-head1 a{ float:left; background:url(images/grey-b.gif) no-repeat right #7D7C7F; font-size:12px; text-decoration:none; color:#8CC63F; width:125px; height:17px; padding:3px 0px 0px 0px; text-align:right;}
.right-bar-head1 a:hover{float:left; background:url(images/greeb-b.gif) no-repeat right #8CC63F; font-size:12px; text-decoration:none; color:#FFF;  width:125px; height:17px; padding:3px 0px 0px 0px; text-align:right;}
*/


.right-bar-head1 {width:125px; float:left;}

.right-bar-head1 a{width:125px; height:17px;float:left; background:url(images/grey-corner-bot.gif) no-repeat right #7D7C7F; color:#8CC63F; font-size:12px;padding:3px 0px 0px 0px; text-decoration:none;text-align:center;}
.right-bar-head1 a:hover{width:125px; float:left; background:url(images/hp-green-head1.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px;text-decoration:none;}

.aln { text-align:center;padding-left:0px}

.right-bar2 { width:125px; padding:0px; margin:0px; text-align:center;}

.page { clear:both; float:left; width:430px;}
.back {width:50px; float:left; }
.next {width:50px; float:right ; text-align:right;}

.frm-row { float:left; width:360px; color:#8CC63F; font-size:12px; font-weight:bold; padding-bottom:5px;}
.label { float:left; width:65px; padding:3px 0px 0px 0px;}
.field input.text, .field textarea { float:left; width:180px;}
.button { float:left; width:80px; margin-left:5px; }
.input {width:178px;}
.input1 {width:180px; height:50px;}


.footer {width:760px; float:left; text-align:right; padding:0px 0px 10px 0px;}

.footer ul{margin:0; padding:0; }
.footer li{ list-style-type:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5B5B5B; }

.footernew {width:400px; float:left; text-align:center; padding:0px 0px 10px 10px; margin-top:20px;}

.footernew ul{margin:0; padding:0; }
.footermew li{ list-style-type:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5B5B5B; }

body#home .footernew a#a,
body#about .footernew a#b,
body#approach .footernew a#c,
body#services .footernew a#d,
body#portfolio .footernew a#e,
body#contact .footernew a#f{color:#7D7C7F;text-decoration:underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Home Css ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.div-hp {width:760px; float:left;}
.hp-left {width:378px; float:left;}
.hp-right {width:382px; float:left;}

.pg-title {width:359px; float:left; padding:20px 0px 2px 0px !important;padding:20px 0px 2px 0px; }
.pg-txt {width:359px; float:left; padding:15px 15px 15px 0px !important; padding:10px 15px 0px 0px; height:187px;}
.pg-txt p {font-size:12px; color:#5B5B5B;} 
.portfolio-box{width:359px; float:left; padding:12px 0px 0px 0px;}
.portfolio-title {width:349px; float:left; }
.portfolio-title a{width:349px; height:17px;float:left; background:url(images/hp-grey-head.gif) no-repeat right #7D7C7F; color:#8CC63F; font-size:12px;padding:3px 0px 0px 10px; text-decoration:none;}
.portfolio-title a:hover{width:349px; float:left; background:url(images/hp-green-head.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px;text-decoration:none;}

.portfolio-img{width:359px; float:left;}

.portfolio-img #slides{ margin-left:0; padding:0;margin-top:0;  list-style:none;}
.right-bar1 ul#slides {margin-top:0;margin-left:0; margin-bottom:0;list-style:none;padding-left:0; }
/*
.portfolio-title a{color:#8CC63F; text-decoration:none;}
.portfolio-title a:hover{color:#FFF; text-decoration:underline;}
*/
.hp-right-row{width:382px; float:left;}
.hp-right-row2{width:418px; float:left;}

.secion1{width:125px; float:left; padding:20px 0px 0px 0px; margin-right:1px;}
.secion2{width:125px; float:left; padding:20px 0px 0px 0px; margin-right:1px;}
.secion3{width:125px; float:left; padding:20px 0px 0px 0px; margin-right:0px;}
.secion4{width:130px; float:left; padding:20px 0px 0px 0px; margin-left:2px !important; margin-left:3px;}
.secion5{width:130px !important; width:131px; float:left; padding:20px 0px 0px 0px; margin-left:4px !important; margin-left:0px;}
.secion6{width:130px; float:left; padding:20px 0px 0px 0px; margin-left:0px;}

.secion-img{width:125px; float:left;}
.secion-title{width:115px; float:left; text-align:center;}

.secion-title a{width:125px; height:17px;float:left; background:url(images/grey-corner-bot.gif) no-repeat right #7D7C7F; color:#8CC63F; font-size:12px;padding:3px 0px 0px 0px; text-decoration:none;}
.secion-title a:hover{width:125px; height:17px;float:left; background:url(images/hp-green-head1.gif) no-repeat right #8CC63F; color:#FFF; font-size:12px;padding:3px 0px 0px 0px; text-decoration:none;}

/*
.secion-title a{color:#8CC63F; text-decoration:none;}
.secion-title a:hover{color:#FFF; text-decoration:none;}
*/

.hp-portfolio{width:380px;float:left;height: 161px}
.portfolio-txt{width:370px;float:left; color:#8CC63F; font-size:26px;padding:30px 0px 5px 10px;}
.portfolio-company{width:380px;float:left;text-align:right;color:#5B5B5B;margin-top:10px}

.green-box{width:380px;float:left;padding:20px 0px 0px 0px;}
.green-box-txt{width:350px; height:62px; float:left;background:#C5E29F; font-size:27px; color:#BADC8C; padding:0px 20px 0px 10px; line-height:105%;}
.grey-title{width:370px;height:17px;float:left;background:url(images/grey-corner-bot.gif) no-repeat right #7D7C7F; color:#FFF; font-size:12px;padding:3px 0px 0px 10px;}

p.light1 {font-size:12px; color:#929193;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Inner Css ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.div-ip {width:760px; float:left; padding:20px 0px 0px 0px;}

ul.list{margin:0; padding:10px 0px 0px 0px; }
ul.list li{list-style-type:none;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5B5B5B; padding:0px 0px 4px 12px;background:url(images/bot-nav-bullet.gif) no-repeat 0px 9px;}

ul.list2{margin:0; padding:10px 0px 0px 0px; }
ul.list2 li{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5B5B5B; padding:0px 0px 4px 0px; list-style-type:none;}
ul.list2 li a{color:#5B5B5B; text-decoration: underline}
ul.list2 li a:hover{color:#8cc63f;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Font Css ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.text {font-size:10px;}
.text1 {font-size:12px;}
.text2 {font-size:13px;}
.text3 {font-size:15px;}
.text4 {font-size:17px;}

.content p {font-size:13px;color:#5B5B5B;padding:0px 0px 10px 0px; margin:0px; }
.content ul {font-size:13px;color:#5B5B5B;padding-left:0px;}

.content p a{color:#5B5B5B; text-decoration:underline;}
.content p a:hover{color:#8CC63F; text-decoration:underline;}

p {margin:0px; padding:0px 0px 15px 0px; text-align:justify; line-height:17px;}
.bold {font-weight:bold;}

.txt-right {text-align:right; margin-top:10px;}

.app-link {color:#7D7C7F; text-decoration:none;}
.app-link a {color:#7D7C7F; text-decoration:underline; line-height:19px;}
.app-link a:hover{color:#8cc63f; text-decoration:underline; line-height:19px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Color Css ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.grey {color:#5B5B5B;}
.grey1 {color:#7D7C7F;}
.black {color:#000000;}
.green {color:#8CC63F;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Padding Css ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pad {padding:10px 10px 10px 10px;}

.pad-t {padding-top:10px;}
.pad-r {padding:4px 5px 0px 0px;}
.pad-b {padding-bottom:10px;}
.pad-l {padding-left:10px;}

.pad1 {padding-top:30px;}
.pad2 {padding-top:20px;}
.pad3 {padding-bottom:20px;}
.pad4 {padding-top:60px;}
.pad5 {padding-top:35px;}
.pad6 {padding:30px 5px 0px 0px !important;padding:10px 5px 0px 0px;}

.middlebullet{margin-bottom:3px;}