body,table,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
table,td,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
ul, ol {list-style-position: outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*
== typography
*/
body,ul,ol,dl,h4,h5,h6,td,th,caption,pre,p,blockquote {
  font-family: Arial, Sans-Serif;
  font-size: 12px; 
  line-height: 18px;
  font-weight: normal;
  color: #312E25;
}
input,textarea {
  font-family: Arial, Sans-Serif;
  font-size: 12px; 
  font-weight: normal;
  color: #312E25;
}
h1,h2,h3,h4 { font-family:Verdana, Sans-Serif;  
  font-size: 11px;
  /*line-height: 18px;*/
  /*text-align:justify;*/
  font-weight: bold;
  color: #464646;  
}
h1 {
padding-bottom:10px;
}
h4 {
padding-bottom:5px;
}        
body {
background-color:#2168A7;
}

a:link, a:visited {text-decoration:none;font-weight:normal;outline:none;color:#0054a6;}
a:hover, a:active {text-decoration:none;font-weight:normal;outline:none;color:#FF8400;}

/* INFOBOX code starts here */	
#infobox-container {
	float:right;
	width:220px;
	border-left:1px solid #999999;
	/*background-color:#fff;*/
}

#infobox {
	width:218px;
	height:auto;
	overflow: hidden;
	border-left:1px solid #e6e6e6;
	/*border-right:2px solid #ff5312; background-color:#fff;*/
	border-bottom:2px solid #ff5312;
	margin-left:7px;
}
	
#infobox-title {
	height:22px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
	line-height:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#000;
}

#search-box {
	display: block;
	padding:8px 0 3px 7px;
	}
		
#search-field {
	background-color: #e5e5e5;
	border: 1px solid #dcdcdc;
	height: 17px;
	width: 120px;
	vertical-align: middle;
	}
	
#go-button {
	vertical-align: middle;
	}
	
#infobox a {
	color:#000;
	text-decoration:none;
	line-height:8px;
	font-family:Arial, Helvetica, sans-serif;
}

#infobox a:hover {
	color:#999;
	text-decoration:none;
}
	
#newsletter-subscribtion {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:6px 0 0 0;
	padding:5px 0 5px 7px;
	}
	
#newsletter-subscribtion a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-newsletter-subscription.gif) ;
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#rss-feed {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#rss-feed a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-rss-feed.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#read-blog {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#read-blog a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-read-blog.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#web-projects {
	display:block;
	height:30px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#web-projects a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-read-blog.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#twitter {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#twitter a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-twitter.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#mobile-devices {
	display:block;
	height:32px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#mobile-devices a {
	display:block;
	height:32px;
	padding-left:22px;
	background-image:url(../images/icon-mobile-website.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#contact {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#contact a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-contact.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
#facebook {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
#facebook a {
	display:block;
	height:16px;
	padding-left:22px;
	background-image:url(../images/icon-facebook.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:15px;
	}
	
/* JQuery tabs */
#TabArea_Web_Designing {position:relative; text-align:justify; height:200px; background:transparent url(../images/default-web-designing.png) no-repeat bottom right;}

#TabArea_multimedia_presentaions {position:relative; text-align:justify; height:200px; background:transparenturl(../images/default-multimedia.png) no-repeat bottom right;}

#TabArea_search_engine_optimization {position:relative; text-align:justify; height:200px; background:transparent url(../images/default-search-engine.png) no-repeat bottom right;}

#TabArea_mobile_applications {position:relative; text-align:justify; height:200px; background:transparent url(../images/default-mobile-application.png) no-repeat bottom right;}

div.demo {
	padding:5px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}
/* JQuery tabs code ends here */
	
.orange-head { font:bold 11px Georgia, "Times New Roman", Times, serif; color:#ff7d07; }

.other_services {
	display:block;
	height:16px;
	border-top:1px solid #ebebeb;
	background-color:#f4f4f4;
	margin:0;
	padding:5px 0 5px 7px;
	}
	
.other_services a {
	display:block;
	height:16px;
	padding-left:22px; 
	vertical-align:middle;
	line-height:15px;
	}
	
/* INFOBOX code ends here */	

td.bgColor {font-family: Tahoma, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; font-weight:normal; line-height: 20px; color:#000000; text-align:justify; padding:10px;}
td.bgColor:hover {background-image:url(../images/bg_hover.gif); background-repeat:repeat-x; font-family: Tahoma, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; font-weight:normal; line-height: 20px; color:#000000; text-align:justify; padding:10px;}

.frame {
	border: 1px solid #FFCC00;
}

.td { font-family: Arial, Sans-Serif; font-size: 11px; text-decoration: none; font-weight:normal; line-height: 16px; color:#312E25; }

.b-bottom {font-family: Arial, Sans-Serif; font-size: 13px; text-decoration: none; font-weight:normal; line-height: 16px; color:#312E25; padding-bottom:10px; padding-left:5px; border-bottom: 1px solid #E1DDCF; }

.b-right { font-family: Arial, Sans-Serif; font-size: 12px; text-decoration: none; font-weight:normal; line-height: 16px; color:#312E25; padding-bottom:10px; padding-left:5px; border-right: 1px solid #C0BEBE; }

.readmore {
	padding-left:35px;
	background:url(../images/read-more.png) no-repeat left;
	line-height:12px;
	}
	
.knowmore {
	padding-left:12px;
	background:url(../images/arrow-more.gif) no-repeat left;
	line-height:12px;
	}

.a {text-decoration:none;outline:none;color:#FFFFFF;}

.a:hover { text-decoration:none; font-weight:normal; color:#0054a6; }

/* this is for the transparency in the search text box */
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*this code ends here */

/*this is for the dynamic menu avsolutions_links on the top */
.QuickLinksFlyoutPopup
{
            background-color: white;
            border: solid 1px silver;
            padding: 10px;
}
.listitem
{
            font-family: Verdana;
            font-size: 8pt;
            color: black;
            text-decoration: none; 
            text-align:left;
}
a.listitem:visited
{
            font-family: Verdana;
            font-size: 8pt;
            color: black;
            text-decoration: none;
}
a.listitem:hover
{
            font-family: Verdana;
            font-size: 8pt;
            color: black;
            text-decoration: none;
}
a.mlink:link
{
            font-family: Tahoma;
            font-size: 8pt;
            color: white;
            text-decoration: none;
}
a.mlink:visited
{
            font-family: Tahoma;
            font-size: 8pt;
            color: white;
            text-decoration: none;
}
a.mlink:hover
{
            font-family: Tahoma;
            font-size: 8pt;
            color: white;
            text-decoration: none;
}
.mHoverin
{
            background-color: green;
            border: solid 1px blue;
}
.mHoverout
{
            background-color: none;
            border: none;
}
.list
{
            width: 160px;
            padding-left: 10px;
}
.QuickLinksFlyoutPopupHr
{
            background-color: #D6E3EF;
            width: 5px;
}
.QuickLinksFlyoutStaticLink_msdn
{
           border: solid 1px;
}
.QuickLinksFlyoutStaticLink_msdn
{
            font-family: Tahoma;
            font-size: 8pt;
            color: white;
            cursor: hand;
            width: 90px;
            height: auto;
}
/*this code ends here */

/*
== reset
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body.bigleft #main, body.bigleft #side, #inner-main { float:left; }

body.bigleft #main { width:640px; padding-right:8px; }

/*body.bigleft #side { width:256px; }	not reqd	*/

body.bigleft .textblock .full-column, body.bigright .textblock .full-column { margin-left:10px; margin-right:10px; width:auto; }

.block { position:relative; width:905px; margin:0 auto; }

.block:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }

.block { zoom: 1; /* IE fix */ }

/* testimonials part coming here */

.inner-block { background-color:#666666; height:280px; }

.testimonial {
  position:absolute;
  left:0;
  top:0;
  width:250px;
  height:225px;
}
#testimonials ul {
  position:absolute;
  background: url(../images/testimonials-buttons-bg.png) no-repeat top left;
  left:20px;
  top:420px;
  margin-top:0;
  width:250px;
  height:17px;
}
#testimonials li {
  display:inline;
}
#testimonials li a {
  float:left;
  width:22px;
  height:0px;
  padding-top:0px;
  margin-right:7px;
  overflow:hidden;
  background-image:transparent;
  display:block;
}
#testimonials li#testimonial-6-link a { margin-right:27px; }
#testimonials li a.active, #testimonials li a:hover {
  background-image:url(../images/testimonials-buttons-bg.png);
}
#testimonials li#testimonial-1-link a.active, #testimonials li#testimonial-1-link a:hover { background-position: 0 17px; }
#testimonials li#testimonial-2-link a.active, #testimonials li#testimonial-2-link a:hover { background-position: -29px 17px; }
#testimonials li#testimonial-3-link a.active, #testimonials li#testimonial-3-link a:hover { background-position: -58px 17px; }
#testimonials li#testimonial-4-link a.active, #testimonials li#testimonial-4-link a:hover { background-position: -87px 17px; }
#testimonials li#testimonial-5-link a.active, #testimonials li#testimonial-5-link a:hover { background-position: -116px 17px; }
#testimonials li#testimonial-6-link a.active, #testimonials li#testimonial-6-link a:hover { background-position: -145px 17px; }
li#testimonial-pauseplay-link a, li#testimonial-pauseplay-link a:hover {
  background-image:url(../images/testimonials-buttons-bg.png);
  background-position:-194px 17px;
  margin-right:0;
}
.playing li#testimonial-pauseplay-link a, .playing li#testimonial-pauseplay-link a:hover { background-position:-194px 0px; }

.inner-block .testimonial h2 {
  font-weight:bold;
  font-size:16px;
  letter-spacing:1px;
  position:absolute;
  left:5px;
  top:170px;
  background-image:none;
  width:250px;
  color:#FCAA24;
  line-height:18px;
  padding:2px;
  text-transform:uppercase;
}
img.testimonial-photo {
  position:absolute;
  left:20px;
  top:200px;
  display:block;
}
.inner-block .testimonial p {
  position:absolute;
  top:360px;
  left:15px;
  width:240px;
  font-size:11px;
  color:#FFFFFF;
  text-align:justify;
  padding:5px;
}

.round-box-tr { }

.accordion_toggle { width:250px; /*cursor: pointer;*/ }

#news-items .accordion_content {
  /*overflow:hidden; for accordion */
  /*background:#f0f0f0;*/
}

.news-item { padding:14px; }
.inner-block .news-item h3 { margin-top: 0; }
.news-item a { color:#184094; }
.news-item p { margin:12px 0; }

/* testimonials ends here */

/* tooltip code starts here */
#dhtmltooltip {
	position: absolute;
	left: -1000px;
	width: 150px;
	border: 1px solid #2C70AF;
	padding: 2px;
	background-color: white;
	text-align:center;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmlpointer {
	position:absolute;
	left: -1000px;
	z-index: 201;
	visibility: hidden;
}

#dhtmltooltip2 {
	position: absolute;
	left: -1000px;
	width: 150px;
	border: 1px solid #2C70AF;
	padding: 5px;
	background-color: white;
	text-align:left;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}



/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
	display: block;
	z-index: 100;
	position: absolute;
	top: 2.5em;
	left: 0;
	width: auto;
	line-height: 1.2em;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #f7f7ee;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
}
 #content span.tool::after {
 padding-left: 2px;            /* eye candy */
 content: url(bubble.gif);
}

/* tooltip code ends here */

/* LEAD STORY code starts here */	
#leadstory-container {
	width:743px;
	height:192px;
	border-bottom:2px solid #ff5312;
	border-top:2px solid #ff5312;
	border-right:2px solid #ff5312;
	overflow:hidden;
}

#leadstory_wrapper {
	width:743px;
	height: 183px;
	overflow: hidden;
	border-top:4px solid #fff;
	border-bottom:5px solid #fff;
}

#leadstory_wrapper div.slide {
	width: inherit;
	height: inherit;
	overflow: hidden;
}

#leadstory_wrapper div.leadstory_img {
	float:left;
	width:437px;
	}
/* New Lead Story with out image No*/
#leadstory_wrapper div.leadstorys_img {
	float:left;
	width:437px;
	}
#leadstory_wrapper div.leadstory_img_01 {
	float:left;
	width:38px;
    background-image:url(../images/no-01.jpg);
	background-repeat:no-repeat;
	height:138px;
	}	
#leadstory_wrapper div.leadstory_img_02 {
	float:left;
	width:38px;
    background-image:url(../images/no-02.jpg);
	background-repeat:no-repeat;
	height:138px;
	}	
#leadstory_wrapper div.leadstory_img_03 {
	float:left;
	width:38px;
    background-image:url(../images/no-03.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_04 {
	float:left;
	width:38px;
    background-image:url(../images/no-04.jpg);
	background-repeat:no-repeat;
	height:138px;
	}			
#leadstory_wrapper div.leadstory_img_05 {
	float:left;
	width:38px;
    background-image:url(../images/no-05.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_06 {
	float:left;
	width:38px;
    background-image:url(../images/no-06.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_07 {
	float:left;
	width:38px;
    background-image:url(../images/no-07.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_08 {
	float:left;
	width:38px;
    background-image:url(../images/no-08.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_09 {
	float:left;
	width:38px;
    background-image:url(../images/no-09.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
#leadstory_wrapper div.leadstory_img_10 {
	float:left;
	width:38px;
    background-image:url(../images/no-10.jpg);
	background-repeat:no-repeat;
	height:138px;
	}		
/* END New Lead Story with out image No*/


#leadstory_wrapper div.leadstory_content {
	float:left;
	width:288px;
	height:137px;
	padding:10px 5px 0 5px;
	background-color:#FFFFFF;
	border-right:7px solid #FFFFFF;
	text-align:justify;
	}
	
div.leadstory_content ul li {
	padding-left:8px;
	margin:2px 0 0 0;
	background:url(../images/bullet.gif) no-repeat 0 5px;
	vertical-align:middle;
	list-style:none;
	}
	
#leadstory_nav {
	position:relative;
	width:298px;
	height:29px;
	top:-40px;
	left:439px;
	text-align:center;
	border-top:1px solid #ff5312;
	border-right:6px solid #FFFFFF;
	padding-top:5px;
	z-index: 100;
	background-color:#FFFFFF;
	}
	
.inner-lead-title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666;
	font-weight:bold;
}

/* PAGER SECTION */
#leadstory_pager a { margin: 0 3px; padding: 3px 5px;  /*background: #fff;*/ text-decoration: none; color:#333; font-size:10px; }
#leadstory_pager a.activeSlide { background-image:url(../images/orange-nav-rollover.gif); background-repeat:no-repeat; /*color:#fff;*/ }
#leadstory_pager a:focus { outline: none; }

/* Lead Story code ends here */

/* SlideShow code starts here for home page services */
.PopUpBackground {background-color:transparent; border:solid 3px #CCCCCC;}
        
        #slideshow
        {
            margin: 0 auto;
            width: 544px;
            height: 300px;
            position: relative;
        }
        #slideshow #slidesContainer
        {
            margin: 0 auto;
            width: 504px;
            height: 300px;
            overflow: auto; /* allow scrollbar */
            position: relative;
        }
        #slideshow #slidesContainer .slide
        {
            margin: 0 auto;
            width: 484px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
            height: 300px; 
            text-align:left;
        }         
        .control
        {
            display: block;
            width: 40px;
            height: 300px;
            text-indent: -10000px;
            position: absolute;
            cursor: pointer;
        }
        #leftControl
        {
            top: 0;
            left: 0;
            background: transparent url(../images/control_left.png) no-repeat 0 0;
        }
        #rightControl
        {
            top: 0;
            right: 0;
            background: transparent url(../images/control_right.png) no-repeat 0 0;
        }        
        #pageContainer
        {
            margin: 0 auto;
            width: 544px;
        }
        #pageContainer h1
        {
            display: block;
            width: 544px;
            height: 20px;
            text-indent: -10000px;
        }
        .slide h2, .slide p
        {
            margin: 10px; text-align:justify;
        }
        
        .slide h2
        {
            font: italic 18px Georgia, "Times New Roman" , Times, serif;
            color: #2168A7;
            letter-spacing: -1px;            
        }
        .slide img
        {
            float: left;
            margin: 0 15px;
        }
        .slide a
        {
            float: left;
            margin: 0 15px;
        }
        
/* Slideshow code ends here */