/*FlexiWeb Style File - Created 18-01-2012
Menus Section
*/
.services {
	position: absolute;
	left: 15px;
	top: 245px;
	width : 200px;
	z-index: 90;
	text-align: left;
}
#services, #services ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 200px;
	}
	
#services li { /* all list items */
	float : left;
	width: 200px;
	position : relative;
	line-height : 28px;
	margin-bottom : -1px;
}
	
#services li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#services li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#services li a {
	width: 200px;
	display : block;
	color : #051843;
	font-weight : normal;
	font-size : 16px;
	text-decoration : none;
	z-index: 90;	
}	
	width:100px;		
}
#services li:hover ul ul, #services li:hover ul ul ul, #services li.sfhover ul ul, #services li.sfhover ul ul ul {
	left: -999em;
}
#services li:hover ul, #services li li:hover ul, #services li li li:hover ul, #services li.sfhover ul, #services li li.sfhover ul, #services li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#services li a:hover {
	color : #051843;
	background: url(images/menu_arrow.gif) no-repeat right;
}
#services li:hover, #services li.hover {
    position:static;
} 

.solutions {
	position: absolute;
	left: 15px;
	top: 245px;
	width : 200px;
	z-index: 90;
	text-align: left;
}
#solutions, #solutions ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 200px;
	}
	
#solutions li { /* all list items */
	float : left;
	width: 200px;
	position : relative;
	line-height : 28px;
	margin-bottom : -1px;
}
	
#solutions li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#solutions li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#solutions li a {
	width: 200px;
	display : block;
	color : #051843;
	font-weight : normal;
	font-size : 16px;
	text-decoration : none;
	z-index: 90;	
}	
	width:100px;		
}
#solutions li:hover ul ul, #solutions li:hover ul ul ul, #solutions li.sfhover ul ul, #solutions li.sfhover ul ul ul {
	left: -999em;
}
#solutions li:hover ul, #solutions li li:hover ul, #solutions li li li:hover ul, #solutions li.sfhover ul, #solutions li li.sfhover ul, #solutions li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#solutions li a:hover {
	color : #051843;
	background: url(images/menu_arrow.gif) no-repeat right;
}
#solutions li:hover, #solutions li.hover {
    position:static;
} 
/*FlexiWeb Style File - Created 18-01-2012
Elements Section
*/
body {
margin: 0px;
}
.maincontent {
z-index: 10;
position: absolute;
left: 280px;
top: 210px;
width: 640px;
padding: 5px 0px 0px;
text-align: left;
line-height:16px;
}
.maincontent a {
color: #567EB9;
}
.maincontent a:visited {
color: #567EB9;
}
.maincontent a:hover {
color: #051843;
}
table {
font-size: 100%;
}
p {
margin: 0px 0px 8px 0px;
}
.outerdiv {
height: auto;
border-top: 8px solid #c8cbcc;
border-bottom: 50px solid #051843;
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
margin: 30px 0px 0px;
background:#f7f7f7 url(images/bodybg.gif) repeat-x top;
}
.containerdiv {
background-color: #f9f9f9;
z-index: 1;
position: relative;
left: 0px;
top: 0px;
height: 900px;
width: 960px;
padding: 0px 0px 180px 0px;
border-left: 1px solid #e4e8ea;
border-right: 1px solid #e4e8ea;
}
h2 {
font-size: 18px;
color: #567EB9;
margin: 0px 0px 10px 0px;
font-weight:normal;line-height:22px;
}
h3 {
font-size: 16px;
color: #567eb9;
margin: 0px 0px 10px 0px;
font-weight:normal;
}
h4 {
font-size: 16px;
margin: 0px 0px 10px 0px;
font-weight:normal;
}
a img {
border: none;
}
h1 {
font-size: 22px;
color: #051843;
margin: 0px 0px 12px 0px;
font-weight:normal;line-height:26px;
}
.logo {
z-index: 5;
position: absolute;
left: 10px;
top: 18px;
}
.topmenu {
position: absolute;
top: -38px;
font-size: 17px;
right:0px;
}
.footer {
position: absolute;
left: 0px;
width: 100%;
font-size: 11px;
color: #FFF;
bottom:-40px;
}
.footer a {
color: #FFF;
}
.footer a:visited {
color: #FFF;
}
.header-home {
z-index: 1;
position: absolute;
left: -61px;
top: 0px;
height: 310px;
width: 961px;
padding: 1px 136px 0px 62px;
background:url(images/header_home.jpg) no-repeat top left;

}
#indexbody {
background:#f7f7f7 url(images/indexbodybg.gif) repeat-x top;
}
.robot-left {
position: absolute;
left: -98px;
top: 340px;
}
.no-margin {
margin: 0px;
}
.cms_logos {
position: absolute;
left: 15px;
top: 130px;
width: 925px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #c4c8c9;
}
.cms_logos img {
margin: 0px 10px;
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter:alpha(opacity=50);
}
.cms_logos img:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter:alpha(opacity=100);
}
.column-home {
height: 250px;
width: 194px;
padding: 0px 20px;
float:left;
border-left: 1px solid #c4c8c9;
}
#column-home1 {
border-left:none;
}
.clear {
clear:both;
}
.service-wheel-home {
position: absolute;
left: 20px;
top: 683px;
width: 432px;
padding: 20px 255px 20px 238px;
border-top: 1px solid #c4c8c9;
}
.flex4-news {
position: absolute;
top: 703px;
width: 220px;
padding: 190px 0px 0px;
text-align: left;
background: url(images/robot_news.jpg) no-repeat top;
right:20px;
}
.flex4-news-content {
background-color: #FFF;
padding: 0px 10px 20px 10px;
border:1px solid #c4c8c9;
border-top:none;
}
.services-text-home {
position: absolute;
left: 20px;
top: 703px;
width: 204px;
text-align: left;
}
.services-text-home a {
color: #567EB9;
}
.services-text-home a:visited {
color: #567EB9;
}
.services-text-home a:hover {
color: #051843;
}
#indexcontainerdiv {
height: 660px;
padding: 0px 0px 670px 0px;
}
.flex4-news ul {
padding: 0px;
margin: 0px;
}
.flex4-news li {
padding: 0px;
margin: 0px 0px 5px 20px;
list-style-image:url(images/bullet_news.gif);
}
.footer-quote {
z-index: 3;
position: absolute;
left: 10px;
height: 130px;
width: 342px;
padding: 0px 0px 0px 116px;
text-align: left;
bottom:20px;
background: url(images/robot_quote.jpg) no-repeat 0px 0px;
}
.text-red {
color: #ce1634;
}
.button-quote {
height: 23px;
width: 103px;
font-size: 15px;
color: #FFF;
text-align: center;
display:block;
background: url(images/buttonquotebg.gif) no-repeat;
line-height:21px;
text-decoration:none;
}
.button {
height: 23px;
width: 103px;
font-size: 15px;
color: #FFF;
text-align: center;
display:block;
background: url(images/buttonbg.gif) no-repeat;
line-height:21px;
text-decoration:none;
float:right;
}
.footer-contact {
z-index: 1;
position: absolute;
left: 20px;
height: 130px;
width: 194px;
padding: 20px 263px 0px 468px;
text-align: left;
bottom:20px;
border-top: 1px solid #c4c8c9;
}
.text-contact {
font-size: 16px;
color: #567eb9;
}
.footer-news {
z-index: 2;
position: absolute;
left: 723px;
height: 130px;
width: 194px;
text-align: left;
bottom:20px;
}
.portfoliomaincontent .panel {
height: 440px;
width: 929px;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

}
.header-home .panel {
overflow: hidden;
float: left;
width: 961px;
height: 317px; 

}
.banner {
position: relative;
left: 0px;
top: 0px;
height: 317px;
width: 961px;
overflow: scroll;
}
.header-home-circles {
z-index: 3;
position: absolute;
left: 10px;
top: 285px;
}
.header-services {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
#indexcontainerdiv .robot-left {
top: 501px;
}
#indexcontainerdiv .cms_logos {
top: 325px;
}
.outsourced-services {
position: absolute;
left: 15px;
top: 210px;
font-size: 22px;
color: #051843;
}
#menu-services-Overview {
background:url(images/icon_overview.gif) no-repeat left;
}
#menu-services-Web_Design {
background:url(images/icon_webdesign.gif) no-repeat left;
}
#menu-services-Apps_Development {
background:url(images/icon_development.gif) no-repeat left;
}
.menu-services {
padding: 0 0 0 33px;
border-bottom:1px solid #c4c8c9;
}
#menu-services-Content_Management {
background:url(images/icon_cms.gif) no-repeat left;
}
.menu-services:first-child {
border-top:1px solid #c4c8c9;
}
#menu-services-Search_Engine_Marketing {
background:url(images/icon_searchenginemarketing.gif) no-repeat left;
}
#menu-services-eMail_Marketing {
background:url(images/icon_emailmarketing.gif) no-repeat left;
}
#menu-services-Website_Support {
background:url(images/icon_support.gif) no-repeat left;
}
#indexmaincontent {
left: 20px;
top: 410px;
width: 940px;
padding: 0px;
}
.solutions a {
padding: 0 0 0 33px;
border-bottom:1px solid #c4c8c9;
}
.solutions a:first-child {
border-top:1px solid #c4c8c9;
}
.our-solutions {
position: absolute;
left: 15px;
top: 210px;
font-size: 22px;
color: #051843;
}
#map {
position: none;
left: 10px;
top: 10px;
height: 600px;
width: 400px;
}
.header-webdesign {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-contentmanagement {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-sem {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-emarketing {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-support {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-appsdev {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-whoweare {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-solutions {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-portfolio {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-pricing {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-news {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.header-contact {
z-index: 2;
position: absolute;
left: -65px;
top: 0px;
}
.button-link {
text-align: right;
}
.button-link a {
color: #FFF;
text-decoration: none;
}
.button-link a:visited {
color: #FFF;
}
.button-link a:hover {
color: #051843;
}
.button-quote:hover {
color: #051843;
}
.button:hover {
color: #051843;
}
#servicescontainerdiv .service-wheel-home {
z-index: 11;
left: 260px;
top: 210px;
border: none;
padding: 0px;
}
#servicescontainerdiv {
height: 650px;
}
.maincontent li {
padding: 0px;
margin: 0px 0px 5px 20px;
list-style-image:url(images/bullet_news.gif);
}
.maincontent ul {
padding: 0px;
margin: 10px 0px;
}
#portfoliomaincontent {
left: 20px;
width: 928px;
}
th {
font-weight:normal;
}
.table-info td {
background-color: #fff;
border: 1px solid #f5f6f8;
text-align: center;
}
.table-info th {
height: 28px;
border: 1px solid #f5f6f8;
font-size: 12px;
text-align: left;
background:#f8f9fc url(images/table_topbg.gif) repeat-x top;
}
.table-info tr:last-child td {
text-align: left;
vertical-align:top;
}
.text-blue {
color: #567EB9;
}
.table-info tr td:first-child {
font-size: 12px;
text-align: left;
vertical-align:top;
}
.text-purple {
font-size: #5F54B5;
color: #5F54B5;
}
.text-pink {
color: #A755B8;
}
.text-red2 {
color: #CC5F8F;
}
#menu-solutions-eCampaigner {
background:url(images/icon_ecampaigner.gif) no-repeat left;
}
#menu-solutions-Flexistore {
background:url(images/icon_ecommerce.gif) no-repeat left;
}
#menu-solutions-Online_Print_Solutions {
background:url(images/icon_ops.gif) no-repeat left;
}
.webdesign-leftcol {
position: absolute;
left: 25px;
top: 520px;
width: 219px;
}
.table-info tr:first-child th {
font-size: 15px;
text-align: center;
}
.news-box {
padding: 20px;
margin: 0px 0px 20px 0px;
border:1px solid #cccccc;
}
.news-box img {
border: 1px solid #cccccc;
margin: 0px 20px 0px 0px;
float:left;
}
#newsmaincontent {
left: 20px;
}
.h2-news {
font-size: 22px;
color: #051843;
margin: 0px;
}
.h3-news {
font-size: 13px;
color: #567eb9;
}
#indigopressreleasemaincontent {
left: 20px;
}
.flex4-subscribe {
position: absolute;
top: 220px;
width: 220px;
padding: 190px 0px 0px;
text-align: left;
background: url(images/robot_news.jpg) no-repeat top;
right:20px;
}
#formtext {
font-size: 14px;
color: #567EB9;
margin: 5px 0px;
}
#socialmedianewsmaincontent {
left: 20px;
}
