body {
	background-color: #ecfefd;
	background-image: url(../images/bg-main.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
}
form{
margin:0px;
border:0px;
}
img{
border:0px;
}
#main {
	width: 1000px;
	margin: auto;
    overflow: hidden;
}
/*--start banner---*/
.banner-bg {
	background-image: url(../images/bg-banner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 178px;
	width: 1000px;
}
/*--end banner---*/

/*--start topnavigation---*/
.top-nav{
	background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
	height: 41px;
	float: left;
	width: 1000px;

}
.top-navleft-corner{
	background-image: url(../images/nav-left-corner.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 6px;
	float: left;
	

}
.nav-links{
	width:988px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	height: 41px;
}
.nav-links li {
	float: left;
	list-style-type: none;	
	padding-top: 13px;
	padding-bottom: 13px;
	margin: 0px;
	
}
.nav-links ul {
	padding: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 38px;
}

.nav-links a {
	color: #ffffff;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight:bold;
}
.nav-links a:hover {
	color: #d8ff70;
	text-decoration: none;
	background-image: url(../images/bg-hover.gif);
	background-repeat: repeat-x;
	background-color: #001f4e;
}


.top-navright-corner{
	background-image: url(../images/nav-right-corner.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 6px;
	float: left;
	

}
/*--end topnavigation---*/

/*--start body---*/
.mid-body{
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 1000px;
	padding-top: 40px;
	overflow: hidden;

}
.dot-horiz {
	background-image: url(../images/dot-horizontal.gif);
	background-repeat: repeat-x;
	height: 8px;
	background-position: center;
}


/*left-nav*/
.left-nav{
	width: 230px;
	float: left;
	background-image: url(../images/dot-vertical.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 20px;
	padding-left: 20px;

}

.top-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b5e7f4;
	padding-top: 10px;
	padding-bottom: 25px;
}
.top-txt h2 {
font-size: 11px;
color: #b5e7f4;
margin:0px; padding:0px;
font-weight:normal;
background-color:#045283;
}
.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 372px;
}
#lc {
	float: left;
	overflow: hidden;
}
.ph-no {
	float: right;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 105px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #012e4c;
}

.ph-no img {
	padding-bottom: 5px;
}



.logo h1 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
.logo a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 92px;
	width: 372px;
	display: block;
	text-indent: -90000px;
}
.heading-service{
	background-image: url(../images/heading-service.jpg);
	background-repeat: no-repeat;
	height: 14px;
	text-indent: -999999px;
	padding: 0px;
}
.portfolio {
	background-color: #fcf9f9;
	border: 1px solid #c4ebf0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #898a8a;
	padding:10px;
}
.portfolio ul{
	margin: 0px;
	padding: 15px 0px 15px 12px;
	font-size: 12px;
	font-weight: bold;
	
}
.portfolio p, .portfolio p a{
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 12px;
	color:#5f8000;
}
.portfolio-disp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 515px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #adcfd6;
	background-color: #FFFFFF;
	margin: 20px auto auto auto;
	
}

.portfolio-disp a{
	color:#1e7b9e;
	font-weight:bold;
	text-decoration:none;
	
}
.portfolio-disp a:hover{
	color:#5f8000;
	font-weight:bold;
	text-decoration:none;
	
}
.portfolio li{
    font-size: 10px;
	font-weight:normal;
	list-style-type: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0px;
	padding-right: 0px;
	line-height: 12px;
}
.portfolio a{
	color: #898a8a;
	text-decoration:none;
}
.portfolio a:hover{
	color:#FF6600;
}
.services {
	background-color: #f1fefe;
	border: 1px solid #c4ebf0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	margin-bottom: 8px;
	padding:0px;
}

.services li {
	list-style-type: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0px;
	padding-right: 0px;
	line-height: 15px;
}

.services a {
	color: #4a4a4a;
	text-decoration: none;
}
.services a:hover {
	color: #fc711a;
	text-decoration: none;
}
.services ul {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 16px;
	margin: 0px;
}
.quick-quote{
	background-color:#fbffff;
	border:solid 1px #c4ebf0;
	padding: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555657;
}
.quick-quote a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006f9f;
	text-decoration: none;
}
.quick-quote a:hover {
	color: #394347;
	text-decoration: underline;
}
.txtfield184 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	background-image: url(../images/bg-txtfield.gif);
	background-repeat: repeat-x;
	border: 1px solid #9eb0b6;
	width: 184px;
	background-position: top;
	padding: 3px;
}
.combo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	background-image: url(../images/bg-txtfield.gif);
	background-repeat: repeat-x;
	border: 1px solid #9eb0b6;
	background-position: top;
	padding: 3px;
}
.margin-top-bot {
	margin-top: 8px;
	margin-bottom: 8px;
}

.heading-quick-quote {
	background-image: url(../images/heading-quick-quote.gif);
	background-repeat: no-repeat;
	height: 17px;
	text-indent: -90000px;
}
.txt006f9f {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006f9f;
}
.quick-quote label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006f9f;
	padding-top: 6px;
	padding-bottom: 2px;
	display: block;
}



/*end left-nav*/

/*content area*/
.sub-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5f8000;
}

.content-area{
	width: 685px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
}

.content a{
	color: #5f8000;
	text-decoration:none;
}
.content a:hover{
	color: #5f8000;
	text-decoration:underline;
}
.content li {
	padding-bottom: 8px;
}
.heading-company-overview {
	background-image: url(../images/heading-co.jpg);
	background-repeat: no-repeat;
	height: 18px;
	text-indent: -90000px;
}
.headingtxt {
	height: 23px;
}
.headingtxt h1{ color:#1c7ea3; font-size:17px; font-family:"Trebuchet MS"; display:block; margin-bottom:5px; }
.content4a4a4a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
}
/* latestlaunch*/

.latest-launch {
	width: 685px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}


.latest-launch-s1 {
	float: left;
	width: 168px;
	background-image: url(../images/dot-vertical.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 30px;
	padding-left: 30px;
}
.project-title {
	background-color: #b5e9f3;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	border-color: #72c5d5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2d7e94;
	padding: 5px;
}
.thumb-disp {
	padding: 10px;
	background-color: #fbffff;
	border: 1px solid #72c5d5;
}
.project-url {
	background-color: #1e7b9e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	text-align: center;
	margin-top: 8px;
}
.project-url a {
	color: #fafafa;
	text-decoration: none;
}
.project-url a:hover {
	color: #7ddbff;
	text-decoration: none;
}
/* end latestlaunch*/
/* site map */
.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
	width: 600px;
	margin: auto;
}
.sitemap a {
	color: #4a4a4a;
	text-decoration:none;
}
.sitemap a:hover{
	color: #5f8000;
}
.sitemap ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.sitemap ul li{
	list-style-type: none;
	color: #1e7b9e;
	font-weight: bold;
	line-height: 22px;
	text-decoration:none;
	background-image: url(../images/bull.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 20px;
}
.sitemap ul li a{
	color: #1e7b9e;
	text-decoration:none;
	
}
.sitemap ul li a:hover{
	list-style-type: none;
	color: #4a4a4a;
	
}
.sitemap ul li ul, .sitemap ul li ul a {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #4a4a4a;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sitemap ul li ul a:hover{
	color: #5f8000;
	
}
.sitemap ul li ul li {
	line-height: 25px;
	background-image:url(../images/bull2.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
/* end site map */
/* testimonials */
.latest-launch-s3 {
	float: left;
	width: 168px;
	padding-right: 30px;
	padding-left: 30px;
}
.testimonial {
	width: 685px;
	overflow: hidden;
}
	


.test1 {
	width: 322px;
	float:left;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	line-height: 15px;
	text-align: justify;
	
}
.test1 a {
	color: #1f7b9d;
	text-decoration: none;
	
}
.test1 img {
	padding-right: 10px;
}

.test1 a:hover{
	color: #1f7b9d;
	text-decoration:underline;
}
.test1 strong {
	font-weight: bold;
	color: #658a0c;
	text-align: left;
}

/* end testimonials */

.heading-testimonials {
	background-image: url(../images/heading-testimonial.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-position: left center;
	text-indent: -90000px;
}
.heading-wcw {
	background-image: url(../images/heading-wcw.gif);
	background-repeat: no-repeat;
	height: 18px;
	background-position: left center;
	text-indent: -90000px;
}

.heading-latestwork {
	background-image: url(../images/heading-latest-work.gif);
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -90000px;
	background-position: left center;
}
.heading-win {
	background-image: url(../images/heading-win.gif);
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -90000px;
	background-position: left center;
}
.heading-wwdd {
	background-image: url(../images/heading-wwdd.gif);
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -90000px;
	background-position: left center;
}
.heading-client-testimonial{
	background-image: url(../images/heading-client-testimonial.jpg);
	background-repeat: no-repeat;
	height: 18px;
	text-indent: -90000px;
	background-position: left center;
}
.heading-rffq {
	background-image: url(../images/heading-rffq.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-careers {
	background-image: url(../images/heading-careers.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-contact-us {
	background-image: url(../images/heading-contact-us.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wdwyb {
	background-image: url(../images/heading-wd.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wdwyb-logo {
	background-image: url(../images/heading-wd-logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wsmm {
	background-image: url(../images/heading-wsmm.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-es {
	background-image: url(../images/heading-es.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-cms {
	background-image: url(../images/txt-content-management.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-dbdrvnweb {
	background-image: url(../images/txt-database-driven.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-mobile {
	background-image: url(../images/heading-es.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-seo {
	background-image: url(../images/heading-seo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-dnr {
	background-image: url(../images/heading-dnr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wba {
	background-image: url(../images/heading-wba.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wr {
	background-image: url(../images/heading-wr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-privacy-policy {
	background-image: url(../images/heading-privacy-policy.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-wh {
	background-image: url(../images/heading-website-hosting.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-links {
	background-image: url(../images/heading-links.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-articles {
	background-image: url(../images/heading-articles.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-site-map {
	background-image: url(../images/heading-site-map.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
}
.heading-portfolio {
	background-image: url(../images/heading-portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	text-indent: -90000px;
	width: 962px;
	margin: auto;
}
.dot-horiz-width {
	width: 962px;
	background-image: url(../images/dot-horizontal.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 15px;
	margin: auto;
}

#hint {
	width: 182px;
	float: left;
	font-size: 10px;
}


.red-txt {
	color: #FF0000;
}
.main-link, .main-link a {
	width: 684px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5F8000;
	text-align: right;
	text-decoration:none;
}
.main-link a:hover {
	text-decoration:underline;
}
/*content area*/
/*--end body---*/


/*---------form---------*/

.form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
	overflow: hidden;
	width: 686px;
}
.form1 label {
	width: 280px;
	float: left;
	/*line-height:25px;*/
	padding: 3px 0px 3px 0px;
	/*height:25px;*/
	display:block;
	
}
.cs-number {
	padding-left: 280px;
	float: left;
}
.btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FbF9F9;
	background-color: #006F9F;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 1px;
	padding: 3px;
}

.txt-field220 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	border: 1px solid #9eb0b6;
	width: 220px;
	padding: 3px;
	margin-bottom:10px;
	float: left;
	background-image: url(../images/bg-txtfield.gif);
	background-repeat: repeat-x;
	background-position: top;	
}
.txt-field200 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	border: 1px solid #9eb0b6;
	width: 200px;
	padding: 3px;
	margin-bottom:10px;
	float: left;
	background-image: url(../images/bg-txtfield.gif);
	background-repeat: repeat-x;
	background-position: top;	
}


.combo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	background: url(../images/bg-txtfield.gif) repeat-x top;
	border: 1px solid #9eb0b6;
	padding: 2px;
	background-color: #fdfefe;
	margin:0px 5px 8px 0px;
	float: left;
	
}


.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	background: url(../images/bg-txtfield.gif) repeat-x top;
	border: 1px solid #9eb0b6;
	padding: 2px;
	background-color: #fdfefe;
	margin:0px 5px 8px 0px;
	float: left;
	
}
.rb {
	width: 350px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
.label2 {
	float: left;
	width: 165px!important;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*---------form---------*/

/*start footer*/

.footer{
	float: left;
	width: 1000px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #006f9f;
	text-align: center;
	font-size: 11px;
	color: #4a4a4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px;
	line-height: 16px;
	margin-top: 8px;
	
	}
	
.footer a{
	color: #4a4a4a;
	text-decoration:none;	
	}


.footer a:hover{
	color: #006f9f;
	}
/*end footer*/
