/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
*:focus { 
	outline: none;
}
body {
	margin: 0;
	padding: 0;
	height:100%;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
}
hr{
	margin-top:7px;
}
h2{
	font-size:28px;
	line-height:normal;
}
h4{
	letter-spacing:4px;
	word-spacing:5px;
	padding-top:5px;
}
p{
	color: #707070;
	line-height:20px;
	text-align:justify;
}
.spacer{
	padding-top:8px;
}

#header{
	width:100%;
	height:90px;
}
#header_map{
	width:1200px;
	height:90px;
	margin:0 auto;
}
#header_map1{
	width:155px;
	height:90px;
	float:right;
}
		#header_map1 ul{
			width:155px;
			height:90px;
			margin:0px;
			padding:0px;
			list-style:none;
		
		}
		#header_map1 ul#navi_header{
			margin: 0px;
			padding: 0px;
			position:relative;
			top:0px;
			list-style: none;
			z-index:9999;
		}
		#header_map1 ul#navi_header li{
			height:25px;
		}
		#header_map1 ul#navi_header li a {
			display: block;
			margin-top: -45px;
			width: 74px;
			height: 63px;
		}
		
#header_map1 ul li{
	margin:0px;
	padding:0px;
	display: inline-block;
}
#header_map1 ul#navi_header #sitemap a{
	width:74px;
	height:63px;
	background:url(../images/sitemap.png) ;
}
#header_map1 ul#navi_header #careers a{
	width:74px;
	height:63px;
	background: url(../images/carres.png);
}
#header-details{
	width:900px;
	height:90px;
	margin:0px 0px 0px 145px;
	float:left;
}
#header-content{
	width:900px;
	height:90px;
	margin:0 auto;
}
	#logo{
		background:url(../images/logo.png) no-repeat left  bottom;
		height:65px;
		width:216px;
		padding-top:17px;
		float:left;
		text-indent:-9999px;
	}
	#top-menu{
		height:60px; 
		position:relative; 
		top:30px;
		width:684px;
		float:left;
	}
		#top-menu ul{
			width:460px; 
			height:50px;
			margin:0; 
			padding-left:224px;; 
			list-style-type:none;
		}			
		#top-menu ul li { 
			float:left;
		}			
		#top-menu ul li a { 
			display: block; 
			height:50px; 
			overflow:hidden; 
			text-indent:-99999px;
			background:transparent url(../images/top-menu.png) no-repeat;
		}
			#top-menu ul li#home a { background-position:0 0; width:82px; }/*#top-menu ul li#home a:hover { background-position:0 -80px; width:66px; }*/			
			#top-menu ul li#services a { background-position:-82px 0; width:84px; }
			#top-menu ul li#portfolio a { background-position:-170px 0; width:92px; }
			#top-menu ul li#about-us a { background-position:-265px 0; width:102px; }
			#top-menu ul li#contact-us a { background-position:-376px 0; width:100px; }

#banner{
	width:100%;
	height:271px;
	background:#07547e url(../images/banner.jpg) no-repeat;
	overflow:hidden;
}
#banner-content{
	width:900px;
	margin:0 auto;
}
	#portfolio-board{
		width:380px;
		height:261px;
		background:url(../images/portfolio-board.png) left center no-repeat;
		float:left;
	}
	#portfolio-description{		
		width:455px;
		float:right;
		padding-top:25px;
		margin-left:65px;
	}
	#portfolio-description h2,p{
		color:#fff;		
	}
	#launch-portfolio-site{
		width:127px;
		height:20px;
		float:left;
		margin-left:65px;
		padding-top:20px;
		background:url(../images/launch-portfolio-site.png) left bottom no-repeat;
	}
	#quote-portfolio-site{
		width:127px;
		height:20px;
		float:left;
		margin-left:60px;
		padding-top:20px;
		background:url(../images/quote-portfolio-site.png) left bottom no-repeat;
	}
	#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider li{
		width:380px;
		height:261px;
		margin-top:15px;
		overflow:hidden; 
	}
	#slider img{
		border:none;
	}
	#slider2 li{
		width:455px;
		height:170px;
		overflow:hidden; 
	}
	#slider2 li p{
		line-height:15px;
		text-align:justify;
		font-size:13px;
	}	
	#slider2 a{
		text-decoration:none;
		color:#FFFFFF;
	}
	#slider3 li{
		width:127px;
		height:20px;
		overflow:hidden;
	}	
	#slider3 a{
		text-decoration:none;
		padding-left:60px;
		padding-right:60px;
	}			
#main-menu{
	clear:both;
	width:100%;
	height:115px;
	background:url(../images/main-menu-bg.png) repeat-x;
}
	#main-menu-content{
		height:115px; 
		position:relative;		
	}
		#main-menu-content ul{
			width:900px; 
			height:115px;
			margin:auto; 
			padding:0; 			
			list-style-type:none;
		}			
		#main-menu-content ul li { 
			float:left;
		}			
		#main-menu-content ul li a { 
			display: block; 
			height:115px; 
			overflow:hidden; 
			text-indent:-99999px;
			background:transparent url(../images/main-menu.png) no-repeat;
		}
			#main-menu-content ul li#web-design a { background-position:0 0; width:154px; }		
			#main-menu-content ul li#web-development a { background-position:-154px 0; width:209px; }
			#main-menu-content ul li#cms a { background-position:-363px 0; width:189px; }
			#main-menu-content ul li#flex a { background-position:-557px 0; width:182px; }
			#main-menu-content ul li#out-sourcing a { background-position:-744px 0; width:166px; }
#sub-menu{
	width:900px;		
	height:25px; 
	position:relative;
	margin:0 auto;
}
	#sub-menu ul{
		height:25px; 
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}			
	#sub-menu ul li { 
		float:left;
	}			
#content{
	background:#fff;
	width:100%;
}
	#content-content{
		background:#fff;
		width:900px;
		margin:auto;
		padding:0;
	}
		#content-content h3,p{
			padding-top:10px;
		}
		#content-content h3{
			font-size:20px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#2879a4;			
		}
		#content-content h2{
			font-size:20px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#2879a4;			
		}
		#content-content p{
			color: #707070;
		}
		#content-content ul {
			padding-left:50px;
			padding-top:10px;
		}
		#content-content li{
			line-height:22px;
			list-style:square;
		}
	#content-left{
		width:560px;
		float:left;
	}
	#content-left a{
		color:#be7a17;
		text-decoration:none;
	}		
	#content-right{
		width:300px;
		float:right;
	}
	#content-right img{
		text-align:center;		
	}
	#contact-right{
		background:#fff url(../images/contact-us.png) center center no-repeat;
		width:300px;
		height:167px;
		padding:65px 20px 20px 20px;
		float:right;
	}
	#careers-left{
		width:900px;
		float:left;
	}
	#careers-left a{
		color:#be7a17;
		text-decoration:none;
	}	
	#careers-left h2{
			color:#2879A4;
			font-family:"Times New Roman", Times, serif;
			font-size:16px;
			font-weight:bold;
			margin:5px 0 0;
	}
	#careers-left span {
		font-size:13px;
		color:#000000;
	}
	.careers_form{
		width:560px;
		float:left;
	}
	
	#content_inner_sitemap {
  line-height:17px;
  margin-bottom:15px;
  width:721px;
 }
 
 #content_inner_sitemap a {
 color:#3dabe8;
 }
 
 #content_inner_sitemap ul{
 color:#5e5e60;
 }
 #content_inner_sitemap ul li{
 color:#5e5e60;
 }
 #content_inner_sitemap ul li a{
 color:#5e5e60;
 }
 
 .bluetxt_sitemap {
 color:#3DABE8;
 }
 
 smap_sitemap ul {
 margin:0;
 padding:10px 0;
 color:#5E5E60;
 }
 
 smap_sitemap ul li {
 list-style:none outside none;
 margin-bottom:3px;
 padding-left:15px;
 color:#5E5E60;
 }
 
 a.mlink_sitemap {
 color:#5E5E60;
 font-family:Arial;
 font-size:12px;
 text-decoration:underline;
 }

	
	
#footer{
		clear:both;
		width:100%;
		height:163px;
		background:url(../images/footer-bg.png) repeat;
	}
		#footer-content{
		height:163px;
		margin:auto;		
	}
	#footer-content ul{
		width:900px; 
		height:163px;
		margin:auto; 
		padding:0; 			
		list-style-type:none;
	}			
		#footer-content ul li { 
			float:left;
		}			
		#footer-content ul li a { 
			display: block; 
			height:130px; 
			overflow:hidden; 
			text-indent:-99999px;
			background:url(../images/footer-menu-contact.png) no-repeat;
		}			
			#footer-content ul li#call-us a { background-position:0 -1px; width:223px; }
			#footer-content ul li#w3c a.css{ 
				background-position: -223px -53px;
				height: 40px;
				margin: 52px 0 0;
				padding: 0;
				width: 128px;		
			} 
			#footer-content ul li#w3c a.xhtml{ 
				background-position: -223px -94px;
				height: 40px;
				margin: 0px 0 0;
				padding: 0;
				width: 128px;
			 }
			#footer-content ul li#online a { background-position:-352px -1px; width:216px; }
			#footer-content ul li#email-to a { background-position:-568px -1px; width:171px; }
			#footer-content ul li#quote a { background-position:-742px -1px; width:160px; }
	
.tooltip {
	 position: absolute;
	 visibility: hidden;
	 background:#b3c9ee;
}
.tooltip p{
	width:210px;
}
#tooltip img{
	border:none;
	width:32px;
	height:32px;
}