/* CSS Document */

body{
	font-size:0.75em;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#303030;
	/*background:url(../images/bg-body.gif) red top left repeat-x;*/
}

a{
	color:#a1a1a1;
	text-decoration:none;
}

a:hover{
	background:#0095c2;
	color:#FFFFFF;
}

p{
	padding:0;
	margin:0;
}

h1, h2, h3, h4{
	padding:0;
	margin:0;
	color:#FFFFFF;
}

h2{
	font-size:14px;
}


ul{
	padding:0;
	margin:0;
}

ul li{
	list-style:none;
}

img{
	border:none;
}

#container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:960px;
	position:relative;
}

/* Header Styles */

#header-background{
	float:left;
	width:100%;
	background:#FFFFFF;
	position:fixed;
	z-index:12;
}

*:first-child+html #header-background{
	margin:0 0 0 -149px;
}

*:first-child+html #pre-loaderbox{
	margin:0 0 0 -149px;
}

#header-container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:960px;
	position:relative;
	clear:both;
	overflow:hidden;
}

div.header{
	float:left;
	width:100%;
	height:90px;
	padding:40px 0 0 0;
	background:#FFFFFF;
	clear:both;
	overflow:hidden;
}

div.header-left{
	float:left;
	width:50%;
}

div.header h1 a,
div.header h1 a:hover{
	float:left;
	text-indent:-999em;
	display:block;
	width:78px;
	height:26px;
	margin:0 0 32px 0;
	background:url(../images/logo-view.gif) top left no-repeat;
	overflow:hidden;
}

* html div.header h1 a{
	margin:0 0 32px 0;
}

div.header-right{
	float:right;
	width:50%;
	padding:0 0 0 0;
}

div.header-right ul{
	float:right;
	text-align:right;
}

div.header-right ul li{
	padding:0 0 3px 0;
	color:#A1A1A1;
}

div.header-right ul li a{
	padding:0 1px 2px 1px;
}

div.header-right ul.social-media{
	clear:both;
	text-align:left;
}

div.header-right ul.social-media li{
	float:left;
	padding-top:16px;
}

div.header-right ul.social-media li.linked-in{
	margin:0 5px 0 5px;
	display:inline;
}

div.header-right ul.social-media li.twitter a{
	float:left;
	text-indent:-999em;
	background:url(../images/twitter.gif) top left no-repeat;
	width:16px;
	height:16px;
	padding:0;
	overflow:hidden;
}

div.header-right ul.social-media li.linked-in a{
	float:left;
	text-indent:-999em;
	background:url(../images/linked-in.gif) top left no-repeat;
	width:16px;
	height:16px;
	padding:0;
	overflow:hidden;
}

div.header-right ul.social-media li.slideshare a{
	float:left;
	text-indent:-999em;
	background:url(../images/icon-slideshare.gif) top left no-repeat;
	width:16px;
	height:16px;
	padding:0;
	overflow:hidden;
}

/* Main Nav Styles */

div.main-navigation{
	float:left;
	clear:both;
}

div.main-navigation ul li{
	float:left;
	margin:0 1px 0 0;
	display:inline;
}

div.main-navigation ul li a{
	float:left;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

/* We Think Nav Styles */

div.main-navigation ul li.we-think a{
	background:url(../images/nav-think.gif) 0 0 no-repeat;
	width:90px;
	height:32px;
}

body#we-think-page div.main-navigation ul li.we-think a,
div.main-navigation ul li.we-think a.active,
div.main-navigation ul li.we-think a:hover{
	background:url(../images/nav-think.gif) 0 -32px no-repeat;
}

* html body#we-think-page div.main-navigation ul li.we-think a{
	background:url(../images/nav-think-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-think a.active{
	background:url(../images/nav-think-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-think a:hover{
	background:url(../images/nav-think-active.gif) 0 0 no-repeat;
}

/* We Do Nav Styles */

div.main-navigation ul li.we-do a{
	background:url(../images/nav-do.gif) 0 0 no-repeat;
	width:90px;
	height:32px;
}

body#we-do-page div.main-navigation ul li.we-do a,
div.main-navigation ul li.we-do a.active,
div.main-navigation ul li.we-do a:hover{
	background:url(../images/nav-do.gif) 0 -32px no-repeat;
}

* html body#we-do-page div.main-navigation ul li.we-do a{
	background:url(../images/nav-do-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-do a.active{
	background:url(../images/nav-do-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-do a:hover{
	background:url(../images/nav-do-active.gif) 0 0 no-repeat;
}

/* We Say Nav Styles */

div.main-navigation ul li.we-say a{
	background:url(../images/nav-say.gif) 0 0 no-repeat;
	width:90px;
	height:32px;
}

body#we-say-page div.main-navigation ul li.we-say a,
div.main-navigation ul li.we-say a.active,
div.main-navigation ul li.we-say a:hover{
	background:url(../images/nav-say.gif) 0 -32px no-repeat;
}

* html body#we-say-page div.main-navigation ul li.we-say a{
	background:url(../images/nav-say-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-say a.active{
	background:url(../images/nav-say-active.gif) 0 0 no-repeat;
}

* html div.main-navigation ul li.we-say a:hover{
	background:url(../images/nav-say-active.gif) 0 0 no-repeat;
}

/* Main Content Styles */

div.main-content{
	float:left;
	width:100%;
	padding:170px 0 0 0;
}

* html div.main-content{
	float:left;
	width:100%;
	padding:40px 0 0 0;
}

div.main-content.form{
	padding:160px 0 0 0;
}

* html div.main-content.form{
	padding:30px 0 0 0;
}

h3.welcome{
	float:left;
	text-indent:-999em;
	background:url(../images/welcome.gif) #424242 top left no-repeat;
	width:295px;
	height:14px;
	display:block;
	padding:0 0 20px 0;	
}

* html h3.welcome{
	padding:0;
}

div.form{
	float:left;
	clear:both;
}

* html form{
	padding:0;
	margin:0;
}

div.form label{
	float:left;
	clear:both;
	padding:0 0 10px 0;
	color:#FFFFFF;
}

* html div.form label{
	margin:-20px 0 0 0;
}

div.form input{
	float:left;
	clear:both;
	width:220px;
	margin:0 0 8px 0;
}

div.form input.button{
	float:left;
	clear:none;
	border:none;
	width:auto;
	background:none;
	color:#a1a1a1;
}

* html div.form input.button{
	margin:5px 0 0 48px;
}

*:first-child+html input.button{
	margin:25px 0 0 48px;
} 

div.form ul,
div.form ul li,
div.form ul li a{
	clear:both;
}

* html div.form ul{
	margin:-28px 0 0 0;
}

/* Projects */

div.project-container{
	float:left;
	padding:0 0 15px 0;
	position:relative;
}

div.project-container div{
	float:left;
	padding:0 20px 0 0;
	width:225px;
}

div.project-container div a{
	width:225px;
	float:left;
}

div.project-container div img{
	padding:0 0 8px 0;
}

div.project-container div.row{
	float:left;
	width:100%;
	padding:0 0 30px 0;
	position:relative;
}

span#target{
	float:left;
	width:10px;
	height:10px;
	position:absolute;
	top:90px;
}

* html span#target{
	top:225px;
}

div.project-container div.last{
	float:left;
	padding:0 0 0 0;
}

div.project-container div h3,
div.project-container div h4{
	color:#a1a1a1;
	font-size:1em;
	display:inline;
	padding:0 1px 2px 1px;
}

div.project-container div a span.client-name,
div.project-container div a span.client-project{
	color:#a1a1a1;
	font-size:1em;
	float:left;
	clear:both;
	padding:0 1px 2px 1px;
}

div.project-container div a span.client-name{
	font-weight:bold;
}

div.project-container div a:hover{
	background:none;
}

div.project-container div a span.client-name,
div.project-container div h3{
	margin:0 0 1px 0;
	float:left;
	clear:both;
}

div.project-container div h4{
	font-weight:normal;
	float:left;
	clear:both;
}

div.project-container div.backto-projects{
	float:left;
	padding:35px 0 0 0;
	display:none;
}

div.project-container div.backto-projects ul li a{
	float:none;
}

div.project-container div a:hover span.client-name,
div.project-container div.active a span.client-name,
div.project-container div a:hover span.client-project,
div.project-container div.active a span.client-project,
div.project-container div a:hover h3,
div.project-container div a:hover h4,
div.project-container div.active h3,
div.project-container div.active h4{
	background:#0095c2;
	color:#FFFFFF;
}

/* Showcase */

div.contact-container,
div.showcase-container{
	float:left;
	width:100%;
	min-height:100px;
	padding:0 0 70px 0;
	border-top:1px solid #5a5a5a;
	position:relative;
}

div.contact-container{
	border:none;
}

div.contact-description{
	float:left;
	width:220px;
	padding:0;
}

div.showcase-description{
	float:left;
	width:220px;
	padding:70px 0 0 0;
}

div.contact-description ul li,
div.contact-description h3,
div.contact-description h4,
div.contact-description p,
div.showcase-description ul li,
div.showcase-description h3,
div.showcase-description h4,
div.showcase-description p{
	color:#FFFFFF;
	font-size:1em;
}

div.contact-description h3{
	padding:0 0 14px 0;
}

div.showcase-description h3{
	padding:0 0 2px 0;
}

div.contact-description h4,
div.showcase-description h4{
	padding:0 0 8px 0;
	font-weight:normal;
}

div.contact-description ul,
div.contact-description p,
div.showcase-description ul,
div.showcase-description p{
	padding:0 0 8px 0;
}

div.contact-description ul.email-link,
div.showcase-description ul.email-link{
	padding:0 0 2px 0;
}

div.contact-description ul li a,
div.showcase-description ul li a{
	padding:0 1px 2px 1px;
}	

div.contact-container div img{
	float:right;
	padding:0;
}

div.showcase-container div img{
	float:right;
	padding:70px 0 0 0;
}

div.main-content div.contact-container div.backto-top,
div.main-content div.showcase-container div.backto-top{
	position:absolute;
	bottom:70px;
	display:none;
	padding:0;
}
div.contact-container div.backto-top a,
div.project-container div.backto-projects a,
div.showcase-container div.backto-top a{
	padding:0 1px 2px 1px;
}
div.contact-container div.backto-top a:hover,
div.project-container div.backto-projects a:hover,
div.showcase-container div.backto-top a:hover{
	background:#0095c2;
	color:#FFFFFF;
}

div.footer-container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:960px;
	position:relative;
}


div.footer{
	float:left;
	width:100%;
	padding:15px 0 55px 0;
	border-top:1px solid #5a5a5a;
	color:#FFFFFF;
	font-size:1em;
}

div.footer-left p{
	color:#FFFFFF;
	font-size:1em;
	clear:both;
	padding:12px 0 0 0;
}

div.footer-left{
	float:left;
	padding:0 60px 0 0;
}

div.footer-left h3,
div.footer-left h4{
	float:left;
	clear:both;
	display:block;
	text-indent:-999em;
}

div.footer-left h3{
	background:url(../images/logo-white.gif) top left no-repeat;
	width:61px;
	height:21px;
	margin:0 0 10px 0;
}

div.footer-left h4{
	background:url(../images/strapline.gif) top left no-repeat;
	width:219px;
	height:15px;
	margin:0 0 16px 0;
}

div.footer-middle{
	float:left;
	padding:76px 0 0 0;
}

div.footer-middle ul{
	padding:0 0 14px 0;
}

div.footer ul{
	float:left;
	clear:both;
}

div.footer ul li{
	color:#FFFFFF;
}

div.footer ul li a{
	padding:0 1px 2px 1px;
}

div.footer-right ul li{
	float:left;
}

div.footer ul li.twitter{
	margin:0 5px 0 0;
	display:inline;
}

div.footer ul li.twitter a{
	float:left;
	text-indent:-999em;
	background:url(../images/twitter.gif) top left no-repeat;
	width:17px;
	height:17px;
	padding:0;
	overflow:hidden;
}

div.footer ul li.linked-in a{
	float:left;
	text-indent:-999em;
	background:url(../images/linked-in.gif) top left no-repeat;
	width:16px;
	height:17px;
	padding:0;
	overflow:hidden;
}

div.footer-right{
	float:right;
}

/* Middle column styles */

div.column-container{
	float:left;
	padding:0 0 50px 0;
}

body#we-do-page div.column-container{
	padding:0 0 40px 0;
}

html body#we-do-page.services div.column-container{
	padding:0 0 10px 0;
}

div.middle-column{
	float:left;
	width:710px;
	padding:0 5px 0 0;
}

body#we-do-page div.middle-column{
	min-height:368px;
}

* html div.middle-column{
	width:708px;
}

* html body#we-do-page div.middle-column{
	height:368px;
}

div.middle-column h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.50em;
	font-weight:normal;
	color:#0095c2;
	padding:0 0 8px 0;
}

div.middle-column h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.50em;
	font-weight:normal;
	color:#f3f4eb;
	line-height:1.07em;
}

/* Right column styles */

div.right-column{
	float:left;
	width:225px;
	padding:5px 0 0px 20px;
	min-height:200px;
	display:inline;
}

div.right-column div.tout{
	float:left;
	margin-bottom:10px;
}

div.right-column h3{
	float:left;
	display:inline;
	clear:both;
	/*color:#383030;
	background:#0095c2;*/
	color:#383030;
	background:#989898;
	font-size:1em;
	font-weight:normal;
	width:auto;
	padding:0 2px 1px 1px;
	margin:0 0 12px 1px;
}

div.right-column div.tout img{
	float:left;
	margin:8px 0 0 0;
}

div.right-column div.tout h4{
	float:left;
	clear:both;
	width:100%;
	margin:0px 0 3px 0;
	font-size:1.08em;
}

div.right-column div.tout p{
	float:left;
	clear:both;
	color:#FFFFFF;
	padding:0 0 10px 0;
	font-size:1.08em;
	width:100%;
}

div.right-column div.tout ul{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 8px 0;
}

div.right-navigation ul li,
div.right-column div.tout ul li{
	color:#FFFFFF;
	clear:both;
}

div.right-column div.tout ul li a{
	padding:0 2px 2px 1px;
}

/* Right navigation */

div.right-navigation ul{
	padding:12px 0 0 0;
	width:175px;
}

div.right-navigation ul li{
	padding:0 0 8px 0;
}

/* We say blog */

div.blog-container h2{
	display:inline;
	clear:both;
	color:#383030;
	background:#0095c2;
	font-size:1em;
	font-weight:normal;
	width:auto;
	padding:0 2px 1px 1px;
	margin:0 0 0 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.blog-container h3{
	padding:8px 0 6px 0;
}

div.blog-container p{
	float:left;
	clear:both;
	color:#FFFFFF;
	padding:0 0 10px 0;
	font-size:1.08em;
	width:665px;
}

div.blog-container ul{
	clear:both;
	padding:0 0 10px 0;
}

div.blog-container ul li a{
	padding:0 2px 1px 2px;
}

div.blog-container a{
	padding:0 2px 1px 2px;
}

div.blog-item{
	float:left;
	padding:0 0 30px 0;
}

div.blog-item img{
	padding:8px 0 10px 0;
}

div.blog-container div.backto-top{
	float:left;
	clear:both;
}

div.main-content div.backto-top{
	padding:0 0 12px 0;
	clear:both;
}

div.right-column div.blog-filter h3{
	float:left;
	padding:0;
	color:#FFFFFF;
	font-weight:bold;
	background:none;
	font-size:1.08em;
	margin:0;
	margin-bottom:10px;
}

div.right-column div.blog-filter ul{
	padding:10px 0 20px 0;
}

div.right-column div.blog-filter ul li{
	clear:both;
	padding:0 0 10px 0;
}

div.right-column div.blog-filter ul li a{
	padding:0 2px 1px 2px;
}

div.right-column div.blog-filter ul li.active a{
	background:#0095c2;
	color:#FFFFFF;
}

/* Open/close list */

ul.open-close-list, ul.open-close-hover-list{
	/*padding:0 0 80px 0;*/
}

ul.open-close-list li, ul.open-close-hover-list li{
	padding:0 0 6px 0;
}

ul.open-close-list li a, ul.open-close-hover-list li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.50em;
	font-weight:normal;
	color:#989898;
	padding:0;
}

ul.open-close-list li.active a,
ul.open-close-list li a:hover,
ul.open-close-hover-list li.active a,
ul.open-close-hover-list li a:hover{
	background:none;
	color:#0095c2;
}

ul.open-close-list li ul li, ul.open-close-hover-list li ul li{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.67em;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 0 0 0;
	width:655px;
}

ul.open-close-list li ul, ul.open-close-hover-list li ul{
	padding:0 0 14px 0;
}

ul.open-close-hover-list{
	cursor:pointer;
}

ul.open-close-hover-list li.active ul li a, ul.open-close-hover-list li ul li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 0 0 0;
	width:655px;
}

/* Random AJAX Tout Layout */

div.random-tout-container{
	position:relative;
}

div.random-tout-container div.tout{
	position:absolute;
	left:0;
	top:0;
	width:225px;
	height:230px;
    z-index:8;
    /*opacity:0.0;*/
	background:#303030;
}

div.random-tout-container div.tout h4,
div.random-tout-container div.tout p,
div.random-tout-container div.tout ul li a{
	background:#303030;
}

div.random-tout-container div.tout ul li a:hover{
	background:#0095c2;
}
div.random-tout-container div.tout.active {
    z-index:10;
	/*opacity:1.0;*/
}

div.random-tout-container div.tout.last-active {
    z-index:9;
}

/* Map */

#map{
	border:1px solid #CEDAEA;
	float:right;
	height:539px;
	width:718px;
	padding:0;
}

div.contact-container div img{
	float:left;
	padding:0;
}

/* Services pages */

div.middle-column h3.title{
	margin:45px 0 15px;
	float:left;
	width:710px;
	font-size:2.25em;
}

ul.plain-list li{
	color:#FFFFFF;
	margin:10px 0;
	font-family:arial, sans-serif;
	font-size:1.17em;
}

div.middle-column p.intro{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.67em;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 0 8px 0;
	width:655px;
}

div.right-column li.active a{
	background:#0095c2;
	color:#FFFFFF;
}

div.right-column div{
	margin-bottom:10px;
}

div.right-column ul li{
	color:#FFFFFF;
}

div.right-column ul{
	padding:12px 0 0 0;
	width:188px;
}

div.right-column ul li{
	padding:0 0 8px 0;
}

div.technology-container{
	float:left;
	width:810px;
	margin-top:20px;
}

div.technology-container div.row{
	margin-bottom:5px;
}

div.technology-container div.row a:hover{
	background:none;
}

div.technology-container div.row img{
	margin-right:20px;
}

div.middle-column table{
	font-size:1.17em;
	font-family:arial, sans-serif;
	color:#FFFFFF;
}

div.middle-column table td{
	padding:0 0 5px 0;
	width:262px;
}

div.technology-container div.row div{
	margin-right:30px;
}

div.right-column div ul li p{
	padding-bottom:10px;
}

div.right-column div ul.services{
	padding-bottom:10px;
}

/*div.right-column div.tout ul li{
	padding-bottom:20px;
}*/

div.right-column div.tout ul li a.download{
	padding-left:21px;
	background:url(../images/icon-ssp.gif) left center no-repeat;
}

div.right-column div.tout ul li a.download:hover{
	background:url(../images/download-hover.gif) left center no-repeat;
}

div.right-column div.tout ul li a.follow{
	padding-left:21px;
	background:url(../images/icon-twit.gif) left center no-repeat;
}

div.right-column div.tout ul li a.follow:hover{
	background:url(../images/follow-hover.gif) left center no-repeat;
}

div.spt-icon{
	width:76px;
	height:60px;
	float:left;
	background:url(../images/logo-sharepoint.png) left center no-repeat;
}

div.sap-icon{
	width:72px;
	height:60px;
	float:left;
	background:url(../images/logo-sap.png) left center no-repeat;
}

div.ibm-icon{
	width:68px;
	height:60px;
	float:left;
	background:url(../images/logo-ibm.png) left center no-repeat;
}

div.ggl-icon{
	width:85px;
	height:60px;
	float:left;
	background:url(../images/logo-google.png) left center no-repeat;
}

div.opt-icon{
	width:131px;
	height:60px;
	float:left;
	background:url(../images/logo-opentext.png) left center no-repeat;
}

p.tweet a{
	margin-top:10px;
	float:left;
}

ul.open-close-list li.active ul li a, 
ul.open-close-list li ul li a{
	/*
	color:#FFFFFF;
	background:#0095c2;
	margin-left:5px;
	padding:0px 1px 0px 1px;*/
	font-family:verdana, sans-serif;
	font-size:0.60em;
	color:#A1A1A1;
}

ul.open-close-list li.active ul li a:hover, 
ul.open-close-list li ul li a:hover{
	/*
	
	margin-left:5px;
	padding:0px 1px 0px 1px;*/
	font-family:verdana, sans-serif;
	color:#FFFFFF;
	background:#0095c2;
}

ul.open-close-list li.active ul li p, 
ul.open-close-list li ul li p{

	padding-bottom: 10px;

}