/* Global */
*{font-size:100.01%}
html {font-size:62.5%;}
body {
	margin:0;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	background:#c8c8c8 url(../images/body-bg.jpg) repeat-x;
	color:#000;
	min-width:986px;
}
img {border-style:none;}
a {outline:none;}
a:visited {color:#333;}
form {padding:0;margin:0;}
h1 {font-size:18px;}
h2 {font-size:18px;font-weight:normal;margin:0 0 20px;}
.holder {
	height:1%;
	overflow:hidden;
}
.text-shift {
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*header*/
.header {
	width:100%;
	min-width:985px;
	height:161px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:url(../images/header-bg.jpg) no-repeat 100% 0;
}
.header-cnt {
	width:969px;
	margin:0 auto;
	padding:45px 17px 0 0;
}
.header p {display:none;}
/*logo*/
.logo {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:181px;
	height:52px;
	background:url(../images/logo.gif) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
/*menu*/
ul.menu {
	float:right;
	width:533px;
	padding:0;
	margin:6px 0 0;
	list-style:none;
	background:url(../images/line2.gif) repeat-x 0 100%;
}
ul.menu li {
	float:left;
	position:relative;
}
ul.menu li a {
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
ul.menu li a.approach-m {
	width:76px;
	background:url(../images/approach-m.gif) no-repeat;
	padding-right:54px;
}
ul.menu li a.solutions-m {
	width:76px;
	background:url(../images/solutions-m.gif) no-repeat;
	padding-right:54px;
}
ul.menu li a.portfolio-m {
	width:67px;
	background:url(../images/portfolio-m.gif) no-repeat;
	padding-right:48px;
}
ul.menu li a.about-m {
	width:45px;
	background:url(../images/about-m.gif) no-repeat;
	padding-right:57px;
}
ul.menu li a.contact-m {
	width:55px;
	background:url(../images/contact-m.gif) no-repeat;
}
ul.menu li a:hover,
ul.menu li.active a {background-position:0 -33px;}

ul.menu ul {
	position:absolute;
	top:43px;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
	display:none;
}
ul.menu ul li {float:left;}
ul.menu ul li img {display:block;}
ul.menu li.active ul {display:block;}
/*footer*/
.footer {
	width:100%;
	position:relative;
	margin:-4px 0 0;
	overflow:hidden;
}
.footer-main {
	padding:4px 0 0;
	background:url(../images/footer-line.png) repeat-x;
	width:100%;
	overflow:hidden;
}
.footer-cnt {
	width:100%;
	overflow:hidden;
	background:url(../images/footer-cnt.gif);
}
.footer-inn {
	width:100%;
	overflow:hidden;
	background:url(../images/footer-inn.jpg) repeat-x;
}
.footer-area {
	background:url(../images/footer-area.jpg) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
}
.footer-box {
	width:985px;
	padding:33px 1px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.footer-box-inn {
	height:1%;
	overflow:hidden;
}
.footer-contact {
	float:left;
	width:210px;
	margin:0 51px 0 0;
}
.footer-contact address {
	font-style:normal;
	padding:0 0 16px 4px;
	color:#fff;
	font-size:1.08em;
}
.footer-contact address span {
	display:block;
	padding:0 0 8px;
    color:#efefef;
}
.footer-contact address a {
	color:#fff;
	font-size:1.11em;
    padding-bottom:5px;
}
.footer-links {
    clear:both;
    padding:25px 0 0 5px;
}
.footer-link {
    padding-bottom:8px;
}
.footer-link a {
    color:#fff;
	font-size:1.11em;
}
.sm {
    width: 210px;
    clear: right;
    display: block;
}
.sm-item {
    width: 50px;
    display: block;
    float: left;
}

.footer label {display:none;}
.footer-form {
	width:724px;
	float:right;
}
.form1 {
	width:280px;
	padding:0 17px 0 3px;
	float:left;
}
.form1 span {
	display:block;
	padding:0 0 19px;
	background:url(../images/input-bg1.gif) no-repeat;
}
.form1 input.text {
	border:0;
	color:#84AFD4;
	width:252px;
	background:none;
	padding:12px 14px 8px;
	font:1.25em Verdana, Arial, Helvetica, sans-serif;
}
.form2 {
	width:316px;
	background:url(../images/textarea-bg1.gif) no-repeat;
	float:left;
}
.form2 textarea {
	color:#84AFD4;
	font:1.25em Verdana, Arial, Helvetica, sans-serif;
	border:0;
	padding:12px 13px 5px 13px;
	width:290px;
	height:152px;
	background:none;
	overflow:auto;
}
.form3 {
	width:90px;
	float:right;
	padding:18px 0 0;
}
.form3 input.button {
	display:block;
	margin:0 0 17px;
}

.footer-print {display:none;}
.copy {
	margin:0 0 30px;
	color:#fff;
}
.contact-us {
	height:22px;
	background:url(../images/contact-us.gif) no-repeat;
	margin:0 0 30px;
}
.send-a-message {
	height:28px;
	margin:0 0 21px;
	background:url(../images/send-a-message.gif) no-repeat;
}
.message-error {
	background:url(../images/message-error.gif) no-repeat;
}
.respond {
	height:27px;
	background:url(../images/respond.gif) no-repeat;
	margin:0 0 0 5px;
}
/*person*/
.person {
	height:1%;
	margin-top: 20px;
    width:986px;
	margin:0 auto;
	overflow:hidden;
	padding:0px 0 0;
}
.person img {
	float:left;
	margin:0 36px 0 0;
}
.person div {
	height:1%;
	display:table;
}
.person h3 {
	color:#0E5087;
	font:2.67em Verdana, Arial, Helvetica, sans-serif;
	margin:7px 0 18px;
}
.person h3 a {
	color:#0E5087;
	text-decoration:none;
}
.person h3 a:hover {text-decoration:underline;}
.person h4 {
	color:#505050;
	font:1.75em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 85px;
}
.person h4 a {color:#505050;}
.person h4 a:hover {text-decoration:none;}
.person p {
	margin:0 0 0 49px;
	color:#505050;
	font-size:1.167em;
}
.person p strong {
	font:1.21em Verdana, Arial, Helvetica, sans-serif;
	display:block;
}

/* Site Map */
.sitemap-think {height:34px;background:url(../images/think-txt2.gif) no-repeat;}
.sitemap-design {height:34px;background:url(../images/design-txt2.gif) no-repeat;}
.sitemap-engage {height:34px;background:url(../images/engage-txt2.gif) no-repeat;}

ul.footer-list {
	height:1%;
	overflow:hidden;
	padding:25px 0 35px 16px;
	margin:0;
	list-style:none;
}
ul.footer-list li {
	float:left;
	padding:0 10px 0 0;
}
ul.footer-list li.think-f {width:190px;}
ul.footer-list li.design-f {width:240px;}
ul.footer-list li.engage-f {width:190px;}

ul.footer-list ul {
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
ul.footer-list ul li {
	float:none;
	width:100%;
	padding:0 0 12px;
	overflow:hidden;
	font:1.084em Verdana, Arial, Helvetica, sans-serif;
}
ul.footer-list ul li a {color:#809FC6;}
ul.footer-list ul li a:hover {text-decoration:none;}


/* Content */
#page {
	width:100%;
	overflow:hidden;
	padding:161px 0 0;
	position:relative;
}
.promo-box {
	background:#f9f9f9 url(../images/promo-area-bg.gif) repeat-x 0 100%;
	width:100%;
	overflow:hidden;
}
.promo-box-cnt {
	width:986px;
	margin:0 auto;
	overflow:hidden;
	padding:66px 0 0;
}
.box,
.box-cnt {
	width:100%;
	overflow:hidden;
	background:#d6d6d6 url(../images/box-bg.jpg) repeat-x;
}
.box-cnt {
	background: url(../images/box-cnt.jpg) no-repeat 50% 0;
}
.box-inn {
	width:986px;
	margin:0 auto;
	overflow:hidden;
	min-height:650px;
}
* html .box-inn {
	height:650px;
	overflow:visible;
}
.box-list ul li {
	height:1%;
	overflow:hidden;
	line-height:1.334em;
	padding:0 0 45px 90px;
	color:#444;
}
.box-list ul li strong  {
	display:block;
	padding:0 0 5px;
	font-size:1.334em;
}
.box-list ul li strong a  {
	color:#222;
    text-decoration:none;
}
strong a {
text-decoration: none;
color:#222;
}

/*sub navigation*/
.sub-nav-area {
	top:194px;
	left:0;
	width:100%;
	overflow:hidden;
	position:absolute;
}
.sub-nav {
	width:954px;
	margin:0 auto;
	overflow:hidden;
	padding:0 18px 0 14px;
	background:url(../images/line.gif) no-repeat 14px 100%;
}
.sub-nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.sub-nav ul li {
	float:left;
	padding:0 38px 0 0;
}
.sub-nav ul li a {
	height:33px;
	float:left;
	overflow:hidden;
	color:#7a7a7a;
	text-decoration:none;
}
.sub-nav ul li a:hover,
.sub-nav ul li.active a {
	color:#5d5c5c;
	border-bottom:1px solid #5d5c5c;
}
.sub-nav ul li.active a {
    font-weight: bold;
}
.web-pagetitle,
.marketing-pagetitle,
.software-pagetitle,
.portfolio-pagetitle,
.about-pagetitle,
.contact-pagetitle {
	background:url(../images/page-title-web.gif) no-repeat;
	height:33px;
	float:left;
	width:40px;
}
.marketing-pagetitle {
	width:87px;
	background:url(../images/page-title-marketing.gif) no-repeat;
}
.software-pagetitle {
	width:74px;
	background:url(../images/page-title-software.gif) no-repeat;
}
.portfolio-pagetitle {
	width:74px;
	background:url(../images/page-title-portfolio.gif) no-repeat;
}
.about-pagetitle {
	width:54px;
	background:url(../images/page-title-about.gif) no-repeat;
}
.contact-pagetitle {
	width:72px;
	background:url(../images/page-title-contact.gif) no-repeat;
}


.iLoader {
	background:url(../images/iloader.gif) no-repeat;
    background-position:center center;
}

ul.sidebar-list {
	list-style:none;
}
ul.sidebar-list li {
	padding-bottom:6px;
}

.fn a {
    font-size:12px;
}
.commentmetadata {
    color:#999;
    font-size:11px;
}


/* NOT Global 
 * 
 * replacing all of these with a second css 'text-shift' in each elements class
 * so, if you see, replace like:
 * 
 * class="industrial2" => class="text-shift industrial2" - then remove from this list
 * 
 * */
.respond {
	margin:0;
	text-indent:-9999px;
	display:block;
}





/* list - don't see where this is being used - can we delete? */
ul.list {
	padding:110px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
ul.list li {
	float:left;
	width:294px;
	padding:0 22px 0 0;
}
ul.list li img {display:block;}


#client-container {
width: 875px;
margin: 0px auto;
background-image: url(../images/text-portfolio-includes.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
}
.client-column
{
	width: 18%;
	float: left;
	margin-right: 10px;
}
.client-column-last {
	width: 18%;
	float: left;
	margin-right: 0px;
}
.client-column ul, .client-column-last ul {
list-style-type: none;
}
.client-column ul li, .client-column-last ul li {
margin-bottom: 8px;
font-size: 9px;
color: #888;
}


.tooltip {
	display:none;
	background:transparent url('/wp-content/themes/insivia/images/tooltip/black_arrow.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



div.ie-fix {
  overflow: visible;
  height: 0;
}

.target {
	width: 80px;
	text-align: center;
	border: 2px solid #666666;
	padding: 5px;
	background-color: #00FFFF;
	height: 45px;
	display: block;
	float: left;
}