@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
text-align:center
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
text-align:justify;
}
#future-service-box .contactus p{
font-size:20px;
}
strong
{
font-weight:bold;
color: #106ca5;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
.img{
cursor:pointer;
}
#boxarea{
position:absolute;
width:300px;
height:250px;
border:3px solid gray;
text-align:center;
top:100px;
background:#e3e3e3;
}
#container
{
margin:0px auto;
text-align:center;
height:auto;
width:100%;
float:left;

background:url(images/body-bg.jpg) left top repeat-x #f1f1f1;
}
#header
{
width:950px;
height:390px;
margin:0px auto;
text-align:center;

}
.header-top
{
width:930px;
height:85px;
float:left;
text-align:center;

}
.logo-box
{
width:400px;
height:104px;
float:left;
text-align:left;
font:bold 56px/56px Arial, Helvetica, sans-serif;
color: #FFF;
}
.logo
{
margin-top:5px;
margin-right:5px;
}
.logo2
{
margin-top:5px;
margin-right:25px;
}
.header-top-right
{
width:268px;
height:78px;
float:right;
text-align:center;
padding-top:26px;
font: bold 16px/22px Arial, Helvetica, sans-serif;
color: #FFF;
}
.header-top-right a
{
font: bold 16px/22px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
}
.header-top-right a:hover
{
font: bold 16px/22px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: underline;
}
.header-bottom
{
width:930px;
height:270px;
float:left;
text-align:center;
background-color: #FFF;
padding:10px 10px 0px 10px;
}
.header-banner-box
{
width:930px;
height:272px;
float:left;
text-align:center;

}
/* CSS Menu */


.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:46px;
		background: url(images/menu-bar-bg.jpg) right center no-repeat;
		}

.navcontainer ul li a {
        width: auto;
        height: 46px;
        margin: 0px;
		padding:0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
		padding:0px 53px;
        font: bold 13px/46px Arial, Helvetica, sans-serif;
		display:inline;
	}

.navcontainer ul li a:hover {
        color: #d1de82;
		padding:0px 53px;
        font: bold 13px/46px Arial, Helvetica, sans-serif;
		display:inline;
		text-decoration:none;
		}
.navcontainer li.active a {
        color: #00FF00;
		padding:0px 53px;
		font: bold 13px/46px Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#body-main
{
width:100%;
height:auto;
float:left;
text-align:left;
}
.body-container
{
width:950px;
height:auto;
margin:0px auto;
text-align:center;
}
.body-inside
{
width:930px;
height:auto;
float:left;
text-align:left;
background-color: #FFF;
padding:0px 10px;
}
.body-main-box
{
width:930px;
height:auto;
float:left;
text-align:left;

padding-top:5px;
}
.body-top-box
{
width:930px;
height:auto;
float:left;
text-align:left;

padding-bottom:12px;

}
.body-top-left
{
width:454px;
height:auto;
float:right;
text-align:left;
min-height:400px;
}
#who-we-are-box
{
background:url(images/bg_c3.gif) no-repeat;
width:424px;
height:120px;
float:left;
text-align:center;
border: 0px solid #EFEFEF;
padding: 10px;
cursor:pointer;
color:#ff8e01;
}
#who-we-are-box h1{
color:#000000;
font-size:16px;
line-height:20px;
font-weight:bold;
padding-bottom:10px;
}

#who-we-are-box .sss{
color:#ffffff;
font-size:15px;
font-weight:bold;
background:url(images/b6.gif) no-repeat;
text-align:center;
width:175px;
height:30px;
padding-top:5px;
margin:21px auto;
}
#who-we-are-box3
{
background:url(images/bg_c8.gif) no-repeat;
width:424px;
height:120px;
float:left;
text-align:center;
border: 0px solid #EFEFEF;
padding: 15px 15px 5px 15px;
cursor:pointer;
color:#ff8e01;
}
#who-we-are-box3 h1{
font-weight:bold;
color:#000000;
font-size:12px;
line-height:20px;
margin-top:5px;
}
#who-we-are-box3 b{
line-height:20px;
font-weight:bold;
color:#000000;
font-size:18px;
line-height:20px;
}

#who-we-are-box3 .sss2{
color:#ffffff;
font-size:15px;
font-weight:bold;
background:url(images/b6.gif) no-repeat;
text-align:center;
width:175px;
height:30px;
padding-top:5px;
margin:20px auto;
}

#who-we-are-box .sss2{
color:#ffffff;
font-size:15px;
font-weight:bold;
background:url(images/b6.gif) no-repeat;
text-align:center;
width:175px;
height:30px;
padding-top:5px;
cursor:pointer;
margin:10px auto;
}
#who-we-are-box2 .sss3{
color:#ffffff;
font-size:15px;
font-weight:bold;
background:url(images/b6.gif) no-repeat;
text-align:center;
width:175px;
height:30px;
padding-top:5px;
margin:10px auto;
}

#who-we-are-box2
{
background:url(images/bg_c6.gif) no-repeat;
width:424px;
height:120px;
float:left;
text-align:center;
border: 0px solid #EFEFEF;
padding: 10px;
cursor:pointer;
}
#who-we-are-box2 h1{
font-weight:bold;
color:#000000;
font-size:12px;
line-height:20px;
}
#who-we-are-box2 b{
line-height:20px;
font-weight:bold;
color:#000000;
font-size:18px;
line-height:20px;
}
.who-weare-th
{
float:left;
margin-right:15px;
}
.choose-us-box
{
width:430px;
height:auto;
float:left;
text-align:left;
padding-right:24px;
}
.future-service-box
{
width:428px;
height:auto;
float:left;
text-align:left;
padding-left:19px;
}
.future-service-title
{
width:428px;
height:auto;
float:left;
text-align:left;
padding:5px 0px 4px 0px;

}
.future-box
{
width:413px;
height:140px;
float:left;
text-align:left;
background:url(images/future-box-bg2.jpg) left top no-repeat;
padding:10px 0px 0px 15px;
}
.future-box2
{
width:413px;
height:auto;
float:left;
text-align:left;
padding:10px 10px 0px 10px;
margin-top:-15px;
min-height:250px;
/*color:#000000; */
}


/* sub-navigation */
.service
{
width:413px;
height:auto;
float:left;
text-align:left;
}
.service ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.service ul li
{
width:387px;
height:28px;
float:left;
text-align:left;
font: normal 18px/28px Arial, Helvetica, sans-serif;
display:block;
background: url(images/service-arrow-bg.jpg) left center no-repeat;
padding-left:26px;
color: #669900;
}
/* sub-navigation */
.service22
{

width:215px;
height:auto;
float:left;
text-align:left;
color:#fff;
}
.service22 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.service22 ul li
{
width:215px;
height:28px;
padding:5px 0 5px 0;
text-align:left;
display:block;
background: url(images/green-arrow.gif) left center no-repeat;
padding-left:26px;
}
.testimonial-box2{
padding:24px 25px 0px 25px;
/*color:#000000; */
}
.testimonial-box
{
width:880px;
height:auto;
float:left;
text-align:left;
background:url(images/testimonial-box-bg.jpg) left bottom repeat-x;
padding:24px 25px 0px 25px;
/*color:#000000; */
}
.testimonial-left-box
{
width:428px;
height:auto;
float:left;
text-align: justify;
 font-style: normal;
/*color:#000000; */
}
.testimonial-right-box
{
width:428px;
height:auto;
float:right;
text-align: justify;
 font-style: normal;
/*color:#000000; */
line-height:18px;
}
.testimonial-th
{
float:left;
margin-right:10px;
}


#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(images/footer-bg.jpg) left top repeat-x #181818;
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #FFF;
margin: 0 auto;
}
#footer a
{
color:#FFF;
text-decoration:none;
font: normal 11px/18px Arial, Helvetica, sans-serif;
}
#footer a:hover
{
text-decoration: underline;
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #96cc2f;
}
.footer-main
{
width:950px;
height:auto;
text-align:center;
margin:0px auto;
}
.footer-container
{
width:950px;
height:auto;
float:left;
text-align:center;
margin:0px auto;
padding-top:45px;
}
.footer-top
{
width:930px;
height:auto;
float:left;
text-align:left;
padding-bottom:6px;
font-size:12px;
}
.footer-bottom
{
width:950px;
height:auto;

text-align:center;

}
.marketing-solution-box
{
width:462px;
height:auto;
float:left;
text-align:left;
}
/* sub-navigation  */

.subnav{
	color: #FFF;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
	line-height:24px;
	width:462px;
	float:left;
	text-align:left;
		}
.subnav ul {margin: 0; padding: 0; list-style-type:none;}
.subnav li {
	display: block;
	padding: 0px 0px 0px 21px;
	width:210px;
	float:left;
	text-decoration: none;
	color: #FFF;
	background: url(images/green-arrow.gif) left center no-repeat;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
}
.industries-box
{
width:462px;

height:auto;
float:right;
text-align:left;
}

/* CSS Text Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#669900;
font-weight:bold;
text-decoration:none;
}
body a:hover
{
color:#ff9900;
text-decoration: underline;
font-weight:bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height:28px;
	font-weight: normal;
	font-variant: normal;
	color: #3e6b03;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:22px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
.blue-text
{
color: #106ca5;
font-weight:bold;
}

/*******Contact*********/
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
.contactAt {
	color:#FFFFFF;
}

*html #contactable {
	margin-top:0px;
	position:absolute;
	top:expression((-0 - contactable.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');
}
*html #contactholder {
	width:100%;
	height:100%;
	background:;
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_transparent.png', sizingMethod=scale);
}
#contactholder {
	width:100%;
	height:100%;
	background:url(images/bg_transparent.png) repeat;	
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
}


*html #contactholdertwo {
	width:100%;
	height:100%;
	background:;
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_transparent.png', sizingMethod=scale);
}
#contactholdertwo {
	width:100%;
	height:100%;
	background:url(images/bg_transparent.png) repeat ;	
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
}


*html #contactholderthree {
	width:100%;
	height:100%;
	background:;
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_transparent.png', sizingMethod=scale);
}
#contactholderthree {
	width:100%;
	height:100%;
	background:url(images/bg_transparent.png) repeat ;	
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
}


*html #contactholder2 {
	width:100%;
	height:100%;
	background:;
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_transparent.png', sizingMethod=scale);
	z-index:99;
}
#contactholder2 {
	width:100%;
	height:100%;
	background:url(images/bg_transparent.png) repeat;	
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	position:fixed;
	z-index:99;
}

#contactForm {
	text-align:left;
	margin:0px 25%;
	position:fixed;
	top:15%;
	width:510px;
	z-index:99;

}

*html #contactForm {
    text-align:center;
	margin:0 auto;
	margin-top:100px;
	position:absolute;top:expression((-0 - contactForm.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');

}
#contactForm span{
font-family:"Trebuchet MS", Georgia, "times New Roman", arial;
	font-size:13px;
}
#contactForm label{
	font-family:"Trebuchet MS", Georgia, "times New Roman", arial;
	font-size:13px;
}
form#contactForm p {
	width:325px;
	font-size:13px;
}



#overlay {
	
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99;
}

#contactForm .error { 	font:normal 13px "Trebuchet MS", Georgia, "times New Roman", arial;
 line-height:10px; color:#FF0000; }

#contactForm input.error,#contactForm textarea.error {color:#000; }

#contactForm #loading {
	width:155px;
	height:auto;
	padding: 50px 170px;
	text-align:center;
	background-color:#fff;
}
#contactForm #holder {
	width:155px;
	height:55px;
	padding: 20px auto;
	text-align:center;
   z-index:99; 

}
#contactForm #holder ul,li{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:30px;
	font-weight: normal;
	font-variant: normal;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
#contactFormId  h3.span{
font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height:28px;	
	font-variant: normal;
	color: #fff;
	text-decoration: none;
}
#contactFormId  span.mgs{
font-size: 11px;
color: #fff;
font-style: italic;  
}
.service22 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style: normal;
	line-height:30px;
	font-variant: normal;
}

#callback {
	display:none;
}
.thankNote {font:normal 13px "Trebuchet MS", Georgia, "times New Roman", arial;
 border-top:solid 1px #666666; display:block; clear:both; margin:22px 19px 0 19px; padding:25px 0 20px 0px; text-align:center; }




.feedContainer {
   text-align:center;
	width:510px;
	margin:0px auto;
	padding-top:17px;
	position:relative;
	
	font:normal 14px/17px "Trebuchet MS", Georgia, "times New Roman", arial;
	}
.feedContainer .close { position:absolute; right:0px; top:-8px; z-index:200000;cursor:pointer; }
.feedContainer .feedBtn { position:absolute; right:-36px; top:30%; z-index:200000; }
.gradient {  }


.topCrv {
	background:url(images/crv-top2.gif) no-repeat 0 0;
	position:absolute; top:0;
	width:512px; height:17px;
	z-index:99;
	}

.botCrv {
	background:url(images/crv-bot2.gif) no-repeat 0 0;
	position:absolute;
	bottom:0;
	width:100%;
	height:17px; font-size:0px; line-height:0;
	z-index:99;
	}


.flLeft { float:left; margin-left:-16px; }
.flRight { float:right; margin-right:-16px; }
.flLeftbot { float:left; margin-left:-16px; }
.flRightbot { float:right; margin-right:-16px;}
.leftHand {
	padding-bottom:17px;
	z-index:99;
	}
.leftHand div.leftshad {
	background:url(images/shd-l.gif) repeat-y 0 0; padding-left:6px;
	z-index:99;
	}

.rightHand {
	background:url(images/shd-r.gif) repeat-y 100% 0;
	height:100%; overflow:hidden;padding:0px 6px 0px 0;
	z-index:99;
	}

.rightHand div.rightshad {
	background-color:#00aff0;
	padding-top:0px;
	}
.feedContainer form {
	padding:16px 21px;
	height:100%; overflow:hidden;
	z-index:99;
	}
.feedContainer label {
	display:block;
	padding:4px 0;
	margin:0;
	}
.feedContainer label input, .feedContainer label textarea {
	font:normal 14px/15px "Trebuchet MS", Georgia, "times New Roman", arial;
	width:130px;
	height:14px;
	border:solid 1px #DDDDDD;
	padding:15px 0 0 10px;
	color:#4D4D4D; overflow:auto;
	}

.feedContainer label input.long, .feedContainer label textarea {
	font:normal 12px/13px "Trebuchet MS", Georgia, "times New Roman", arial;
	width:160px;
	height:14px;
	border:solid 1px #DDDDDD;
	padding:15px 0 0 10px;
	color:#4D4D4D; overflow:auto;
	}
	.feedContainer .holder p{
	float:left;
	width:220px;
	border:solid 0px blue;
	}

		.feedContainer .holder .forms{
	float:right;
	width:220px;
	border:solid 0px blue;
	text-align:center;
	position:absulote;
	z-index:99;
	}

.feedContainer label span {
	width:280px;
	padding-left:14px;
	float:left;
	padding-top:10px;
	}
.feedContainer label textarea {
	height:96px;
	}
.feedContainer label input.btn {
	background:url(images/button_green2.gif) no-repeat;
	border:solid 0px #5F5F5F;
	width:175px;
	height:30px;

	color:#fff;
	font-size:15px;
	float:left;
	cursor:pointer;
	margin-left:25px;
	margin-top:25px;
	padding:0 5px 5px 5px;
	font-weight:bold;
	}






.navcontainer {
		width:930px;
        margin:0px;
        height: 46px;
		float:left;
		background:url(images/menu-bg.jpg) left top repeat-x;
		margin-top:-33px;
		border:0px solid blue;
		}

#nav li a{

	padding:0 50px;
}


 #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:0 20px;
	background-color:none;
	border-right:2px solid #365a9b;

}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav  a{
	margin:0;
	display:block;
	padding:0 20px;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{

	color:#FFFF66;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,

#subMenusContainer a.subMenuParentBtnFocused{
	background-color:#365a9b ;
	color:#FFF;

}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
	background: url(../img/arrow_right.gif) right center no-repeat;
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
	background: url(../img/arrow_right_over.gif) right center no-repeat;
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
	 background: url(../img/arrow_down.gif) right center no-repeat;
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
	background: url(../img/arrow_down_over.gif) right center no-repeat;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
	display:none;
	position: absolute;
	overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}



/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {

	background:#fff;
	border:2px solid #365a9b;

	left:0;
}

#subMenusContainer li{
	list-style: none;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	/*great place to use a background image as a divider*/
	display:inline;
	list-style:none;
	position:relative;
	float:left;
}



/* main menu ul or ol elment */
#nav{
	display:inline;

	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:15px;
width:930px;
	text-align: center;

}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

#navfooter ul{ list-style:none;}
#navfooter li{ display:inline;}
#navfooter a{ padding:0 20px;}