/* COLOR SCHEME 2 */


/*debug helper
* { outline: 1px dotted red }
* * { outline: 1px dotted green }
* * * { outline: 1px dotted orange }
* * * * { outline: 1px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/

/* fix for IE6 'centering' */
h1,h2,h3,h4,h5,h6,p,div,span {
	text-align: left;
}
img{
	border:0px;
}

/* basic styling */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/*links*/
a {
	color: #6b94c1;
text-decoration:none;
}
	a:active {
		color: #000
	}
	a:hover {
		color: #606a8b
	}	
	
html {
	background-color: #e2e2d6;
	background-image: url(img/bg-body.png);
	background-repeat: repeat-x;
	background-position: top;
}

body {
	font-size:62.5%;
	/* IE6 center */
	text-align: center;
}

/* page wrap */
.wrap {
	background-color: #fff;
	background-image: url(img/bg-page.png);
	background-repeat: repeat-y;
}



/* header */
#header {
	height: 190px;
	position: relative;
	/* fix for ie superfish z-idex problem with cufon */
	z-index: 100;
}
	/* fix for ie superfish z-idex problem with cufon */
	cvml {
		z-index: 0;
	}

	/* company's logo */
	#logo {
		display: block;
		position: absolute;
		background-image: url(img/bg-logo.png);
		background-repeat: no-repeat;
		top: 10px;
		left: 7px;	
		width: 359px;
		height: 100px;
		text-indent: -1000px;
	}

	/* search section */
	#search {
		position: absolute;
		top: 13px;
		right: 15px;
	
		border: 1px solid #606a8b;
		background-color: #fff;
		overflow: hidden;
		height: 24px;
		width: 155px;
	}

		#searchText {
			display: block;
			float: left;
			border: 1px solid #fff;
			width: 110px;
			font-size: 1.4em;
			color: #bbb9a4;
			padding: 3px 0px 3px 6px;
		}
	
		#search button {
			padding: 10px;
			border: 1px solid #fff;			
			float: right;
  			text-decoration:none;
  			background: #fff url(img/btn-search.png) no-repeat scroll top center;
  			margin: 0 2px 0 0;
		}
		
		
		/* top navigation - sitemap, client login, help */
		#top-nav {
			position: absolute;
			right:15px;
			top:98px;
			width: auto;
		}

			#top-nav li {
				display: block;
				float: left;
				margin-left: 20px;
			}
	
			#top-nav li a {
				color: #606a8b;
				font-size: 1.3em;
			    font-weight:bold;
				text-decoration: none;
												
				text-shadow: 0 1px 1px #fff;
			}
	
			#top-nav li a:hover {
				text-decoration: underline;
			}

	/* man navigation container */
	#nav-wrap {
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		height: 52px;
		text-align: center;
		padding: 13px 14px 0 14px;
		border-top: 1px solid #606a8b;
	}

		/* main navigation */
		#nav {
			height: 53px;
			background-image: url(img/bg-nav.png);
			background-repeat: no-repeat;
			background-position: left top;
			position: relative;
			font-size:1em;
		}

			#nav li {
				display: block;
				float: left;
			}

				#nav li a {
					display: block;
					float: left;
					font-size: 1.2em;				
					color: #fff;
					text-decoration: none;				
					height: 23px;
					/*padding: 11px 18px 11px 18px;*/
					padding: 14px 8px 8px 16px;
				}
			
				/*link with submenu (top-level) - increased padding for superfish arrow*/
				#nav li a.sf-with-ul {
					padding-right: 24px;
				}
			
				#nav li a:hover {
					background-image: url(img/bg-nav-over.png);
					background-repeat: repeat-x;
				}
			
				#nav li a.active,
				#nav li a.active:hover {
					background-image: url(img/bg-nav-active.png);
					background-repeat: repeat-x;
				}
			
			/* nested menu items */
			#nav ul li {
				width: auto;
				text-align: left;
			}
		
			/*sub-menu links (1st level)*/
			#nav ul li a.sf-with-ul,
			#nav ul li a {
				display: block;
				float: left;
				font-size: 1.3em;
				color: #fff;
				text-decoration: none;
				width: 12em;
				padding-right: 0;
				padding: .6em 1em 0 1em;
			
				background-image: url(img/bg-nav.png);
				background-repeat: no-repeat;
				background-position: top left;
			}	


/* homepage feature block */
	#feature {
		padding: 0;
		height: 437px;
		/*fix for separator*/
		padding-bottom: 30px;
		margin-bottom: -10px;
	}

		/* left part: message */
		#message {
			position: relative;
			height: 437px;
		}
		
			
			#message p {
				color: #555;
			}

			#message h1 {
				position: absolute;
				top:34px;
				left: 30px;
				font-size: 2.8em;				
			}

			#message p {
				position: absolute;
				top: 108px;
				left: 30px;
				padding-right: 25px;
				font-size: 1.8em;
				line-height: 1.3em;				
			}
		
			#message a {
				position: absolute;
				left: 60px;
				top: 288px;
			}
		
		/* right part - container */
		#rotator-wrap {			
			position: relative;
		}
			#rotator-wrap .inner {
				position: absolute;
				top: 20px;
				right:45px;
				width: 560px;
				padding: 20px;
				overflow: hidden;				
				height: 374px;
			}
	
	
		/* right part - jquery item rotator */
		#rotator {
			
		}
			#rotator li img {
				border: 1px solid #7f7565
			}
		
			/* for images without border */
			#rotator li img.clean {
				border: none;
			}
		
			#rotator p {			
				font-size: 1.3em;
				line-height: 1.3;
				color: #3a3b43;
				margin-top: 5px;
				font-family:arial;
			}
			
			#rotator p.title {
				font-size: 1.8em;
				text-transform: uppercase;
				color: #565861;
				margin-top: 10px;
				margin-left: -1px;
			}
		
				#rotator p.title a {
					text-decoration: none;
				}
		
		/* pager */	
		#rotator .pager {
			position: absolute;
			right: 18px;
			bottom: 0px;
		}
		
			#rotator .pager li {
				display: inline;
				list-style: none;
				list-style-type: none;
				list-style-image: none;
			}
	
			#rotator .pager li a {
				display: block;
				float: left;
				padding: 3px 7px;
				margin-left: 1px;
				font-size: 11px;
				color: #fff;
				background-color: #6b94c1;
				background-image: url(img/bg-nav.jpg);
				background-repeat: repeat-x;
				background-position: top;
				text-decoration: none;
				text-align: center;
			}
			#rotator .pager li a:hover {
				color: #fff;
				background-image: url(img/bg-nav-hover.png);
			}
			#rotator .pager li a.current {			
				background-image: url(img/bg-nav-active.png);
			}


/* main content */	
#content {
	padding-bottom: 30px;
}

	/* headings */
	#content h1 {
		margin: 0.8em 0em;
		font-size: 3em;
		color: #e27e15;
			
	}
	
	/* subtitle/slogan */
	#content h1 span {
		color: #606a8b;
		font-size: .4em;
		display: block;
		margin-bottom: .8em;
		margin-top: -5px;
		margin-left: 5px;
	}
	
	#content h2 {
		font-size: 2.2em;
		margin-bottom: 7px;
		color: #313435;
	}
	
	#content h3 {
		font-size:1.8em;
padding-bottom:0.6em;
	}
	
	#content h4 {
		font-size:1.6em;
	}
	
	#content h5 {
		font-size:1.4em;
	}
	
	#content h6 {
		font-size:1.3em;
		font-weight: bold;
	}	
	
	#content p, .faq-question  {
		font-size: 1.4em;
		line-height: 1.35;
		color: #3a3b43;
		font-family:arial;
		margin-bottom: 1.32em;
	}
	
	
	
	/* secondary content gradient */
	div.secondary {
		background-image: url(img/bg-secondary.png);
		background-repeat: no-repeat;
		background-position: top center;
	
		padding-top: 20px;
		margin: 10px 0px;
	}
	
		.secondary h3 {
			font-size:1.8em;
			margin-bottom: 1.5em;
			color: #5a5d5d;
		}
	
	
/* right sidebar */
#sidebar {
	margin: 55px 30px 20px 0;
	height: auto;
}

	#sidebar h3 {
		border: 0;
	}
	
	/* sidebar on about page */
	#sidebar.about {
		background-color: #f5f5df;
		border: 1px solid #606a8b;
		border-left: 0;
		border-right: 0;
		padding: 10px 20px;		
	}
	
		#sidebar.about h3 {
			font-size: 2.1em;
			text-align: center;
			border: 0;
			margin-bottom: 30px;
			color: #5a5d5d
		}
		/* team */
		#sidebar.about ul.imglist {
			margin-top: 20px;
		}
		
			#sidebar.about ul.imglist li {
				list-style: none;
				margin: 0;
			}
		
			#sidebar.about ul.imglist li p {
				padding-left: 60px;
				color: #606a8b
			}	
			
			#sidebar.about ul.imglist li p span.name {
				font-weight: bold;
				color: #000;
			}
		
			#sidebar.about ul.imglist li img {
				border: 0;
			}
	
	/* sidebar on contact page */
	#sidebar.contact {
		border-left: 1px solid #606a8b;
		padding-left: 30px;
	}
	
		#sidebar.contact dl {
			margin-bottom: 20px;
			font-size: 1.4em;
		}
		
		#sidebar.contact dt {
			margin-top: 10px;
			font-weight: bold;
		}
		
		#sidebar.contact .note {
			display: block;
			padding: 15px;
			margin: 15px 0 15px;			
			border-width: 1px;
			border: double;
			border-color: #4c668e;
			font-size: 11px;
			color: #4c668e;			
			background-color: #e3eaf4;
		}
			
		/* google maps frame */
		#sidebar .google-maps iframe {
			width: 247px !important;
			height: 250px !important;
			border: 1px solid #606a8b;
		}
		
		
	/* sidebar on services page */
	#sidebar.services {

	}
		#sidebar.services img {
			margin: auto;
			display: block;
			margin-bottom: 10px;
		}
		
		#sidebar.projects {
			border-left: 1px solid #606a8b;
			padding-left: 35px;
		}
		
			#sidebar.projects h3 {
				padding-top: 4px;
				margin-bottom: 17px;
			}
			
			#sidebar.projects p a {
				display: block;
				margin-top: 10px;
			}
		
	
/* extra spacing for columns & content */
#content div.space {
	padding: 0px 30px 0 0px;
	margin-left: 30px;
}

	/* columns with icons as background images - homepage & services page */	
	#content div.icon {
		background-repeat: no-repeat;
		background-position: -3px 5px;
	}

		/* icon images */	
		#content .recycle {
			background-image: url(img/ico-recycle.png);
		}
		#content .globe {
			background-image: url(img/ico-globe.png);
		}
		#content .megaphone {
			background-image: url(img/ico-accept_male_user.png);
		}
		#content .refresh {
			background-image: url(img/ico-refresh.png);
		}
		#content .chart-up {
			background-image: url(img/ico-chart_up.png);
		}
		#content .accept {
			background-image: url(img/ico-accept_male_user.png);
		}

		#content div.icon h2 {
			padding-left: 40px;
			margin-bottom: 25px;
			line-height: 1.2;
		}
	
		/* read more button */	
		#content .more {
			display: block;
			margin-top: 38px;
		}


	/* imglist - used on homepage & about page */
	#content ul.imglist li {
		min-height: 95px;
		position: relative;
		display: block;
		clear: both;
		margin: 0;
		list-style: none;
		border-bottom: 1px solid transparent;
	}
	
		#content ul.imglist li h4 {
			font-size: 1.3em;
			margin: 0;
			margin-bottom: 5px;
		}
		
			#content ul.imglist li h4 a {
				text-decoration: none;
			}
		
		#content ul.imglist li p {
			font-size: 1em;
			line-height: 1.2;
			padding-left: 68px;
		}
		
			#content ul.imglist p a.more {
				margin-top: 5px;
				margin-bottom: 10px;
				padding: 0;
				float: right;
				clear: both;
			}
		
		#content ul.imglist img {			
			display: block;
			padding: 3px;
			border: 1px solid #dfddd1;
			position: absolute;
			left: 0;
		}
		
		#content ul.imglist span.name {
			display: block;
			font-size: 1.3em;
			margin-bottom: 4px;
		}
		

		
/* footer */
#footer {
	background-image: url(img/bg-footer.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #565861;
	margin: 0 14px;
	padding-bottom: 80px;
	position: relative;
	overflow: auto;
	color:#fff;
}
#footer a{
	color:#eff3f3;
}

	/* 1/4 width column - footer column */
	#footer .col14 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
		#footer .col14 h6 {
			text-transform: uppercase;
			font-size: 1.2em;
			color: #fff;
			letter-spacing: 1px;
			margin-top: 17px;
		}
			
	#footer ul {
		margin-top: 18px;
	}
			
	#footer ul li {
		padding: 2px 0;
	}
	
		#footer ul li a {
			color: #fff;
			font-size: 1.1em;
			text-decoration: none;
		}
				
		#footer ul li a:hover {
			text-decoration: underline;
		}
		#footer p{
			line-height:1.3em;
			margin-top: 18px;
			font-family:arial;
			font-size:11px;
		}

/* social links */
#social {
	position: absolute;
	bottom: 15px;
	left: 708px;
}
		
	#social ul li {
		float: left;
		margin-right: 19px;
	}
/* copyright block */	
#copyright p {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #dfddd1;
	font-size: 1.1em;
}
		
	#copyright a {
		color: #fff;
	}

/* footer end */
#footer-bottom {
	height: 14px;
	border-bottom: 1px solid #606a8b;
}

	
/* contact form */
#content label {
	display: block;
	font-size: 1em;
	padding: 3px;
	color: #5a5d5d;
}
	
	#content label:after {
		content: ":";
	}
	
	#content label.error {
		background-color: #872300;
		border: 1px solid #872300;
		padding: 5px;
		margin-top: -10px;
		width: 100%;
		color: #fff;
		text-transform: none;
	}
		#content label.error:after {
			content: "";
		}

	#content textarea,
	#content input {
		font-size: 1.2em;
		padding: 2px;
		background-color:  #eaf2f9;		
		border: 1px solid #4f6996;

	}

		#content textarea:focus,
		#content input:focus {
			border: 1px solid #000;
		}
	
	#content textarea {
		height: 165px;
	}
	
	#content input.submit {
		margin-top: 10px;
		width: auto;
		padding: 5px 15px;
		background-color: #4f6996;
		border: 1px solid #313435;
		color: #fff;
		text-align: center;
	}

	/* ajaxified form:
	2 divs for display success or error message
	*/
	#contactform div.error,
	#contactform div.success {
		font-size: 2em;
		background-color: #606a8b;
		padding: 10px;
		color: #fff;
	}
		#contactform div.error {
			background-color: #872300;
		}

		
/*frame for images - homepage & projects*/
img.frame {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	display: block;
	margin-bottom: 14px;
}

/*blockquote - on about page*/
blockquote {
	padding: 23px 0 20px 40px;
	margin-top: 30px;
	margin-right: 30px;
	margin: 30px 30px 30px 0;
		
	background-image: url(img/bg-quote.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	
	border-top: 1px solid #dfddd1;
	border-bottom: 1px solid #dfddd1;
}
	/* text */
	blockquote p {
		font-size: 1.4em;
		line-height: 1.4;
		font-style: italic;
		color: #308f4a;				
	}
		/* author */	
		blockquote p span {
			margin-top: 2em;
			display: block;
			float: right;
			font-style: normal;
			font-size: 1em;
			color: #948975;
			font-weight: bold;
			letter-spacing: -.09em;
		}

/* lists */
#content ol.list,
#content ul.list {
	margin: 20px 3em;

}

	#content ol li,
	#content ul li {
		font-size: 1.3em;		
	}

	#content ol.list li,
	#content ul.list li {		
		list-style: disc;		
	}
	
	#content ol.list li {
		list-style: decimal;
	}

/* tables */
#content table {
	font-size: 1.4em;
	width: 100%;
	table-layout:fixed;
	margin-top: 20px;
	overflow:hidden;	
}	
	#content table th {
		background-color: #7f7565;
		color: #fff;
		font-weight: bold;
	}
	
	#content table td,
	#content table th {		
		padding: 4px;
		text-align:left;
		vertical-align:top;
	}
		
/* page specific elements: */

/*services:*/
#content #services-top  {
	margin-left: 65px;
}
#services {
	margin-top: 12px;
}
	#services .service {
		padding-bottom: 10px;
		margin-bottom: 23px;
		height: auto;
		overflow: auto;
	}
		/* right image div */
		.service .img {
			float: left;
			width: 230px;
			margin-left: 60px;
			padding: 0;
			padding-top: 35px;
		}
		
			.service .img img {
				margin: 0;
			}
		
		/* left text div */			
		.service .text {
			float: left;
			width: 540px;
			padding-left: 40px;
		}		
		
			#services .service .text p {
				margin-bottom: 17px;
			}
			
			#services .service .text h2 {
				margin-bottom: 10px;
			}
		
			#services .service .text h2 {
				color: #313435;
				border-bottom: 1px solid #bbb9a4;
				font-size: 2em;
				padding: 5px 0 4px 0;
			}
		
			#services .service .text .list {
				margin: 0;
				margin-bottom: 10px;
				font-size: 1.2em;
			}
			
			/* bulleted list */
			#services .service .text .list li {			
				margin-left: 0px;
				margin-bottom: 2px;
			
				list-style: none;
				background-image: url(img/ico-accept.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				padding-left: 20px;
				position: relative;			
			}
		
/*projects page */
#projects {
	margin-top: 10px;
}

	#projects .project {
		display: block;
		float: left;
		width: 280px;
		margin-left: 30px;
		height: 280px;
	}
	
		#projects .project .frame {
			margin-bottom: 5px;
			background-color: #fff;
		}	
	
		#projects .project h2 {
			font-size: 1.8em;
			margin-bottom: 5px;
		}
	
		#projects .project p {
			font-size: 1.1em;
		}
	
		#projects .project p a.out {
			display: block;
			margin-top: 5px;
			font-weight: bold;
		}
	
.system-error-message{
	padding-top:0px;
	margin-top:0px;
}
.faqresultstablecount,.faqresultstablehead{
	width:20px;
}
.faqresultstablequestion{	
}

.box,.box_grey{
	background:#ecf7fb;
	border:1px solid #eee;
	padding:10px;
	text-align:center;
	margin-bottom:20px;
}
.box_grey{
background:#f2f2f2;
}
.box ul{text-align:left;
margin-left:20px;}
.box li{list-style:disc;font-size:12px;font-family:arial;
}
.partner td{
	padding:10px;
	border-bottom:1px dotted #ccc;
}
.cat_textbox_small{
	width:180px;
	background:#ccd9e4;
	font-size:12px;
	border:1px solid #4f6996;
}
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
	width:240px;
}