/* CSS Document */

*{
margin:0px;
padding:0px;
}
a{
outline:none;
}
body{
background:url(../images/sub_bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
overflow:-moz-scrollbars-vertical
}
.subwrapper{
width:960px;
margin:0 auto;
}
.header{
height:93px;
}
.logo{
padding:26px 0 0 50px;
float:left;
}
.nav{
float:right;
padding:0 18px 0 50px;
width:430px;

}
.nav ul{
list-style-type:none;
}
.nav ul li{
float:left;
background:url(../images/seper.jpg) no-repeat right center;
}
.nav ul li a{
display:block;
height:19px;
}
.nav ul li a.home{
background:url(../images/home.jpg) no-repeat center top;
text-indent:-9999px;
width:45px;
padding:0 15px 0 15px;
}
.nav ul li a.homeC{
background:url(../images/home.jpg) no-repeat center bottom;
text-indent:-9999px;
width:45px;
padding:0 15px 0 15px;
}
.nav ul li a.about{
background:url(../images/about.jpg) no-repeat center top;
text-indent:-9999px;
width:51px;
padding:0 15px 0 15px;
}
.nav ul li a.aboutC{
background:url(../images/about.jpg) no-repeat center bottom;
text-indent:-9999px;
width:51px;
padding:0 15px 0 15px;
}
.nav ul li a.services{
background:url(../images/services.jpg) no-repeat center top;
text-indent:-9999px;
width:65px;
padding:0 15px 0 15px;
}
.nav ul li a.servicesC{
background:url(../images/services.jpg) no-repeat center bottom;
text-indent:-9999px;
width:65px;
padding:0 15px 0 15px;
}
.nav ul li a.portfolio{
background:url(../images/portfolio.jpg) no-repeat center top;
text-indent:-9999px;
width:75px;
padding:0 15px 0 15px;
}
.nav ul li a.portfolioC{
background:url(../images/portfolio.jpg) no-repeat center bottom;
text-indent:-9999px;
width:75px;
padding:0 15px 0 15px;
}
.nav ul li a.contact{
background:url(../images/contact.jpg) no-repeat right top;
text-indent:-9999px;
width:64px;
padding:0 0px 0 10px;
}
.nav ul li a.contactC{
background:url(../images/contact.jpg) no-repeat right bottom;
text-indent:-9999px;
width:64px;
padding:0 0px 0 10px;
}
.qnav{
float:right;
padding:22px 0 0 0;
}

/*----------------------------------------------------------------------jump menu--------------------------*/

.dropdown {float:left; font-size:11px;}
.dropdown dt {width:140px; height:21px; text-indent:5px; font-weight:normal; cursor:pointer; line-height:21px; background:url(../images/quick-launch.jpg) no-repeat left top; color:#b2b1b1; font-size:11px; }
.dropdown dt:hover {background:url(../images/quick-launch.jpg) no-repeat left bottom; font-size:11px;}
.dropdown dd {position:absolute; overflow:hidden; width:140px; display:none; background:#fff; z-index:200; opacity:0; line-height:22px; font-size:11px;}
.dropdown ul {width:140px; list-style:none; border-top:none; margin:0px 0 0 0; font-size:11px;}
.dropdown li {display:inline; font-size:11px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; color:#b2b1b1; text-decoration:none; background:#2f2f2f; width:164px; padding:0 5px 5px 5px; font-size:11px;}
.dropdown a:hover {color:#5ac624; font-size:11px;}
.dropdown .underline {border-bottom:1px solid #656565; font-size:11px;}


.banner{
height:328px;
background:url(../images/banner.jpg) no-repeat left top;
}
.banner_sub{
height:105px;
background:url(../images/sub_banner.jpg) no-repeat left top;
}

.content{
padding:36px 50px 36px 50px;
}
.leftcont{
float:left;
}
.rightcont{
float:right;
width:226px;
height:250px;
margin:22px 0 0 0;
}
.rightcont_sub{
float:right;
width:230px;
height:350px;
background:url(../images/seperator.jpg) no-repeat left top;
padding:0 0 0 15px;
}


.fbox{
float:left;
padding:0 25px 0 0;
width:288px;
line-height:20px;
}
.sbox{
float:left;
width:288px;
padding:0 25px 0 0;
line-height:20px;
}

.tbox{
float:left;
padding:0 25px 0 0;
width:580px;
line-height:18px;
}
.tbox a{
color:#000000;
}

.tbox a:hover{
color:#5ac624;
}
.tbox_site{
float:left;
padding:0 25px 0 0;
width:580px;
line-height:18px;
}
.tbox_site a{
color:#333333;
text-decoration:none;
}
.tbox_site a:hover{
color:#5ac624;
}

.tbox_site ul {
list-style-type:none;
}
.tbox_site ul li{
background:url(../images/arrow.jpg) no-repeat left 6px;
padding:0 0 0 10px;
}
.tbox_site ul li.sub{
margin:0 0 0 12px;
}

.hello h1{
background:url(../images/hellow.jpg) no-repeat left top;
width:226px;
height:52px;
text-indent:-9999px;
float:left;
}
.mailphone{
/*float:right;*/
color:#5ac426;
font-size:22px;
font-weight:bold;
padding:10px;
/*text-align:center;*/
}
.mailphone span{color:#333333; font-size:14px; font-weight:bold; clear:both; display:block; text-align:left;}
.place{padding-top:10px;}
.eid{
font-size:18px;
font-weight:normal;
 }
 .eid a{
	 color:#5AC426;
	 text-decoration:none;

 }
.formbox{
padding:5px 0 0 0;
color:#5ac426;
font-size:12px;
}
.inputClass{
background:#e4e4e4;
font-size:12px;
color:#000000;
border:0;
width:220px;
height:18px;
padding:0 0 0 3px;
}
.sbutton{
width:53px;
height:22px;
background:url(../images/send.jpg) no-repeat left top;
border:0px;
font-size:11px;
color:#ffffff;
}
.banner_txt{
color:#b2b1b1;
width:460px;
padding:0 0 0 50px;
float:left;
}
.wdesign{
float:left;
padding:7px 0 0 0;
}
.wdesign h1 a{
background:url(../images/web-design.jpg) no-repeat left top;
text-indent:-9999px;
width:116px;
height:30px;
display:block;
}
.ldesign{
float:left;
padding:7px 0 0 20px;
}
.ldesign h1 a{
background:url(../images/logo-design.jpg) no-repeat left top;
text-indent:-9999px;
width:125px;
height:30px;
display:block;
}
.wdev{
float:left;
padding:7px 0 0 25px;
}
.wdev h1 a{
background:url(../images/web-application.jpg) no-repeat left top;
text-indent:-9999px;
width:174px;
height:30px;
display:block;
}
.unique{
padding:40px 0 0 0;
height:76px;
}
.unique h1{
background:url(../images/uniqueness.jpg) no-repeat left top;
height:76px;
text-indent:-9999px;
}
.footer{
background:url(../images/footer-bg.jpg) repeat-x left top;
height:58px;
color:#767676;
}
.footer a{
color:#767676;
text-decoration:none;
}
.footer a:hover{
color:#5ac624;
}
.flink{
float:left;
padding:28px 0 0 0;
}
.fwrap{
width:860px;
margin:0 auto;
padding:0 50px 0 50px;
}
.copy{
float:right;
padding:28px 0 0 0;
}
.ptitle{
padding:18px 0 0 50px;
height:35px;
}

.ptitle h1{
background:url(../images/about_title.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.serv{
background:url(../images/services_title2.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.portf{
background:url(../images/portfolio_titl.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.cont{
background:url(../images/contactus.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.site{
background:url(../images/sitemap_ttl.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.qreq{
background:url(../images/quote-re.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}
.ptitle h1.career{
background:url(../images/career.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}

.ptitle h1.links{
background:url(../images/links-subheader.jpg) no-repeat left top;
height:18px;
text-indent:-9999px;
}


.subtitl{
float:left;
height:30px;
padding:18px 0 0 50px;
}
.subtitl h2{
font-size:15px;
color:#5ac426;
font-weight:bold;
}
.ser_title{
float:right;
width:275px;
height:30px;
padding:15px 0 0 0;
}
.ser_title h2{
background:url(../images/services_title.jpg) no-repeat left top;
text-indent:-9999px;
height:27px;
margin:0px;
}

.ser_title h2.porfolio{
background:url(../images/portfolio_ttl.jpg) no-repeat left top;
text-indent:-9999px;
height:27px;
}

.rightcont_sub ul{
list-style-type:none;
padding:0 0 0 15px;
}
.rightcont_sub ul li{
color:#5ac426;
line-height:24px;
}
.rightcont_sub ul li a{
color:#5ac426;
text-decoration:none;
}
.rightcont_sub ul li a.curnt{
color:#000000;
text-decoration:none;
}
.bottomline{
font-size:12px;
color:#5ac426;
font-weight:bold;
}
.iptbox{
width:245px;
font-size:11px;
}
.req-box1{
float:left;
padding:0 40px 0 0;
}
.submits{
background:url(../images/submit.jpg) no-repeat left top;
width:64px;
height:22px;
border:0px;
}
.resets{
background:url(../images/reset.jpg) no-repeat left top;
width:53px;
height:22px;
border:0px;
}
.grap_box{
float:left;
width:94px;
border:solid 4px #e9e9e9;
height:76px;
margin:0 14px 0 0;
display:inline;
}
/*---------------------------lightbox----------------------------*/
#lightbox {
	background-color: #d5d6d8;
	padding: 8px;
	border-bottom: 1px solid #d5d6d8;
	border-right: 1px solid #d5d6d8;
}
#overlay {
	background-image: url(overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(blank.gif);
	filter: Alpha(opacity=50);
}
.webbox{
float:left;
width:277px;
margin:0 15px 15px 0;
background:#272727;
font-size:11px;
line-height:15px;
color:#999999;
border:solid 1px #272727;
}
.webbox2{
float:left;
width:277px;
margin:0 0 15px 0;
background:#272727;
font-size:11px;
line-height:15px;
color:#999999;
border:solid 1px #272727;
}
.webbox2 a, .webbox a{
color:#999999;
text-decoration:none;
}
.webbox2 a:hover, .webbox a:hover{
color:#60c42c;
}
.dybanner{
float:right; 
width:367px; 
height:244px;
margin:42px 42px 0 0;
display:inline;
}
.spacer10 { padding:10px 0 0 0; clear:both; font-size:0px;}