* { 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: #eeaa17 url(img/page-m.jpg) repeat-x 0 0;
}





.page {
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	position: relative;
}
#page {
	background: #FFFFFF url(img/page-b.jpg) no-repeat 0 100%;
	padding: 0 0 1px;
	width: 909px;
	color: #000000;
}

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

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

#menuBar {
	clear: both;
	height: 33px;
	background: url(img/menu-m.jpg) no-repeat 0 0;
	font-size: 109%;
	padding: 0 0 0 9px;
}
	#menuBar ul {
		float: left;
	}
		#menuBar li {
			float: left;
			margin: 5px 0 0;
			position: relative;
		}
			#menuBar li a:link, #menuBar li a:visited {	
				float: left;
				display: block;
				color: #FFFFFF;
				background: url(img/but-sep.gif) no-repeat 100% 0;
			}
				#menuBar li a:link span, #menuBar li a:visited span {
					float: left;
					display: block;
					padding: 0 1em;
					line-height: 28px;
				}
			#menuBar li a:link:hover, #menuBar li a:visited:hover,
			#menuBar li:hover a:link, #menuBar li:hover a:visited,
			#menuBar li.active a:link, #menuBar li.active a:visited {
				background: url(img/but-r.png) no-repeat 100% 0;
				color: #1e2b3a;
				text-decoration: none;
			}
				#menuBar li a:link:hover span, #menuBar li a:visited:hover span,
				#menuBar li:hover a:link span, #menuBar li:hover a:visited span,
				#menuBar li.active a:link span, #menuBar li.active a:visited span {
					background: url(img/but-l.png) no-repeat 0 0;
				}
			#menuBar li.active a:link, #menuBar li.active a:visited {
				font-weight: bold;
			}

			#menuBar li ul {
				visibility: hidden;
				display: block;
				width: 175px;
				height: auto;
				margin: 0;
				position: absolute;
				top: 28px;
				left: 0;
				background: #e1e4e6;
				border: solid 1px #FFFFFF;
				border-width: 0 1px;
			}
			#menuBar li:hover ul {
				visibility: visible;
			}
				#menuBar li ul li {
					float: left;
					width: 100%;
					margin: 0;
					border-bottom: 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;
						font-weight: normal;
						color: #1f2b39;
						background: none;
						padding: .5em 0;
					}
						#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;
							line-height: 1.2em;
							background: none;
						}
					#menuBar li li a:link:hover, #menuBar li li a:visited:hover {
						background: #cdd0d1;
						color: #1f2b39;
					}
						#menuBar li li a:link:hover span, #menuBar li li a:visited:hover span {
							background: none;
						}

#colWrap0 {
	clear: both;
	margin: 0 8px 5px 9px;
	width: 892px;
	background: url(img/content-m.gif) 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: 560px;
		padding: 20px 40px 20px 20px;
		background: url(img/content-t.gif) 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: #FFFFFF;
	font-size: 200%;
	font-weight: normal;
	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;
}

.thumb1 {
}



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


#search {
	background: url(img/search-m.png) 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: 189px;
		height: 14px;
		padding: 5px 5px;
		margin: 0 10px 0 0;
		font-size: 109%;
		background: url(img/search-m.png) 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;
				padding: 0 0 0 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;
				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%;
	}

#bot {
	background: url(img/footer.png) no-repeat 0 0;
	height: 25px;
	line-height: 25px;
	color: #000000;
	width: 905px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1em;
	margin: 3px auto 0;
}
	#bot a:link, #bot a:visited {
		color: #FFFFFF;
	}
	#copyright {
		float: right;
		text-align: right;
		width: 350px;
		margin: 0;
		padding: 0 1em 0 0;
	}
	#contact {
		float: left;
		margin: 0;
		padding: 0 0 0 1em;
	}



.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 .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;
	}

.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;
		}

.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 {
	width: 890px;
	height: 300px;
	overflow: hidden;
	margin: 0 auto 3px;
}
	#hpIntro ul {
		float: left;
		width: 179px;
	}
		#hpIntro ul li {
			float: left;
			width: 100%;
		}
			#hpIntro li a:link, #hpIntro li a:visited {
				float: left;
				display: block;
				width: 100%;
				height: 100%;
				background: url(img/but-hp.png) no-repeat 0 0;
			}
				#hpIntro li a:link span, #hpIntro li a:visited span {
					display: block;
					text-indent: -1000em;
				}
			#hpIntro #b1 { height: 73px; }
			#hpIntro #b1 a:link, #hpIntro #b1 a:visited { background-position: 0 0; }
			#hpIntro.sel1 #b1 a:link, #hpIntro.sel1 #b1 a:visited,
			#hpIntro #b1 a:link:hover, #hpIntro #b1 a:visited:hover { background-position: -179px 0; }
			#hpIntro #b2 { height: 77px; }
			#hpIntro #b2 a:link, #hpIntro #b2 a:visited { background-position: 0 -73px; }
			#hpIntro.sel2 #b2 a:link, #hpIntro.sel2 #b2 a:visited,
			#hpIntro #b2 a:link:hover, #hpIntro #b2 a:visited:hover { background-position: -179px -73px; }
			#hpIntro #b3 { height: 76px; }
			#hpIntro #b3 a:link, #hpIntro #b3 a:visited { background-position: 0 -150px; }
			#hpIntro.sel3 #b3 a:link, #hpIntro.sel3 #b3 a:visited,
			#hpIntro #b3 a:link:hover, #hpIntro #b3 a:visited:hover { background-position: -179px -150px; }
			#hpIntro #b4 { height: 74px; }
			#hpIntro #b4 a:link, #hpIntro #b4 a:visited { background-position: 0 -226px; }
			#hpIntro.sel4 #b4 a:link, #hpIntro.sel4 #b4 a:visited,
			#hpIntro #b4 a:link:hover, #hpIntro #b4 a:visited:hover { background-position: -179px -226px; }
	#hpIntro .content {
		float: right;
		width: 711px;
		color: #FFFFFF;
		background: #8191A1;
	}
		#hpIntro .content div {
			width: 100%;
			padding: 175px 0 0; 
			height: 125px; 
		}
	#hpIntro.sel1 .content1 { background: url(img/hp-1.jpg) no-repeat 0 0; }
	#hpIntro.sel2 .content2 { background: url(img/hp-2.jpg) no-repeat 0 0; }
	#hpIntro.sel3 .content3 { background: url(img/hp-3.jpg) no-repeat 0 0; }
	#hpIntro.sel4 .content4 { background: url(img/hp-4.jpg) no-repeat 0 0; }
	#hpIntro .content p {
		margin: 0 0 10px 25px;
		width: 300px;
	}
	#hpIntro .buts a:link, #hpIntro .buts a:visited {
		float: left;
		display: block;
		margin: 0 5px 0 0;
		width: 90px;
		height: 29px;
		line-height: 29px;
		background: url(img/but-hp2.png) no-repeat 0 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 91%;
		font-weight: bold;
		color: #232f3e;
	}

.hp #colWrap {
	background: none;
	padding: 20px 0 10px;
	margin: 0 30px 5px 30px;
	width: 849px;
}
	.hp #content {
		width: 540px;
		padding: 0;
		background: none;
		color: #334356;
	}
	.hp #colSide1 {
		width: 290px;
		color: #334356;
	}

.hp #content h1 {
	color: #334356;
}
.hp #content a:link, .hp #content a:visited {
	color: #b78c31;
}
#content2 {
	padding: 0 0 15px;
	margin: 0 35px 0 0;
}
.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/quote.png) no-repeat 100% 60%;
	padding: 0 0 25px;
	margin: 0;
}
	.hp #testimonial .img {
		float: right;
		margin: 0 0 10px 10px;
	}
	.hp #testimonial .who {
		font-size: 109%;
	}

.hp #news {
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px;
	height: auto;
	border-bottom: solid 1px #8291a3;
}
	.hp #news .icon {
		float: right;
		margin: 0 0 5px 10px;
	}
	.hp #news p.type {
		margin: 0 0 .5em;
		font-size: 175%;
		height: 13px;
		width: 47px;
	}
		.hp #news p.type span {
			background: url(img/t-news.png) no-repeat 0 0;
		}
	.hp #news p.title {
		font-size: 100%;
		font-weight: bold;
		margin: 0 0 .1em;
	}
	.hp #news p.txt {
		margin: 0 0 .5em;
		font-size: 91%;
		width: 240px;
	}
	.hp #news .more {
		width: 100%;
		overflow: hidden;
		margin: 0 0 20px;
	}
	.hp #news .more a:link, .hp #news .more a:visited {
		display: block;
		float: left;
		background: url(img/but-more.png) no-repeat 0 0;
		width: 58px;
		height: 23px;
		line-height: 23px;
		font-size: 91%;
		color: #fdcd1f;
		text-align: center;
	}


/*-------
// 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;
		}