/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

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



/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #5187a3;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; padding-bottom: 1px; }
body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #adafb5 url(/img/body-bg.png) repeat-x 0 0;
	padding: 20px 0 10px;
}
#page {
	font-size: 1.3em;
	color: #515151;
	width: 960px;
	margin: 0 auto;
	background: #FFFFFF url(/img/page-b.png) no-repeat 0 100%;
}

#top {
	background: #FFFFFF url(/img/page-t.png) no-repeat 0 0;
	width: 100%;
	overflow: hidden;
}
	#logo {
		float: left;
		padding: 33px 0 0 39px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 229px;
			height: 56px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/img/select/logo-2.png) no-repeat 0 0;
			}
	#menu1 {
		float: right;
		padding: 56px 25px 0 0;
		text-transform: uppercase;
	}
		#menu1 ul {
		}
			#menu1 li {
				float: left;
				border-right: solid 1px #dedede;
				height: 33px;
			}
			#menu1 li.last {
				border: none;
			}
				#menu1 li a:link, #menu1 li a:visited {
					float: left;
					display: block;
					color: #393a3b;
					padding: 0 1em;
					line-height: 1.5;
				}
				#menu1 li.last a:link, #menu1 li.last a:visited {
					background: none;
				}
				#menu1 li a:link:hover, #menu1 li a:visited:hover,
				#menu1 li.active a:link, #menu1 li.active a:visited {
				}
	#bar {
		clear: both;
		border: solid 1px #cfd0d3;
		border-width: 1px 0;
		background: url(/img/bar-bg.png) repeat-x 0 0;
		height: 68px;
		padding: 0 50px 0 45px;
	}
		#bar h1 {
			float: left;
			height: 68px;
		}
		#menu2 {
			float: right;
			padding: 21px 0 0;
		}
			#menu2 ul {
			}
				#menu2 li {
					float: left;
					margin: 0 10px 0 0;
				}
					#menu2 li a:link, #menu2 li a:visited {
						float: left;
						display: block;
						text-decoration: none;
						color: #5c5e63;
						white-space: nowrap;
					}
						#menu2 li a:link span, #menu2 li a:visited span {
							float: left;
							display: block;
							line-height: 23px;
							padding: 0 10px;
						}
					#menu2 li a:link:hover, #menu2 li a:visited:hover {
						color: #0076b4;
					}
					#menu2 li.active a:link, #menu2 li.active a:visited {
						background: #ececed url(/img/menu2-r.gif) no-repeat 100% 0;
						color: #0076b4;
					}
						#menu2 li.active a:link span, #menu2 li.active a:visited span {
							background: url(/img/menu2-l.gif) no-repeat 0 0;
						}

#wrap {
	width: 895px;
	overflow: hidden;
	padding: 15px 23px 30px 42px;
}
	#content {
		float: left;
		padding-top: 25px;
	}
	#side {
		float: right;
	}


#wrap p {
	line-height: 1.75;
	margin: 0 0 2em;
}
#content ul {
	list-style: disc;
	line-height: 1.4;
	margin: 0 0 2em 1.5em;
}


#content h2 {
	font-family: Arial, sans-serif;
	font-size: 123%;
	font-weight: bold;
	color: #28393d;
	line-height: 1.4;
	margin: 0 0 1.25em;
}
#wrap h3 {
	font-family: Arial, sans-serif;
	font-size: 123%;
	font-weight: bold;
	color: #28393d;
	line-height: 1.4;
	margin: 0 0 .3em;
}
#wrap h2.icon,
#wrap h3.icon {
	padding: 45px 0 0 95px;
	height: 25px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 5px 100%;
}


#footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	color: #FFFFFF;
}
	#footer p.copyright {
		float: right;
		text-align: right;
		line-height: 1.5;
		padding: 0 20px 0 0;
	}
		#footer p.copyright span {
			display: block;
			font-size: 130%;
		}
	#footer ul.links {
		float: left;
		padding: 0 0 0 22px;
	}
		#footer ul.links li {
			float: left;
			height: 105px;
			padding: 5px 26px 0 25px;
			background: url(/img/footer-sep.png) no-repeat 100% 0;
		}
		#footer ul.links li.last {
			background: none;
		}
			#footer ul.links li a:link, #footer ul.links li a:visited {
				display: block;
				color: #FFFFFF;
				font-size: 115%;
				font-weight: bold;
			}
			#footer ul.links li ul {
				overflow: hidden;
				margin: 5px 0 0;
			}
				#footer ul.links li li {
					float: none;
					height: auto;
					padding: 1px 0;
					background: none;
				}
					#footer ul.links li li a:link, #footer ul.links li li a:visited {
						font-size: 100%;
						font-weight: normal;
					}

/*-------
// text replacements
//-----*/

#tAbout {
	width: 107px;
}
	#tAbout span {
		background: url(/img/titles/about.png) no-repeat 0 0;
	}
#tServices {
	width: 102px;
}
	#tServices span {
		background: url(/img/titles/services.png) no-repeat 0 0;
	}
#tCaseStudies {
	width: 140px;
}
	#tCaseStudies span {
		background: url(/img/titles/case-studies.png) no-repeat 0 0;
	}


/*-------
// homepage
//-----*/

.home #page {
	background: #bdbfc3 url(/img/page-b2.png) no-repeat 0 100%;
}

#offerings {
	width: 100%;
	overflow: hidden;
	position: relative;
}
	#offerings div {
		float: left;
		height: 70px;
		padding-top: 170px;
		text-align: right;
		color: #FFFFFF;
	}
	#offerings .i1 {
		width: 241px;
		padding-right: 65px;
		background: url(/img/misc/home-1.jpg) no-repeat 0 0;
	}
	#offerings .i2 {
		width: 268px;
		padding-right: 70px;
		background: url(/img/misc/home-2.jpg) no-repeat 0 0;
	}
	#offerings .i3 {
		width: 266px;
		padding-right: 50px;
		background: url(/img/misc/home-3.jpg) no-repeat 0 0;
	}
		#offerings img {
			top: 28px;
			width: 140px;
			height: 130px;
			position: absolute;
			display: block;
		}
		#offerings h2 {
			margin: 0 0 3px;
			font-size: 100%;
			text-transform: uppercase;
			letter-spacing: -0.05em;
		}
		#offerings p.view a:link, #offerings p.view a:visited {
			color: #86868b;
			padding: 0 10px 0 0;
			background: url(/img/bullet-3.gif) no-repeat 100% 60%;
		}

.home #wrap {
	padding: 20px 260px 20px 40px;
	width: 660px;
	background: url(/img/misc/home-4.jpg) no-repeat 97% 10px;
}
.home #content {
	width: auto;
	color: #FFFFFF;
}
.home #content h2 {
	color: #FFFFFF;
	font-size: 153%;
	margin: 0 0 .5em;
}
.home #content p {
	font-size: 123%;
	line-height: 1.2;
	margin: 0 0 1.25em;
}

/*-------
// about page
//-----*/

.content1 #content {
	width: 525px;
}
.content1 #side {
	width: 292px;
}


.box1 {
	margin-top: 30px;
	width: 292px;
	background: #ebebeb url(/img/box1-b.gif) no-repeat 0 100%;
}
	.box1 .boxIn {
		background: url(/img/box1-t.gif) no-repeat 0 0;
		padding: 20px 20px;
	}

.box4 {
        margin-top: 15px;
        width: 525px;
	height: 318px;
        background: #ebebeb url(/img/box4-b.gif) no-repeat 0 100%;
}
        .box4 .boxIn {
                background: url(/img/box4-t.gif) no-repeat 0 0;
                padding: 10px 10px;
        }

#phone-voice {
	padding-bottom: 6px;
}
	#phone-voice span {
		font-weight: bold;
		font-size: 16px;
	}

#phone-fax {
	padding: 0px 0px 25px 16px;
	border-bottom: 2px solid #d8d8d8;
}

#company-services {
}
	#company-services h3 {
		font-size: 92%;
		font-weight: bold;
		color: #5e5e5e;
		text-transform: uppercase;
		margin: 0 0 1.5em;
	}
	#company-services ul {
		border-top: solid 1px #FFFFFF;
		margin: 0 0 22px;
	}
		#company-services li {
			border-bottom: solid 1px #FFFFFF;
			padding: 18px 0px 18px 85px;
			line-height: 35px;
		}
		#company-services li.i1 {
			background: url(/img/icons/services-business-infrastructure.png) no-repeat 0px 16px;
		}
		#company-services li.i2 {
			background: url(/img/icons/services-information-technology.png) no-repeat 0px 16px;
		}
		#company-services li.i3 {
			background: url(/img/icons/services-software-development.png) no-repeat 0px 16px;
		}

/*-------
// services page
//-----*/

.content2 #content h2 {
	margin: 0 0 .3em;
}

#servicesList {
	width: 100%;
	overflow: hidden;
}
	#servicesList .box1 {
		float: left;
		margin: 0 9px 0 0;
	}
	#servicesList .service3 {
		margin: 0;
	}
		#servicesList h3 {
			line-height: 35px;
			font-weight: bold;
			color: #000000;
			padding: 0px 0px 17px 70px;
			border-bottom: solid 1px #FFFFFF;
			margin: 0 0 15px;
		}
		#servicesList .service1 h3 {
			background: url(/img/icons/services-business-infrastructure.png) no-repeat 0px 0px;
		}
		#servicesList .service2 h3 {
			background: url(/img/icons/services-information-technology.png) no-repeat 0px 0px;
		}
		#servicesList .service3 h3 {
			background: url(/img/icons/services-software-development.png) no-repeat 0px 0px;
		}
		#servicesList p {
			font-size: 92%;
			line-height: 2;
		}
		#servicesList p.links {
			margin: 0;
			width: 100%;
			overflow: hidden;
			line-height: 26px;
		}
			#servicesList p a.view:link, #servicesList p a.view:visited {
				float: left;
				color: #727b86;
				text-decoration: underline;
			}
			#servicesList p a.more:link, #servicesList p a.more:visited {
				float: right;
				display: block;
				width: 98px;
				height: 26px;
				text-align: center;
				font-weight: bold;
				color: #FFFFFF;
			}
			#servicesList .service1 p a.more:link, #servicesList .service1 p a.more:visited {
				background: url(/img/but-business-infrastructure.png) no-repeat 0 0;
			}
			#servicesList .service2 p a.more:link, #servicesList .service2 p a.more:visited {
				background: url(/img/but-information-technology.png) no-repeat 0 0;
			}
			#servicesList .service3 p a.more:link, #servicesList .service3 p a.more:visited {
				background: url(/img/but-software-development.png) no-repeat 0 0;
			}

/*-------
// process page
//-----*/

.content3 #content {
	width: 435px;
	padding: 0;
}
.content3 #side {
	width: 432px;
	padding: 15px 0 0;
}

.content3 #side p.quote {
	color: #dd8c1a;
	font-style: italic;
	padding: 10px 14px;
	margin-left: 20px;
	margin-right: 30px;
	background-color: #dedede;
}

.side1 #side {
	padding: 88px 0 0;
}

#process {
}
	#process .last {
		margin: 0;
	}
		#iconProcess1 {
			background-image: url(/img/icons/process-1.png);
		}
		#iconProcess2 {
			background-image: url(/img/icons/process-2.png);
		}
		#iconProcess3 {
			background-image: url(/img/icons/process-3.png);
		}
		#process p {
			margin: 0;
		}

.box3 {
	margin: 0 0 30px;
	padding: 0 15px 1px;
	background: #FFFFFF url(/img/box3-bg.png) repeat-x 0 100%;
}
	#page .box3 h2 {
		margin: 0 0 .25em;
	}
	#page .box3 p {
		margin: 0 0 1em;
	}

.style1 {
	font-weight: bold;
	font-size: 123%;
	color: #0276b4;
}

.box2 {
	margin-top: 15px;
	width: 432px;
	background: #ebebeb url(/img/box2-b.gif) no-repeat 0 100%;
	font-family: Arial, sans-serif;
}
	.box2 .boxIn {
		background: url(/img/box2-t.gif) no-repeat 0 0;
		padding: 20px 20px;
	}

#reasons {
	margin: 0 0 40px;
}
	#reasons .boxIn {
		padding: 30px 20px;
	}
	#reasons h2 {
		font-size: 184%;
		font-weight: bold;
		color: #28393d;
		margin: 0 0 15px;
	}
		#reasons h2 span {
			font-size: 66.66%;
			font-weight: normal;
			color: #818181;
		}
#page .list1 ul {
	list-style: none;
	margin: 0;
}
	#page .list1 h3 {
		padding: 0 0 0 35px;
		color: #818181;
	}
	.list1 li {
		border-bottom: solid 1px #d7d7d9;
		position: relative;
		font-weight: bold;
		line-height: 1.4;
		padding: 9px 0 9px 35px;
	}
	.list1 li.last {
		border: none;
	}
	.list1 li span {
		position: absolute;
		left: -10px;
		top: 0;
		width: 40px;
		height: 27px;
		background: url(/img/bullet-1.png) no-repeat 0 0;
	}

#page .list2 ul {
	list-style: none;
	margin: 0;
}
		.list2 li span {
			position: absolute;
			left: -10px;
			top: 0;
			width: 15px;
			height: 20px;
			background: url(/img/bullet-4.png) no-repeat 0 0;
		}

p.start {
}
	p.start a:link, p.start a:visited {
		display: block;
		margin: 0 auto;
		width: 147px;
		height: 58px;
	}
		p.start a:link span, p.start a:visited span {
			background: url(/img/but-start.png) no-repeat 0 0;
		}

/*-------
// case-studies
//-----*/

#page h2.title1 {
	width: 353px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 215%;
	font-weight: normal;
	color: #0076b5;
	background: url(/img/title-1.png) no-repeat 0 0;
	margin: 15px 0 25px -20px;
	position: relative;
}

.image {
	margin: 0 0 20px;
}

#iconCaseStudies1 {
	background-image: url(/img/icons/studies-1.png);
}
#iconCaseStudies2 {
	background-image: url(/img/icons/studies-2.png);
}
#iconCaseStudies3 {
	background-image: url(/img/icons/studies-3.png);
}


/*-------
// software
//-----*/

#iconSoftware1 {
	background: url(/img/icons/software-1.png) no-repeat 0 0;
}
#iconSoftware2 {
	background: url(/img/icons/software-2.png) no-repeat 0 0;
}
#iconSoftware3 {
	background: url(/img/icons/software-3.png) no-repeat 0 0;
}


/*-------
// it
//-----*/

#iconIT1 {
	background: url(/img/icons/it-1.png) no-repeat 0 0;
}
#iconIT2 {
	background: url(/img/icons/it-2.png) no-repeat 0 0;
}
#iconIT3 {
	background: url(/img/icons/it-3.png) no-repeat 0 0;
}
#iconIT4 {
	background: url(/img/icons/is-4.jpg) no-repeat 0 0;
}
#iconIT5 {
	background: url(/img/icons/software-3.png) no-repeat 0 0;
}
#iconIT6 {
	background: url(/img/icons/it-4.png) no-repeat 0 0;
}


/*-------
// infrastructure
//-----*/

#iconIS1 {
	background: url(/img/icons/is-1.jpg) no-repeat 0 0;
}
#iconIS2 {
	background: url(/img/icons/is-2.jpg) no-repeat 0 0;
}
#iconIS3 {
	background: url(/img/icons/is-3.jpg) no-repeat 0 0;
}
#iconIS4 {
	background: url(/img/icons/is-4.jpg) no-repeat 0 0;
}
#iconIS5 {
	background: url(/img/icons/is-5.jpg) no-repeat 0 0;
}


.list2 {
	padding-top: 40px;
}
	.list2 ul {
		list-style: none;
		font-weight: bold;
	}
		.list2 li {
			padding: 0 0 15px 35px;
			background: url(/img/bullet-2.gif) no-repeat 0 0;
		}