/* 
================================
Skin styles for DotNetNuke
================================
*/   
body 
{
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
    text-align: center;
    vertical-align:top;
    margin:0;
    padding:0;
    color:#333333;        	
    background:#000 url(images/bg.png) repeat-x top left;      
}

/*------------------- Common styles in content area -------------------*/

.outerContainer, .outerContainerAdmin
{
	text-align:left;
	margin: 0 auto;
	width:781px;	
	background:transparent url(images/outer-content-bg.png) repeat-y left top;	
	
}

.outerContainerAdmin
{
	width:800px;
}

.innerContainer
{
	float: left;       	
	background: transparent url(images/outer-content-bg.png) repeat-y left top;    
	min-height:500px;
	_height:500px;
	
}

.header
{
	height:134;
	background:#FFF url(images/header.png) no-repeat top left;	
}

.header-home
{
	height:241;
	background:#FFF url(images/header-home.png) no-repeat top left;	
}
.leftpane
{	
	float: left;
	width: 215px;	
}

.contentpane 
{
	
	float:left;
	width:563;	
    background:#FFF url(images/content-bg.gif) repeat top left;	
}

html>body .contentpane
{
	width:564;	    
}

.contentpaneadmin
{
	
	float:left;
	width:580;	
    background:#FFF url(images/content-bg.gif) repeat top left;	
    
    
}


/*------------------- Common styles in content area -------------------*/

h2, h3, p
{
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
	
}

h2 {
	color: #2f98cc;
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;	
	}

h3 {
	color: #2f98cc;
	font-size: 1.3em;		
	}
	
ol, ol li ol
{
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
}

ul,  ul li ul 
{
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
	list-style: none;	
	border: none;
}

ul li {
	
	color: #58595b;
	padding: 6px 0 3px 18px;
	margin: 0;
	background: url(images/bullet_blue_pt_welcome.gif) no-repeat 0 3px; /* for IE */
	list-style: none;
}

ul li ul li {
	list-style: none;
}
	
html>body  ul li, html>body  ul li ul li  {	
	background: url(images/bullet_blue_pt_welcome.gif) no-repeat 0 0; /* for compliant browsers */
	}	
	

.text ul {
	list-style: none;
	margin: 0;
	padding: 0 0 6px 0;
	border: none;
	}
	
.text ul li,
.text ol li{
	font-size: 1em;
	}	
		
.text ul li ul {
	list-style: none;
	margin: 0;
	padding: 3px 0 3px 0;
	border: none;
	font-size: 100%;
	}	

.text ul li, .text ul li ul li {

	color: #58595b;
	padding: 3px 0 3px 18px;
	margin: 0;
	background: url(images/bullet_blue_pt.gif) no-repeat 0 3px; /* for IE */
	list-style: none;
	}
	
html>body .text ul li, html>body .text ul li ul li  {	
	background: url(images/bullet_blue_pt.gif) no-repeat 0 0; /* for compliant browsers */
	}	
	
.text ul li ul li {
	font-size: 100%;
	}	
	
.text {
	
	margin: 0 0 0 0px;
	padding: 20px;		
	width:525px;
	float:left;
	}

.text p {
	font-size: 1.1em;
	padding: 10 0 0px 0;
	margin: 0;
	}
	
.text .left {
	float: left;	
		
}		

	
.text .right {
	float: right;
	}	
	
img.right {
	float: right;
	padding: 0 0 0px 0px;
	}	
	
.cleaner {
	clear: both;
	height: 1px;
	font-size: 0.1em;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
	}									
.clearall
{
	clear:both;
}	

/*------------------- Homepage CSS-------------------*/

.welcome {

padding: 10px 0 0 20;
background: #F7F7F7 url(images/sucstories_bordertop.gif) repeat-x left bottom;
}

.welcome p {
font-size: 1.2em;
margin: 0 0px;
padding: 0 10 10px 0;
}	
	
.welcome ul, .welcome ul li ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0 0 6px 0;
	border: none;
	}

.welcome ul li, .welcome ul li ul li {
	font-size: 1.2em;
	color: #58595b;
	padding: 3px 0 3px 18px;
	margin: 0;
	background: url(images/bullet_blue_pt_welcome.gif) no-repeat 0 3px; /* for IE */
	list-style: none;
	}
	
html>body .welcome ul li, html>body .welcome ul li ul li  {	
	background: url(images/bullet_blue_pt_welcome.gif) no-repeat 0 0; /* for compliant browsers */
	}		
	
.welcomebox {
	background: #000 url(images/welcome_box.jpg) no-repeat left top;
	width: 525px;
	height: 198px;
	
	}
	
.welcomebox p {
	display: block;
	width: 265px;
	font-size: 1.2em;
	/*line-height: 20px;*/
	color:#FFFFFF;
	padding: 20px 0 0 20;
	}

.success-stories {
	padding: 20px 0;
	}
	
 h2.success-stories-h2 {
	background:  url(images/headers/sucstories_title.gif) no-repeat left top;
	width: 165px;
	height: 17px;
	text-indent: -1000px;
	margin: 0;
	padding: 0;
	}	
	
p.success-stories-intro {
	font-size: 1.2em;
	color: #296b8c;
	padding: 0;
	margin: 7px 0; 
	}

.case-study-box {
	border-top: 3px solid #c0d5e0;
	}
	
.case-study {
	background:  url(images/casstud_btm_dot_line.gif) repeat-x left bottom;
	margin: 5px 0 0 0;
	padding: 20px 0;
	}

.case-study p.case-study-word {	
	color: #296b8c;	
}	

.case-study-word
{
	font-size:1.4em;
}
	
h3.home-h3 {
	color:#58595b;	
	font-size:1.2em;
	font-weight:bold;
	padding: 3px 0 12px 0;
	margin: 0;
	}	
	
/*.case-study-thumb {
	background:  url(images/casstud_thumb_backgrd.gif) no-repeat left top;
	float: left;
	width: 121px;
	height: 101px;
	margin: 0 20px 0 0;
	padding: 0;
	}*/
	
.case-study-thumb img {
	margin: 2px;
	padding: 4px 5px;
	}
	
.more-case-studies {
	font-size: 1.3em;
	border-bottom: 3px solid #c0d5e0;
	padding: 7px 0;
	margin-bottom: 20px;
	}

	

/*------------------- H1 styles -------------------*/

h1.home {
	background: url(images/headers/h1-home.gif) no-repeat left top;
	text-indent: -1000px;	
	}
	
h1.aboutus {
	background: url(images/headers/h1-aboutus.gif) no-repeat left top;
	text-indent: -1000px;	
	}	
	
h1.contactus {
	background: url(images/headers/h1-contactus.gif) no-repeat left top;
	text-indent: -1000px;	
	}		
	
h1.ourservices {
	background: url(images/headers/h1-ourservices.gif) no-repeat left top;
	text-indent: -1000px;
	
	}		
	
h1.ourcustomers {
	background: url(images/headers/h1-ourcustomers.gif) no-repeat left top;
	text-indent: -1000px;
	
	}		
	
h1.ourteam {
	background: url(images/headers/h1-ourteam.gif) no-repeat left top;
	text-indent: -1000px;
	
	}				
	
h1.careers {
	background: url(images/headers/h1-careers.gif) no-repeat left top;
	text-indent: -1000px;	
	}	

h1.arch-prac {
	background: url(images/headers/h1-arch-prac.gif) no-repeat left top;
	text-indent: -1000px;	
	}	
	
h1.architectureteambrief
{
	background: url(images/headers/h1-architectureteambrief.gif) no-repeat left top;
	text-indent: -1000px;	
}

h1.whatdowedo
{
	background: url(images/headers/h1-whatdowedo.gif) no-repeat left top;
	text-indent: -1000px;	
}

h1.whatweare
{
	background: url(images/headers/h1-whatweare.gif) no-repeat left top;
	text-indent: -1000px;	
}

h1.architecturecasestudies
{
	background: url(images/headers/h1-architecturecasestudies.gif) no-repeat left top;
	text-indent: -1000px;	
}


h1.business-analysis {
	background: url(images/headers/h1-business-analysis.gif) no-repeat left top;
	text-indent: -1000px;
	
	}				
	
h1.business-consulting {
	background: url(images/headers/h1-business-consulting.gif) no-repeat left top;
	text-indent: -1000px;	
	}		
	
h1.business-cont {
	background: url(images/headers/h1-business-cont.gif) no-repeat left top;
	text-indent: -1000px;	
	}
	
h1.executive {
	background: url(images/headers/h1-executive.gif) no-repeat left top;
	text-indent: -1000px;	
	}		
	
h1.prog-proj {
	background:   url(images/headers/h1-prog-proj.gif) no-repeat left top;
	text-indent: -1000px;
	
	}			
	
h1.infrastructure {
	background: url(images/headers/h1-infrastructure.gif) no-repeat left top;
	text-indent: -1000px;	
	}				
	
h1.apps-devt {
	background: url(images/headers/h1-apps-devt.gif) no-repeat left top;
	text-indent: -1000px;
	
	}						
	
h1.edrms {
	background: url(images/headers/h1-edrms.gif) no-repeat left top;
	text-indent: -1000px;	
	}	
	
h1.fmis {
	background: url(images/headers/h1-fmis.gif) no-repeat left top;
	text-indent: -1000px;
	
	}	
	
h1.voip {
	background: url(images/headers/h1-voip.gif) no-repeat left top;
	text-indent: -1000px;	
	}		
	
h1.itil {
	background: url(images/headers/h1-itil.gif) no-repeat left top;
	text-indent: -1000px;	
	}	
	
h1.quality {
	background: url(images/headers/h1-quality.gif) no-repeat left top;
	text-indent: -1000px;	
	}																									

h1.strategic-planning {
	background: url(images/headers/h1-strategic-planning.gif) no-repeat left top;
	text-indent: -1000px;	
	}				
	
h1.tech-writing {
	background: url(images/headers/h1-tech-writing.gif) no-repeat left top;
	text-indent: -1000px;	
	}		
	
h1.tech-acquisition {
	background: url(images/headers/h1-tech-acquisition.gif) no-repeat left top;
	text-indent: -1000px;	
	}	
	
h1.extranet {
	background: url(images/headers/h1-extranet.gif) no-repeat left top;
	text-indent: -1000px;
	
	}			

	

	
/*-------------------Links CSS-------------------*/

a:link {
	color: #2f98cc;
	text-decoration: none;
	border: none;
	}
	
a:visited {
	color:#2f98cc;
	text-decoration: none;
	}

a:hover {
	color:#2f98cc;
	text-decoration: underline;
	}
	
a:active {
	color: #000;
	text-decoration: none;
	}
	
a.link:link {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color: #2f98cc;
	padding: 0 0 0 12px;
	text-decoration: none;
	}

a.link:visited   {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color:#2f98cc;
	padding: 0 0 0 12px;
	text-decoration: none;
	}	
	
a.link:hover   {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color: #156085;
	padding: 0 0 0 12px;
	text-decoration: underline;
	}		
	
.ClientLink
{
	
}

.ClientImageOff
{
	border: solid 1px silver; 
	padding: 3px;
}

.ClientImageOn 
{
	border: solid 1px #2f98cc; 
	padding: 3px;
}

.ClientName
 {
	color: #2f98cc;
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 10px 10px 20px;
	padding: 0;
}



	
/*------------------- Our Team CSS-------------------*/
	
.team-pics-box {

   
	width: 120px;
	height: 12.7em;
	text-align: center;	
	line-height: 1.0em;
	float:left;	
	
	
	}
	
.team-pics-box-end 
{
	width: 120px;
	height: 12.7em;
	text-align: center;	
	line-height: 1.0em;
	float:left;
	
	}
	
.team-pics-box p {	
		
	width: 88px;
	padding: 10;
	margin: 0 0 20px 0;
	}

.team-pics {
	padding: 0px 0 0 0;	
	float:left;
	}	


	
.team-list 
{	
	width:25%;
	float:left;
	margin: 0 0 0 0;
	font-size:1em;
	}


/*------------------- Footer CSS-------------------*/
#footer 
{
	clear:both;
	float: left;
	width: 781px;
	height: 26px;
	color: #FFF;
	background-color: #000;	
	}	
 

#footer p {
	color: #FFF;
	padding: 7px 0 20px 0;
	margin: 0;
	font-size: 0.6em;
	}	
	
#footer .left {
	float: left;
	}		
	
#footer .right {
	float: right;
	color:#999;
	}	
	
#footer a {
	color: #FFF;
	}								



/* last */
.extralinks 
{
	clear:both;
	color: #FFF;
	background-color:#296b8c;
	font-size:0.8em;	
	font-weight:bold;	
	padding: 10px 0 10px 16px;	
	margin: 0; 
	}
	
.extralinks a:link, .extralinks a:visited, .extralinks a:hover {	
	color: #FFF;
	}
	
.extralinks a.current:link, .extralinks a.current:visited, .extralinks a.current:hover  {
	text-decoration: underline !important;
	}	

.resultex-button {
	background:  url(images/res_invo8_backgrd.gif) no-repeat left top;
	font-size:0.6em;	
	font-weight:bold;
	width: 215px;
	height: 58px;	
	color: #FFF;
	padding: 0 0 10px 0;
	margin: 0; 
	}
	
.resultex-button a:link, .resultex-button a:visited, .resultex-button a:hover {
	font-weight:bold;
	color: #FFF;
	}
	
.resultex-button p {
	padding: 10px 0 0 16px;
	margin: 0;
	color:#FFF;
	}

.logo
{	
	padding-top:40px;
	padding-left:45px;
	padding-bottom:40px;
}

/*------------------- MENU CSS-------------------*/


.VMMenuFull { 
	float: left;	
	padding-left:0px;
	font:"Trebuchet MS";
	font-size: 0.95em;
	font-weight:bold;
}

.VMMenuItem
{		
	background: transparent url(images/nav_btn_backgrd.gif) no-repeat top left;  
	height:38px;
	width:215px;		
}

/* second level container */
.VMMenuContainer
{
	background: #296b8c url(images/subnav-bg.jpg) no-repeat top left;  	
}

.VMMenuContainer .VMMenuItem
{
	background: transparent;
	border-bottom: 1px dotted #92c3df;	
}

/* third level container */
.VMMenuContainer .VMMenuContainer
{
	background: transparent url(images/subnav-bg.jpg) no-repeat top left;  
}

.VMMenuContainer .VMMenuContainer .VMMenuItem
{
	background: transparent;
	border-bottom: 1px dotted #92c3df;
}
/* end of third level container */


.VMMenuLink
{
	color:#FFF;
			
}

.VMMenuItem a:hover, .VMMenuItem a:active { 	
  	
  	color:#FFF;
	text-decoration:underline;
}

.VMMenuEnabled a 
{ 
	margin-top:7px;	
	float: left;  	
	color:#FFF;		
}

/* First Level Menu */
.VMMenuItem .VMMenuEnabled a {	padding-left: 15px; }
html>body .VMMenuItem .VMMenuEnabled a
{ 
	padding-left:15px;		
}


/* Second Level Menu */
.VMMenuContainer a,
.VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink 
{ 			
	
	font-size:0.85em;
	padding-left:15px;	
	display:block;		
	
	  
}

/* Third Level Menu */
.VMMenuContainer .VMMenuContainer a, 
.VMMenuContainer .VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink
{ 
	
	padding-left:25px;				
}


/* Forth Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuContainer a, 
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuActive 
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink
{  
	padding-left: 35px; 	
}


/* Selected Item Styles */
.VMMenuActive a {	
	padding-left:0px;		
}

.VMMenuActive {
	color: #FFF;
	padding: 7px;		
	padding-left:15px;	
	background: url(images/nav_btn_bg-current-short.gif) repeat-y top left;
}

/* Second Level Menu */
.VMMenuContainer .VMMenuActive a
{
	padding-left:0px;
	font-size:1em;
	text-decoration:underline;
	color: #FFF;		
}
.VMMenuContainer .VMMenuActive
{ 	
	font-size:0.75em;
	color: #FFF;	
	padding: 7px;
	padding-left:30; 
	text-decoration:underline; 
	background: url(images/nav_btn_bg-current-long-sub.gif) repeat-y top left;
	
}

/* Third Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuActive a
{
	padding-left:0px;
	font-size:1em;
	text-decoration:underline;
	color: #FFF;		
}
.VMMenuContainer .VMMenuContainer .VMMenuActive 
{
	font-size:0.75em;
	color: #FFF;		
	padding: 7px;
	padding-left:50;
	padding-bottom:0px;
	text-decoration:underline;
	background: url(images/nav_btn_bg-current-long-sub-sub.gif) repeat-y top left;
	
}

/* Fourth Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuActive 
{ 	
	padding: 7px;
	padding-left:60px; 
}


/* Selected item breadcrumb trail */
.VMMenuSelected a:link, .VMMenuSelected a:visited { 
	float: left;
	color: #FFF; 
	padding: 7px;
	padding-left:15px;
	background: url(images/nav_btn_backgrd.gif) repeat-y top left;
	
}
.VMMenuContainer .VMMenuSelected a:link, .VMMenuContainer .VMMenuSelected a:visited { 
	color: #FFF; 	
	padding: 7px;	
	padding-left:30px;
	background-image: none;		
	font-size:0.75em;
}
.VMMenuContainer .VMMenuContainer .VMMenuSelected a:link, .VMMenuContainer .VMMenuContainer .VMMenuSelected a:visited 
{
	color: #FFF; 	
	padding: 7px;		
	padding-left:50px;
	background-image: none;
}