* {
padding: 0;
margin: 0;
border: 0;
}
body, html {font-family: tahoma,serif; font-size:14px;}
body {
	background-image: url(/images/bcgblue.gif);
	background-repeat: repeat-x;
	background-position: center top;color:#69645B;
}
p {padding: 7px 0 7px 0; }

a {
	color: #0489B7;
}
a:hover{
text-decoration: underline;
}

h1 {
	font-size:350%;
	font-weight:normal;
	color:#FEFEFE;
	font-family: georgia, serif;
}
h2 {
font-size: 1.4em; color:#0489B7; padding-bottom:5px;padding-top:5px;
}
h3 {
font-size: 1.3em;color:#0489B7;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

#mainContainer {
width: 920px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ 	

}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header { 
	position: relative;
	height: 66px;
	width: 920px;
	margin: 0 auto;
}

#logo{
	float:left; 
	margin: 0;
	padding: 0;
	height: 66px;
}

#logo img{
	float:left; 
	margin: 10px 0 0 10px;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top:20px; /*** We need to add some space for our top menu ***/
padding-left: 165px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 920px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
width: 682px;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap {
padding-right: 5px;
padding-left: 18px; 
}
.contentWrapO {
padding-right: 5px;
padding-left: 18px;
margin-top: 260px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
	float: right;
	width: 228px; 
	min-height: 250px;
	padding: 5px;
}
#left ul {
list-style: none; font-family:Arial, Helvetica, sans-serif;
padding-bottom: 0px; padding-left:0px; width:100%; font-size:100%; line-height: 1.3;}
#left ul li ul {
padding-left:10px; }
#left li {
	padding:7px 3px 5px 5px;
	background: transparent url(/images/splitul.png) no-repeat scroll left 2px;
	}
#left li a {color:#333300;text-decoration: none;
}
#left li a:hover {color:#666666;}
#left li a.active { color:#EF7D36 ; font-weight:bold; font-size:95%}

#leftO {
	float: right;
	width: 228px;
	min-height: 250px;
	padding: 5px; margin-top:315px; 
}
#news ul {
list-style: none; font-family:Arial, Helvetica, sans-serif;
padding-bottom: 0px; padding-left:0px; width:100%; font-size:100%; line-height: 1.3;}
#news ul li ul {
padding-left:10px; }
#news li {
	padding:7px 3px 5px 5px;
	}
#news li a {color:#0489B7;text-decoration: underline;
}
#news li a:hover {color:#EF7D36;}
#news li a.active { color:#EF7D36 ; font-weight:bold; font-size:95%}




* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}
/*************************
RIGHT COLUMN
**************************/
#right { 
margin: 0 0 0 -920px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 630px;
padding-right: 5px;
padding-left: 20px;
}

#right ul {padding-left:20px}

#right li {padding-right: 15px;}

* html #right {position: relative;  /*** IE needs this  ***/}
/**************************
BOXES
**************************/
#one {
	display:block;
	float:left;
	margin-right:20px;
	width:250px;
}
#two {
	display:block;
	float:left;
	margin-right:20px; height:170px;
	width:250px;
}
#three {
	display:block;
	float:left;
	margin-right:0px;
	width:350px;
}

.twocolbox {
	display:block;
	float:left;
	/*margin-right:20px;*/
	margin-bottom:15px;
	margin-top:15px;
	/*width:280px;*/ 
	width:250px;
	height:80px; 
	min-height:80px;
	/*padding-left:30px;*/

}
.twocolbox h3 { font-size:14; font-weight:bold; color:#003300}
.twocolbox h3 a{ color:#5C514E;}

.twocolbox img {
	float:right;
	margin-top: 5px;
}
.twocolbox p {
	padding-right:30px;
}

.twocolbox1 {
	padding-left:130px;
}
.threecolbox {
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	width:187px; 
	height:150px; 
	min-height:150px; color:#999999;
	margin-top:30px;
}

.threecolboxheader {
	margin-top:15px;
}

.newsbrowserheader {
	padding-left: 5px;
}

.date {
	display:block;
	width:228px;
	font-size:11px;
	color:#999999
}
/**************************
FOOTER
**************************/

#footer {
	width: 100%;
	height:250px;
	margin-top:50px;
	padding-top:30px;background-image: url(/images/footerbcg.png); background-repeat:repeat-x;  background-position:left;
	
}

#footer_wrapper { position: relative; margin: 0 auto; width: 920px; }
#quicklinks { float: left; position: relative; padding-left:30px;  text-align:left;   width: auto; height:150px;   margin-left: auto ; margin-right: auto ; margin-bottom: 40px; }
#quicklinks ul {margin:0; padding:0; list-style-type:none;}
#quicklinks ul a {text-decoration:none; color:#333300;} 
#quicklinks ul a:hover {text-decoration:none; color:#0489B7;}
#quicklinks ul li {font-weight:bold; float:left; width:16em; color:#505054}
#quicklinks ul ul {list-style-type:none; margin:0; padding:0; padding-left:0.5em;}
#quicklinks ul li ul li {font-weight:normal;}


#credits {
	float: left;
	position: relative;
	text-align:left;
	padding: 0 0 0 50px;
	width: 100%;
	height: 33px;
	clear:left;
	margin-left: 30px;
	margin-right: auto;
	background-color: transparent;
	background-image: url(/images/smalllogo.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#credits ul {margin:0; padding:0; list-style-type:none;}
#credits ul a {text-decoration:none; color:#505054;} 
#credits ul a:hover {text-decoration:none; color:#0489B7;}
#credits ul li {font-weight:bold; float:left; margin-right:10px}
#credits img {float:left; margin-right:10px; margin-top:5px}
/* .copyright {  display:block; float:left; width:800px; color:#FFFFFF; margin-top:0px;  }*/
.pragma-teaser { font-size:190%; color:#5C514E; width:550px; height:110px; min-height:110px;	 margin-bottom:80px}
#teaser_313 {margin-bottom:30px;}

.floatteaser {
background:transparent url(/images/tsr.gif) no-repeat scroll 0 100%;
margin:10px 0;
padding:0 0 14px;
width:430px;
}

#join { float: right; margin-right:30px; position: relative;}
#join label {display:block; color:#505054}
#join .joininput {
	width:180px;
	display:block; color:#000000; padding:1px;
	
	border: 1px solid #666666;
}
#copyright{ float: left; position: relative; clear: both; padding: 0 0 0 50px; margin: -15px 0 0 30px; width: 70%; }
#menutop {
	width: 350px;
	color: #FFFFFF;
	float: right;
	margin: 0px;
	padding: 0;
	/*height: 35px;*/
	margin-right: 22px;
}
#menubottom {
	float: right;
	height: 25px;
	width: 650px;
	color: #FFFFFF;
	margin-top: 26px;
	margin-right: 0;
	/*display: block;*/
}



/**************************
MENU 
**************************/

#logo {
	/*margin-left:28px;*/
	display:inline;
	text-align:left;
	width: 187px;
}
#menutop ul {
	font-family:tahoma; 
	font-size:11px; 
	position: relative; 
	float: right;
	list-style-type:none;
	padding:0;
	margin-top: 0;
}
#menutop li {
	position: relative; 
	float: left;
	white-space:nowrap;
	margin-right: 10px;
	border-right: 1px solid #f1f1f1;
	text-align: right;
}
#menutop li.last {
	border: none;
}
#menutop li a{
	padding: 3px 5px 1px 6px;
	color: #fff;
	text-decoration: none;
}
#menutop li a:hover{
	text-decoration: underline;
}
/**************************
MENU 
**************************/

#navcontainer {float:right; display:inline; margin-right:28px; margin-top:15px}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
.t3o_intro_ {
	background-image: url(/images/cebitspecial_03.png);
	background-repeat: no-repeat;
	background-position: 450px 120px;
}
.how-we-do-it {
	background-image: url(/images/hwd.png);
	background-repeat: no-repeat;
	background-position: 460px 140px;
}
.how-we-do-itproject-scoping {
	background-image: url(/images/projectscoping.png);
	background-repeat: no-repeat;
	background-position: 460px 140px;
}
.how-we-do-itrequirements-specifications {
	background-image: url(/images/srs.png);
	background-repeat: no-repeat;
	background-position: 460px 140px;
}
.how-we-do-ittesting-and-qa {
	background-image: url(/images/tqa.png);
	background-repeat: no-repeat;
	background-position: 460px 140px;
}
.how-we-do-itwarranty {
	background-image: url(/images/warranty.png);
	background-repeat: no-repeat;
	background-position: 380px 130px;
}



.who-we-are-{background-image: url(/images/girl.png);
	background-repeat: no-repeat;
	background-position: 430px 150px;
}
.who-we-are-our-values{background-image: url(/images/values.png);
	background-repeat: no-repeat;
	background-position: 270px 100px;
}
.who-we-are-our-offices{background-image: url(/images/offices.png);
	background-repeat: no-repeat;
	background-position: 450px 100px;
}

.what-we-do {background-image: url(/images/whatwedo.png);
	background-repeat: no-repeat;
	background-position: 460px 140px;
}

.what-we-doapplication-development {background-image: url(/images/matrix.png);
	background-repeat: no-repeat;
	background-position: 380px 180px;
}

.what-we-dotechnology-consulting {background-image: url(/images/consulting.png);
	background-repeat: no-repeat;
	background-position: 450px 150px;
}
.t3o_intro_what-we-dosolutions {background-image: url(/images/solutions.png);
	background-repeat: no-repeat;
	background-position: 480px 80px;
}
.what-we-domobile-application-development {background-image: url(/images/mobiledev.png);
	background-repeat: no-repeat;
	background-position: 350px 110px;
}
.what-we-dosupport-and-maintenance {background-image: url(/images/support.png);
	background-repeat: no-repeat;
	background-position: 470px 120px;
}

.what-we-doseo-services {background-image: url(/images/seo.png);
	background-repeat: no-repeat;
	background-position: 450px 100px;
}

.resources {background-image: url(/images/res.png);
	background-repeat: no-repeat;
	background-position: 490px 70px;
}

.resourcescase-studies {background-image: url(/images/case.png);
	background-repeat: no-repeat;
	background-position: 470px 90px;
}


.career {background-image: url(/images/career.png);
	background-repeat: no-repeat;
	background-position: 180px 180px;
}

.joininput {
border:1px solid #666666;
color:#000000;
display:block;
padding:1px;
width:180px;
}
.joininput_text{
	border:1px solid #666666;
}


div.formtooltip {
-moz-box-shadow:0 0 10px #000000;
background-color:#000000;
border:1px solid #FFFFFF;
color:#FFFFFF;
/*display:none;*/
font-size:12px;
padding:10px 15px;
text-align:left;
width:200px;
}


#skills {  color:#FFFFFF;}
#skills th {padding-top:10px;padding-bottom:10px;padding-left:10px}

.stable {

border-right: 1px solid #666666;
border-left: 1px solid #666666;

}
#skills  td  {padding:5px}
#skills .tgreen {
background-color: #679940;
border-bottom: 1px solid #666666;
}
#skills .gray {
background-color: #C7C1C1; color:#000000;
border-bottom: 1px solid #666666;
}
#skills .lighttext {color:#666666;border-bottom: 1px solid #666666; background-color:#FFFFFF;
}

#skills .blue {
background-color: #146698;
border-bottom: 1px solid #666666;
}
#skills .red{
background-color: #971C5B;
border-bottom: 1px solid #666666;
}


.name {display:block; width:180px; text-align:right;}

/**************************
SLIDER
**************************/

div#pragma-slider .scroll{
  overflow: hidden;
}

div#pragma-slider .navigation .actions{
	padding: 0 !important;
	padding-bottom: 5px !important;
	background: url(/images/controls-radial-shadow.png) bottom center no-repeat;
	width: 73px;
	position: absolute;
	right: 2px;
	top: -1px;
	margin-left: -7px;
}

div#pragma-slider .navigation .actions a.previous,
div#pragma-slider .navigation .actions a.next{
	display: block;
	float: left;
	width: 36px;
	height: 25px;
	text-indent: -999em;
}
div#pragma-slider .navigation .actions a.previous {
	background-image: url(/images/previous1.png);
}

div#pragma-slider .navigation .actions a.next {
	background-image: url(/images/next1.png);
}

div#pragma-slider .navigation .actions a.previous:hover{
	background-image: url(/images/previous-hover1.png);		
}

div#pragma-slider .navigation .actions a.previous:active{
	background-image: url(/images/previous-active1.png);		
}

div#pragma-slider .navigation .actions a.next{
	width: 37px;
	background-image: url(/images/next1.png);	
}

div#pragma-slider .navigation .actions a.next:hover{
	background-image: url(/images/next-hover1.png);	
}

div#pragma-slider .navigation .actions a.next:active{
	background-image: url(/images/next-active1.png);	
}

/**************************
GROUP NAVIGATION 
**************************/

div#pragma-slider div#featured-projects.slider{
	position: relative;
	margin-bottom: 15px;
}
div#pragma-slider div.slider .navigation:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#pragma-slider .navigation ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#pragma-slider div.slider .navigation ul.projects{
  margin-right: 0;
}

div#pragma-slider div.slider .navigation li{
	display: block;
	float: left;
	padding: 5px 3px;
}

div#pragma-slider div.slider .navigation li a{
	display: block;
	height: 13px;
	width: 13px;
	background-image: url(/images/circle-indicator.png);
	position: relative;
	text-decoration: none !important;
}

div#pragma-slider div.slider .navigation ul.projects li.active a,
div#pragma-slider div.slider .navigation ul.projects li a:hover{
	background-image: url(/images/circle-indicator-active.png);
}

div#pragma-slider div.slider .navigation  li a span{
	display: block;
	position: absolute;
	background: #fbf5e1;
	padding: 0.25em 0.5em;
	border: 1px solid #e1dbc7;
	bottom: -2.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	visibility: hidden;
	color: #655e44;
	text-decoration: none !important;
	z-index: 5;
	white-space: nowrap;
}

div#pragma-slider div.slider .navigation li a:hover span{
	visibility: visible;
}

div#pragma-slider  div#featured-projects h2 {
}

div#pragma-slider  div#featured-projects h2, div#hashrocket div#featured-projects h3 {
	margin-top:0;
}

div#pragma-slider h2 {
	color:#7F98A9;
	font-family:Trebuchet MS,"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:0.85em;
	font-weight:bold;
	letter-spacing:1px;
	//margin:4em -40px 0.5em -20px;
	//padding:0 40px 0 20px;
	padding:0px;
	text-shadow:0 -1px 0 white;
	text-transform:uppercase;
}

div#pragma-slider div#featured-projects .scroll {
	//margin:0 -38px 0 -14px;
	padding-bottom:0px;
}

div#pragma-slider div#featured-projects .scroll-panel {
	padding-left:0px;
	//padding-right:38px;
	padding-right:28px;
	//padding-top:200px;
	padding-top:115px;
	//width:246px;
	width:200px;
}

div#pragma-slider div#featured-projects h2, div#pragma-slider div#featured-projects h3 {
	margin-top:0px;
	//margin-left:0px;
	color:#999999;
	
}

div#pragma-slider div#featured-projects h3 a {
	font-size:0.7em;
}

div#pragma-slider h3 {
	color:#990000;
	margin-top:2em;
	padding-bottom:0.25em;
}

div#pragma-slider div#featured-projects img {
	margin-bottom:5px;
	position:absolute;
	//right:4px;
	top:0;
	width:85%;
}

div#pragma-slider div#featured-projects p {
	color:#737B80;
	//line-height:1.5em;
	line-height:1em;
	margin-bottom:5px;
	/*padding:0px 0px 0px 10px;*/
	padding:0px 0px 0px 0px;
	font-size:0.9em;
}

div#pragma-slider div#featured-projects.slider .navigation {
	//-moz-background-clip:border;
	//-moz-background-inline-policy:continuous;
	//-moz-background-origin:padding;
	//-moz-border-radius-bottomleft:3px;
	//-moz-border-radius-bottomright:3px;
	//-moz-border-radius-topleft:3px;
	//-moz-border-radius-topright:3px;
	//background:#E3E9EF none repeat scroll 0 0;
	//border:1px solid #C7D4E1;
	display:block;
	float:right;
	margin:0;
	padding:0 80px 0 3px;
	position:relative;
}

div#pragma-slider .navigation .actions {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/controls-radial-shadow.png) no-repeat scroll center bottom;
	margin-left:-7px;
	padding:0 0 5px !important;
	position:absolute;
	right:25px;
	top:-1px;
	width:73px;
}

div#pragma-slider .navigation .actions a.previous, div#pragma-slider .navigation .actions a.next {
	background-image:url(/images/previous1.png);
	display:block;
	float:left;
	//height:25px;
	height:17px;
	text-indent:-999em;
	//width:36px;
	width:25px;
	color:#1664B1;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-decoration:none;
}

div#pragma-slider .navigation .actions a.next {
	background-image:url(/images/next1.png);
	//width:37px;
	width:25px;
}


span.gateway {
	color:#7F98C1 !important;
	display:block;
	margin-top:1em;
	text-align:right;
}

span.gateway a {
	font-size:0.85em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-transform:uppercase;
	word-spacing:0.1em;
	color:#1664B1;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-decoration:none;
}
.modulesul{
	margin:0 0 3px;
	padding:0 0 0 22px;
}
/* @end */

/* @end */

#latest_news ul {
    font-family:Arial,Helvetica,sans-serif;
    font-size:100%;
    line-height:1.3;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-bottom:0;
    padding-left:0;
    width:100%;
}
#latest_news li {
    padding:7px 3px 5px 5px;
}
#latest_news li a {
    color:#0489B7;
    text-decoration:underline;
}