﻿/* ################## HOLE PAGE ################## */
body {
	background: #00254c url("images/css/siteBackground.png") repeat-x; 
	color: #000000; 
	padding: 0px;
	margin: 0px; 
	text-align: center;
	font-family: Verdana, Sans-Serif;
	font-size: 1em;
}
	
div#main {
	width: 922px; 
	margin: auto;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	position: relative ;
}

p {
	color: #595e61;
	font-size: 0.8em;
	line-height: 1.1em;
}

form {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

input {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

span {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

li {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

ul {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

h5 {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

h4 {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

h3 {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

h2 {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

h1 {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

div {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

.intext {
	margin: 5px 0px 5px 15px;
}

.intext li{
	color: #595e61;
	font-size: 0.65em;
	line-height: 1.8em;
}

.special li {
	font-size: 0.6em;
}

.intext2 li{
	color: #595e61;
	font-size: 1em;
	line-height: 1.4em;
}

.centerColumn2 {
	padding-bottom: 10px;	
}

.hidden {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.stdPadding {
	margin: 0px 20px 0px 20px;
}

/* ################## LOGO AND H1 ################## */
#header #logoEnvelope { padding:0px 0px 10px 24px; }
#header #logo { position:relative; width:147px; height:58px; overflow:hidden; top: 3px; }
#header #logo span { display:block; position:absolute; top: 0px; left: 0px; z-index:1; width:147px; height:58px; background:url('images/css/logo.png') no-repeat 0 0;
}

/* ################## MAIN MENU AND SUBMENU, MIDDLE MENU ################## */
div.menus { background: #ffffff 0px 0px repeat; }
div.menus ul { padding: 0px 10px 0px 10px; }
div.menus ul li { float: left; list-style-type: none; }
div.menus ul a:visited { float: left; font-size: 0.65em; font-weight: normal; text-decoration: none; color: #ffffff; }
div.menus ul a:link { float: left; font-size: 0.65em; font-weight: normal; text-decoration: none; color: #ffffff; }
div.menus ul a:hover { color: #ffffff; }
div.menus ul a:visited.active { color: #ffffff; }
div.menus ul a:link.active { color: #ffffff; }
div.menus ul li.last a { background: none; padding-right: 10px; } 
span.clearer { clear: both; display: block; font-size: 0.01em; width: 0px; height: 0px; }

#mainMenu { background-image: url("images/css/menu_background.png"); }
#mainMenu ul a:visited { text-transform: uppercase; padding: 8px 13px 7px 13px; background: url("images/css/menu_delimiter.png") right top no-repeat; }
#mainMenu ul a:link { text-transform: uppercase; padding: 8px 13px 7px 13px; background: url("images/css/menu_delimiter.png") right top no-repeat; }
#mainMenu ul li.last a { background: none; padding-right: 0px; }
#mainMenu ul li a:active { background: url("images/css/topMenuActiveBackground.png") right top no-repeat; }
#subMenuAbout { display: none; }

#middleMenu { background-image: url("images/css/menu2_background.png"); text-align: center; line-height:0.7em; }
#middleMenuUl {
	margin: 0px;
	padding:0px;
}
#middleMenuUl a:visited { font-size: 0.77em; padding: 14px 32px 14px 32px; background: url("images/css/menu2_delimiter.png") left top no-repeat; }
#middleMenuUl a:link { font-size: 0.77em; padding: 14px 32px 14px 32px; background: url("images/css/menu2_delimiter.png") left top no-repeat; }
#middleMenuUl a span { color: #f4bd49; font-size: 0.75em; }
#middleMenuUl a:hover { background: url("images/css/topMenuActiveBackground2.png") right top repeat-x; }
#middleMenuEnder { background: url("images/css/menu2_delimiter.png") right top no-repeat; width: 706px; margin: auto; text-align: left; }

/* ################## PAGE TITLE ################## */
div.pageTitle { position:relative; width:882px; overfow:hidden; margin: 0px 20px 0px 20px; padding: 0px;}
div.pageTitle span { display:block; position:absolute; left:0px; top:0px; z-index:1; width:882px;  }
div.pageTitle a { display: block; width:84px; height:24px; z-index:2; position: absolute; }
div.pageTitle h2 { color: #ffffff; }

#pageLeadershipTitle {height: 122px;}
#pageLeadershipTitle span {height:122px; background:url("images/css/leadershipTitle.jpg") 0 0 no-repeat; z-index: 1; }

#pageAboutTitle {height: 122px;}
#pageAboutTitle span {height:122px; background:url("images/css/aboutTitle.jpg") 0 0 no-repeat; z-index: 1; }

#pageStaffTitle {height: 122px;}
#pageStaffTitle span {height:122px; background:url("images/css/StuffTitle.jpg") 0 0 no-repeat; z-index: 1; }

#pageSupportTitle {height: 122px;}
#pageSupportTitle span {height:122px; background:url("images/css/h_support.jpg") 0 0 no-repeat; z-index: 1; }


/* ################## SEARCH ################## */
#search { position: absolute; top: 37px; left: 662px; line-height:15px; }
#search div.input { float: left; padding-right: 4px; background: url("images/css/searchBar_Background.png") 0 0 no-repeat; padding: 3px 2px 2px 2px; margin-right: 3px; }
#searchInput { width: 176px; height: 16px; }
#search div.button { float: left; background: url("images/css/searchButton_Background.png") 0 0 no-repeat; padding: 1px 1px 1px 1px; }
#searchButton { text-transform: uppercase; font-size: 0.6em; height: 19px; width: 55px; background: none; }

/* ################## CHAT ################## */
#liveChat { position: absolute; top: 10px; left: 450px; width: 170px; }
#liveChat a { display: block; text-decoration: none; }
#liveChat a:hover #liveChatTitle { color: #f3bd48; }
#liveChatLogo { height:33px; }
#liveChatImage { display: block; width: 19px; height: 39px; background: url("images/css/liveChat_Person.png") 0 0 no-repeat; }
#liveChatTitle { display: block; padding-left: 9px; background: url("images/css/liveChat_Arrow.png") 0 1px no-repeat; text-transform: uppercase; color: #002e5f; font-size: 0.6em; position: absolute; top: 8px; left: 24px; overflow: hidden; height: 16px; cursor: pointer; }
#liveChatTime { display: block; text-transform: uppercase; color: #58595b; font-size: 0.6em; position: absolute; top: 21px; left: 24px; height: 16px; overflow: hidden; cursor: pointer; }

/* ################## LASTEST NEWS ################## */
#lastestNews { position: relative; }
#lastestNewsTitle { padding: 10px 0px 9px 8px; background: url("images/css/lastesNews_Background.png") 0px 0px repeat; border: 0px none #FFFFFF; float: left; }
#lastestNewsTitle h2 { width: 89px; text-transform: uppercase; font-weight: bold; font-size: 0.6em; color: #3c4544; }

#lastestNewsContent { margin-left: 0px; width: 785px; /*background-image: url("./images/css/lastesNews_text_Background.png"); */ overflow: hidden; height: 25px;}
#lastestNewsContent ul a:visited { font-size: 0.55em; color: #595e61; padding: 11px 7px 8px 7px; background: url("images/css/lastesNews_delimiter.png") right 10px no-repeat; }
#lastestNewsContent ul a:link { font-size: 0.55em; color: #595e61; padding: 11px 7px 8px 7px; background: url("images/css/lastesNews_delimiter.png") right 10px no-repeat; font-weight:bold; }
#lastestNewsContent ul a:hover { color: #595e61; }
#lastestNewsContent ul a:visited.active { color: #595e61; }
#lastestNewsContent ul a:link.active { color: #595e61; }
#lastestNewsContent ul li.last a { background: none; padding-right: 0px; }


/* ################## FOOTER ################## */
#footer { width: 922px; margin: auto; padding: 1px 0px 1px 0px; text-align: center; position: relative; }
#footerPartners { background-color: #c9d3dd; width: 922px; height: 42px; }
#footerPartners a { display: block; float: left; padding: 3px 18px 0px 16px; }
#footerMorePartners { font-size: 0.6em; text-transform: uppercase; color: #888f97; text-decoration: none; position: absolute;	width: 70px; background: url("images/css/partnersArrow.png") 48px 6px no-repeat; top: 7px; left: 826px; float: none; padding: 0px; }

#footerCopy { color: #58718c; font-size: 0.6em; margin-top: 10px; }

#footerMenu { margin-top: 20px; }
#footerMenu ul a:visited { font-size: 0.6em; color: #58718c; padding: 0px 4ex 15px 0px; position: relative; left:-31px;}
#footerMenu ul a:link { font-size: 0.6em; color: #58718c; padding: 0px 4ex 15px 0px; position: relative; left:-31px;}
#footerMenu ul a:hover { color: #3d5875; }

#footerMenu ul a:visited.active { color: #3d5875; }

#footerMenu ul a:link.active { color: #3d5875; }

#footerFavourite { position:absolute; top:58px; left:797px; width:125px; background:transparent url(images/addthis-button.gif) no-repeat scroll 0 0; padding-left:20px; }
#footerFavourite a { font:normal normal bold 10px Verdana, sans-serif; height: 16px; padding-top: 0; color: #3d5875; float:left; }
#footerFavourite a:hover { color:#3D5875; }
#footerFavourite a:visited { color:#58718C; }

/* ################## FOOTER MAIN PAGE ################## */
#footerPartnersInner { margin-left: 212px; }
#footerPartners a.mainPage { padding: 3px 12px 0px 12px; width: 110px; }
#footerCopy.mainPage { position: absolute; top: 46px; left: 280px; }
#rightRag { position: absolute; top: 0px; left: 711px; width: 100px; height: 100px; background: url("images/css/rightRag.png") no-repeat; }
#leftRag { position: absolute; top: 0px; left: 142px; width: 100px; height: 100px; background: url("images/css/leftRag.png") no-repeat; }

/* ################## CONTENT MAIN PAGE ################## */
#content { width: 882px; height: 209px; position: relative; background: #ffffff url("images/css/mainPageImage.png") no-repeat; }
#content div.mainPageContent a { text-decoration: none; }
#content div.mainPageContent { text-align: center; width: 200px; position: absolute; }
#content div.mainPageContent h3 { text-transform: uppercase; display: block; font-size: 1.6em; font-weight: bold; }
#content div.mainPageContent h3 span { text-transform: none; display: block; font-size: 0.5em; font-weight: normal; }
#content div.mainPageContent span { font-size: 0.7em; font-weight: bold; color: #111111; text-decoration: none; }
#content div.mainPageContent p { font-size: 0.65em; margin: 10px 0px 0px 0px; color: #000000; line-height: 1.3em; }
#content div#strategic h3 { color: #ffffff; }
#content div#tactical h3 { color: #ffffff; }
#content div#strategic h3 span { color: #ffffff; }

#content div#tactical h3 span { color: #ffffff; }

div#tactical { left: 28px; top: 26px ;}
div#operational { left: 340px; top: 21px; }
div#strategic { left: 650px; top: 26px; }

#content2 { position: relative; }
#content2 h3 { color: #00457c; font-size: 1.2em; }
#content2 p { font-size: 0.63em; line-height: 1.8em; }

div.twoColumns div.leftColumn { float: left; width: 461px; }
div.twoColumns div.leftColumn  div.leftColumnInner { padding: 20px 20px 10px 20px; }
div.twoColumns div.rightColumn { width: 461px; margin-left: 461px; }
div.twoColumns div.rightColumn  div.rightColumnInner { padding: 20px 20px 10px 10px; }

div.hrbko {
	background-color: #948989;
	margin: 0px 20px 0px 20px;
	height: 1px;
}

div.threeColumns {
	margin-top: 20px;
}

div.threeColumns div.leftBigger {
	width: 694px;
	float: left;
}
div.threeColumns div.rightColumn {
	width: 228px;
	margin-left: 694px;
}

div.threeColumns div.centerColumn {  
	width: 470px;
	float: right;
}

div.threeColumns div.centerColumn2 {  
	width: 450px;
	float: right;
}

div.threeColumns div.centerColumn div.centerColumnInner {
	padding: 0px 26px 0px 26px;
}
div.threeColumns div.leftColumn {
	width: 224px;
}
div.threeColumns div.leftColumn div.leftColumnInner {
	position: relative;
}
div.threeColumns div.leftColumn div.leftColumnInner div.wrapperTop{
	background: #ffffff url("images/css/OnocLeftTopBackground.png") left top no-repeat;
	padding: 0px 18px 0px 32px;
	height: 337px;
	overflow: hidden;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperTop h3 {
	font-size: 0.8em;
	color: #00457c;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 5px 0px;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperTop p {
	font-size: 0.55em;
	color: #00457c;
	line-height: 1.4em;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

a#itConsultingButton {
	display: block;
	background: #ffffff url("images/css/OnocITConsultingButton.png") left top no-repeat;
	height: 28px;
	width: 90px;
	overflow: hidden;
	text-decoration: none;
	font-size: 0.6em;
	font-weight: bold;
	color: #00457c;
	position: absolute;
	top: 121px;
	left: 69px;
}
a#itConsultingButton span {
	display: block;
	padding: 6px 0px 0px 14px;;
	
}

a#onocButton {
	display: block;
	background: #ffffff url("images/css/OnocOnocButton.png") left top no-repeat;
	height: 28px;
	width: 90px;
	overflow: hidden;
	text-decoration: none;
	font-size: 0.6em;
	font-weight: bold;
	color: #966303;
	position: absolute;
	top: 285px;
	left: 69px;
}
a#onocButton span {
	display: block;
	padding: 6px 0px 0px 14px;;
	
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperTop h3#onocServicesH3 {
	margin-top: 65px;
	color: #966303;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperTop p#onocServicesP {
	color: #966303;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom {
	background: #ffffff url("images/css/OnocLeftBackground.png") left top repeat-y;
	margin: 0px 6px 0px 19px;
	padding: 10px 20px 10px 22px;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom h3 {
	color: #966303;
	font-size: 0.9em;
	border-bottom: 1px solid #966303;
	padding: 0px 0px 2px 4px;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom ul{
	font-size: 0.7em;
	margin: 5px 0px 15px 5px;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom li {
	list-style:  none;
	padding: 2px 0px 2px 0px;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom li a {
	text-decoration: none;
	color: #966303;
}

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.bottomShape {
	background: #ffffff url("images/css/OnocLeftBottomShadow.png") left top repeat-x;
	height: 6px;
	margin:0px 5px 0px 18px;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner span.dateTime {
	font-size: 0.6em;
	color: #595e61;
	display: block;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner h4 {
				color: #7690ff;
				font-size: 1.2em;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner div.subscription {
	font-size: 0.6em;
	color: #595e61;
	display: block;
	padding: 10px 0px 40px 0px;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner div.subscription a {
	font-weight: bold;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner div.subscription img {
	position: relative;
	top: 8px;
	left: 5px;
}

#content2 div.threeColumns div.centerColumn div.centerColumnInner span.subscription a {
	color: #3a6f8f;
	font-weight: bold;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.topShape {
	background: #ffffff url("images/css/OnocRightShadow.png") left top repeat-y;
	margin: 0px 6px 0px 19px;
	padding: 0px 20px 0px 22px;
	height: 9px;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper {
	background: #ffffff url("images/css/OnocRightBackground.png") left top repeat-y;
	margin: 0px 6px 0px 19px;
	padding: 10px 20px 10px 22px;
	
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.bottomShape {
	background: #ffffff url("images/css/OnocRightBottomShadow.png") left top repeat-y;
	margin: 0px 6px 0px 18px;
	padding: 0px 20px 0px 22px;
	height: 6px;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper h3 {
	color: #00457c;
	font-size: 0.9em;
	border-bottom: 1px solid #00457c;
	padding: 0px 0px 2px 4px;
	margin-right: 8px;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper ul{
	font-size: 0.7em;
	margin: 5px 0px 15px 5px;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper li {
	list-style:  none;
	padding: 2px 0px 2px 0px;
}

#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper li a {
	text-decoration: none;
	color: #00457c;
}

div#citeWrapper {
	margin: 20px 14px 0px 19px;
	border-left: 1px solid #94989a;
}

div#citeWrapper.citeNonBorder {
	border-left: 0px none white;
	margin-left: 7px;
}

p#cite {
	padding: 0px 20px 0px 20px;
	font-style: italic;
}

p#subscr {
	padding: 0px 20px;
	font-style: italic;
	font-weight: bold;
	height:16pt; 
}

p#subscr2 {
	padding: 0px 20px 20px 20px;
	font-style: italic;
	font-weight: bold;
}


div#rag {
	position: absolute;
	left: -24px;
	top: 109px;
	width: 24px;
	height: 48px;
	background: transparent url("images/css/OnocLeftSideRightRag.png") left top no-repeat;
}


div#featureLeftColumn { margin: 2px 0px 0px 20px; width: 204px;  }
div#featureLeftColumn ul li {list-style-type: none; padding: 7px 0px 6px 0px; background: #ffffff url("images/css/LeadershipSubmenuBackground.png") left top repeat-x; display: block; }
div#featureLeftColumn ul li:hover { background-image: url("images/css/LeadershipSubmenuBackgroundActive.png"); }
div#featureLeftColumn ul li a { display: block; padding: 0px 0px 0px 25px; font-size: 0.7em; color: #ffffff; text-decoration: none; height: 17px; }
div#featureLeftColumn ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow.png") 8px 3px no-repeat; }
div#featureLeftColumn img { margin: 30px 0px 0px 35px; }
.datacenterPage div#featureLeftColumn ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow1.png") 8px 3px no-repeat; }
.systemIntegrationPage div#featureLeftColumn ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow2.png") 8px 3px no-repeat; }
.miscelaneousSectionPage div#featureLeftColumn ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow3.png") 8px 3px no-repeat; }
.itconsultingPage div#featureLeftColumn ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow4.png") 8px 3px no-repeat; }

/* ################## CONTENT MAIN PAGE - TEAM LEADERSHIP ################## */
div.leftColumnSide { width: 228px; float: left; }
div.leftColumnSide div.leftColumnSideInner { margin: 20px 20px 0px 20px; }
div.leftColumnSideInner ul li { list-style-type: none; padding: 7px 0px 6px 0px; background: #ffffff url("images/css/LeadershipSubmenuBackground.png") left top repeat-x; display: block; }
div.leftColumnSideInner ul li:hover { background-image: url("images/css/LeadershipSubmenuBackgroundActive.png"); }
div.leftColumnSideInner ul li a { display: block; padding: 0px 0px 0px 25px; font-size: 0.7em; color: #ffffff; text-decoration: none; height:17px; }
div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow.png") 8px 3px no-repeat; }
div.rightColumnSide { margin-left: 230px; }
div.rightColumnSide div.rightColumnSideInner { margin: 0px 20px 0px 0px; padding: 20px 10px 10px 0px; position: relative; }
div.singleLeader { margin-top: 20px; }
div.singleLeader h4 { color: #bf8914; font-style: italic; font-weight: normal; font-size: 0.9em; padding-left: 110px; }
div.singleLeader p { padding: 0px 10px 0px 0px; }
div.singleLeader img { width: 100px; height: 100px; background-color: #cccccc; float: left; margin-right: 10px; }
.datacenterPage div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow1.png") 8px 3px no-repeat; }
.systemIntegrationPage div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow2.png") 8px 3px no-repeat; }
.miscelaneousSectionPage div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow3.png") 8px 3px no-repeat; }
.itconsultingPage div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow4.png") 8px 3px no-repeat; }

h3#ourStaffH3 {
	margin-bottom: 20px;
}
h3#ourStaffH3 span {
	font-weight: normal;
}

h4#ourStaffH4 {
	color: #00457c;
	padding-bottom: 8px;
	font-size: 0.9em;
	margin-left: 120px;
}

p#ourStaffP {
	padding-top: 0px;
	margin-top: 0px;
}

div.ourStaffPhotoDescr {
	color: #51bb2d;
	font-style: italic;
	margin: 30px 0px 30px 0px;
}

img.staffPhoto {
	float: left;
	margin-right: 20px;
	margin-top: 60px;
}

div.staffInfo {
	font-size: 0.6em;
	line-height: 1.8em;
	color: #595e61;
	margin-left: 120px;
}

div.staffInfo span.bold {
	font-weight: bold;
}

img#ourPeopleImg {
	margin-left: 110px;
}






div.define div.leftColumnSideInner { margin: 10px 20px 0px 20px; }
div.define div.leftColumnSideInner ul { margin: 0px; padding: 0px; min-height: 180px; }
div.define div.leftColumnSideInner ul li { list-style-type: none; padding: 7px 0px 6px 0px; background: #ffffff url("images/css/DefineSubmenuBackground.png") left top repeat-x; display: block; margin: 0px; }
div.define div.leftColumnSideInner ul li:hover { background-image: url("images/css/DefineSubmenuBackgroundActive.png"); }
div.define div.leftColumnSideInner ul li a { display: block; font-size: 0.7em; color: #ffffff; text-decoration: none; padding: 0px 25px; text-align:center; height: 30px; }
div.define div.leftColumnSideInner ul li:hover a { background: transparent url("images/css/LeadershipSubmenuArrow.png") 8px 9px no-repeat; }

div.defineRightColumn {
	width: 230px;
	height: 508px;
	overflow: hidden;
	float: right;
	position: relative;
	left: 30px;
	background: transparent url('images/css/DefineRightColumn.png') top left no-repeat;
}

div.defineRightColumn a.getSupportNow {
	display: block;
	width: 115px;
	height: 23px;
	position: absolute;
	top: 124px;
	left: 44px;
}

div.puzzleOnoc {
	position: absolute; 
	width: 150px;
	height: 150px;
	top: 198px;
	left: 35px;
	color: #966303;

}

div.puzzleItConsulting {
	position: absolute; 
	width: 150px;
	height: 150px;
	top: 198px;
	left: 35px;
	color: #966303;

}

div.puzzleOnoc {
	top:338px;
}

#content2 div.puzzleOnoc h3 {
	font-size: 0.7em;
	color: #966303 !important;
	text-align: center;
}

#content2 div.puzzleItConsulting h3 {
	font-size: 0.7em;
	color: #966303 !important;
	text-align: center;
}
#content2 div.puzzleOnoc h3 {
	color: #00457c !important;
}
#content2 div.puzzleOnoc p {
	font-size: 0.6em;
	line-height: 1.1em;
	color: #966303;
	position: relative;
	top: -4px;
	text-align: center;
}
#content2 div.puzzleItConsulting p {
	font-size: 0.6em;
	line-height: 1.1em;
	color: #966303 !important;
	position: relative;
	top: -4px;
	text-align: center;
}
#content2 div.puzzleOnoc p {
	color: #00457c;
}

a#puzzleItConsultingButton {
	display: block;
	width: 83px;
	height: 23px;
	position: absolute;
	top: 280px;
	left: 61px;
}
a#puzzleOnocButton {
	display: block;
	width: 83px;
	height: 23px;
	position: absolute;
	top: 429px;
	left: 60px;
}
a#puzzleOnocButton span {
	display: none;
}

a#puzzleItConsultingButton span {
	display: none;
}

div#featureImgWrapper div.defineRightColumn {	
	left: 32px;
	*left: 30px;
}

#content2 p.firstP {
	font-size: 0.8em;
	line-height: 1.5em;
}

h4.define {
	color: #f7873a;
}


#featureImgWrapper {
	position: relative;
	left: -32px;
	padding-bottom: 0px;
}

#featureImgWrapper img.defineRightColumn {
	float: none;
}

#content2 p.feature {
	margin-top: 0px;
	padding-top: 0px;
}


h4.feature {
	color: #f7873a;
	
}

div#ratRags {
	width: 22px;
	height: 354px;
	position: absolute; top: 105px; left: 260px;
	background: #ffffff url("images/css/rags.png") 0 0 no-repeat;
}
div#ratRags.feature {
	top: 139px;
}

div#ratRags2 {
	width: 22px;
	height: 354px;
	position: absolute; top: 125px; left: 692px;
	background: #ffffff url("images/css/rags.png") 0 0 no-repeat;
}

#pageIndexTitle { position:relative; width:882px; height:222px; overflow:hidden; margin: 0px 20px 0px 20px; padding: 0px;}
#pageIndexTitle span.p1 { display:block; position:absolute; left:0px; top:0px; z-index:1; width:882px; height:223px; background:url("images/css/h_main1.jpg") 0 0 no-repeat; }
#pageIndexTitle span.p2 { display:block; position:absolute; left:0px; top:0px; z-index:1; width:882px; height:223px; background:url("images/css/h_main2.jpg") 0 0 no-repeat; }
#pageIndexTitle span.p3 { display:block; position:absolute; left:0px; top:0px; z-index:1; width:882px; height:223px; background:url("images/css/h_main3.jpg") 0 0 no-repeat; }

#pageDefineTitle {height: 222px;}
#pageDefineTitle span.p1 {height:223px; background:url("images/css/h_consulting1.jpg") 0 0 no-repeat; z-index: 1; }
#pageDefineTitle span.p2 {height:223px; background:url("images/css/h_consulting2.jpg") 0 0 no-repeat; z-index: 1; }
#pageDefineTitle span.p3 {height:223px; background:url("images/css/h_consulting3.jpg") 0 0 no-repeat; z-index: 1; }

#pageFeatureTitle {height: 222px;}
#pageFeatureTitle span.p1 {height:223px; background:url('images/css/h_integration1_old.jpg') no-repeat 0 0; 
z-index: 1; }
#pageFeatureTitle span.p2 {height:223px; background:url("images/css/h_integration2.jpg") 0 0 no-repeat; z-index: 1; }
#pageFeatureTitle span.p3 {height:223px; background:url("images/css/h_integration3.jpg") 0 0 no-repeat; z-index: 1; }

#pageOnocTitle {height: 222px;}
#pageOnocTitle span.p1 {height:222px; background:url("images/css/h_onoc1.jpg") 0 0 no-repeat; z-index: 1; }
#pageOnocTitle span.p2 {height:222px; background:url('images/css/h_onoc2_old.jpg') no-repeat 0 0; 
z-index: 1; }
#pageOnocTitle span.p3 {height:222px; background:url("images/css/h_onoc3.jpg") 0 0 no-repeat; z-index: 1; }

#content2 div.threeColumns div.leftColumn div.leftColumnInner div.wrapperBottom li a.underlined:hover { text-decoration: underline; }
#content2 div.threeColumns div.rightColumn div.rightColumnInner div.wrapper li a.underlined:hover { text-decoration: underline; }


div#mainMenu li { background-image: url("images/css/menu_background.png"); }
div#mainMenu li:hover { background: transparent url("images/css/topMenuActiveBackground.png") 0 0 repeat-x; }
div#mainMenu ul { padding: 0px; }
div#mainMenu li.first { padding-left: 10px; }
div#mainMenu li.last { padding-right: 10px; }

#content2 ul {
	 padding-left: 1em; 
}

.twoColumns a {
	color: 	#00457c;
}

.twoColumns a:hover {
	color: 	#00457c;
}

.twoColumns a:active {
	color: 	#00457c;
}

.twoColumns a:link {
	color: 	#00457c;
}
a.titlebackgroundbutton {
	display: block;
	width: 100px;
	height:20px;
}

div#stuffDivMap {
	position:absolute;
	top:60px;
	left:0px;
	width: 650px;
	height:130px;
	overflow:hidden;
}

div.stuffDivMapItem {
	position:absolute;
	top:0px;
	width:32px;
	height: 130px;
	cursor: pointer;
}

div#stuffBubbleSpan {
	display:block;
	visibility:hidden;
	width:133px;
	height:46px;
	position:absolute;
	background: transparent url("images/css/staffBubble.png") top left no-repeat;
	top:18px;
	left: -90px;
	text-align:center;
}
div#stuffBubbleDiv {
	font-size:0.7em;
	padding: 7px;
}

div.socialNetworkLogo {
	 top: 15px; position:absolute;
}

div.socialNetworkLogo a {
	padding: 0; 
	text-decoration:none;
}

div.socialNetworkLogo img{
	vertical-align: middle; padding-bottom: 5px; width:16px; height:16px;
}

.itconsultingPage h3, .itconsultingPage h4, .itconsultingPage h5, .itconsultingPage h6 { color: #f6883d !important; }
.datacenterPage h3, .datacenterPage h4, .datacenterPage h5, .datacenterPage h6   { color: #52be2d !important; }
.systemIntegrationPage h3, .systemIntegrationPage h4, .systemIntegrationPage h5, .systemIntegrationPage h6 { color: #7690ff !important; }
.miscelaneousSectionPage h3, .miscelaneousSectionPage h4,.miscelaneousSectionPage h5, .miscelaneousSectionPage h6 { color: #558cc2 !important; }
div.testimonialSection p span {
	line-height: 2em;
	font-size: 0.85em;
}

.miscelaneousSectionPage a { color:#558CC2; }

div.testimonialSection p span br { margin-bottom: 20px; }

div.testimonialSection hr {	border-color:#9CBDDC; border-top:1px none #9CBDDC; margin:20px 30px 0 20px; }

div p.bigP { font-size: 1.1em !important; line-height: 1.4em !important; }

div.testimonialSection div.submitTestimonial { background:transparent url(images/feedback_box_only.png) no-repeat scroll 0 0; height:80px; padding-left:30px; padding-top:23px; }

div.envelopeSpace { background:transparent url(images/feedback_icon_only.png) no-repeat scroll 0 0; float:left; height:42px; margin-top:-8px; width:40px; } 

div.titleSpace { background:transparent url(images/feedback_title_text.png) no-repeat scroll 0 0; float:left; height:42px; margin-left:5px; width:140px; }

div.detailsSpace { color:#558CC2; float:left; font-size:0.7em; width:290px; }

a.submitSpace { background:transparent url(images/submit_button.png) no-repeat scroll 0 0; float:left; height:42px; margin-left:25px; margin-top:-3px; width:100px; }

a.submitSpace:hover { background:transparent url(images/submit_button_over.png) no-repeat scroll 0 0; }

span.viewCaseStudyLink { background: transparent url(images/view_case_study_icon.jpg) no-repeat scroll 0pt 0pt; position: absolute; width: 125px; text-align: right; right: 15px; line-height: 25px !important; }

span.viewCaseStudyLink a { color:#558CC2; }

div#supportOptionsSection { padding: 10px 20px; width:340px; }

div#supportOptionsSection li { list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:20px; padding-left: 45px; line-height: 35px; }

div#supportOptionsSection li a { text-decoration:underline; }

div#supportOptionsSection ul { margin-left:20px; margin-top:30px; }

div#headquartersSection { margin-right:25px; margin-bottom: 5px; background-color: #C9D3DD; padding: 15px; width:170px; float:right; color:#558CC2; }

div#headquartersSection img { margin: 5px auto; }

div#headquartersSection h6 { margin-bottom:0; margin-top:0; }

div#headquartersInformation p, div#headquartersInformation ul { color:#558CC2; font-size:0.65em; }

div#headquartersInformation li { list-style:none; }

div#headquartersInformation ul { padding-left:0; }

span.location { font-weight:bold; width:78px; float:left; }

div.locationActions a {	font-size:.7em; }

