@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th  {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent;}
body {line-height: 1;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility: hidden;}	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
ins {text-decoration: none;}
del {text-decoration: line-through;}
body {margin: 0px; padding: 0px; background:url(../images/bodybg-new.jpg) 0 0 repeat-x #fafafa; color:#555; font:normal 12px  Arial, verdana, Helvetica, sans-serif;}
.clearing {clear:both; font-size:0px; line-height:0;}
.left {float:left;}
.right {float:right;}
a {color:#3376b0; font:bold 12px Arial, Verdana, Helvetica, sans-serif; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {color:#ba0000; font:normal 14px "Futura BK", Arial, verdana, Helvetica, sans-serif; text-decoration:none;}
p { color:#333333; font:normal 12px/14px verdana, Arial, Helvetica, sans-serif; text-decoration:none; line-height:16px; padding:10px 10px 5px 10px;}
.bodycontent { width:480px;}
/*===================== Common CSS ends Here ========================*/


/*toparea*/
.maincon { width:1000px; margin:0 auto;}
.headerOuter {width:1000px;  margin:0 auto; position:relative;}
.header {width:1000px; height:103px; margin:0 auto; }
.header img.logo {margin-top:0; margin-left:0;}
.logoarea { width:254px;}


/*toplinkarea*/
.askaquotearea { width:350px; height:89px; float:right; text-align:right; margin-left:642px; margin-top:-92px; position:absolute; }
.toplink { float:right; width:280px;}
.topsepline { margin:0px 10px 0 10px; text-align:right; width:7px;}
.blogicon { text-align:right; width:62px; height:27px; margin-top:7px; background:url(../images/blog-new.jpg) 0 0 no-repeat; display:block; cursor:pointer; text-indent:-99999px;}
.blogicon:hover { background-position:0 -27px;}
.askaquote { text-align:right; background:url(../images/askaquote-new.jpg) 0 0 no-repeat; display:block; text-indent:-99999px; width:191px; height:45px; }
.askaquote:hover { background-position:0 -45px;}
.pagetoplink { width:300px; font:normal 13px/14px "Avant Guard", Verdana, Arial, Helvetica, sans-serif; color:#2d2f2c; margin:10px 0 0 49px; text-align:right;}
.arrowhead { background:url(../images/libullet.gif) 0 2px no-repeat;  margin:0 0 0 12px; padding:1px;  }
.sepline { margin:20px 10px 0 2px;}


/*Top Navigation Styles Start Here*/
.nav { width:1000px; height:53px; margin:0 auto; z-index:9999999 }

.flashimg { margin-top:0;}

/*Middle Styles Starts Here*/
.middleInfoOuter{ width:1000px; margin:0 auto; background-color:#fff;}
.bigimgarea { width:1000px; margin-top:0px;}


.bottomboxarea { border:solid 1px #cdcdcd; width:990px; height:350px; margin:20px 0 20px 3px; }
.box1 { margin:7px 5px 7px 7px; width:232px; height:330px; border-right:1px solid #cccccc;}
.box2 { margin:7px 7px 7px 2px; width:232px; height:330px; border-right:1px solid #cccccc;}
.box3 {margin:7px 7px 7px 2px; width:245px; height:330px; border-right:1px solid #cccccc;}
.box4 { margin:7px 7px 7px 2px; width:232px;}

.number { width:30px; height:44px;}
.box1txt { width:200px; margin-left:10px; margin-bottom:10px; font:normal 13px  Arial, verdana,  Helvetica, sans-serif; color:#333333;}

.headingtxt {color:#3f393a; font:bold 17px "Avant Guard MD", Arial, verdana,  Helvetica, sans-serif; margin-bottom:10px;}
.ulbox { width:220px; margin-left:7px;}
.techicon { width:220px; text-align:left; margin-bottom:10px;}
.techicon2 { margin-top:10px; width:240px; float:left;  margin-bottom:10px;}
.readmore { width:215px; text-align:right; margin-top:10px;}
.liarrow { background:url(../images/libullet.gif)  0 4px no-repeat; margin-bottom:15px;}
.navarrowheadtxt { margin:0 0 0 12px;  font:normal 12px  Arial, verdana,  Helvetica, sans-serif; color:#666666;  }
.clientreview { width:240px; height:265px;}
.testimonialbox { width:238px; height:260px; margin:0px 0px 0px 0px; padding:0px;}


/*company*/
.innermiddleouter { width:1000px;}
.innermiddleleftarea { width:254px; margin-top:37px; margin-left:20px;}
.innerrightarea { width:700px; margin-left:15px; padding-top:30px;}
.pageheading { color:#231f20; font:normal 28px "AvantGarde Bk BT", Arial, verdana,  Helvetica, sans-serif; margin-left:10px; margin-bottom:10px;}
.linkheading { color:#0476c2; font:normal 20px Arial, verdana,  Helvetica, sans-serif; margin-left:10px; margin-bottom:20px; #margin-bottom:10px;}
.txtimgsep { margin:20px 0 10px 0;}
.pagesubheading { color:#fd7802; font:normal 18px "AvantGarde Bk BT", Arial, verdana,  Helvetica, sans-serif; margin-left:10px; }


/*Left menu*/
.innerleftarea {width:235px; margin-left:5px;}
.innerleftmiddile { background:url(../images/leftnavmiddle.jpg) 0 0 repeat-y; width:221px;}
.innerleftarea span.top {width:221px; height:14px; background:url(../images/leftnavtop.jpg) 0 0 no-repeat; display:block; line-height:0px; padding:15px; color:#fff; font:bold 16px Arial narrow, Arial, Helvetica, sans-serif;}
.innerleftarea span.bottom {width:221px; height:44px; background:url(../images/leftnavbottom.jpg) 0 0 no-repeat; display:block; line-height:0px; font-size:0px;}

.navlink { width:240px; margin-left:6px; margin-top:10px; list-style:none;  }
.dotline { background:url(../images/menudevider.gif) 0 0 no-repeat; width:216px; height:1px; margin-left:0px; margin-top:5px; margin-bottom:5px;}

.submenuarea { margin:8px 0 8px 10px;}
.submenu a{ background:url(../images/arrow1.gif) 0 13px no-repeat; margin-left:1px; padding:10px; font:normal 13px/15px Arial Narrow, Verdana, Arial, Helvetica, sans-serif; color:#414141;  cursor:pointer;}
.leftarrowhead { background:url(../images/leftlinkarrow.gif) 0 5px no-repeat;  margin:0 0 0 2px; padding:1px;  }
.leftnavarrowtxt a{ margin:10px 0 0 15px;  font:normal 12px  Arial, verdana, Helvetica, sans-serif; color:#666666;}
.leftnavarrowtxt a:hover { color:#0476c2;}





/*contactus*/
.contactfield { border:1px solid #888888; width:240px; height:19px; margin-right:0px; }
.contactfieldarea { width:370px; height:100px; border:1px solid #888888; }
.asterisk { color:#FF0000; font:bold 11px/16px  Verdana, Arial, Helvetica, sans-serif;}
.generalarea { width:650px; }
.Media {  margin:0 80px 10px 20px;}
.boldtxt { color:#222222; font:bold 15px Arial, verdana,  Helvetica, sans-serif;}

.disclaimerarea { width:900px; margin-top:15px; margin-left:20px;}

.redtxt { font:bold 14px/15px  Arial, Verdana, Helvetica, sans-serif; color:#f10303;}
.leftaddress { margin-left:10px;}
.submit-button { background:url(../images/submit.gif) 0 0 no-repeat; display:block; width:80px; height:31px; cursor:pointer; text-indent:-9999999px;}
.submit-button:hover { background-position:0 -31px;}
.istyle { border:1px solid #939292;}

/*register now*/
.bluetxt { font:bold 15px/16px  Arial, Verdana, Helvetica, sans-serif; color:#004a80;}
.datefield { border:1px solid #888888; width:40px; height:19px; margin-right:0px; }
.yearfield { border:1px solid #888888; width:60px; height:19px; margin-right:0px; }
.otherfield { border:1px solid #888888; width:120px; height:19px; margin-right:0px; }
.quantityfield { border:1px solid #888888; width:80px; height:19px; margin-right:0px; }

.banneraddarea { margin:0 auto; margin:7px 0 14px 15px;}

/*whatwedopage*/
.whatwedopic { text-align:left;}
.txtimgsep1 { margin:0 0 10px 0;}
.ulbox3 { width:680px; margin-left:30px; list-style: circle; line-height:22px; }
.litxt {  color:#a3a3a3; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif;}
.litxtblue {  color:#0c7cc4; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif;}

/*technologypage*/
.technologylogo { width:680px; margin:10px 0 0 10px;}
.techlogo { margin:0 10px 10px 0;}
.ulbox2 { width:680px; margin-left:30px; list-style: circle; line-height:19px;}

/*Ask A Quote Page*/
.innerfullarea { width:960px; padding:20px 10px 0 10px;}
.input { width:280px; height:18px; border:1px solid #b6b6b6;}
.red { color:#FF0000; font-weight:bold;}

/*Portfoliopage*/
.portfolioflash { margin-left:10px;}
.portfoliobutton { width:710px; margin-left:10px;}
.weblink { background:url(../images/weblink.jpg) 0 0 no-repeat; display:block; width:166px; height:125px; cursor:pointer; text-indent:-99999px;  margin-right:5px;}
.weblink:hover { background-position: 0 -125px;}
.logolink {  background:url(../images/logolink.jpg) 0 0 no-repeat; display:block; width:166px; height:125px; cursor:pointer; text-indent:-99999px;  margin-right:5px;}
.logolink:hover { background-position: 0 -125px;}
.printlink {  background:url(../images/printlink.jpg) 0 0 no-repeat; display:block; width:166px; height:125px; cursor:pointer; text-indent:-99999px;  margin-right:5px;}
.printlink:hover { background-position: 0 -125px;} 
.digitallink {  background:url(../images/digitallink.jpg) 0 0 no-repeat; display:block; width:166px; height:125px; cursor:pointer; text-indent:-99999px;  margin-right:5px;}
.digitallink:hover { background-position: 0 -125px;}

.portfoliomainlink { width:942px; text-align:right; margin-bottom:10px;}
.porttoppagelink { color:#5c5b5b; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif; margin:0 10px 0 10px; }
.porttoppagelink:hover{ color:#000; text-decoration:none; }
.porttoppagelink .active {background:url(../images/hoverimg.gif) 3px 8px no-repeat; padding:15px; color:#000;}

.porttoppagelink1 { color:#5c5b5b; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif; margin:0 0 0 10px;}
.porttoppagelink1:hover{ color:#000; text-decoration:none; }
.porttoppagelink1 .active {background:url(../images/hoverimg.gif) 0 8px no-repeat; padding:15px; color:#000;}

.porttoppagelink2 { color:#5c5b5b; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif; margin:0 10px 0 10px;}
.porttoppagelink2:hover{ color:#000; text-decoration:none; }
.porttoppagelink2 .active {background:url(../images/hoverimg.gif) 0 8px no-repeat; padding:15px; color:#000;}
.webbutlink {  background:url(../images/websolution-b.gif) 0 0 no-repeat; display:block; width:107px; height:26px; float:left; cursor:pointer; margin-right:5px;}

.logoimg { width:900px; padding:30px 10px 10px 45px;  }
.logopic { margin:10px 20px 20px 10px;;}

.printareaimg { width:900px; margin:0 auto; padding-top:30px; text-align:center; }
.printimg1 { margin-top:20px;}

/*DigitalMediapage*/

.digitalarea { width:960px; margin:30px 0 35px 10px;}
.flashthumb { margin:14px; width:280px; height:183px; border:1px solid #999999; padding:4px; }
.flashthumb:hover { border:3px solid #0574b9; padding:2px; }
DIV#hidepage{
	position: absolute; left:400px; top:60px;  color:#000;
}

/*Sitemappage*/
.sitemaparea { width:960px;}
.ulbox4 { width:940px; margin-left:40px; list-style: circle; line-height:22px; list-style-type:none; margin-top:30px; }
.sitemap { margin-right:20px; border:1px solid #ccc; height:230px; padding:10px; }
.sitemapsublink { line-height:22px; color:#2e3638; font:normal 12px/15px  Arial, Verdana, Helvetica;}


/*careerspage*/
.maintxt { margin-left:10px;}
.whiteheading { color:#fff; font:bold 12px/15px  Arial, Verdana, Helvetica, sans-serif;}
.rqfield {width:290px; height:18px; border:solid 1px #88b3da; color:#626262; font:normal 11px verdana, Arial, Helvetica, sans-serif; }
.contactmsq {width:290px; border:solid 1px #88b3da;}
.starred {color:#ff0000; vertical-align:text-top;}

/*Footer Classes Starts Here*/
.footerouter {width:100%; height:282px; margin:0 auto; padding-top:20px; color:#fff; background:url(../images/footerbg.gif) 0 0 repeat-x #464646;}
.seotxt { width:1000px; margin:0 auto; margin-top:-10px; margin-bottom:40px; color:#a3a3a3; font:normal 11px/15px  Arial, Verdana, Helvetica, sans-serif;}
.footerleft { width:710px; margin:0 auto; text-align:left; }
.footerleftrightarea { width:1000px; margin:0 auto;}
.seplinefooter { margin:5px 0 5px 0;}
.addressarea { width:740px;}
.footeraddress { width:245px; font:normal 11px/15px Arial, Verdana, Helvetica, sans-serif; line-height:17px; float:left; }
.requestaqoute { width:400px; margin-top:70px; background:url(../images/requestaqoute-new.gif) 0 0 no-repeat; display:block; cursor:pointer; text-indent:99999px; height:41px;}
.requestaqoute:hover { background-position:0 -41px;}

.footerheading { color:#fff; font:normal 16px Arial, verdana,  Helvetica, sans-serif;}
.footerarrowtxt a{ font:normal 12px/15px  Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:20px; margin:0px 3px 0 3px; text-decoration:none;}
.footerarrowtxt a:hover{ text-decoration:underline;}
.copyright { font:normal 11px/15px  Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:left; line-height:17px; padding-top:2px; margin-bottom:20px; }
.copyrightlink { font:normal 11px/15px  Arial, Verdana, Helvetica, sans-serif; color:#fff; line-height:20px; margin:0 1px 0 1px; text-decoration:none;}
.mailtxt { font:normal 11px/15px Arial, Verdana, Helvetica, sans-serif; color:#fff; }
.mailtxt:hover { color:#fff; text-decoration:underline; }
.countryname { font:bold 13px/15px Arial, Verdana, Helvetica, sans-serif; color:#fff;}
.vlinefooter { margin:6px 0 0 -35px;}

.footerright { width:260px; margin-left:30px;}
.rightfooter { width:260px;}
.contacttxt { font:normal 25px/30px "AvantGarde MD BT",  Arial, Verdana, Helvetica, sans-serif; color:#fff;  width:150px;}
.contacticon { margin-left:30px; margin-top:-40px; background:url(../images/contact-icon-new.png) 0 0 no-repeat; display:block; text-indent:-9999px; width:64px; height:53px;}
.contacticon:hover { background-position:0 -53px;}
.getintouch { width:130px; font:normal 13px/15px "AvantGarde MD BT",  Arial, Verdana, Helvetica, sans-serif; color:#fff; }

.iconfooter { width:250px; margin-top:10px;}

.facebookicon { margin:0 5px 0 5px;}
.twittericon { margin:0 10px 0 5px;}
.linkedinicon { margin:0 5px 0 5px;}
.w3cicon { margin:-10px 5px 0 5px;}

.disclaimer {font:normal 7px/15px Arial, Verdana, Helvetica, sans-serif; color:#ededed; margin-left:80px;}