html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td,ul,li{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
}

a{ outline: none; font-weight: normal;  }
html, body { height: 100%; }
img { display: block; }
body {
	background: #f6f6f6 url(images/bg.gif) top left repeat-x;
	color: #565656;
	font-family: Verdana, Sans-Serif;
	font-size: .8em;
	line-height: 1.6em;
	/*text-align: center;*/
}
h1, h2, h3 { font-family: 'Droid Sans', Verdana, Sans-Serif; margin: 0;  }
h2  { font-size: 1.3em; text-transform: uppercase; color: #786a65; letter-spacing: 1px; margin-bottom: 2px;}
h3 { color: #786a65; font-size: 2.1em; letter-spacing: 1px; margin: 18px 0 2px; text-transform: uppercase; line-height: 1.2em;}
p { margin: 0; padding: 0; }
em { 
	display: block; 
	font-style: normal; 
	font-weight: bold;
	margin: 26px 0 10px 0; 
	padding: 6px 0;
	border-bottom: dashed 1px #ccc; 
	border-top: dashed 1px #ccc; 
}
.clear { clear: both; }

#wrapper-push {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -77px;
	width: 100%;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#accessibility { position:absolute; width:1px; height:1px; z-index:1; display:none; }

#header {
	float: left;
	position: relative;
	width: 100%;
	z-index: 1000;
}
	h1#logo {
		background: url(images/logo.jpg) top left no-repeat;
		float: left;
		margin-top: 14px;
		height: 126px;
		width: 388px;
		text-indent: -9999px;
	}
	#login-trial {
		float: right;
	}
		#login-panel { display: none; height: auto; background: #373737; padding: 30px 0 10px; text-align: center;}
		#login-trial a.client-login { background: #373737;
			color:#FFFFFF;
			cursor: pointer;
			display:block;
			font-family: 'Droid Sans', Verdana, Sans-Serif;
			float:left;
			font-size:1em;
			line-height:37px;
			text-decoration: none;
			padding:0 19px;
			text-transform:uppercase; }
		#login-trial img { float: left; }
		#login { width: 960px; margin: 0 auto; text-align: right; color: #fff; }
	
	#login .text-input { 
		background: none top left repeat-x;
		border: solid 1px #ccc;
		color: #fff;
		font-family: Arial, sans-serif;
		padding: 5px;
		width:332px;
		margin-bottom: 16px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	 }
	#login textarea { font-size: 1em; }
	#login select { color: #fff; margin-bottom: 16px; padding: 5px; border: none; }

	#login #login-submit {
		background: #B1CD39;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		padding: 8px 16px;
		outline: none;
		border: none;
	}

	#login #submit:hover { background: #273a52;}
	#login #submit:active { background: #3f5166; outline: none; margin-top: 1px;}


	#header #navigation {
		height: 34px;
		float: right;
		margin-top: 45px;
		z-index: 1000;
		width: 470px;
	}
		#navigation li {
			display: block;
			float: left;
			z-index: 999;
		}
		
	#navigation li a { background: url(images/nav.gif) top left no-repeat;  display:block; height: 34px; text-indent: -9999px;  }
	#navigation li a#home { width: 83px; }
	#navigation li a#home:hover { background-position: 0 -34px; }
	#navigation li a#about { background-position: -83px 0; width: 128px; }
	#navigation li a#about:hover { background-position: -83px -34px; }
	/* #navigation li#aboutcontainer:hover a#about { background-position: -83px -34px; } */
	#navigation li a#solutions { background-position: -211px 0; width: 132px; }
	#navigation li#solutionscontainer:hover a#solutions { background-position: -211px -34px; }
	#navigation li a#contact { background-position: -343px 0; width: 126px; }
	#navigation li a#contact:hover { background-position: -343px -34px; }

	
	#navigation #solutionscontainer  { position: relative; }
	#navigation #solutionscontainer:hover ul { display: block; z-index: 1000; }
	#navigation #solutionscontainer ul { display: none; position: absolute; list-style-type: none; margin: 0; padding: 0; background: #786a65; padding: 0; }
	#navigation #solutionscontainer ul li { padding: 0; margin: 0; width: 171px; height: 34px; }
			#navigation #solutionscontainer ul li a#products-1 { background-position: -255px -68px; }
			#navigation #solutionscontainer ul li a#products-2 { background-position: -255px -102px; }
			#navigation #solutionscontainer ul li a#products-3 { background-position: -255px -136px; }			
			#navigation #solutionscontainer ul li a#products-1:hover { background-position: -255px -179px; }
			#navigation #solutionscontainer ul li a#products-2:hover { background-position: -255px -213px; }
			#navigation #solutionscontainer ul li a#products-3:hover { background-position: -255px -247px; }
					
	#navigation #aboutcontainer  { position: relative; }
	#navigation #aboutcontainer:hover ul { display: block; z-index: 1000; }
	#navigation #aboutcontainer ul { display: none; position: absolute; list-style-type: none; margin: 0; padding: 0; background: #786a65; padding: 0; }
	#navigation #aboutcontainer ul li { padding: 0; margin: 0; width: 162px; height: 34px; }
			#navigation #aboutcontainer ul li a#products-4 { background-position: -83px -68px; }
			#navigation #aboutcontainer ul li a#products-5 { background-position: -83px -102px; }
			#navigation #aboutcontainer ul li a#products-6 { background-position: -83px -136px; }			
			#navigation #aboutcontainer ul li a#products-4:hover { background-position: -83px -179px; }
			#navigation #aboutcontainer ul li a#products-5:hover { background-position: -83px -213px; }
			#navigation #aboutcontainer ul li a#products-6:hover { background-position: -83px -247px; }
				
				



#content-area {
border-top: solid 1px #ccc;
float: left;
margin-bottom: 30px;
width: 100%;
}


/* SUB PAGES */
#content-alpha { float: left; width: 500px; }
#content-alpha-media { float: right; width: 500px; }
#content-alpha-privacy { float: left; width: 940px; }
#content-beta { background: #786A65 url(images/bgBeta.jpg) top left repeat-x; 
	float: right; 
	width: 390px; 
	padding: 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px; 
	-webkit-border-radius: 0 0 20px 20px; 
	}
	#content-beta h3{ color: #ffffff; }
	#content-beta p{ color: #f3e5e0; }
	#content-beta .green { color: #b1cd39; }
#content-beta-media {  

	float: left; 
	width: 390px; 
	padding: 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px; 
	-webkit-border-radius: 0 0 20px 20px; 
}
#content-20 {
	display:block;
	float:right;
	margin:10px 24px 0 0;
}
#content-cappa { background: #786A65 url(images/bgBeta.jpg) top left repeat-x; 
	float: left; 
	width: 460px; 
	margin-bottom: 30px;
	padding: 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px; 
	-webkit-border-radius: 0 0 20px 20px;  }
#content-delta { float: right; width: 430px; }
	#content-delta h2 { margin-top: 20px; }

	.greenbar { background: #b1cd39; display: block; height: 10px; margin: 24px 0; clear: both; }
	.whitebar { background: #8c7c77; display: block; height: 1px; margin: 20px 0; clear: both; }
	.green { color: #b1cd39; }
	.green a { color: #bca8a0; }
	.sizeup { font-size: 1.2em; font-weight: bold; }
	.btn { background: url(images/btn-brownbg.gif) top left no-repeat; display: block; text-indent: -9999px; margin: 10px 0;}
	.btn:hover { margin-left: 2px; }
	.btn-solutions { width:345px; height: 45px; }
	.btn-trial { width:264px; height: 57px; background-position: 0 -45px; margin: 20px 0 0 0;}
/* TABS FOR TOP */

.wrap {
	position: relative;
	padding-top: 320px;
}
.pane { 
	background: #564c48;
	border:1px solid #ccc;
	color: #fff;
	height:279px;
	width: 100%;
	margin:20px 0 20px;
	overflow:hidden;
	position:absolute;
	top: 0; left: 0;
}		.regions { z-index: 10; }
		.disciplines { overflow: auto; }
		.disciplines .left { float: left; width: 180px; margin-left: 34px; }

		.disciplines b { margin-top: 16px; display: block; font-weight: bold; text-transform: uppercase; font-size: .9em; letter-spacing: 1px; }
		.disciplines h3 { margin-left: 16px; }
		.target {  }
		.target {
			overflow: auto;
		}
		.target b { display: block; margin-top: 10px; padding-top: 10px; border-top: solid 1px #675b57; }
		.pane h3 { color: #ae9a92; }
		.target-sub {
			padding: 0 20px 20px 20px;
		}		
.products { height: 350px; padding: 0; width: 100%; border-top: solid 1px #ccc; }
.products .pane {
	background: #f6f6f6; 
	border: none; 
	color: #444; 
	height: auto; 
	width: 702px;
	margin: 0;
	position: absolute;
	top: 15px; left: 258px;
}
.products ul { border-right:1px solid #CCCCCC;list-style-type:none;width:240px; padding: 15px 0; }
.products ul li a{ 
	background: url(images/button-sprites2.gif) top left no-repeat; 
	display: block;
	width: 220px;
	height: 36px;
	margin-bottom: 12px;
	text-indent: -9999px;
}
.products ul li.desc-1 a{ background-position: 0 0; }
.products ul li.desc-2 a{ background-position: 0 -38px; }
.products ul li.desc-3 a{ background-position: 0 -76px; }
.products ul li.desc-4 a{ background-position: 0 -114px; }
.products ul li.desc-5 a{ background-position: 0 -152px; }
.products ul li.desc-1 a.current{ background-position: -220px 0; }
.products ul li.desc-2 a.current{ background-position: -220px -38px; }
.products ul li.desc-3 a.current{ background-position: -220px -76px; }
.products ul li.desc-4 a.current{ background-position: -220px -114px; }
.products ul li.desc-5 a.current{ background-position: -220px -152px; }
.products .pane p { float: left; width: 310px; margin-right: 30px;}
.products .pane img { float: right;  }

	
/*  Footer  */
#footer, #push { color: #777; height: 77px; text-align: center;}
#footer {  background:url(images/bgFoot.gif) top left repeat-x;  font-size: .7em;}
#footer img { display: inline-block; margin-right: 2px;}
#footer-wrapper { height: 77px; width: 960px; margin: 0 auto; }
#foot-left { float: left; width: 550px; text-align: left; margin-top: 22px;}
	#foot-left p { margin: 2px; }
	#foot-left ul {  }
	#foot-left ul li{ list-style-type: none; display: inline; margin: 0 10px 0 0;}
	#foot-left ul li a { color: #426ca0; text-decoration: none;}
	
#foot-right { display: block; float: right; width: 180px; height: 71px; margin-top: 6px; text-align: left;}
#foot-right2 { display: block; float: right; margin:20px 30px 0 0; text-align: left;}

.breadcrumb {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	padding: 10px 0;
	text-align: center;
}
	.breadcrumb a { 
		padding-right: 10px;
		margin-right: 10px;
		border-right: solid 1px #ccc;
		text-decoration: none;
		letter-spacing: 1px;
	}
	.breadcrumb a:hover { text-decoration: underline; }
	.breadcrumb a.active { font-weight: bold; }
	
/* front page */

#slideshow {
	clear: both;
	height: 298px;
	position: relative;
	display: block;
	width: 960px;
	background: url(images/loader.gif) 50% 50% no-repeat;
}
		#slideshow img {position: absolute; display: none; top: 0px; left: 0px; width: 960px;	height: 298px;}

				/* The Nivo Slider styles */
				.nivoSlider {
					position:relative;
				}
				.nivoSlider a {
					width: 960px;
					height: 298px;
					display: block;
				}
				.nivoSlider img {
					position:absolute;
					top:0px;
					left:0px;
					width: 960px;
					height: 298px;
				}
				/* If an image is wrapped in a link */
				.nivoSlider a.nivo-imageLink {
					position:absolute;
					top:0px;
					left:0px;
					width: 960px;
					height: 298px;
					border:0;
					padding:0;
					margin:0;
					z-index:60;
					display:none;
				}
				/* The slices in the Slider */
				.nivo-slice {
					display:block;
					position:absolute;
					z-index:50;
					width: 960px;	height: 298px;
				}
				/* Caption styles */
				.nivo-caption {
					position:absolute;
					left:0px;
					bottom:0px;
					background:#000;
					color:#fff;
					opacity:0.8; /* Overridden by captionOpacity setting */
					width:100%;
					z-index:89;
				}
				.nivo-caption p {
					padding:5px;
					margin:0;
				}
				.nivo-caption a {
					display:inline !important;
				}
				.nivo-html-caption {
					display:none;
				}
				/* Direction nav styles (e.g. Next & Prev) */
				.nivo-directionNav a {
					position:absolute;
					top:45%;
					z-index:99;
					cursor:pointer;
				}
				.nivo-prevNav {
					background: url(images/arrow-left.png);
					text-indent: -9999px;
					width: 22px;
					height: 22px;
					left:-22px;
				}
				.nivo-nextNav {
					right:-22px;
					background: url(images/arrow-right.png);
					text-indent: -9999px;
					width: 22px;
					height: 22px;
				}
				/* Control nav styles (e.g. 1,2,3...) */
				.nivo-controlNav {
					position:absolute;
					right:0;
					bottom: -24px;
				}
				.nivo-controlNav a {
					cursor: pointer;
					display:block;
					width:20px;
					height:20px;
					background:url(images/bullets.png) no-repeat;
					text-indent:-9999px;
					border:0;

					float:left;
				}
				.nivo-controlNav .active {
					background-position: -20px 0;
				}

.reelbox {
	background: url(images/reel-box.jpg) top left no-repeat;
	width: 310px;
	height: 53px;
	float: left;
	text-indent: -9999px;
	margin-top: 30px;
	margin: 18px 15px 18px 0;
}
		.engineers {   }
		.architects { background-position: 0 -53px; }
		.construction { background-position: 0 -106px; }
		
		a.reelbox:hover { margin-top: 20px; margin-bottom: 16px; }
		
		#front-reel { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-top: 28px; margin-bottom: 20px; }

.text-box { float: left; width: 420px; }
.front-testimonial { float: right; width: 500px;  }
.last { margin-right: 0; border-right: none; padding-right: 0;}
a.last { margin-right: 0; border-right: none; padding-right: 0;}
.btn-sprite {
	background: url(images/button-sprites.gif) top left no-repeat; 
	display: block;
	height: 28px;
	text-indent: -9999px;
}
		.readmore { width: 170px;  }
		.readmore:hover { background-position: -170px 0;  }
		.viewmore { width: 101px; background-position: 0 -28px; }
		.viewmore:hover { background-position: -170px -28px; }
p { margin-bottom: 10px; }





/* Easy Slider */
#testimonial-reel { position: relative;  }
	#slider { 
			border: solid 1px #ccc;
			position: relative;
			margin-bottom: 15px;
		}
	#slider a { display: block; }
	#slider ul, #slider li {
	
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		background: #f5f6f5;
		text-align: center;
		width:498px;
		height:240px;
		overflow:hidden; 
		position: relative;
		}	
	#slider li div { position: absolute; width: 360px; bottom: 0; background:rgba(109, 7, 37, 0.85); color: #fff; }
	#slider li div p { font-size:0.8em; line-height:1.4em; margin:8px 20px 10px; }
	#prevBtn, #nextBtn{ 
		display:block;
		width:22px;
		height:22px;
		position:absolute;
		top:110px;
		z-index:100;
		}	
	#nextBtn, #slider1next{ 
		right:-14px;
		}	
	#prevBtn{ 
		left: -8px;
		}													
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:17px;
		height:17px;
		background:url(images/arrows.png) top left no-repeat;
		background-position: -0px 0;	
		z-index:1;		
		text-indent: -9999px;
		}	
	#nextBtn a { 
		 background-position: -17px 0;	
		}	
	#slider p {
		padding: 18px 20px 0 20px;
		text-align: left;
	}
	#slider p.testimonial-sign {
		padding: 6px 20px 0 20px;
		text-align: right;
	}
	#slider p.testimonial-sign img { display: inline; }
	#slider p.testimonial-sign span {
		font-weight: bold;
	}
		
		
/* CAPPA REEL */

#content-cappa ul.tabs {
list-style-type: none;
margin: 0 0 0 45px;
}
#content-cappa .solution-1 a,
#content-cappa .solution-2 a,
#content-cappa .solution-3 a { 
	background: url(images/sprite-box1.jpg) top left no-repeat;
	display: block;
	float: left;
	margin-right: 22px;
	width: 109px;
	height: 74px;
	text-indent: -9999px;
 }
#content-cappa .solution-1 a { background-position: 0 -74px; }
#content-cappa .solution-2 a { background-position: -109px -74px; }
#content-cappa .solution-3 a { background-position: -218px -74px; }
#content-cappa .solution-1 a.current { background-position: 0 0; }
#content-cappa .solution-2 a.current { background-position: -109px 0; }
#content-cappa .solution-3 a.current { background-position: -218px 0; }
#content-cappa .solution-1 a:hover { background-position: 0 -148px; }
#content-cappa .solution-2 a:hover { background-position: -109px -148px; }
#content-cappa .solution-3 a:hover { background-position: -218px -148px; }
#content-cappa .solution-1 a.current:hover { background-position: 0 0; }
#content-cappa .solution-2 a.current:hover { background-position: -109px 0; }
#content-cappa .solution-3 a.current:hover { background-position: -218px 0; }

#content-cappa #slider li { width: 458px; background: none; color: #fff; }

#content-cappa #prevBtn a, #content-cappa  #nextBtn a {  
	background:url(images/arrows2.png) top left no-repeat;
}	
#content-cappa #nextBtn a { 
	background-position: -17px 0;	
}	


h4 { margin: 0; }
#form { }
#form .required { color: #f38d8d; font-size: .8em; font-weight: bold; }
#form .text-input { 
	background: #fff top left repeat-x;
	border: solid 1px #ccc;
	color: #5A564B;
	font-family: Arial, sans-serif;
	padding: 5px;
	width:332px;
	margin-bottom: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
 }
#form textarea { font-size: 1em; }
#form select { color: #5A564B; margin-bottom: 16px; padding: 5px; border: none; }

#form #submit, #SubmitButton {
	background: #B1CD39;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 8px 16px;
	outline: none;
	border: none;
}

#form #submit:hover, #SubmitButton:hover { background: #273a52;}
#form #submit:active, #SubmitButton:active { background: #3f5166; outline: none; margin-top: 1px;}





#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 45%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

span.phone { 
background:url("images/icon-phone.gif") no-repeat left center ;
display:block;
font-size:1.1em;
font-weight:bold;
margin:14px 0 0;
padding:0 0 0 18px;
}
span.email {  
display: block;
background: url(images/icon-email.gif) center left no-repeat;
padding: 0 0 0 22px;
}

/* MEDIA PAGE */
.word-doc { display: block; padding-left: 16px; background: url(images/icon-doc.gif) center left no-repeat; }
.pdf-doc { display: block; padding-left: 16px; background: url(images/icon-pdf.gif) center left no-repeat; }
.graphic-holder { float: left; width: 200px; margin-right: 30px; margin-bottom: 30px;}
.graphic-holder img { border: solid 1px #ccc; }
.graphic-holder b { display: block; }
.graphic-holder a { font-size: .8em;  }