* { margin: 0; padding: 0; }

html { height: 100%; }
body { height: 100.01%; }

/* font */
html { font-size: 100.01%; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor/**/: /**/pointer; }

input.text, textarea { 
	padding: 2px 1px; 
}
textarea {
	font-family: Arial, sans-serif;
}
.submit {
	background: #EEAB16;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	border-width: 1px;
	padding: 3px 2px;
	cursor/**/: /**/pointer; 
}

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

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

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; z-index: 10; }

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
}
a:link:hover, a:visited:hover {
	color: #000000;
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: underline;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: none;
}

.cols {
	overflow: hidden;
	margin: 0;
}
.cols .col {
	float: left;
	width: 48%;
	margin: 0 3.5% 0 0;
}
body #page .last {
	margin-right: 0;
}


/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearFix { display: inline-block; }
/* \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* */


/* layout - specific */
body {
	font-family: Arial, sans-serif;
	text-align: center;
	background: #a0b2c9 url(img/body-t.jpg) no-repeat 50% 0;
}





.page {
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	position: relative;
}
#page {
	padding: 0 0 20px;
	width: 968px;
	color: #1f2b3a;
	background: #FFFFFF url(img/page-bg.gif) repeat-y 0 0;
}

#top {
	position: relative;
	width: 100%;
	margin: 0 0 12px;
	background: url(img/body-t.jpg) no-repeat -115px 0;
}
	#logo {
		float: left;
		z-index: 50;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 580px;
			height: 120px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/body-t.jpg) no-repeat -115px 0;
			}

	#links1 {
		float: right;
		padding: 0 70px 0 0;
		font-weight: bold;
		z-index: 100;
	}
		#links1 a:link, #links1 a:visited {
			color: #fff;
			display: block;
			text-align: center;
			background: url(img/but-1.png) no-repeat 0 0;
			width: 100px;
			height: 28px;
			line-height: 28px;
		}
		#links1 a:hover {
			color: #fff;
			text-decoration: none;
		}

#menuBar {
	clear: both;
	height: 37px;
	font-size: 108.33%;
	font-weight: bold;
	padding: 1px 0 0 35px;
	background: url(img/menu-bg.jpg) no-repeat 0 0;
}
	#menuBar ul {
		float: left;
		background: url(img/but-sep.png) no-repeat 0 0;
		padding: 0 0 0 2px;
	}
		#menuBar li {
			float: left;
			position: relative;
		}
			#menuBar li a:link, #menuBar li a:visited {	
				float: left;
				display: block;
				height: 36px;
				line-height: 36px;
				color: #FFFFFF;
				padding: 0 2px 0 0;
				background: url(img/but-sep.png) no-repeat 100% 0;
				text-align: center;
			}
				#menuBar li a:link span, #menuBar li a:visited span {
					float: left;
					display: block;
					padding: 0 25px;
				}
			#menuBar li a:link:hover, #menuBar li a:visited:hover,
			#menuBar li:hover a:link, #menuBar li:hover a:visited {
				text-decoration: none;
				color: #293644;
			}
				#menuBar li a:link:hover span, #menuBar li a:visited:hover span,
				#menuBar li:hover a:link span, #menuBar li:hover a:visited span {
					background-image: url(img/menu-hover.jpg);
					background-repeat: no-repeat;
				}
			#menuBar li.active a:link, #menuBar li.active a:visited {
				line-height: 37px;
				height: 37px;
				color: #1e2b3a;
			}
				#menuBar li.active a:link span, #menuBar li.active a:visited span {
					background: #FFFFFF;
				}

			#menuBar #b1:link, #menuBar #b1:visited { width: 90px; }
			#menuBar #b2:link, #menuBar #b2:visited { width: 90px; }
			#menuBar #b3:link, #menuBar #b3:visited { width: 90px; }
			#menuBar #b4:link, #menuBar #b4:visited { width: 90px; }
			#menuBar #b5:link, #menuBar #b5:visited { width: 90px; }
			#menuBar #b6:link, #menuBar #b6:visited { width: 90px; }


			#menuBar li ul {
				visibility: hidden;
				display: block;
				width: 175px;
				height: auto;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 36px;
				left: 0;
				background: #748395;
			}
			#menuBar li:hover ul {
				visibility: visible;
			}
				#menuBar li ul li {
					float: left;
					width: 100%;
					margin: 0;
					border-bottom: solid 1px #ffffff;
					border-right: solid 1px #ffffff;
					border-left: solid 1px #ffffff;
				}
					#menuBar li li a:link, #menuBar li li a:visited,
					#menuBar li:hover li a:link, #menuBar li:hover li a:visited {
						float: none;
						background: #748395 url(img/menu2-bg.gif) no-repeat 0 50%;
						color: #FFFFFF;
						line-height: 1.1;
						height: auto;
						text-align: left;
					}
						#menuBar li li a:link span, #menuBar li li a:visited span,
						#menuBar li:hover li a:link span, #menuBar li:hover li a:visited span {
							float: none;
							background: none;
							padding: .5em 5px .5em 20px;
						}
					#menuBar li li a:link:hover, #menuBar li li a:visited:hover {
						background: #293644 url(img/menu2-bg2.gif) no-repeat 0 50%;
						color: #FFFFFF;
					}
						#menuBar li li a:link:hover span, #menuBar li li a:visited:hover span {
							background: none;
						}

#colWrap0 {
	clear: both;
	margin: 33px 39px 5px 37px;
	width: 892px;
	background: url(img/content-m.png) repeat-y 0 0;
}
#colWrap {
	padding: 0 0 5px;
	width: 100%;
	overflow: hidden;
	background: url(img/content-b.png) no-repeat 0 100%;
}
	#content {
		float: left;
		width: 586px;
		padding: 20px 20px;
		background: url(img/content-t.jpg) no-repeat 0 0;
		color: #FFFFFF;
	}
		#content a:link, #content a:visited {
			color: #FFFFFF;
		}
			#content a:link:hover, #content a:visited:hover {
				color: #fcc81f;
				text-decoration: none;
			}
	#colSide1 {
		float: right;
		width: 255px;
	}
	


#content h1 {
	color: #ffc513;
	font-size: 166.67%;
	font-weight: bold;
	margin: 0 0 .5em;
}
	#content h1 span {
		color: #fcc81f;
	}
#content h2 {
	color: #FFFFFF;
	font-size: 150%;
	font-weight: normal;
	margin: .5em 0 .5em 0;
}
#content h3 {
	font-size: 116%;
	color: #FFFFFF;
	margin: 0 0 .2em 0;
}
#content p {
	font-size: 108.3%;
	line-height: 1.25em;
	margin: 0 0 1em 0;
}
#content li {
	line-height: 1.6em;
}

.image1 {
	float: right;
	overflow: hidden;
	margin: 0 0 10px 10px;
	border: solid 1px #22303f;
}
	.image1 img {
		float: left;
	}



#colSide2 .title {
	border-width: 1px 0;
	padding: .5em 1em;
	margin: 0 0 1em;
	color: #f8a000;
}


#search {
	background: url(img/search-m.jpg) no-repeat 0 0;
	height: 62px;
	padding: 0 0 0 11px;
	margin: 0 0 10px;
}
	#search label {
		display: block;
		line-height: 29px;
		color: #FFFFFF;
		font-weight: bold;
	}
	#search input.text {
		float: left;
		background: none;
		border: none;
		width: 188px;
		height: 14px;
		padding: 5px 5px;
		margin: 0 10px 0 0;
		font-size: 109%;
		background: url(img/search-m.jpg) no-repeat -11px -29px;
	}

#menuSide {
	margin: 0 0 10px;
	padding: 5px 0 0;
	background: #8291a3 url(img/box1-t.gif) no-repeat 0 0;
}
	#menuSide h2 {
		font-size: 116%;
		font-weight: bold;
		color: #fcca1f;
		padding: 5px 10px;
	}
	#menuSide ul {
		width: 100%;
		overflow: hidden;
		padding: 0 0 5px;
		background: url(img/box1-b.gif) no-repeat 0 100%;
		font-weight: bold;
	}
		#menuSide li {
			float: left;
			width: 100%;
			line-height: 26px;
			background: url(img/box1-sep.gif) no-repeat 1px 0;
		}
			#menuSide li a:link, #menuSide li a:visited {
				display: block;
				line-height: 16px;
				padding: 5px 0 5px 10px;
				color: #FFFFFF;
			}
			#menuSide li a:link:hover, #menuSide li a:visited:hover,
			#menuSide li.active a:link, #menuSide li.active a:visited {
				color: #334356;
				line-height: 16px;
				background: #FFFFFF;
				text-decoration: none;
			}

#testimonial {
	margin: 10px 10px;
}
	#testimonial blockquote {
		margin: 10px 0 0;
	}

#featured {
	border-top: solid 4px #e6e9ed;
	padding: 15px 0 0;
	height: 105px;
	width: 892px;
	margin: 0 8px 0 9px;
	overflow: hidden;
	color: #334356;
}
	#featured div {
		float: left;
		width: 400px;
		margin: 0 45px 0 0;
	}
	#featured .icon {
		float: left;
		margin: 0 5px 40px 0;
	}
	#featured .type {
		font-size: 175%;
		height: 17px;
		margin: 0 0 7px;
	}
	#featured .item1 .type {
		width: 158px;
	}
		#featured .item1 .type span {
			background: url(img/t-solution2.png) no-repeat 0 0;
		}
	#featured .item2 .type {
		width: 206px;
		height: 21px;
		margin: 0 0 3px;
	}
		#featured .item2 .type span {
			background: url(img/t-project.png) no-repeat 0 0;
		}
	#featured .title {
		font-size: 125%;
		font-weight: bold;
	}
	#featured .txt {
		font-size: 91%;
	}
	#featured .more a:link, #featured .more a:visited {
		display: block;
		float: left;
		background: url(img/but-more.png) no-repeat 0 0;
		width: 58px;
		height: 23px;
		line-height: 23px;
		color: #fdcd1f;
		text-align: center;
		font-size: 83%;
	}

#footer {
	background: url(img/footer.jpg) no-repeat 0 0;
	height: 35px;
	line-height: 20px;
	color: #fff;
	width: 968px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto;
	padding: 15px 0 0;
}
	#footer a:link, #footer a:visited {
		color: #fff;
	}
	#copyright {
		float: right;
		text-align: right;
		width: 350px;
		padding: 0 2em 0 0;
	}
	#contact {
		float: left;
		padding: 0 0 0 2em;
	}



.project {
	overflow: hidden;
	border-bottom: solid 1px #99a1ab;
	margin: 0 0 1.5em;
}
	.project .thumb1 {
		float: left;
		margin: 0 20px 50px 0;
	}
	.project2 .thumb1 {
		margin-bottom: 0;
	}
		.thumb1 img {
			display: block;
			margin: 0 0 10px;
		}
	#page .project h2 {
		font-size: 150%;
		font-weight: bold;
		margin: 0 0 0;
	}
		#page .project2 h2 {
			margin: 0 0 12px;
		}
	#page .project h3 {
		margin: .3em 0 0;
	}
	#page .project a:link, #page .project a:visited {
		color: #fdcd1f;
	}
	#page .project a:hover {
		color: #fff;
	}
	#page .project .url a:link, #page .project .url a:visited {
		color: #fdcd1f;
	}

.images {
	width: 100%;
	overflow: hidden;
}
	.images li {
		float: left;
		margin: 0 20px 0 0;
	}


.sites {
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px;
}
	.sites li {
		float: left;
		margin: 0 12px 15px 0;
	}
	.sites2 li {
		margin: 0 12px 10px 0;
	}


.categs {
	width: 100%;
	overflow: hidden;
}
	#page .categs a:link, #page .categs a:visited {
		float: left;
		display: block;
		background: url(img/but1-r.png) no-repeat 100% 0;
		color: #232f3e;
		margin: 0 5px 5px 0;
	}
		.categs a:link span, .categs a:visited span {
			float: left;
			display: block;
			background: url(img/but1-l.gif) no-repeat 0 0;
			line-height: 29px;
			padding: 0 10px;
		}
	#page .categs a:link:hover, #page .categs a:visited:hover {
		color: #FFFFFF;
	}

.more1 {
	width: 100%;
	overflow: hidden;
}
	#page .more1 a:link, #page .more1 a:visited {
		float: left;
		display: block;
		background: url(img/but1-r.png) no-repeat 100% 0;
		color: #232f3e;
		margin: 0 5px 5px 0;
	}
		.more1 a:link span, .more1 a:visited span {
			float: left;
			display: block;
			background: url(img/but1-l.gif) no-repeat 0 0;
			line-height: 29px;
			padding: 0 12px;
		}
	#page .more1 a:link:hover, #page .more1 a:visited:hover {
		color: #FFFFFF;
	}

.paginate {
	border-top: solid 1px #99a1ab;
	padding: 10px 0 0;
}

.categDescription {
	padding: 0 0 5px;
	margin: 0 0 20px;
	border-bottom: solid 1px #99a1ab;
}

.categItems {
}
	.categItems li {
		padding: 0 0 10px;
		border-bottom: solid 1px #99a1ab;
	}

.return {
	width: 100%;
	overflow: hidden;
	line-height: 29px;
}
	.return span {
		float: left;
		display: block;
		background: url(img/but1-r.png) no-repeat 100% 0;
	}
		.return span a:link, .return span a:visited {
			float: left;
			display: block;
			line-height: 29px;
			padding: 0 10px;
			background: url(img/but1-l.gif) no-repeat 0 0;
		}

.cols2 {
}
	.cols2 li {
		float: left;
		width: 49.9%;
	}

/*-------
// Homepage
//-----*/

#hpIntro {
	min-height: 200px;
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
}

.hp #colWrap0 {
	background: none;
	overflow: hidden;
}
	.hp #content {
		padding: 0;
		width: 610px;
		background: none;
		color: #787878;
	}
	.hp #colSide1 {
	}

.hp #content a:link, .hp #content a:visited {
	color: #b78c31;
}
#content2 {
}
.hp #featured {
	width: 100%;
	margin: 0;
	height: auto;
}
	.hp #featured div {
		width: 250px;
		margin: 0 20px 0 0;
	}
	.hp #featured .icon {
		float: right;
		margin: 0 0 5px 10px;
	}
	.hp #featured p {
	}
	.hp #featured p.type {
		margin: 0 0 .5em;
	}
	.hp #featured .item1 .type {
		width: 158px;
		margin-top: 0;
	}
		.hp #featured .item1 .type span {
			background: url(img/t-solution.png) no-repeat 0 0;
		}
	.hp #featured .item2 .type {
		width: 120px;
		height: 17px;
		margin-top: 0;
	}
		.hp #featured .item2 .type span {
			background: url(img/t-article.png) no-repeat 0 0;
		}
	.hp #featured p.title {
		font-size: 100%;
		margin: 0 0 .1em;
	}
	.hp #featured .more a:link, .hp #featured .more a:visited {
		display: block;
		float: left;
		background: url(img/but-more.png) no-repeat 0 0;
		width: 58px;
		height: 23px;
		line-height: 23px;
		color: #fdcd1f;
		text-align: center;
		font-size: 83%;
	}

a.more:link, a.more:visited {
	font-weight: bold;
}

.hp #testimonial {
	background: url(img/box2-t.jpg) no-repeat 0 0;
	padding: 15px 18px 10px;
	margin: 0 0 10px;
}
	.hp #testimonial .img {
		float: right;
		margin: 0 0 10px 10px;
	}
	.hp #testimonial .who {
		font-size: 109%;
	}

.pages-index #testimonial {
	background: url(img/box2-t.jpg) no-repeat 0 0;
	padding: 15px 18px 10px;
	margin: 0 0 10px;
}
	.pages-index #testimonial .img {
		float: right;
		margin: 0 0 10px 10px;
	}
	.pages-index #testimonial .who {
		font-size: 109%;
	}
	
#colSide1 #testimonial {
	background: url(img/box2-t.jpg) no-repeat 0 0;
	padding: 15px 18px 10px;
	margin: 0 0 10px;
}
	#colSide1 #testimonial .img {
		float: right;
		margin: 0 0 10px 10px;
	}
	#colSide1 #testimonial .who {
		font-size: 109%;
	}

.box3 {
	background: url(img/box3-bg.gif) repeat-y 0 0;
}
	.box3 .boxIn {
		background: url(img/box3-b.png) no-repeat 0 100%;
	}
		.box3 .boxIn2 {
			background: url(img/box3-t.png) no-repeat 0 0;
			padding: 15px 15px;
			color: #FFFFFF;
		}

.hp #news {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
	height: auto;
}
	.hp #news h2 {
		font-size: 141.67%;
		font-weight: bold;
		color: #ffc513;
		padding: 0 5px .5em;
		background: url(img/line-h2.gif) no-repeat 0 100%;
		margin: 0 -5px .5em;
	}
	.hp #news p.date {
		font-size: 116.67%;
		font-weight: bold;
		color: #d0d0d0;
		margin: 0 0 .2em;
	}
	.hp #news p.txt {
		font-size: 108.33%;
		margin: 0 0 1em;
	}
		.hp #news p a:link, .hp #news p a:visited {
			color: #f6c11b;
		}


/*-------
// Titles
//-----*/

#tHP {
	width: 327px;
	height: 51px;
}
	#tHP span {
		background: url(img/t-hp.png) no-repeat 0 0;
	}



/*-------
// News
//-----*/

.newsItems li {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: solid 1px #99a1ab;
}


/*-------
// forms
//-----*/

fieldset {
	border: none;
}
	#page fieldset li {
		padding: .3em 0;
		width: 100%;
		overflow: hidden;
	}
	#page fieldset li.but {
		width: auto;
		margin-left: 10em;
		padding: 0 0 0 4px;
		background: url(img/but1-l.gif) no-repeat 0 0;
		height: 29px;
	}
		fieldset li.but input.submit {
			background: url(img/but1-r.png) no-repeat 100% 0;
			border: none;
			height: 29px;
			padding: 0 10px 0 6px;
		}
		fieldset li label {
			float: left;
			display: block;
			width: 10em;
		}
		fieldset li input.text {
		}
		fieldset li.long label {
			float: none;
			width: auto;
		}
		fieldset .req {
			color: #EEAA17;
		}
		
		
/*ADDITIONS
*/

#blogEntry {
   width: 546px;
   padding-bottom: 25px;
}
#blogDateCol{
  width: 39px;
  height: 62px;
  text-align: left;
  background: url(img/blog-date-bg.gif) top left no-repeat;
  float:left;
  padding-left: 5px;
}
#blogTextCol{
  float:right;
  width: 491px;
}

#readMoreLink{
  width: 491px;
  text-align: right;
  padding: 3px 0 0 0;
  margin: 6px 0 16px 0;
}

#blogTextCol a.olink:link, #blogTextCol a.olink:visited {
			color: #fcc81f;
		text-decoration: underline;
}
	#blogTextCol a.olink:link:hover, #blogTextCol a.olink:visited:hover {
		color: #fcc81f;
		text-decoration: underline;
	}

.dateTop{ color:#334356; font-size:15px; font-weight:bold; line-height:17px;}
.dateMid{ color:#334356; font-size:28px; font-weight:bold; line-height:28px;}
.dateBot{ color:#334356; font-size:14px; font-weight:bold; line-height:14px;}

#content h2.blogTitle{
  color: #FFFFFF;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 6px 0;
}
#content h2.secondaryTitle{
  color: #FFFFFF;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#blogCommentTop {
  background: url(img/comment-box-top.png) top left no-repeat;
  margin: 0;
  height: 5px;
}
#blogComment {
  background: url(img/comment-box-bg.png) top left;
  margin: 0;
}
#blogCommentBottom {
  background: url(img/comment-box-bottom.png) top left no-repeat;
  height: 5px;
  margin: 0 0 15px 0;
}

#blogCommentForm {
}

#commentBody {
  padding: 5px 5px 10px 15px;
  text-align:left;
  width: 466px;
  font-size: 11px;
}

#commentDate {
  padding: 10px 10px 5px 10px;
  text-align:right;
  width: 466px;
}
.commentDate {
}
.commentAuthor {
}

#testimonial {
	margin: 10px 10px;
}
	#testimonial blockquote {
		margin: 10px 0 0;
	}
.testimonials {
	margin: 30px 0 0;
}
	.testimonials li {
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: solid 1px #99a1ab;
	}
		.testimonials li blockquote {
			margin: 0 0 0 15px;
		}