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

body { font-family:"Lucida Grande", Verdana, Geneva, sans-serif; font-size:12px; margin:20px 0 0 0; padding:0; background:#fff url(../images/innerbg.gif) repeat-x top; margin:10px 0 0; padding:0; }

#home { background:#fff  url(../images/page.gif) repeat-x top; }

/* General */

a img { border:none; }

.clear { clear:both; }

/* Structure */

.wrapper { width:960px; margin:0 auto; }

#header { width:960px; padding:0 0 20px 0; }

	.logo { float:left; width:200px; margin:0; padding:0; }
	
	#tagline { float:left; width:380px; margin:14px 0 0 0; height:31px; line-height:31px; font-size:11PX; background:url(../images/tagline.gif) no-repeat 0 0 ; }
	
		#tagline span { padding-left:30px; }
	
	#contact-numbers { float:right; width:380px; text-align:right; margin:0 0 0 0; color:#666; }
	
		.tollfree { padding:0 0 0 20px; font-size:20px; background:url(../images/tollfree.gif) no-repeat left; color:#666; }

			.tollfree strong { color:#444;  }

#navigation { background:url(../images/topnav.gif) repeat-x top; padding:5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:30px; }

	#navigation ul { margin:0; padding:0; list-style:none; }
	
		#navigation ul li { margin:0; padding:0; display:block; float:left; }
		
			#navigation ul li a { display:block; line-height:30px; height:30px; width:125px; margin:0 5px; text-decoration:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; font-weight:bold; }
			
			#navigation ul li a:hover { background:url(../images/topnavactive.gif) repeat-x top; }			

			#navigation ul li a.activepage { background:url(../images/topnavactive.gif) repeat-x top; }			

#contents { clear:both; }

	#highlights { height:280px; }
	
	#services { float:left; width:640px; padding:10px 0 0 0; }
	
		#services ul { margin:0; padding:0; list-style:none; }
		
			#services ul li { margin:0 20px 10px 0; padding:5px; display:block; float:left; width:290px; }
			
				#services ul li:hover { background:#ffc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			
				#services ul li h3 { margin:0; display:block; }
				
					#services ul li h3 a { height:50px; display:block; text-decoration:none; text-indent:-999em; }
					
						#services ul li h3 a.service1 { background:url(../images/dedicated.gif) no-repeat top left; }
						
						#services ul li h3 a.service2 { background:url(../images/outsource.gif) no-repeat top left; }
						
						#services ul li h3 a.service3 { background:url(../images/webdesign.gif) no-repeat top left; }
						
						#services ul li h3 a.service4 { background:url(../images/creative.gif) no-repeat top left; }
						
						#services ul li h3 a.service5 { background:url(../images/it.gif) no-repeat top left; }
						
						#services ul li h3 a.service6 { background:url(../images/hosting.gif) no-repeat top left; }
						
						#services ul li h3 a.service7 { background:url(../images/cad.gif) no-repeat top left; }
						
						#services ul li h3 a.service8 { background:url(../images/socialmedia.gif) no-repeat top left; }
						
				#services ul li p { margin:0 0 0 0; }
		
					#services ul li p a { text-decoration:none; color:#333; }

				.row1 { height:110px; overflow:hidden; }
				
				.row2 { height:110px; overflow:hidden; }
				
				.row3 { height:130px; overflow:hidden; }
				
				.row4 { height:155px; overflow:hidden; }

	#sidebar { float:right; width:310px; position:relative; }
		
		#whysoftcodeit { position:absolute; margin:-176px 0 0 0; width:320px; height:760px; top:0; left:0; background:url(../images/sidebar.png) no-repeat top; }
		
			#whysoftcodeit dl { margin:150px 25px 0; padding:0; }
			
				#whysoftcodeit dl dt { display:block; margin:0 0 5px 0; padding:0; font-weight:bold; color:#8d1010; font-size:14px; }
				
				#whysoftcodeit dl dd { margin:0 0 30px 0; padding:0; color:#444; }

#footer { }

	#footerTop { padding:20px 0 0; }
	
		#aboutus { float:left; width:340px; margin-right:30px; color:#7d0102; }
		
			#aboutus h2 { font-size:12px; margin:0 0 10px 0; }
			
			#aboutus p { margin:0 0 10px 0; font-size:11px; }
			
				#aboutus p a { color:#9c1617; text-decoration:none; }
				
				#aboutus p a:hover { color:#7d0102; }
	
		#loginform { float:left; width:290px; }
		
			#loginform h2 { font-size:12px; margin:0 0 10px 0; color:#7d0102; }
		
			#loginform form { margin:0; padding:0; }
			
			#loginform form fieldset { margin:0; padding:0; border:none; }
			
			#loginform form div { margin:0 0 7px 0; }
			
			#loginform form div input { width:200px; background:#d9cec4; border:1px solid; border-color:#d9cec4 #d9cec4 #bda28a #d9cec4; padding:3px!important; }
			
			#loginform form input.btn { width:85px; }
									
		#links { float:left; width:300px; }	
			
			#links h2 { font-size:12px; margin:0 0 10px 0; color:#7d0102; }
			
			#links ul {margin:0; padding:0; list-style-position:inside; }
			
			#links ul li { float:left; width:40%; margin-right:10px; }
			
				#links ul li a { text-decoration:none; color:#444; }
			
		#social { clear:both; height:100px; }
		
			#social h2 { font-size:12px; margin:0 0 10px 0; color:#7d0102; }
		
				#social a.social_links { display:block; float:left; width:32px; height:32px; margin-right:5px; text-decoration:none; text-indent:-999em; }
				
					#social a.facebook { background:url(../images/facebook.gif) no-repeat bottom; }
					
					#social a.facebook:hover { background-position:top; }
					
					#social a.linkdin { background:url(../images/linkdin.gif) no-repeat bottom; }
					
					#social a.linkdin:hover { background-position:top; }
					
					#social a.twitter { background:url(../images/twitter.gif) no-repeat bottom; }
					
					#social a.twitter:hover { background-position:top; }
					
				#twitter_div { float:left; padding:0 0 0 20px; position:relative; width:495px; }		

					#twitter_div .arrowup { position:absolute; height:0; width:0; top:12px; left:5px; border-top:5px solid transparent; border-right:15px solid #e1d9d0; }
					
					#twitter_div .arrowdown { position:absolute; height:0; width:0; top:17px; left:5px; border-left:15px solid transparent; border-top:5px solid #e1d9d0; }
				
					#twitter_div ul { margin:0; padding:0; list-style:none; }
					
					#twitter_div ul li { margin:0; padding:10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#e1d9d0; }
						
						#twitter_div ul li a { text-decoration:none; color:#444;  }

						#twitter_div ul li a:hover { text-decoration:underline; }		

	#footerBottom { clear:both; padding:20px 0; color:#ede8e3; font-size:10px; }
	
		#footerRight { float:right; padding-right:10px; }
		
			#footerRight a { color:#ede8e3; text-decoration:none; }
			
			#footerRight a:hover { text-decoration:underline; }
			
/* pages */

.page #footer { background:url(../images/footerbg.gif) repeat-x top; }

	#pagenav { float:left; width:210px; padding:30px 0; }
	
		#pagenav ul { margin:0; padding:0; list-style:none; }
		
		#pagenav ul li { margin:0 0 10px 0; padding:0; }
		
		#pagenav ul li a { display:block; position:relative; height:40px; background:#eee; line-height:40px; text-decoration:none; text-align:center; font-weight:bold; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
		
			#pagenav ul li a span { position:absolute; height:40px; top:-1px; left:-1px; width:100%; color:#444; display:block; text-align:center; z-index:1; }
		
			#pagenav ul li a:hover, #pagenav ul li a.active_page { background:#7a0101; color:#333; }
			
				#pagenav ul li a:hover span, #pagenav ul li a.active_page span { color:#fff; }
		
			#pagenav ul li a.activeLink { background-position:bottom!important; }
				
				#pagenav ul li ul { margin:10px 0 0 0; }
				
					#pagenav ul li ul li { margin:0 0 5px 0; }
			
				#pagenav ul li ul li a { font-size:10px; height:30px; line-height:30px; font-weight:normal; }
				
				#pagenav ul li ul li a span { height:30px; }
			
			/*
		
			#pagenav ul li a.overviewLink { background:url(../images/overview.gif) no-repeat top; }
			
			#pagenav ul li a.managementLink { background:url(../images/managementteam.gif) no-repeat top; }
			
			#pagenav ul li a.whysrilankaLink { background:url(../images/whysrilanka.gif) no-repeat top; } 
			
			*/
			
	.leftbox { margin-bottom:20px; border:3px solid #f5f5f5; -moz-border-radius:13px; -webkit-border-radius:13px; }
	
		.leftbox_content { border:1px solid #ddd; padding:10px 10px 0; color:#333; line-height:20px; -moz-border-radius:10px; -webkit-border-radius:10px; }
			
			.leftbox_content p { margin:0; padding-bottom:10px; }
			
.page #highlights { height:100px; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-style:italic; text-shadow:1px 1px #fff; color:#700; margin-bottom:2px; }
			
.page #contents { background:#fff; }
	
	#section { width:726px; margin:30px 0 40px; float:right; border:3px solid #f5f5f5; -moz-border-radius:13px; -webkit-border-radius:13px; }
	
	#pagecontent { border:1px solid #ddd; padding:20px; color:#333; line-height:20px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	
		#pagecontent a { color:#700; }
		
		#pagecontent a:hover { color:#000; }
	
		#pagecontent p { display:block; margin:0; padding:0 0 10px; line-height:18px; }
		
		#pagecontent p.diagram { text-align:center;}

			#pagecontent p.diagram img { padding:3px; border:1px solid #ddd; background:#eee; }
			
		#pagecontent .imgl { margin:0 10px 0 0; }
		
		#pagecontent .imgr { margin:0 0 0 10px; }

		#pagecontent .content { padding:20px 0 10px; margin:0 -20px 0 0; clear:both; }
		
		.skillbox { width:215px; padding:0 18px 20px 0; float:left; line-height:18px; }
		
			.skillbox dl { margin:0; display:block; padding:15px; -moz-border-radius:5px; }
			
			.skillbox dt { margin:0 20px 10px 0; padding:0; font-weight:bold; }
			
			.skillbox dd { margin:0; padding:0; }
			
			.skilltechnology { background:#fdf9f4 url(../images/skilltechnology.gif) no-repeat top right;  }	
			
			.skilldatabase { background:#fdfcf4 url(../images/skilldatabase.gif) no-repeat top right;  }	
			
			.skillserver { background:#f4fcfd url(../images/skillserver.gif) no-repeat top right; }
			
			.skillquality { background:#fbfdf4 url(../images/skillquality.gif) no-repeat top right;  }	
			
			.skillgraphic { background:#f9f4fd url(../images/skillgraphic.gif) no-repeat top right;  }	
			
			.skillconsultancy { background:#fcfdf4 url(../images/skillconsultancy.gif) no-repeat top right; }
			
		.profile { margin:30px 0 10px 0; padding:5px; background:#fafafa; font-size:14px; -moz-border-radius:5px; border:1px solid #eee; }
		
			.profile em { font-size:12px; }
		
			.profile img { float:left; margin:-30px 20px 0 0; }
		
			.picr { padding:4px; background:#f5f5f5; float:right; width:200px; margin:0 0 10px 20px; }
			
			.picl { padding:4px; background:#f5f5f5; float:left; width:200px; margin:0 20px 10px 0; }
		
				.picr a img, .picl a img { border:none; }
			
			 	.picr a, .picl a { display:block; border:1px solid #ddd; text-decoration:none; color:#666; font-style:italic; }
				
#contact_form { margin:0; padding:0; }

	#contact_form fieldset { border:1px solid #ddd; padding:20px; background:#fafafa; }
	
	#contact_form div { padding-bottom:10px; }
	
		#contact_form label { width:100px; display:block; float:left; text-align:right; margin-right:20px; }
		
			#contact_form label.error { float:none; display:block; color:#c00; text-align:left; margin:0 0 0 120px; width:auto; }
		
			#submit-btn { margin-left:120px; }
			
			
#flash_gal { width:650px; height:280px; float:left; }

#flash_map { width:300px; height:116px; float:left; }

.morelink { color:#c00!important; font-size:11px; }

.morelink:hover { text-decoration:underline!important; }

#pagecontent h2 { font-size:14px; background:#f5f5f5; padding:5px 10px; }

#pagecontent h2 em { font-weight:normal; font-style:normal; font-size:13px; color:#666; }