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

body {
	background:url(/images/bg-top.png) transparent repeat-x top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	line-height:18px;
}

h1 {
	padding:23px 0px 18px 50px;
	margin-left:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#1a1a1a;
	text-transform:uppercase;
}

h2 {
	font-size:15px;
	color:#289de9;
	font-weight:bold;
}

h2 a {
	color:#289de9;
	text-decoration: none;
		}
h2 a:visited {
	color:#289de9;
		}
h2 a:hover {
	color:#1a1a1a;	
		}		
h3 {
	font-size:13px;
	color:#4c4c4c;
}


a { color:#0d5d99;
	text-decoration: underline;
		}
a:hover { 	
	color:#0d5d99;
	text-decoration: none;}
a:visited { 	
	color:#0d5d99;
	}
#outercontainer {
	overflow: hidden; min-width: 970px; 
	/*background-color:#FFFFFF;*/
}


#innercontainer {
	width:970px;
	margin:0 auto;
	zoom:1;
}

#insidebg {
	width: 1152px; 
	margin: 0 -91px;
	background:url(/images/bg-topright.jpg) transparent no-repeat top right;
}
	#insidebg.nobanner, #insidebg.nobanner-leftedge, #insidebg.nobanner-content {
		background:url(/images/bg-topright-noshadow.jpg) transparent no-repeat top right;
	}
	
#topleftbg {
	background:url(/images/bg-topleft.jpg) transparent no-repeat top left;
}

#main {
	width: 970px;
	position: relative;
	left: 0;
	margin: 0 auto;
	background:transparent;
	overflow:hidden;
	background:url(/images/bg-rightside-shadow.gif) transparent repeat-y 205px 0px;
}



#header {
	position:relative;
	width:970px;
	height:109px;
	background:url(/images/bg-header.png) transparent no-repeat top left;
}

	#header #logo {
		position:absolute;
		top:22px;
		left:0px;
		display:block;
		width:205px;
		height:1px;
		padding-top:70px;
		overflow:hidden;
		color:#ffffff;
		background:url(/images/logo.gif) transparent no-repeat top left;
	}
	
	#navigation {
		position:absolute;
		top:46px;
		left:255px;
		width:700px;
		height:42px;
		background:url(/images/navigation.png) transparent no-repeat 0px 0px;
	}
	
	#navigation, #navigation li {
		list-style-type:none;
		margin:0px; padding:0px;
	}
		#navigation li {
			height:100%; zoom:1; float:left;
		}
		#navigation a {
			display:block;
			height:1px;
			padding-top:41px;
			color:#ffffff;
			overflow:hidden;
			background:url(/images/navigation.png) transparent no-repeat 0px 0px;
		}
		
			#navigation #nav-design { width:143px; background-position:0px 0px; }
			#navigation #nav-design:hover { background-position:0px -42px; }
			#navigation #nav-design.active { background-position:0px -84px; }
			
			#navigation #nav-programming { width:159px; background-position:-143px 0px; }
			#navigation #nav-programming:hover { background-position:-143px -42px; }
			#navigation #nav-programming.active { background-position:-143px -84px; }
			
			#navigation #nav-marketing { width:125px; background-position:-302px 0px; }
			#navigation #nav-marketing:hover { background-position:-302px -42px; }
			#navigation #nav-marketing.active { background-position:-302px -84px; }
			
			#navigation #nav-portfolio { width:122px; background-position:-427px 0px; }
			#navigation #nav-portfolio:hover { background-position:-427px -42px; }
			#navigation #nav-portfolio.active { background-position:-427px -84px; }
			
			#navigation #nav-sample-design { width:99px; background-image:url(/sample/images/nav/design.png); background-position:0 0px; }
			#navigation #nav-sample-design:hover { background-position:0 -42px; }
			#navigation #nav-sample-design.active { background-position:0 -84px; }
			
			#navigation #nav-sample-accessories { width:129px; background-image:url(/sample/images/nav/accessories.png); background-position:0 0px; }
			#navigation #nav-sample-accessories:hover { background-position:0 -42px; }
			#navigation #nav-sample-accessories.active { background-position:0 -84px; }
			
			#navigation #nav-sample-systems { width:98px; background-image:url(/sample/images/nav/systems.png); background-position:0 0px; }
			#navigation #nav-sample-systems:hover { background-position:0 -42px; }
			#navigation #nav-sample-systems.active { background-position:0 -84px; }
			
			#navigation #nav-sample-db-apps { width:137px; background-image:url(/sample/images/nav/db-apps.png); background-position:0 0px; }
			#navigation #nav-sample-db-apps:hover { background-position:0 -42px; }
			#navigation #nav-sample-db-apps.active { background-position:0 -84px; }
			
			#navigation #nav-sample-strategy { width:112px; background-image:url(/sample/images/nav/strategy.png); background-position:0 0px; }
			#navigation #nav-sample-strategy:hover { background-position:0 -42px; }
			#navigation #nav-sample-strategy.active { background-position:0 -84px; }
			
			#navigation #nav-sample-marketing { width:121px; background-image:url(/sample/images/nav/marketing.png); background-position:0 0px; }
			#navigation #nav-sample-marketing:hover { background-position:0 -42px; }
			#navigation #nav-sample-marketing.active { background-position:0 -84px; }
			
	#utils, #utils li {
		list-style-type:none;
		margin:0px; padding:0px;
	}
		
	#utils {
		position:absolute;
		top:0px;
		left: 497px;
		width:444px;
		height:62px;
		padding-left:30px;
		background:url(/images/bg-utils-03.png) transparent no-repeat 0px 0px;
	}
	
	#utils li {
		float:left;
		height:100%;
		zoom:1;
	}
	#utils a {
		display:block;
		color:#666666;
		background:url(/images/util-bullet.gif) transparent no-repeat left 10px;
		padding:6px 16px 0px 8px;
		text-decoration:none;
		font-size:11px;
		line-height:normal;
	}
		#utils a:hover {
			color:#005a9c;
			background:url(/images/util-bullet-down.gif) transparent no-repeat left 10px;
		}
		
		#utils a.bloglink {
			width:145px;
			padding-right:0px;
			height:1px;
			padding-top:40px;
			background:none;
			overflow:hidden;
		}
		#utils a.bloglink:hover {
			background:none;
		}
			#utils a.consultation-link {
				background: none;
				height:1px;
				overflow:hidden;
				padding-right:0;
				padding-top:40px;
				width:245px;
			}
			#utils a.consultation-link:hover {
				background: none;
			}
		
#contentwrapper {
	width:970px;
	background:url(/images/bg-contentwrapper-top.png) transparent no-repeat top left;
	zoom:1;
	overflow:hidden;
}

#contentwrapper.nobanner, #contentwrapper.nobanner-leftedge, #contentwrapper.nobanner-content {
		background:url(/images/bg-contentwrapper-top-noshadow.png) transparent no-repeat top right;
	}
	#leftside {
		float:left;
		width:205px;
		background:url(/images/bg-leftcolumn.png) transparent no-repeat top right;
		padding:0px; margin:0px;
		zoom:1;
		overflow:hidden;
	}
	

		
		#subnavheader {
			display:block;
			width:205px;
			height:1px;
			padding-top:141px;
			overflow:hidden;
			color:#ffffff;
			background:url(/images/subnav-titlegraphic.png) transparent no-repeat 0px 19px;
		}
			#leftside .design {
				background:url(/images/subnav-titlegraphic.png) transparent no-repeat 0px 19px;
			}
			#leftside .programming {
				background:url(/images/subnav-titlegraphic.png) transparent no-repeat -205px 19px;
			}
			#leftside .marketing {
				background:url(/images/subnav-titlegraphic.png) transparent no-repeat -410px 19px;
			}
			#leftside .portfolio {
				background:url(/images/subnav-titlegraphic.png) transparent no-repeat -615px 19px;
			}
			#leftside .about {
				background:url(/images/subnav-titlegraphic.png) transparent no-repeat -820px 19px;
			}			
			
			
		#leftnav { 
			width:175px;
			padding:1px 0px 100px 0px; margin:0px;
			list-style-type:none;
			zoom:1;
			background:url(/images/leftnav-horiz-line.gif) transparent no-repeat top left;
		}
		
			#leftnav li {
				list-style-type:none;
				padding:0px; margin:0px;
				zoom:1;
				vertical-align:bottom;
			}	
			
			#leftnav li a {
				display:block;
				width:151px;
				padding:4px 0px 7px 25px;
				background:url(/images/leftnav-horiz-line.gif) transparent no-repeat bottom left;
				text-decoration:none;
				color:#666666;
				font-size:11px;
				line-height:14px;
			}
				#leftnav li a:hover, #leftnav li a.active {
					color:#005a9c;
					
				}
				
				#leftnav li a.active {
					padding-top:5px;
					position:relative;
					margin-top:-1px;
					background:url(/images/leftnav-active.png) transparent no-repeat top left;
				}
	
			#leftnav li ul {
				margin:0px; padding:3px 0px 6px 0px;
				background:url(/images/leftnav-horiz-line.gif) transparent no-repeat bottom left;
			}
				#leftnav li li a {
					font-size:11px;
					padding:2px 0px 4px 41px;
					color:#666666;
					background:transparent url(/images/leftnav-bullet.gif) no-repeat 31px 5px;
					line-height:13px;
				}
				#leftnav li li a:hover, #leftnav li li a.active {
					padding:2px 0px 4px 41px;
					color:#005A9C;
					background:transparent url(/images/leftnav-bullet-down.gif) no-repeat 31px 5px;
				}
	#rightside {
		width:760px;
		float: right;
		padding-right: 5px;
		background:url(/images/bg-rightside-shadow.png) transparent no-repeat top left;
		min-height:500px;
	}
	
		#rightside.contact {
			padding:0;
			width:765px;
		}
	
		#contentbanner {
			width:760px;
			height:250px;
			background:#777777;
		}
		
		#content {
			width:760px;
			min-height:125px;
			zoom:1;
			background:transparent;
			overflow:hidden;
		}

		#content ul{ margin:0; padding:5px 0 15px 0; }
		#content ul ul { margin:0; padding:5px 0 0px 0; }
		#content ul li {
			list-style-type:none;
			background:transparent url(/images/arrow-bullet.gif) no-repeat 0px 5px;
			padding:0px 0px 7px 11px;
			}
		#content ol { margin:0 0 20px 27px; padding:0px;}
		#content li {
			margin:0; padding:5px 0 0px 0; }


		#rightside .nobanner {
			padding-top:26px;
			padding-bottom:30px;
		}
			#content #section-overview-intro {
				width:660px;
				padding:0px 0px 0px 65px;
				font-size:14px;
				color:#666666;
				line-height:22px;
				background:url(/images/vertical-dotted-line.gif) transparent repeat-y 50px 14px;
				margin:-10px 0px 24px 0px;
			}
		#rightside .servers {
			padding-bottom:290px;
			background:transparent url(/images/content-leftedge-bgs/servers.jpg) no-repeat bottom left;
		}
		#rightside .design {
			background:transparent url(/images/overview/design-computer.jpg) no-repeat;
			background-position:left 107px;
			min-height:956px;
			position:relative;
		}			
		#rightside .internet-marketing {
			background:transparent url(/images/overview/internet-marketing-computer.jpg) no-repeat;
			background-position:left 96px;
			min-height:946px;
			position:relative;
		}
		#rightside .programming {
			background:transparent url(/images/overview/programming-computer.jpg) no-repeat;
			background-position:left 86px;
			min-height:780px;
			position:relative;
		}
		#rightside .portfolio {
			background:transparent url(/images/overview/portfolio-computer.png) no-repeat;
			background-position:left 107px;
			min-height:877px;
			position:relative;		
		}
		#rightside .content {
			background:transparent url(/images/content-writing.jpg) no-repeat;
			background-position:0 282px;
			padding-bottom:73px;
		}
		
			#twocolumn, #threecolumn {
				width:660px;
				padding-left:50px;
				zoom:1;
				overflow:hidden;
			}
			#content .withcta {
				width:710px;
/*				background:url(/images/vertical-dotted-line.gif) transparent repeat-y 520px 4px;
				background-image:url(/images/dot-line.gif);*/
				background-repeat:no-repeat;
				background-image:none;
			}
		    #rightside .noline {
				width:710px;
				background:none;
			}
			.errormsg {padding-top:15px;
			}
			#twocolumn.sitemap li a {
				color:#4d4d4d;
				text-decoration:none;
			}
			#twocolumn.sitemap li a:hover {
				text-decoration:underline;
			}			
			#content .sitemap ul {				
				padding:0 0 20px 0;
			}
				#content .sitemap ul li {
					padding:2px 0 0 0;
				}
				.noliststyle li {
					list-style:none!important;
					background:none!important;
				}
				.bullet li {	
					background-position:2px 0;				
					padding-left:11px!important;
				}
					#content .sitemap ul li ul {
						padding:0 0 0 20px;
					}
						
			#threecolumn.banneroverview {
				background:transparent;
			}
		
			#twocolumn { background:url(/images/vertical-dotted-line.gif) transparent repeat-y 380px 4px; }
			#threecolumn { background:url(/images/vertical-dotted-line-threecol.gif) transparent repeat-y 260px 4px; }					
			#twocolumn.contactUs { background-image:none;
												
			}
				.leftcolumn {
				float:left;
				width:300px;
				padding-right:60px;
			}
			
			p.price{				
				margin-top:-17px;
				margin-bottom:15px;
			}
				.withcta .leftcolumn {
					width:427px;
					padding-right:40px;
				}
				#threecolumn .leftcolumn {
					width:180px;
				}
			
			.middlecolumn {
				float:left;
				width:187px;
				padding-right:40px;
			}
			
			.rightcolumn {
				float:right;
				width:300px;
			}
				.withcta .rightcolumn {
					width:240px;
					background:transparent url(/images/didyouknow-text.gif) no-repeat 19px 0;
				}

				.withcta .rightcolumn-border {
					background-image:url(/images/vertical-dotted-line.gif);
					background-position:top left;
					background-repeat:repeat-y;
					padding:21px 0px 0px 19px;	
				}				
				
				.careers-page .rightcolumn {
					background-image:url(/images/apply-now.gif);
				}
					.withcta .rightcolumn #didyouknow {
						width:190px;
						padding:15px 31px 65px 0px;
						font-size:14px;
						line-height:22px;
						color:#666666;
						background:transparent url(/images/didyouknow-bottomgraphic.gif) no-repeat bottom left;
					}
					
					.withcta .see-our-portfolio {
						background-image:url(/images/overview/see-portfolio.gif);
						background-position:19px 0;
						background-repeat:no-repeat;
					}
					
					.withcta .rightcolumn #cta-text {
						width:221px;
						padding:15px 0 0 0px;
						font-size:14px;
						line-height:22px;
						color:#666666;					
					}
					
					.withcta .rightcolumn #didyouknow .buttonshadow, .withcta .rightcolumn #cta-text .buttonshadow {
						line-height:18px;
						margin-top:14px;
					}
					
					.withcta .rightcolumn #cta-text p {
						line-height:22px;
						margin:0;
					}
				
				#threecolumn .rightcolumn {
					width:180px;
				}
				#monitor {
					position:absolute;
					top:169px;
					left:150px;
					/*width:250px;*/
					width:257px;
					height:104px;
				}
				.portfolio #monitor {
					position:absolute;
					top:132px;
					left:1px;
					width:469px;
					height:301px;
				}				
				
				#top-cta {
					position:absolute;
					top:146px;
					left:515px;
					width:200px;
					height:130px;				
				}
				#bottom-cta {
					position:absolute;
					top:310px;
					left:515px;
					width:200px;
					height:130px;				
				}
				
				.portfolio #top-cta {
					position:absolute;
					top:129px;
					left:520px;
					width:230px;
					height:130px;
				}
				.portfolio #bottom-cta {
					position:absolute;
					top:192px;
					left:519px;
					width:200px;
					height:130px;				
				}
				
				#arrows {
					position:absolute;
					top:176px;
					left:470px;
					width:40px;
					height:272px;
				}
					#arrow-list {
						margin:0!important;
						padding:0!important;
					}
						#arrow-list li {
							background:url(/images/overview/arrows.jpg) no-repeat!important;
							display:block;
							width:40px;
							overflow:hidden;
							margin:0!important;
							padding:0!important;
						}
							#arrow-list li#arrow1 {
								background-position:0 0;
								height:111px;
							}
							#arrow-list li#arrow2 {
								background-position:0 -111px!important;
								height:88px;
							}
							#arrow-list li#arrow3 {
								background-position:0 -199px!important;
								height:74px;
							}
				
							#arrow-list li#arrow1.active {
								background-position:-40px 0!important;
							}
							#arrow-list li#arrow2.active {
								background-position:-40px -111px!important;
							}
							#arrow-list li#arrow3.active {
								background-position:-40px -199px!important;
							}
				
					#portfolio-images {
						list-style:none;
					}
						#portfolio-images li {
							line-style:none;
							background:none!important;
							padding:0!important;
						}
							#portfolio-images a {
								display:block;
								overflow:hidden;
								width:124px;
								height:1px;
								padding-top:85px;
								background:url(/images/overview/thumbnails.jpg) no-repeat;
							}
								#portfolio-images a#img1 {
									background-position:0 0;
								}
								#portfolio-images a#img2 {
									background-position:0 -86px;						
								}
								#portfolio-images a#img3 {
									background-position:0 -172px;						
								}
								#portfolio-images a#img1:hover, #portfolio-images a#img1.active {
									background-position:-124px 0;
								}
								#portfolio-images a#img2:hover, #portfolio-images a#img2.active {
									background-position:-124px -86px;						
								}
								#portfolio-images a#img3:hover, #portfolio-images a#img3.active {
									background-position:-124px -172px;						
								}					
				
				#monitor, #top-cta, #bottom-cta, #top-left-cta, #bottom-left-cta, #top-right-cta, #middle-right-cta, #bottom-right-cta, #mailbox-cta {
					font-size:12px;
					color:#4d4d4d;
					line-height:18px;				
				}
				#monitor h3, #top-cta h3, #bottom-cta h3, #top-left-cta h3, #bottom-left-cta h3, #top-right-cta h3, #middle-right-cta h3, #bottom-right-cta h3, #mailbox-cta h3 {
					font-size:15px;
					color:#289de9;
					font-weight:bold;					
				}
				#monitor p, #top-cta p, #bottom-cta p, #top-left-cta p, #bottom-left-cta p, #top-right-cta p, #middle-right-cta p, #bottom-right-cta p, #mailbox-cta p {
					margin:0 0 3px 0; padding:0;
					line-height:18px;
				}
				#top-left-cta span, #bottom-left-cta span, #top-right-cta span, #middle-right-cta span, #bottom-right-cta span, #mailbox-cta span {
					color:#0d5d99;
				}
				#pencil {
					background:url(/images/overview/pencils.jpg) top left no-repeat;
					width:150px;
					height:341px;
					position:absolute;
					top:561px;
					left:0;
				}
				#darts {
					background:url(/images/overview/darts.jpg) top left no-repeat;
					width:140px;
					height:279px;
					position:absolute;
					top:581px;
					left:0;
				}
				#notebooks {
					background:url(/images/overview/notebooks.jpg) top left no-repeat;
					width:150px;
					height:225px;
					position:absolute;
					top:585px;
					left:0;
				}
				#top-left-cta {
					position:absolute;
					top:575px;
					left:150px;
					background:url(/images/overview/dashline.gif) top left repeat-x;
					width:290px;
					/*height:108px;*/
					height:127px;
					padding-top:14px;
				}
				#top-left-cta.web-analytics {
					height:148px;
				}
				#bottom-left-cta {
					position:absolute;
					top:716px;
					left:150px;
					background:url(/images/overview/dashline.gif) top left repeat-x;
					width:290px;
					height:144px;
					padding-top:14px;
				}
				#bottom-left-cta.online-campaign-marketing {
					height:112px;
					top:737px;
				}
				#top-right-cta {
					position:absolute;
					top:575px;
					left:470px;
					/*background:url(/images/overview/dashline.gif) top left repeat-x;*/
					background:url(/images/overview/cellphone-top.gif) top left no-repeat;
					width:295px;
					height:127px;
					padding-top:14px;
				}
				#top-right-cta .tight {
					width:160px;
					color:#4d4d4d;
					display:block;
				}
				.programming #top-right-cta {
					background:url(/images/overview/dashline.gif) top left repeat-x;
					width:290px;
				}
				
				#bottom-right-cta {
					position:absolute;
					top:716px;
					left:470px;
					background:url(/images/overview/cellphone-bottom.gif) top left no-repeat;
					width:160px;
					height:165px;
					padding-top:16px;
					padding-right:135px;
				}
				#mailbox-cta {
					position:absolute;
					top:575px;
					left:470px;
					background:url(/images/overview/mail.jpg) bottom left no-repeat;
					width:290px;
					height:283px;
				}

				.portfolio #top-left-cta {
					position:absolute;
					left:40px;
					width:310px;										
				}
				.portfolio #bottom-left-cta {
					position:absolute;
					left:40px;
					width:310px;	
					top:697px;
				}
				.portfolio #top-right-cta {
					position:absolute;
					background:url(/images/overview/dashline.gif) top left repeat-x;
					padding-top:14px;
					left:410px;
					width:300px;
				}
				#middle-right-cta {
					position:absolute;
					background:url(/images/overview/dashline.gif) top left repeat-x;
					padding-top:14px;
					left:410px;
					top:661px;
					width:300px;
				}
				.portfolio #bottom-right-cta {
					background:url(/images/overview/dashline.gif) top left repeat-x;
					position:absolute;
					top:747px;
					left:410px;
					width:300px;
					padding:14px 0 0;
				}
				
				p.thin, h3.thin {
					width:120px;	
				}
				.dashline {
					background:url(/images/overview/dashline.gif) top left repeat-x;				
					width:290px;
					height:1px;
				}
				.dashline-top-margin {
					background:url(/images/overview/dashline.gif) top left repeat-x;				
					width:290px;
					height:1px;
					margin-top:17px;
				}				
				.dashline-content {
					background:url(/images/overview/dashline.gif) top left repeat-x;				
					height:1px;
				}				
				.leftcolumn.testimonials {
					width:320px;
					padding-right:30px;
				}
				.rightcolumn.testimonials {
					width:320px;
					float:left;
				}
					.bubble-top {
						background:url(/images/bubble-top.gif) top left no-repeat;
						width:320px;
						height:11px;
						display:block;
						font-size:1px;
					}
					.bubble-body {
						background:url(/images/bubble-body.gif) bottom left no-repeat;
						width:275px;
						display:block;
						padding:9px 20px 50px 25px;
						margin-bottom:9px;
					}
						.bubble-body p {
						margin-bottom: 2px;
							}
						.bubble-body h3 {
							color:#289de9;
							font-size:15px;
						}
						.bubble-body p {
							color:#4d4d4d;	
						}
						.bubble-body span {
							color:#808080;
							font-size:11px;
							line-height: 15px;
						} 
				#norightpadding {
					padding-right:0;
				}
				#mobile {
					width:410px;
				} 
				#get-mobile {
					background:url(/images/get-mobile.jpg) top left no-repeat;
					width:350px;
					height:251px;
					padding:114px 0 0 60px;					
				}
				#content-contact {
					position:absolute;
					top:422px;
					left:430px;
				}
					
		.divider {
			width:708px;
			height:50px;
			background:transparent url(/images/horiz-line.gif) repeat-x left center;
		}
		
		
	.contentbase {
		margin-left:50px;
		width:660px;
		}
		.contenbase_contact{
			background:url(/images/contact/map-top.gif) no-repeat top left;			
			background-position:420px 33px;
			width:715px;
			}
			
	.contact .contentbase{
		width:700px;
	}	
	
#footer {
	clear:both;
	width:100%;
	height:255px;

	margin:0px; padding:0px;
	background:url(/images/bg-footer-repeat.png) transparent repeat-x top center;
}
	#footer ul {
		margin:0px; padding:0px;
	}
	#footercontent {
		position:relative;
		width:970px;
		margin:0 auto;
		height:120px;
		padding-top:75px;
		background:url(/images/footer/bg-footer.png) transparent no-repeat top left;
	}
		#footercontent ul {
			width:970px;
			height:120px;
			margin:0px; padding:0px;
			list-style-type:none;
		}
		
			#footercontent li {
				float:left;
				vertical-align:bottom;
				zoom:1;
				list-style-type:none;
			}
			
			#footercontent li a {
				display:block;
				overflow:hidden;
				height:1px;
				padding-top:119px;
				color:#ffffff;
			}
			#footercontent li a:hover {
				background-position: 0 -120px;
			}
			
			#footercontent #footer-callus {
				width:246px;
				background:url(/images/footer/call-us.gif) transparent no-repeat 32px 35px;
			}
				#footer-callus a {
					cursor:default;
				}
				#footer-consultation a {
					width: 430px;
					background: url(/images/footer/footer-consultation.png) transparent no-repeat 0 0;
				}
				#footer-testimonials a {
					width: 251px;
					background: url(/images/footer/footer-testimonials.png) no-repeat 0 0;
				}
			#footercontent #footer-informed {
				position:relative;
				width:240px;
				height:120px;
			}
				#footer-informed .keepinformed-text {
					position:absolute;
					left:35px;
					top:35px;
					height:1px;
					padding-top:26px;
					width:168px;
					color:#FF0000;
					background:transparent url(/images/footer/keep-informed.gif) no-repeat top left;
					
				}
				#footer-informed .keepinformed-textbox {
					position:absolute;
					left:22px;
					top:63px;
					width:151px;
					height:18px;
					border-width:1px 0px 1px 1px;
					border-color:#a3a3a3;
					border-style:solid;
					background:url(/images/footer/keep-informed-textfield-bg.gif) transparent repeat-x top left;
					padding:6px 9px 0px 9px;
					font-size:11px;
					color:#808080;
					margin:0px;
				}
				
				#footer-informed .keepinformed-submit {
					position:absolute;
					left:192px;
					top:63px;
					margin:0px;
					background-image:url(/images/contact/btn-keepinformed.gif);
					background-position:0px 0px;
					background-repeat:no-repeat;
					width:25px;
					height:26px;
					display:block;	
					padding:0;				
				}
				#footer-informed .keepinformed-submit:hover {
					background-position:-25px 0px;
				}				
			#footercontent #footer-emailus {
				width:244px;
				background:url(/images/footer/email-us.png) transparent no-repeat 28px 35px;
			}
				#footer-emailus a {
					background:url(/images/footer/email-us.png) transparent no-repeat 28px 35px;
				}
					
		
		
		
		   
		#footercontent #copyright {
			position:absolute;
			width:943px;
			top:213px;
			left:14px;
			font-size:11px;
		}
			#footercontent {
				color:#666666;
			}
			#footercontent a {
				color:#005a9c;
				text-decoration:none;
			}
				#footercontent a:hover {
					text-decoration:underline;
				}

.floatleft { float:left; }
.floatright { float:right; }

#content .button {
	display:block;
	width:75px;
	padding:1px 5px 0px 5px;
	margin:0px;
	height:20px;
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	background:url(/images/learnmore-bg.gif) repeat 0 0;
	text-align:center;
}
#content .button:hover {
	background-position:-105px 0;
	color:#ffffff;
}

.buttonshadow-programming {
	width:85px;
	height:21px;
	padding:0px 1px 2px 1px;
	background:transparent url(/images/buttonshadow.gif) no-repeat top left;
	position: relative;
	left: 499px;
	top: 133px;
}

.buttonshadow {
	width:85px;
	height:21px;
	padding:0px 1px 2px 1px;
	background:transparent url(/images/buttonshadow.gif) no-repeat top left;
}
.zz-comments {
	color: #FF00FF;
}
.caption-text {
	font-size: 11px;
	color: #4d4d4d;
}
.logos {
	margin-top: 5px;
	margin-bottom: 15px;
}

#contact-left {
	float:left;
}

	#contact-top {
		background:url(/images/contact/box-top.gif) top left no-repeat;
		display:block;
		width:400px;
		height:17px;
	}
	
	#contact-form {
		background:url(/images/contact/box-tilebg.gif) top left repeat-y;
		display:block;
		width:325px;
		padding:5px 0 8px 75px;
	}
	
		.smallfont {
			font-size:11px;
			color:#999;
		}
		
		.required {
			color:#0093d0;
		}
	
		#contact-form strong {
			font-size:13px;
		}
	
		#contact-form td {
			padding:3px 5px 4px;
		}
		
		#contact-form td.short {
			padding:2px 5px;
		}
		
	#contact-icon {
		background:url(/images/contact/icon.jpg) top left no-repeat;
		position:absolute;
		left:205px;
		top:273px;
		display:block;
		width:117px;
		height:54px;
	}
		
	#contact-bottom {
		background:url(/images/contact/box-bottom.gif) top left no-repeat;
		display:block;
		width:400px;
		height:16px;
	}

#contact-right {
	float:right;
	background:url(/images/vertical-dotted-line.gif) repeat-y;
	background-position:6px 0;
	width:265px;
	padding:0 0 0 30px;
}
	#contact-info {
		padding:10px 0 50px 6px;
		line-height:18px;
	}

	.googlemap, .googlemap:visited {
		background:url(/images/arrow-bullet.gif) no-repeat center right;
		font-size:11px;
		color:#999;
		text-decoration:none;
		padding:0 9px 0 0;
		margin:0 5px 0 0;
		float:right;
	}
	.googlemap:hover {
		color:#0D5D99;
	}
	
.contact input.textbox {
	border:0;
	background:url(/images/contact/textbox-bg.gif) top left no-repeat;
	width:192px;
	height:18px;
	padding:6px 3px 2px 5px;
}

.contact textarea {
	border:0;
	background:url(/images/contact/textarea-bg.gif) top left no-repeat;
	width:257px;
	height:58px;
	padding:6px 3px 2px 5px;	
}

.btn-send {
	background:url(/images/contact/btn-send.png) top left no-repeat;
	display:block;
	width:111px;
	height:1px;
	padding-top:25px;
	overflow:hidden;
	margin-top:4px;
}

.btn-send:hover {
	background-position:0 -26px;
}

.btn-contact {
	background:url(/images/contact/btn-contact2.gif) top left no-repeat;
	display:block;
	width:280px;
	height:1px;
	padding-top:25px;
	padding-bottom:2px;
	overflow:hidden;
}

.btn-contact:hover{
	background-position:0 -34px;
}


/* Portfolio Page */
.portfolio-box {
	overflow:hidden;
	width:760px;
	padding-bottom:17px;
}

.portfolio-box img {
	border:0;
}

.portfolio-box .floatleft {
	width:480px;
	padding-left:50px;
}

.portfolio-box .floatright {
	width:210px;
	padding-right:10px;
}

.portfolio-company, .portfolio-company:visited {
	font-size:15px;
	display:block;
	color:#289de9;
	font-weight:bold;
	padding-bottom:1px;
	padding-left:10px;
	text-decoration:none;
}

.portfolio-company:hover {
	color:#000;
}

.portfolio-type, .portfolio-type:visited {
	color:#005a9c;
	display:block;
	padding-left:10px;
	text-decoration:none;
}

.portfolio-type:hover {
	text-decoration:underline;
}

.portfolio-box .floatright {
	line-height:17px;
	color:#4d4d4d;
	font-size:11px;
}

.portfolio-features {
	background-image:url(/images/portfolio/border.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:8px;
	padding:7px 0 0;
}

#content .portfolio-features ul {
	background-image:url(/images/portfolio/border.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding-bottom:11px;
	padding-left:10px;
}

#content .portfolio-features li {
	background-image:url(/images/portfolio/arrow.gif);
	background-position:0 7px;
	padding:0 0 0 9px;
}

.paging {
	padding:0 26px;
	/*margin:0 30px 0 auto;*/
	margin:0 10px 0 auto;
	position:absolute;	
	bottom:0;
	left:729px;
}

.paging-top {
	position:absolute;
	top:158px;
	left:729px;
	padding:0 26px;
}

.btn-prev, .btn-next {
	background-image:url(/images/portfolio/nextprev.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:26px;
	height:1px;
	padding-top:25px;
	overflow:hidden;
	display:block;
	float:left;
}

.btn-prev:hover {
	background-position:0 -26px;
}

.btn-next {
	background-position:-26px top;
}

.btn-next:hover {
	background-position:-26px -26px;
}

.page-numbers {
	border-top:1px solid #19c1e0;	
	border-bottom:1px solid #196ea8;
	border-left:1px solid #19c1e0;
	border-right:1px solid #196ea8;		
	height:22px;
	padding-top:2px;
	padding-right:2px;
	background-image:url(/images/portfolio/blue-shadow.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:center;
	width:123px;
	float:left;
}

.page-numbers a {
	padding:0 8px;
	text-decoration:none;
	color:#005a9c;
}

.page-numbers a:hover, .page-numbers a.active {
	color:#ff8202;
	font-weight:bold;
}

.back-to-top-line {
	background-image:url(/images/overview/dashline.gif);
	background-position:left center;
	background-repeat:repeat-x;
}

.back-to-top, .back-to-top:visited {
	background-image:url(/images/back-to-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
	color:#0093d0;
	text-decoration:none;
	padding:1px 0 0 22px;
	height:20px;
	display:block;
	width:63px;
	text-transform:lowercase;
	margin:0 0 0 auto;
}

#content .grey-arrow li {
	background-image:url(/images/grey-arrow.gif);
}

/* Community Page */
#community-icons-wrapper {
	background-image:url(/images/community/community-wrapper.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:427px;
	height:117px;
	overflow:hidden;
}

#community-icons-title {
	padding:41px 0 0 24px;
	float:left;
}

#community-icons-title span {
	background-image:url(/images/community/connect-share.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:160px;
	height:1px;
	padding-top:21px;
	overflow:hidden;
	display:block;
}

#content #community-icons {
	font-size:11px;
	color:#0e578c;	
	width:175px;
	float:right;
	padding:22px 31px 0 0;
}

#content #community-icons ul {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
}

#content #community-icons li {
	float:left;
	background-image:none;
	padding:0;
	margin:0;
	list-style-type:none;	
}

#community-icons li a {
	display:block;
	background-image:url(/images/community/icons.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:52px;
}

#community-icons li a:hover {
	background-image:url(/images/community/icons-over.gif);
}

#community-icons #icons-blog a {
	width:49px;
	padding-right:10px;
}

#community-icons #icons-facebook a {
	width:60px;
	padding-right:10px;
	background-position:-59px 0;
}

#community-icons #icons-twitter a {
	width:46px;
	background-position:-129px 0;	
}

#bottom-intro {
	background-image:url(/images/bottom-intro.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:558px;
	height:72px;
	line-height:18px;
	padding:14px 26px 0;
	position:absolute;
	/*bottom:0;*/
	top:896px;
	left:150px;
}
.programming #bottom-intro {
	top:722px;
}
.internet-marketing #bottom-intro {
	top:881px;
}
.cta-icons {
	float:right;
	display:inline;
	margin:-15px 0 5px 10px;
}

.margin-top-zero {
	margin-top:0;
}

.withcta .no-cta-icons {
	background-image:none;
}


/** CSS for the modules list **/
.list-content{
	/*background:url(/sample/images/div-separator.gif) left top no-repeat;*/
	width:434px;
	float:left;
	/*padding-top:15px;*/
	}
	#content .list-content h3 { margin-bottom: 5px; }
#content .list-content ul{
	margin:0;
	padding:5px 0 6px;
	}
#content .list-content li{
	background-image:url(/images/portfolio/arrow.gif);
	background-position:0 7px;
	padding:0 0 0 9px;
	}
#content .list-content img{
	margin-right:5px;
	
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	}
#content .main-img img {
	
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
}
	/*Subnav images*/
	#subnav .web-acc { background: transparent url('/sample/images/subnav-accessories.jpg') no-repeat 0 19px !important; }
	#subnav .web-design { background: transparent url('/sample/images/subnav-website-design.jpg') no-repeat 0 19px !important; }
	#subnav .web-sys { background: transparent url('/sample/images/subnav-systems.jpg') no-repeat 0 19px !important; }
	#subnav .databases { background: transparent url('/sample/images/subnav-databases.jpg') no-repeat 0 19px !important; }
	#subnav .strategy { background: transparent url('/sample/images/subnav-strategy.jpg') no-repeat 0 19px !important; }
	#subnav .internet-marketing { background: transparent url('/sample/images/subnav-internet-marketing.jpg') no-repeat 0 19px !important; }