/* CSS Document */
img{padding:0; margin:0;}
h5{color:#666666; font-family: Arial, Helvetic, sans-serif; font-weight:normal; line-height:20px; font-size:12px; margin:5px; text-align:left;}
body{ color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px;  padding: 0px; line-height:17px; }
#heading_web_con_manager{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; width:300px; height:25px; margin:0; padding:0; float:left}
.management{color:#000000; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;text-align:justify;}
/*Career Blog Sitemap*/
#menu1{margin:0 130px 0 0;float:right;width:230px; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#menu1 ul{float:left;list-style:none; margin:0; padding:0;}
#menu1 ul li{float:left; display:inline; padding:5px 8px; }
#menu1 ul li a{border:0;padding:3px 8px; display:block; text-decoration:none; color:#ffffff;}
.clearfloat{clear:both;}
#open_position_links{margin:0; padding:0 ;}
#open_position_links ul{margin:0; padding:0 ; }
#open_position_links ul li{margin-left:60px; padding:0 ; line-height:20px;}
#open_position_links ul li a{ margin-left:0px; padding:0; text-decoration:none;}
/*Home About US*/
#menu{margin:0px 120px 0px 0px; font-weight: bold; float:right; width:470px;font-size:14px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu ul{list-style:none;margin:0; padding:0;}
#menu ul li{float:left;display:inline; line-height:25px;  padding:0px 5px 5px; }
#menu ul li a, a:link,a:active,a:visited{color:#993300; padding:0px 5px 5px;display:block;}
#menu ul li a:hover{background-image:url(../images/main-menu.gif); background-position:bottom center; background-repeat:no-repeat;background-color:#993300;color:#FFFFFF; padding:0px 5px 5px;display:block;}
#menu #services-active{background-repeat:no-repeat; background-color:#ffffff; color:#FFFFFF;  padding:0px 5px 5px;display:block;}

#logo{float:left;width:154px; height:52px; padding:0; margin: 5px  0 0 85px}
#aboutus-top{height:60px; width:100%; background-repeat:repeat-x; padding:0;}
/*.mid-text{padding:0 15px;float:left; width:170px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:justify;}*/
#outer-banner{width:900px; margin:0 auto; height:180px;}

/*Footer Home About US*/
#menu2{width:400px;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; vertical-align:middle;}
#menu2 ul{width:400px; margin:0 auto;display:block; margin:0 auto; list-style:none; padding:0px;}
#menu2 ul li{float:left; display:inline; }
#menu2 ul li a{padding:5px; display:block; text-decoration:none; color:#FFFFFF;}
#footer-link{width:100%; height:20px; }
#footer-info{text-align:center; width:700px; margin:0; padding-right: 170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#BBBBBB; float:right; }

#navigation-top{height:32px; width:100%; background-image:url(../images/top-navbg.jpg); background-repeat:repeat-x;}
#navigation2-top {height: 60px; width:100%; background-image: url(../images/navigation2new.jpg);background-repeat:repeat-x}
img{ margin:0px; padding:0;}
#apply_now { margin-left:200px; background-image:url(../images/apply_now.gif);}
.heading-apply{ height:25px; width:500px; float:none;}

#banner-top{height:180px; width:820px; margin:0 auto; background-image: url(../images/banner_image1.jpg); background-position:bottom; background-repeat:no-repeat;}
h2{color:#A62D32; margin-left:50px; padding-top:50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal;}
.heading{color:#A62D32;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:0; font-weight:normal;}
.headingclist{color:#D4464C;font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:0; padding:0;}

p{color:#666666; font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height:20px;  font-weight:normal; text-align:justify; width:810px; float:left; padding-right:20px; margin:0px; padding-left:0;} 
#p-copy{color:#666666; font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height:20px;  font-weight:normal; text-align:justify; width:200px; float:left; padding-right:20px; margin:0px; padding-left:0;} 
#text-banner{height:140px; width:650px; float:right;}

#banner{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/aboutnew.jpg); margin-left:0px;}
h3{color:#333333; margin-left:50px; margin-top:120px; font-family: Arial, Helvetica, sans-serif; font-size:25px;}
#main-wrapper{margin:0 auto; width:900px; height:auto;}
#careerfaq{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/career_faq_new.jpg); margin-left:0px;}
#clients{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/clients_new.jpg); margin-left:0px;}
#working_at_syscon_banner{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/working_at_syscon_banner_new.jpg); margin-left:0px;}

#openpositions_banner{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/openpositions_new.jpg); margin-left:0px;}

#services_banner{float:right; margin:0 0 0 70px; height:180px; width:650px;  background-image: url(../images/servicesnew.jpg); margin-left:0px;}

#contactus_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/contact_us_new.jpg) ; margin-left:0px;}

#sitemap_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image:url(../images/sitemap_banner_new1.jpg); margin-left:0px;}

#clientlist_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/clientlist_banner_new.jpg) ; margin-left:0px;}

#history_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/historynew.jpg) ; margin-left:0px;}

#webcm_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/web_cm_new.jpg) ; margin-left:0px;}

#webdev_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/web_dev_new.jpg) ; margin-left:0px;}

#web_d_dev_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/website_design_development_new.jpg); margin-left:0px;}
#links_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/links_new.jpg); margin-left:0px;}
#projects_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/projects1.jpg); margin-left:0px;} 

#search_engine_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/search_engine_banner_new.jpg) ; margin-left:0px;}


#client_feedback{float:right; margin:0 0 0 70px; height:253px; width:650px; background-image: url(../images/clients_feedback.jpg); margin-left:0px;}
#management_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/managementnew.jpg); margin-left:0px; background-repeat:no-repeat;}
#manager_banner {float:right; margin:0 0 0 70px; height:150px; width:650px; background-image: url(../images/clientsnew.jpg); margin-left:0px;}

.servicelinks{ font-family:Arial, Helvetica, sans-serif; float:left; width:250px; padding:0px; height:150px; font-size:14px; color:#666666; margin:0;}
.servicelinks ul{width:220px; margin:0px ;display:block; list-style:none; padding-top:15px; padding-left:0px;}
.servicelinks ul li{float:none; display: inline; padding-bottom:15px; color:#0000FF; }

.servicelinks ul li a:active, a:link, a:visited{padding:6px 6px 6px 10px; display:block; text-decoration:none;color:#666666; }
.servicelinks ul li a:hover{background-image:url(../images/nav-image.jpg); background-repeat:no-repeat; background-position:left; color:#FFFFFF; background-color:#993300;}

#services{margin:0 0 0 5px;float:left;width:810px; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#services ul{height:20px;width:700px;float:left;list-style:none; margin:0 0 0 0; padding:0px;}
#services ul li{float:left; display:inline;line-height:10px; padding-right:20px; margin-top:0 ;}
#services ul li a{line-height:20px; vertical-align: top; padding:0px 0px; display:block; text-decoration:none; color: #333333;}
.headingservices{font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:10px; width:100px; padding-top:5px; color:#213EA9; margin-bottom:80px;}

#info-bar {width:820px; height:auto; margin:0px auto; background-image:url(../images/info-bar.jpg); background-repeat:repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; font-weight:bold; font-size:14px;  }

#aboutus_info-bar {float:right; width:650px;  background-image:url(../images/info-bar.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif;color: #333333; font-weight:bold; font-size:12px; line-height:18px; margin:0 auto; padding:0; }
#aboutus_info-bar_copy {float:left; width:650px;  background-image:url(../images/info-bar.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif;color: #333333; font-weight:bold; font-size:12px; line-height:18px; margin:0 auto; padding:0 0 0 95px; }
#banner1-top{height:220px; width:820px;  background-image: url(../images/banner1-bot.jpg); background-repeat:repeat-x; background-position:top; float:left; margin:0px 0px;}
h1{color:#213EA9;font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 75px 0 10px; float:left; padding:0; }

.new_flash{ width:820px; height:190px;}
.new_flash{ width:820px; height:190px;}



.clientlist{font-family:Arial, Helvetica, sans-serif; width:325px; padding:0px; font-size:14px; color:#000000;  float:left; padding:0px; font:normal;}

.clientlist1{font-family:Arial, Helvetica, sans-serif; width:325px; font-size:14px; color:#000000;  float:right; padding:0px; font:normal;}

.feedback{ background-image:url(../images/feedbackbg.jpg); background-repeat:repeat-x; width:650; font-family:Arial, Helvetica, sans-serif; background-position:top; padding:0px;}

.feedback1{ background-image:url(../images/feedbackbg1.jpg); background-repeat:repeat-x; width:650; font-family:Arial, Helvetica, sans-serif; background-position:top; padding:0px;}

#navigation-bottom{margin:20px 0 0 0;height:66px; width:100%; background-image:url(../images/navigation-bottom.jpg); background-repeat:repeat-x;}

#map{width:300; float:right; margin:5px;}
#quote{width:240px; margin-left:35px;}
#address{float:left; font-size:14px; font-family: Arial, Helvetica, sans-serif; width:280px; margin-left:45px; margin-top:10px;}
.p_address{font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; width:280px; font-weight:normal;}
.contactus{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#rightcontent{float:right; margin:0; padding:0;  }
/*rightclass{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3F3F3F; font-weight:bold; margin:0; padding:0; text-align:left; }*/
h4{margin:5px; padding:0; text-align:left;}
.servicelinks1{ font-family:Arial, Helvetica, sans-serif; float:left; width:250px; padding:0px; height:230px; font-size:14px; color:#666666; margin:0;}
h6{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left; margin:0; padding:0;}
#leftcontent{float:left; margin:0; padding:0;}
#casestudy_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image: url(../images/casestudy1.jpg); margin-left:0px;}
#case_banner{float:right; margin:0 0 0 70px; height:180px; width:650px; background-image:url(../images/casestudy.jpg); margin-left:0px;}
#technology{border: 0px dotted #e5e5e5; height:200px; width:175px;}


#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

/* .slide class */
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}



slides
  .css('overflow', 'hidden')
  .wrapAll('<div  id="slideInner"></div>')

 $('#slideshow')
  .prepend('<span class="control" id="leftControl">Moves left</span>')
  .append('<span class="control" id="rightControl">Moves right</span>');

$('#slideInner').animate({
  'marginLeft' : slideWidth*(-currentPosition)
});

#sidebar{font-family:Arial, Helvetica, sans-serif; float:left; width:20px; padding:0px; height:20px; font-size:14px; color:#666666; margin:0;}
.links_sidebar{ font-family:Arial, Helvetica, sans-serif; float:left; width:20px; padding:0px; height:20px; font-size:14px; color:#666666; margin:0;}
.navigation{width:4px; height:4px; float:right}
.job_opening{width:200px; height:20px;}


#textlinks{ margin:0;  float:left;  padding:0;}
.links{ margin:0;  float:left;  padding:0;}

#textcontent{margin:0; float:left; padding:0;}

div.clr{
clear: both;
padding: 5px;
position:absolute;
} 



<style type="text/css">
body {
	font: Arial, Helvetica, sans-serif normal 10px;
	margin: 0; padding: 0;
}
* {margin: 0; padding: 0;}
img {border: none;}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 10px;
	float: left;
	position: relative;
	width: 110px;
	height: 120px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 19px; top: 6px;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}
.lisub{ padding-left:20px;}
.newlink ul li a:active, a:link, a:visited , { color:#CC0000;   }

</style>