body{margin:0px;padding:0px;font:normal 12px arial;}
img{border:0px;}

#container{clear:both;float:left;width:100%;}
#container #head1{clear:both;float:left;width:100%;height:65px;background:url('images/menubg.jpg') repeat-x;line-height:65px;}
#container #head1 .logo{float:left;width:428px;color:#FFFFFF;font:normal 32px 'Myriad Pro',arial;line-height:65px;}
#container #head1 .logo a{color:#FFFFFF;text-decoration:none;}
#container #head1 .logo a:hover{color:#FFFFFF;text-decoration:none;}

.center{clear:both;margin:0 auto;width:950px;}

#container #head1 .menu{float:left;width:513px;padding-top:25px;}
#container #head1 .menu ul{list-style:none;margin:0px;padding:0px;}
#container #head1 .menu ul li{float:left;color:#848282;font:bold 11px arial;margin-left:23px;}
#container #head1 .menu ul li.home{float:left;width:46px;text-align:center;line-height:16px;}
#container #head1 .menu ul li.home a{display:block;color:#848282;text-decoration:none;}
#container #head1 .menu ul li.home a:hover{display:block;color:#FFFFFF;text-decoration:none;width:46px;height:18px;background:url('images/hover1.jpg') no-repeat;}
#container #head1 .menu ul li.home a.active{display:block;color:#FFFFFF;text-decoration:none;width:46px;height:18px;background:url('images/hover1.jpg') no-repeat;}


#container #head1 .menu ul li.ser{float:left;width:85px;text-align:center;line-height:16px;}
#container #head1 .menu ul li.ser a{display:block;color:#848282;text-decoration:none;}
#container #head1 .menu ul li.ser a:hover{display:block;color:#FFFFFF;text-decoration:none;width:85px;height:18px;background:url('images/hover3.jpg') no-repeat;}
#container #head1 .menu ul li.ser a.active{display:block;color:#FFFFFF;text-decoration:none;width:85px;height:18px;background:url('images/hover3.jpg') no-repeat;}


#container #head1 .menu ul li.tes{float:left;width:95px;text-align:center;line-height:16px;}
#container #head1 .menu ul li.tes a{display:block;color:#848282;text-decoration:none;}
#container #head1 .menu ul li.tes a:hover{display:block;color:#FFFFFF;text-decoration:none;width:95px;height:18px;background:url('images/hover2.jpg') no-repeat;}
#container #head1 .menu ul li.tes a.active{display:block;color:#FFFFFF;text-decoration:none;width:95px;height:18px;background:url('images/hover2.jpg') no-repeat;}


#container #head2{clear:both;float:left;width:100%;height:351px;background:url('images/hederbg.jpg') repeat-x;}
#container #head2 .hleft{float:left;width:610px;margin-top:45px;}
#container #head2 .hleft .we{float:left;width:580px;color:#336600;font:normal 44px 'Myriad Pro',arial;line-height:50px;margin-left:10px;text-align:center;}
#container #head2 .hleft .we a{color:#FFFFFF;text-decoration:none;cursor:text;}
#container #head2 .hleft .we a:hover{color:#FFFFFF;text-decoration:none;cursor:text;}

#container #head2 .hleft .imgs{float:left;width:480px;margin-top:40px;margin-left:60px;}
#container #head2 .hleft .imgs .img1{float:left;width:45px;height:89px;margin-left:20px;}

#container #head2 .hright{float:left;width:299px;height:351px;margin-left:40px;background:url('images/design.jpg') no-repeat;}
#container #head2 .hright .design1{float:left;width:220px;margin-left:50px;font:bold 16px arial;margin-top:20px;color:#121b00;}
#container #head2 .hright ul{list-style:none;margin:0px;padding:0px;}
#container #head2 .hright ul.web{float:left;width:220px;margin-left:65px;margin-top:15px;}
#container #head2 .hright ul li{float:left;width:200px;color:#121b00;font:normal 12px arial;background:url('images/bullet.png') left center no-repeat;padding-left:20px;line-height:18px;}
#container #head2 .hright ul li a{color:#121b00;text-decoration:none;}
#container #head2 .hright ul li a:hover{color:#121b00;text-decoration:none;}

#container #middle{clear:both;float:left;width:100%;background-color:#E9ECD9;padding-bottom:50px;}
#container #middle .leftbg{float:left;width:640px;background:url('images/leftbg.jpg') no-repeat;margin-top:35px;}


#container #middle .leftbg p{clear:both;float:left;margin:0px;padding:0xp;width:530px;font:normal 12px arial;color:#818378;line-height:25px;margin-left:40px;margin-top:10px;}

#container #middle .leftbg .links{float:left;width:530px;font:normal 12px arial;color:#818378;margin-left:45px;padding-bottom:5px;margin-top:10px;}
#container #middle .leftbg .links ul{list-style:none;margin:0px;padding:0px;}
#container #middle .leftbg .links ul li{float:left;width:500px;color:#818378;background:url('images/bullet1.jpg') left center no-repeat;padding-left:20px;}
#container #middle .leftbg .links ul li.exe{float:left;width:500px;color:#818378;background:url('images/bullet1.jpg') left center no-repeat;padding-left:20px;line-height:25px;}
#container #middle .leftbg .links ul li.exe1{float:left;width:500px;color:#818378;background:url('images/bullet1.jpg') left 20% no-repeat;padding-left:20px;line-height:25px;}
#container #middle .leftbg .links ul li.exe1 a{color:#818378;text-decoration:none;cursor:text;}
#container #middle .leftbg .links ul li.exe1 a:hover{color:#818378;text-decoration:none;}

#container #middle .leftbg .links ul li a{color:#818378;text-decoration:none;}
#container #middle .leftbg .links ul li a:hover{color:#818378;text-decoration:none;}

#container #middle .leftbg .links1{float:left;width:530px;font:normal 12px arial;color:#818378;margin-left:45px;padding-bottom:10px;margin-top:10px;}
#container #middle .leftbg .links1 ul{list-style:none;margin:0px;padding:0px;}
#container #middle .leftbg .links1 ul.lin1{float:left;width:500px;}
#container #middle .leftbg .links1 ul.lin1 li{float:left;width:500px;}
#container #middle .leftbg .links1 ul li{float:left;width:240px;color:#818378;background:url('images/bullet2.jpg') left center no-repeat;padding-left:20px;line-height:25px;}
#container #middle .leftbg .links1 ul li a{color:#818378;text-decoration:none;}
#container #middle .leftbg .links1 ul li a:hover{color:#818378;text-decoration:none;}



#container #middle .mright{float:left;width:279px;margin-left:22px;margin-top:20px;}
#container #middle .mright .late{float:left;width:279px;margin-top:15px;}
#container #middle .mright .late .top{float:left;width:279px;height:11px;background:url('images/top.jpg') no-repeat;}
#container #middle .mright .late .mid{float:left;width:279px;background:url('images/mid1.jpg') repeat-y;}
#container #middle .mright .late .mid .latest{float:left;width:279px;background:url('images/line.jpg') no-repeat bottom;text-align:center;padding-bottom:8px;font:normal 30px 'Myriad Pro',arial;color:#93ad05}
#container #middle .mright .late .mid .update{float:left;width:279px;font:normal 13px arial;color:#4a4c42;text-align:center;margin-top:8px;}
#container #middle .mright .late .mid .imgg{float:left;width:256px;height:159px;text-align:center;margin-left:12px;margin-top:10px;border:solid 1px #697f2e;}
#container #middle .mright .late .mid .site{float:left;width:279px;text-align:center;font:normal 13px arial;color:#4a4c42;}
#container #middle .mright .late .mid .site a{color:#4a4c42;text-decoration:none;}
#container #middle .mright .late .mid .site a:hover{color:#4a4c42;text-decoration:none;}

#container #middle .mright .late .mid .imgg1{float:left;width:229px;height:122px;text-align:center;margin-left:30px;}
#container #middle .mright .imgg2{float:left;width:229px;height:122px;text-align:center;margin-left:25px;margin-top:20px;}
#container #middle .mright .late .mid .empty{float:left;width:279px;height:165px;}

#container #middle .mright .late .btm{float:left;width:279px;height:11px;background:url('images/btm.jpg') no-repeat;}



#container #footer{clear:both;float:left;width:100%;height:59px;background:url('images/footer.jpg') repeat-x;}
#container #footer .ftr{float:left;width:1000px;font:normal 11px arial;color:#999999;line-height:59px;text-align:center;}
#container #footer .ftr a{color:#ffffff;text-decoration:none;}
#container #footer .ftr a:hover{color:#99999B;text-decoration:none;}



#container #middle .leftbg h3{clear:both;float:left;margin:0px;padding:0px;width:500px;font:normal 30px 'Myriad Pro',arial;color:#93ad05;margin-top:20px;margin-left:20px;}


#container #middle .leftbg .down{clear:both;float:left;width:600px;}
#container #middle .leftbg .down .ids{clear:both;float:left;width:300px;}
#container #middle .leftbg .down .ids .calli{clear:both;float:left;width:250px;height:25px;margin-left:30px;margin-top:7px;padding-left:39px;background:url('images/ca.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:21px;}
#container #middle .leftbg .down .ids .calli a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .calli a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .ids .hot{clear:both;float:left;width:250px;height:27px;margin-left:27px;margin-top:10px;padding-left:40px;background:url('images/hot.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:27px;}
#container #middle .leftbg .down .ids .hot a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .hot a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .ids .gmail{clear:both;float:left;width:250px;height:24px;margin-left:30px;margin-top:10px;padding-left:38px;background:url('images/gtalk.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:21px;}
#container #middle .leftbg .down .ids .gmail a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .gmail a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .ids .yahoo{clear:both;float:left;width:250px;height:24px;margin-left:30px;margin-top:10px;padding-left:39px;background:url('images/ymail.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:21px;}
#container #middle .leftbg .down .ids .yahoo a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .yahoo a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .ids .aol{clear:both;float:left;width:250px;height:27px;margin-left:30px;margin-top:10px;padding-left:41px;background:url('images/aol.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:25px;}
#container #middle .leftbg .down .ids .aol a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .aol a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .ids .skype{clear:both;float:left;width:250px;height:25px;margin-left:30px;margin-top:10px;padding-left:40px;background:url('images/sk.png') no-repeat;font:12px 'Tahoma';color:#6d6c6c;line-height:22px;}
#container #middle .leftbg .down .ids .skype a{text-decoration:none;color:#6d6c6c;}
#container #middle .leftbg .down .ids .skype a:hover{text-decoration:none;color:#6d6c6c;}

#container #middle .leftbg .down .online{float:left;width:233px;height:148px;margin-top:2px;;}

#container #head2 .hright .more{clear:both;float:left;width:280px;font:12px 'Arial';color:#cc3406;text-align:right;margin-top:10px;}
#container #head2 .hright .more a{color:#cc3406;text-decoration:none;}
#container #head2 .hright .more a:hover{color:#cc3406;text-decoration:none;}

#container #middle .leftbg .services{clear:both;float:left;width:530px;}
#container #middle .leftbg .services .xhtm{clear:both;float:left;width:300px;font:bold 13px 'Arial';color:#484847;margin-left:40px;margin-top:10px;}
#container #middle .leftbg .services p{clear:both;float:left;margin:0px;padding:0px;width:530px;font:normal 12px arial;color:#818378;line-height:25px;margin-left:40px;margin-top:8px;padding-bottom:10px;text-align:justify;}

/* Portfolio */
.gallery{clear:both;float:left;width:570px;margin-top:10px;margin-left:35px;}
.gallery ul{ list-style: none;margin:0px;padding:0px;}
.gallery ul li{ float:left;display: inline;height:119px;width:180px;font:normal 14px arial;margin-left:8px;margin-bottom:10px;}
.gallery ul li img{margin-bottom:3px;width:154px;height:77px;border:solid 1px #697f2e;}
.gallery ul a{ display:block;color:#7b7f65;text-decoration:none;padding-top:12px;padding-left:13px;}
.gallery ul a:hover{ display:block;color:#3a6b07;height:107px;width:167px;font:bold 14px arial;text-decoration:none;background:url('images/callihover.jpg') no-repeat;padding-top:12px; padding-left:13px;}

.gallery1{clear:both;float:left;width:570px;margin-top:10px;margin-left:35px;}
.gallery1 ul{ list-style: none;margin:0px;padding:0px;}
.gallery1 ul li{ float:left;display: inline;height:119px;width:180px;font:normal 14px arial;margin-left:8px;margin-bottom:10px;}
.gallery1 ul li img{margin-bottom:3px;width:154px;height:77px;border:solid 1px #697f2e;}
.gallery1 ul a{ display:block;color:#7b7f65;text-decoration:none;padding-top:12px;padding-left:13px;}
.gallery1 ul a:hover{ display:block;color:#3a6b07;height:107px;width:167px;font:bold 14px arial;text-decoration:none;background:url('images/callihover.jpg') no-repeat;padding-top:12px; padding-left:13px;}



#container #middle .leftbg h4{clear:both;float:left;margin:0px;padding:0px;width:590px;font:normal 26px 'Myriad Pro',arial;color:#93ad05;margin-left:21px;margin-top:10px;line-height:46px;padding-left:20px;}


/*#container #middle .leftbg h4.active a{float:left;width:590px;height:36px;padding-left:40px;color:#ffffff;background:#697f2e url('images/downarrow1.png') no-repeat 1% center;}*/


#container #middle .leftbg h4.xhtml{clear:both;float:left;margin:0px;padding:0px;width:610px;font:bold 18px 'arial narrow';background:url('images/leftarrow1.png') no-repeat 1.5% center;background-color:#f6f6f6;height:36px;margin-left:21px;color:#ffffff;margin-top:10px;line-height:35px;}
#container #middle .leftbg h4.xhtml a{display:block;color:#000000;text-decoration:none;padding-left:20px;}
#container #middle .leftbg h4.xhtml a:hover{display:block;color:#000000;text-decoration:none;padding-left:20px;}

.toggle_container{clear:both;float:left;overflow:hidden;width:610px;margin-left:21px;background-color:#ffffff;}


/*Testimonials*/

#container #middle .leftbg .testbg1{clear:both;float:left;width:560px;height:117px;background:url('images/test1.jpg') no-repeat;margin-top:20px;margin-left:20px;}
#container #middle .leftbg .testbg1 .admin1{clear:both;float:left;width:520px;text-align:right;font:12px 'Tahoma';color:#146498;}
#container #middle .leftbg .testbg1 .admin1 a{color:#eb5e02;text-decoration:none;}
#container #middle .leftbg .testbg1 .admin1 a:hover{color:#eb5e02;text-decoration:none;}
#container #middle .leftbg .testbg1 .cty1{clear:both;float:left;width:520px;padding-bottom:20px;text-align:right;margin-top:5px;font:12px 'Tahoma';color:#48882d;}
#container #middle .leftbg .testbg1 p{clear:both;float:left;width:500px;margin-left:35px;text-align:justify;margin-top:17px;font:12px 'Tahoma';color:#484847;line-height:18px;}


#container #middle .leftbg .testbg2{clear:both;float:left;width:560px;height:117px;background:url('images/test3.jpg') no-repeat;margin-top:20px;margin-left:20px;}
#container #middle .leftbg .testbg2 .admin1{clear:both;float:left;width:520px;text-align:right;font:12px 'Tahoma';color:#146498;}
#container #middle .leftbg .testbg2 .admin1 a{color:#eb5e02;text-decoration:none;}
#container #middle .leftbg .testbg2 .admin1 a:hover{color:#eb5e02;text-decoration:none;}
#container #middle .leftbg .testbg2 .cty1{clear:both;float:left;width:520px;padding-bottom:20px;text-align:right;margin-top:5px;font:12px 'Tahoma';color:#48882d;}

#container #middle .leftbg .testbg2 p{clear:both;float:left;width:500px;margin-left:35px;text-align:justify;margin-top:17px;font:12px 'Tahoma';color:#484847;line-height:18px;}



/* CONTACT US	*/


#container #middle .leftbg .fields{clear:both;float:left;width:530px;margin-left:25px;border:solid 1px #666666;background-color:#EAF3E0;margin-top:20px;padding-bottom:10px;}
#container #middle .leftbg .fields .table{clear:both;float:left;width:505px;margin-left:22px;padding:0px;margin-top:15px;}

#container #middle .leftbg .fields .table .fname{float:left;width:237px;margin-left:10px;margin-top:5px;margin-right:5px;}
#container #middle .leftbg .fields .table .fname .fname1{float:left;width:237px;font:normal 12px arial;color:#000000;}
#container #middle .leftbg .fields .table .fname .tbox{float:left;width:200px;height:20px;}
.boxx{width:195px;height:14px;border:solid 1px #666666;font:12px arial;}

#container #middle .leftbg .fields .table .company{float:left;width:480px;margin-left:10px;margin-top:5px;}
#container #middle .leftbg .fields .table .company .company1{float:left;width:420px;font:normal 12px arial;color:#000000;}
#container #middle .leftbg .fields .table .company .tbox1{float:left;width:460px;height:20px;}
.boxx1{width:455px;height:14px;border:solid 1px #666666;font:12px arial;}
.area{clear:both;float:left;width:450px;border:solid 1px #666666;font:12px arial;}

#container #middle .leftbg .fields .table .state{float:left;width:200px;margin-left:10px;margin-top:5px;margin-right:5px;}
#container #middle .leftbg .fields .table .state .state1{float:left;width:200px;font:normal 12px arial;color:#000000;}
#container #middle .leftbg .fields .table .state .tbox2{float:left;width:200px;height:20px;}
.boxx2{width:195px;height:14px;border:solid 1px #666666;font:12px arial;}

#container #middle .leftbg .fields .table .statee{float:left;width:200px;margin-left:50px;margin-top:5px;}
#container #middle .leftbg .fields .table .statee .statee1{float:left;width:200px;font:normal 12px arial;color:#000000;}
#container #middle .leftbg .fields .table .statee .tbox3{float:left;width:135px;height:20px;}
.boxx3{width:130px;height:14px;border:solid 1px #666666;font:12px arial;}

#container #middle .leftbg .fields .table .enter{float:left;width:530px;margin-left:10px;margin-top:5px;}
#container #middle .leftbg .fields .table .enter .enter1{float:left;width:250px;font:normal 12px arial;color:#000000;margin-top:2px;}
#container #middle .leftbg .fields .table .enter .tbox4{float:left;width:100px;height:20px;}
.boxx4{width:95px;height:14px;border:solid 1px #666666;font:12px arial;}

#container #middle .leftbg .fields .table  .num{float:left;width:70px;height:20px;margin-left:190px;margin-top:10px;padding-bottom:10px;}
#container #middle .leftbg .fields .table  .sub{clear:both;float:left;width:150px;margin-left:180px;margin-top:10px;}
.submit{float:left;width:60px;height:26px;border:solid 1px #000000;margin-left:10px;text-align:center;font:12px verdana;padding-bottom:2px;}

#container #middle .mright .late .mid  .first{clear:both;float:left;width:248px;margin-left:15px;color:#484847;font:12px 'Tahoma';text-align:justify;margin-top:10px;line-height:17px;}
#container #middle .mright .late .mid  .admin{clear:both;float:left;width:260px;text-align:right;margin-top:20px;font:12px 'Tahoma';color:#146498;}
#container #middle .mright .late .mid  .admin a{color:#eb5e02;text-decoration:none;}
#container #middle .mright .late .mid  .admin a:hover{color:#eb5e02;text-decoration:none;}
#container #middle .mright .late .mid .cty{clear:both;float:left;width:260px;text-align:right;margin-top:5px;font:12px 'Tahoma';color:#48882d;}