@charset "utf-8";
/* CSS Document */
img, div { behavior: url(http://kinetic.kimeera.net/iepngfix.htc) }

body {
	margin: 0;
	padding: 0;
	background-image:url('../images/background.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

#menuTop{height:46px;margin-bottom:36px;}
	#menuTop ul{padding:0;margin:0;}
	#menuTop li{display:inline;border-right:thin #003399 solid;padding:0;margin:0;float:left;padding-top:10px;padding-bottom:10px;background-color:#2ba16d;}
	#menuTop a{margin:0;padding:0;color:#FFFFFF;text-decoration:none;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}

#page						{}
	#page li 				{background-image:url('../images/sphere_bullet.gif'); background-position:left; background-repeat:no-repeat; margin:0; padding:6px 0 6px 30px;list-style: none;}
	#page .caseTabActive 	{width: 112px;float: left;border: 1px solid #999999;height: 29px;padding: 3px;color: #f29c1a;cursor: pointer;background: url('../images/tabs-bg.jpg') repeat-x;font-weight: bold;text-align: center;}
	#page .caseTab	 		{width: 112px;float: left;border: 1px solid #999999;height: 29px;padding: 3px;color: #f29c1a;cursor: pointer;background: url('../images/tabs-bg.jpg') repeat-x;font-weight: bold;text-align: center;}
	#page .caseText			{margin-top: 36px;border: 1px solid #999999;padding: 3px;}
	#page #caseText2		{display: none;}
	#page #caseText3		{display: none;}
	#page .smallCase		{width: 60px;}
	#page .smallCaseImg		{float: left;margin-right: 10px;}
	#page .smallCaseText	{float: left;width: 240px;}
	#page hr				{margin: 10px 0px 10px 0px;color: #999999;background-color: #999999;height: 1px;border: 0;}
	#page .pagination		{margin: 0px 5px 0px 5px;cursor: pointer;width: 20px;}

#container{
width:998px;
margin-left:auto;
margin-right:auto;
}

#header {margin:0;padding:0;background-image:url('../images/header.jpg');background-repeat:no-repeat;height:112px;width:948px;border-left:11px #FFFFFF solid;border-right:10px #FFFFFF solid;border-top:10px #FFFFFF solid;}
	#header #tel {font-size: 40px;padding:0;margin: 20px 0px 0px 30px;color: #FFFFFF;}
	#header #email {padding:0;margin: 0px 0px 0px 30px;}
	#header a {color: #FFFFFF;font-weight: normal;font-size: 20px;}

#searchbox {margin-bottom: 10px;height: 30px;}
	#searchbox form{margin:0;}
	#searchbox input{padding:0;margin:0;border:#f36e02 1px solid;width:128px;font-size: 16px;padding: 4px;height: 20px;float: right;margin-right: -1px;}
	#searchbox .submit{margin:0;background-color:#f36e02;width:75px;font-size: 13px;float: right;height: 30px;color: #FFFFFF;font-weight: bold;float: right;cursor: pointer;}

#newsletter {height: 50px;}
	#newsletterHeader	{font-weight: bold;color: #f36e02;margin-left: 11px;}
	#newsletter input 	{padding:0;margin:0;border:#f36e02 1px solid;width:128px;font-size: 16px;padding: 4px;height: 20px;float: right;margin-bottom: 5px;margin-right: -1px;}
	#newsletter #submit {float: right;height: 65px;background: #f36e02;border: 0;width: 75px;color: #FFFFFF;font-weight: bold;cursor: pointer;}

#logos {text-align: center;}
	#logos img	{border: 0;}

#menu {float:left;width:222px;background-color:#FFFFFF;padding-top:9px;}
.callUs {background: #f9974c;text-align: center;height: 23px;font-size: 18px;padding:7px;color: #FFFFFF;margin-left: 11px;margin-bottom: 10px;}
#menu .navigation ul {padding:0;list-style:none;margin:8px 0px 10px 11px;font-size:12px;}
#menu .navigation li {margin-bottom: 0px;}
#menu .navigation .menuItem {
	height: 26px;
	margin-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
	background-image:url('../images/menu-arrow.jpg');
	background-repeat:no-repeat;
	}

#menu .navigation .menuItem a {
	margin-left: 20px;
	color:#f68026;
	text-decoration:none;
	display:inline;
	padding: 7px 7px 7px 15px;
	}
	
#menu .navigation .menuItem a:hover {
	background: #f68026;
	color: #FFFFFF;
	}

#middle{
width:747px;
background-color:#FFFFFF;
float:left;
padding-top:9px;
min-height:500px;
}

#content				{float:left;width:720px;background-color:#FFFFFF;margin-left:0px;padding-bottom:0px;padding-left:15px;min-height: 800px;}
	#content h1			{padding:0;margin:0;font-size:20px;color:#f68026;border-bottom:1px #999999 solid;}
	#content h2 		{padding:0;margin:0;color:#d99924;font-size:18px;}
	#content .content	{font-size:12px;padding-top:10px;}

#page {width: 360px;}

#rhs{
float:left;
background-color:#FFFFFF;
width:350px;
margin-left:0px;
font-size:12px;
}

#footercont{margin-top:0px;width:750px;margin-bottom:10px;padding-left:221px;float:left;}
#footer{margin:0;padding:0;width:750px;background: #f36e02;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF;}
#footer a{color:#FFFFFF;}
#footer p{text-align:center;}
#footerTag {background: #ed7a14;height: 50px;clear: both;}
	.footerSwan {float: left;}
	.footerTagline {padding: 0px 0px 0px 0px;text-align: center;font-weight: bold;}
		.footerTagline a {text-decoration: none;}
		.footerTagline a:hover {text-decoration: underline;}

#menuBottom {height:50px;width: 750px;float: right;margin: 0px 0px 0px 0px;background: #ed7a14;}
#menuBottom ul {padding:0px;margin:0px;}
#menuBottom li {display:inline;border: 0px;height: 15px;padding: 18px 0px 17px 0px;margin:0px;float: left;text-align: center;font-weight: bold;color: #ffffff;}
#menuBottom li:hover {background: #f36e02;}
#menuBottom a {margin:0px;color:#FFFFFF;text-decoration:none;padding: 10px 10px 10px 10px;font-weight: bold;}

.demo {background: #FFFFFF;padding: 5px;}
.gallery_demo {width:350px;margin:0 auto;background: #294c82;}
.gallery_demo li{width:68px;height:40px;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.gallery_scrollbar {margin-left: 2px;width: 350px;background: #181818;}
.gallery_scroller {overflow: hidden;width: 295px;}
.gallery_left_scroll {height: 68px;width: 26px;float: left;cursor: pointer;}
.gallery_right_scroll {height: 68px;width: 26px;float: right;cursor: pointer;}
.galleria {list-style:none inside;width: 936px;height: 68px;padding: 0px;background: #181818;}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:3px 0px 5px 11px;}
.galleria li a{display:none;width: 60px;height: 60px;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img {}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;}
* html .galleria li div span{width:300px;} /* MSIE bug */

#main_image{margin:0 auto 1px auto;width:350px;height: 200px;}
#main_image img{width: 350px;height: 200px;}

.who {}
.whoTitle {border-bottom: 1px solid #CCCCCC;background: url('../images/who.jpg') no-repeat 0% 25%;padding: 0px 0px 10px 20px;font-size: 18px;color: #f68026;}
.whoSpace {height: 4px;}
.whoPeople1 {height: 30px;width: 50px;text-align: center;background: #DDDDDD;margin-top: 3px;}
.whoPeople2 {height: 30px;width: 150px;background: #DDDDDD;color: #444444;}
.whoPeople3 {height: 30px;width: 75px;background: #DDDDDD;}
	.whoPeople3 a {color: #f68026;font-weight: bold;}
.whoPeople4 {height: 30px;width: 75px;background: #DDDDDD;}
	.whoPeople4 a {color: #f68026;font-weight: bold;}

.homedemo {float: right;}
.homewho {clear: right;width: 350px;}
.homeSocialMedia {clear: right;float: right;width: 350px;margin-top: 20px;}

.Twitter {width: 170px;background: #f2f0f0;font-family: Verdana;font-size: 11px;color: #4f4f4f;float: left;}
#tweet ul {margin: 0px;list-style:none;padding: 10px;}
#tweet a {font-weight: bold;color: #e9751c;}

.Youtube {width: 170px;background: #f2f0f0;font-family: Verdana;font-size: 11px;color: #4f4f4f;float: right;}
.Youtube-example {text-align: center;margin: 14px 0px 10px 0px;}
.Youtube a {font-weight: bold;color: #e9751c;}

.lhs {width: 350px;}
#rhs {width: 350px;float: right;}

#tabs {border: 1px solid #DDDDDD;width: 350px;vertical-align: top;}
	#tabs_header {height: 35px;}
	#tabs_news_header {width:115px;float: left;text-align: center;height: 35px;border: 1px solid #DDDDDD;cursor: pointer;background: url('../images/tabs-bg.jpg') repeat-x;}
		#tab_news_header {color: #f29c1a;}
	#tabs_blog_header {width:114px;float: left;text-align: center;height: 35px;border: 1px solid #DDDDDD;cursor: pointer;background: url('../images/tabs-bg.jpg') repeat-x;}
		#tab_blog_header {color: #f29c1a;}
	#tabs_guides_header {width:115px;float: left;text-align: center;height: 35px;border: 1px solid #DDDDDD;cursor: pointer;background: url('../images/tabs-bg.jpg') repeat-x;}
		#tab_guides_header {color: #f29c1a;}
		
	#tabs_content {clear: left;}
	#tabs_news_content {border: 1px solid #DDDDDD;padding: 10px;}
		.tabs_newsArea {width: 330px;}
		.tabs_newsTop {border-bottom: 1px solid #dad5d5;}
		.tabs_newsTitle {padding:0;margin:0;color:#ed7a14;font-size:14px;font-weight: bold;}
		.tabs_newsDate {font-size: 10px;color: #e32c27;float: right;width: 100px;text-align: right;}
		.tabs_newsText {color: #5a5757;margin-top: 15px;text-align: justify;}
		.tabs_newsImage {float: left;width: 100px;margin: 0px 5px 5px 0px;}
		.tabs_newsMore a {float: right;color: #f68026;font-weight: bold;}
	#tabs_blog_content {border: 1px solid #DDDDDD;padding: 5px;display: none;}
	#tabs_guides_content {border: 1px solid #DDDDDD;padding: 5px;display: none;min-height: 110px;}
		#tabs_guides_content h1 {margin-bottom: 5px;}
		#tabs_guides_content img {border: 0;}
		#tabs_guides_content #pdfImg {float: left;margin: 5px 5px 5px 0px;}
	
	.tab_header_text {margin-top: 8px;font-size: 16px;font-weight: bold;}

.casestudies {margin-top: 18px;}
.caseTitle {border-bottom: 1px solid #CCCCCC;background: url('../images/case-studies.jpg') no-repeat 0% 25%;padding: 0px 0px 10px 20px;font-size: 18px;color: #f68026;}
.caseContentBG {background: url('../images/case-studies-content.jpg') no-repeat;height: 145px;}
.caseContent {padding: 10px 20px 0px 20px;}
.csName {font-weight: bold;color: #f68026;}
.csFrom {font-weight: bold;color: #696867;}

.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.contact_box {width: 350px;float: left;padding-top: 20px;}
	.contact_box .formItem {clear: both;}
	.contact_box label {width: 100px;float: left;display: block;text-align: right;margin-right: 10px;}
	.contact_box .formTextCon {width: 200px;padding: 3px;font-size: 11px;}
	.contact_box .formSubmit {border: 1px solid #000000;}

.contact_box2 {width: 350px;float: right;margin-left: 10px;padding-top: 20px;text-align: center;}

.newsRight {float: right;width: 550px;}
.newsDate {font-size: 10px;color: #e32c27;float: right;width: 100px;text-align: right;margin-top: 9px;}
.newsTitle {padding:0;margin:0;color:#ed7a14;font-size:18px;font-weight: bold;}
.newsText {border-top:#999999 solid 1px;padding-top: 10px;margin-top: 5px;color: #666666;}
	.newsText a {color: #ed7a14;text-decoration: none;font-weight: bold;}
.newsImage {float: left;width: 150px;}
.newsListing {margin-top: 10px;}
.newsListing label {width: 100px;float: left;display: block;padding-left: 10px;color: #ed7a14;margin-right: 10px;}
.newsListing a {color: #666666;font-weight: normal;}

a {font-weight: bold;color: #ed7a14;text-decoration: none;}
a:hover {text-decoration: underline;}

.peopleBox {background: #EEEEEE;padding: 10px;color: #444444;}
.peoplePhoto {float: left;margin-right: 10px;width: 100px;}
.peoplePhotoSmall {width: 23px;height: 23px;}
.peopleTitle {color: #ed7a14;font-size: 16px;font-weight: bold;}
.peoplePosition {font-size: 14px;}

#people {}
	#people #image 				{width: 113px;float: left;text-align: center;}
	#people #image #profile		{border: 1px solid #f36e02;margin-bottom: 5px;}
	#people #image #linkedin	{border: 0;margin-top: 5px;}
	#people #text				{margin-left: 130px;width: 580px;}
	#people #text h2			{color: #f36e02;font-size: 14px;}
	#people li					{background-image:url('../images/sphere_bullet.gif'); background-position:left; background-repeat:no-repeat; margin:0; padding:6px 0 6px 30px;list-style: none;}
	
#casestudies {}
	#casestudies .column1	{float: left;width: 195px;}
	#casestudies .column2	{float: left;width: 525px;}
	#casestudies .clear		{clear: left;}
	#casestudies .boxes 	{width: 195px;background: }
	#casestudies .icon		{text-align: center;margin: 5px 0px 5px 0px;}
	#casestudies .logo 		{float: left;}
	
/* LIGHTBOX */

	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }
	
	#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }
	
	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	
	#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
	
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
	
	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }