/* reset */
body, div, img, p, span, a, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, label, button, textarea, table, tr, th, td {margin:0; padding:0; border:0; outline:0}
body						{font:13px/19px Arial, Helvetica, sans-serif; font-weight:normal; color:#555}
button,fieldset,img 			{border:none}
ol, ul							{margin-left:25px;}
.middle ol, .middle ul {margin-bottom: 16px;}


a			{text-decoration:none; color:#fff}
a:hover		{text-decoration:none; color:#fff}
.credits .links a			{text-decoration:underline; color:#555}
.credits .links a:hover	{text-decoration:underline; color:#7d1816}
button      {cursor:pointer}
p			{padding:0 0 15px 0}

p.strong	{padding:5px 0 0 0; color:#7d1816; font-size:14px}
p.strong img {float:right; margin-top:-10px}
.middle p.strong a, .middle p.strong a:hover		{color:#7d1816;}

.middle a				{color:#7d1816; text-decoration:underline}
.middle a:hover			{color:#b1221f; text-decoration:underline}

.middle h3 a			{color:#888}
.middle h3 a:hover		{text-decoration:none}

.middle .aboutListing a		{text-decoration:none; color:#fff}

#footer a:hover				{text-decoration:underline}
.middle p.strong a:hover	{text-decoration:none}

.middle a.backToEnsysTeam 	{color:#D73924; font-size:14px; text-decoration:none}

.middle a.read				{text-decoration:none; font-weight:bold; clear:both; display:block}

#services .middle a			{font-weight:bold}
#services .middle .strong 	{margin-top:10px}

strong.sub					{font-size:14px}

/* Misc. */

h1 span, button span	{position:absolute; left:-999em}
.clear			{clear:both}
.defaultText	{color:#777}
.clientText		{color:#333}


/* Headings */

h1			{display:block; background: #000 url(../images/logo.jpg); width:235px; height:150px; position:absolute; left:0px; top:0px}
h2			{font:17px/21px Arial, Helvetica, sans-serif; color:#7d1816}
h3			{font:18px/24px Arial, Helvetica, sans-serif; color:#888}
h4			{font:22px/26px Arial, Helvetica, sans-serif; color:#ffffff}
h5			{font:14px/20px Arial, Helvetica, sans-serif;}
h6			{font:12px/20px Arial, Helvetica, sans-serif; font-weight: bold}

h1 a { display: block; width: 100%; height: 100%; }
.middle h2		{margin:5px 0 30px 0}
.middle h3		{padding-top:10px}
.middle h3.first-child		{padding-top:5px}
.right h2		{margin:25px 0 10px 0}

/* General Layout */

body		{background-color:#fff}
.wrapper	{width:960px; margin:0 auto; position:relative}
#header 	{width:100%; height:100px; background:url(../images/bg_header.jpg) repeat-x}
#main 		{}
.left		{float:left; width:235px; margin-right:20px; padding-top:65px}
.middle		{float:left; width:588px; position: relative;}
.right		{float:right; width:230px}
#footer 	{background-color:#430d10; width:100%; height:165px; padding-top:15px; margin-top:58px; overflow:hidden}

#index .middle, .staff .middle		{width:440px; margin-right:20px}
.staff .right						{padding-top:60px}

/* Specific divisions */
.globe				{position:absolute; top:27px; right:-35px}
.freeEvaluation		{background:url(../images/bg_left[b].jpg); width:235px; height:100px; margin-top:15px}
.freeEvaluation p	{color:#fff; font-weight:bold; font-size:16px; line-height:20px}

.testimonial		{padding:20px 0; margin-top:15px; border-top:1px solid #888; border-bottom:1px solid #888}
.testimonial p		{color:#6f7f8a; font-style:italic; text-align:center; font-size:12px; line-height:16px}
.testimonial p span	{display:block; padding-top:10px; color:#7d1816; font-style:normal}
.testimonial p span.more	{display:inline; padding-top:0px; color:#6f7f8a; font-style:italic; display:none}
.testimonial a		{color:#6f7f8a; font-style:italic; text-align:center; font-size:12px; line-height:16px; font-weight:bold}

.middle .testimonial		{border-top:none}
.middle .testimonial p		{font-style:normal; text-align:left}

.team_base			{width:200px; height:auto; padding:15px; background:#7D1715 url(../images/team_base.jpg) no-repeat top}
.team_base p		{color:#fff; font-size:11px; line-height:14px; margin:5px 0 0; padding:0}

.clientLogos		{width:700px; padding:5px 0 20px 0}

.join				{width:210px; height:23px; padding:10px; background:url(../images/join.jpg)}
.credits .join p	{color:#fff; font-weight:normal; font-size:13px; line-height:18px; padding:3px 0 0 0}

.graphics			{float:left; padding:120px 87px 5px 8px; height:30px; width:135px; margin:-15px 25px 0 0; background:#430D10 url(../images/footer_graphic.png) no-repeat 0 0px}

div.credits			{width:960px; margin:0 auto; position:relative}
.credits p			{text-align:center; font-size:10px; padding:10px 0}
.credits .join		{position:absolute; right:0; top:-164px}

.join		{position:relative; margin-top:-59px; background-color:#000}

#index .team_base		{padding:10px; height:147px; width:210px}



/* Menu with sliding doors */

ul.nav 					{height:50px; top:30px; left:255px; margin:0; list-style:none; float:left; position:absolute}
.nav li 				{display:inline; border-left:1px solid #ee5733; padding:0 10px}
.nav li:first-child		{border:none; padding-left:0}
.nav li a				{color:#ee5733; font:18px/24px Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none}
.nav li a:hover 		{color:#fff}

#index .nav li.index a 				{color:#fff}
#clients .nav li.clients a 		{color:#fff}
#about .nav li.about a 				{color:#fff}
#services .nav li.services a 		{color:#fff}
#interested .nav li.interested a 	{color:#fff}
#howwework .nav li.howwework a 	{color:#fff}
#contactus .nav li.contactus a 	{color:#fff}


/* Other lists */

.clientLogos ul					{margin:0; list-style:none; height:29px}
.clientLogos ul li				{display:block; height:29px; line-height:29px; float:left; padding:0 3px; margin-bottom: 15px;}
.clientLogos li:first-child		{border:none; padding:0 3px 0 0;}


#footer ul					{margin-left:0px; float:left; border-left:1px solid #d73924; list-style:none; padding:0 15px; height:143px}
#footer ul:first-child		{}
#footer ul li				{color:#fff; font-size:11px; line-height:15px; margin-top:8px; color:#ddd}
#footer ul li:first-child	{margin:0; font-size:13px; color:#fff}

.aboutListing				{margin:0; list-style:none; padding-bottom:30px; height:478px}
.aboutListing li			{width:117px; height:208px; margin:30px 30px 0 0; float:left; overflow:hidden}
.aboutListing p				{height:26px; padding:5px 0 10px 5px; line-height:12px; font-size:11px}
.aboutListing a				{background:url(../images/staffBase.jpg) 0 163px; width:100%; height:100%; display:block}
.aboutListing a:hover		{background-position:0 118px}

/* Forms */

.signup 		{display:none; background-color:#d4dbe0; width:205px; padding:20px 15px; position:absolute; top:452px; left:0; z-index:9999}
.signup input	{background-color:#fff; width:190px; height:20px; line-height:13px; margin:5px 0; padding:5px 5px 0 5px}
.signup select	{width:200px; margin:3px 0; background-color:#fff}
.signup p		{margin-bottom:5px}
.signup button			{background:url(../images/bg_btn.jpg) top repeat-x; width:30px; height:21px; width:95px; float:right; margin-top:10px; color:#fff}
.signup button.reset	{float:left}
.signup button:hover	{background-position:0 -21px}

/* Anchors */

a.more			{display:block; width:50px; height:30px; line-height:50px; text-align:center; background:url(../images/more.jpg)}
a.more:hover	{background-position:0px -30px}


/* Pop-up */
.contact-details 	{display:none; background-color:#d4dbe0; width:205px; padding:20px 15px; position:absolute; top:400px; left:0; z-index:9999}

.graphics p			{color:#fff; font-size:10px; line-height:12px; margin:0; padding:0; width:220px;}
.CeBit				{position:absolute; background:color:red; width:75px; height:75px; top:20px; left:0}
.techExperienceList	{display:none}


/* Effectal */
blockquote
{
	margin: 0;
	padding: 0 0 2px;
	font-size: 110%;
	line-height: 1.3em;
}
ul.testimonials li span,
cite
{
	display: block;
	color: #6F7F8A;
	font-size: 80%;
	line-height: 1.2em;
}

.sidepanel
{
	float: right;
	width: 191px;
	margin-top: 66px;
	padding: 15px 20px 25px;
	
	background: url(../images/box-bg.gif) no-repeat 0% 100%;
	border-top: 1px solid #f7f7f7;
}
	.sidepanel label
	{
		padding-top: 0;
		width: 60px;
	}
	.sidepanel .buttons
	{
		padding-left: 60px;
	}
	.sidepanel ul.checklist
	{
		width: auto !important;
		padding-left: 58px !important;
	}
	.sidepanel input.txt
	{
		width: 125px;
		background: #fff;
	}
	.sidepanel label.error
	{
		float: none;
		padding: 0;
		width: auto;
	}
.othermiddle
{
	width: 448px;
}

.middle h3
{
	color: #5a5a5a;
}

.testimonials-panel
{
	float: right;
	width: 191px;
	padding: 15px 20px 25px;
}
ul.testimonials
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.testimonials li
{
	margin: 0;
	padding: 0 0 12px;
}

/* Left Social Media buttons */
.left-socialmedia
 {
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}
	.left-socialmedia p
	{
		margin: 0;
		padding-top: 5px;
		float: left;
	}
	.left-socialmedia a:link,
	.left-socialmedia a:visited,
	.left-socialmedia a:hover
	{
		margin: 0 2px;
		float: left;
		text-indent: -999em;
		width: 26px;
		height: 26px;
		background: transparent url(../images/logo_facebook.jpg) no-repeat left top;
	}
		.left-socialmedia a.facebook{
			background-image: url(../images/logo_facebook.jpg);
		}
		.left-socialmedia a.linkedin
		{
			background-image: url(../images/logo_linkedin.jpg);
		}
		.left-socialmedia a.twitter
		{
			background-image: url(../images/logo_twitter.jpg);
		}





/* fancy box */
html, body 
{
	height: 100%;
}

div#fancy_overlay 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay 
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap 
{
	text-align: left;
}

div#fancy_loading 
{
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay 
{
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon 
{
	position: absolute;
	background: url(../images/fancybox/fancy_loading.gif) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer 
{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner 
{
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content 
{
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div 
{
	height: 100%;
	width: 100%;
	z-index: 100;
	font-size: .75em;
	overflow-y: scroll;
}
div#fancy_div .container .breakout
{
	margin-right: 13px;
}
div#fancy_div .container p
{
	padding-right: 25px;
}

img#fancy_img 
{
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close 
{
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(../images/fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame 
{
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax 
{
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right 
{
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(../images/fancybox/data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left 
{
	left: 0px; 
}

a#fancy_right 
{
	right: 0px; 
}

span.fancy_ico 
{
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico 
{
	left: -9999px;
	background: transparent url(../images/fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico 
{
	right: -9999px;
	background: transparent url(../images/fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover 
{
  visibility: visible;
}

a#fancy_right:hover 
{
  visibility: visible;
}

a#fancy_left:hover span 
{
	left: 20px; 
}

a#fancy_right:hover span 
{
	right: 20px; 
}

.fancy_bigIframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg 
{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg 
{
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n 
{
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne 
{
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e 
{
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se 
{
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s 
{
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw 
{
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w 
{
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw 
{
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title 
{
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div 
{
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table 
{
	margin: 0 auto;
}

div#fancy_title table td 
{
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left 
{
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main 
{
	height: 32px;
	background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right 
{
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}