@charset "UTF-8";
/* CSS Document */

/* Document Styles */

html, body, #page-container {
	
height: 100%;

position:relative;
background-color:#dadada;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font:helvetica;

}

a {
text-decoration:none;
color:#1f1f1f;
	
}

a img{
border:none;
	
}

#page-container {
position:Relative;
background-image:url(../imgs/page-elements/dotted-map-background.png);
/*background-image:url(../imgs/page-elements/dubai-marina.jpg);	
*/background-position:top center;
background-repeat:no-repeat;
z-index:0;
min-height:715px;
	

}

.emphasis {
color:	#3b65d0 ;
font-size:16px;

	
}

.quote {
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
color:#3dbbdd;
line-height:1.4;
font-size:110%;

	
}

.padding a {
	color:#3dbbdd;

	
}

.padding a:hover {
	text-decoration:underline;	
}

.creative, .creative a, .creative h2, .creative .emphasis, .creative .submenu-item-title {
	color:#d92b81;	
	font-weight:100;
}


.support, .support a, .support h2, .support a h2, .support .submenu-item-title {
	color:#dd622a;	
}


.systems, .systems a, .systems h2, .systems a h2, .systems .submenu-item-title {
	color:#3dbbdd;	
}

.padding {
padding-left:12px;
padding-right:12px;
	
}

.padding-margin {
margin-left:10px;
margin-right:10px;
	
}

/* Header Styles */

#header {
background:url(../imgs/page-elements/header-tile-v2.jpg);
height:93px;
width:100%;
z-index:10;
	
}

#header #header-content {
	position:relative;
	margin:auto;
	width:955px;
	height:inherit;
	
}

#header #header-content #logo {
position:absolute;
top:8px;
right:10px;
	
}

#header #header-content #social-media {
	position:absolute;
	padding-top:10px;
	top:5px;
	left:0px;
	width:610px;
	height:36px;
}

#header #header-content #social-media a:hover {
color:#62CAE6;

}

#header #header-content #social-media .social-media-icon {
	
float:right;
width:200px;
height:36px;
font-size:12px;
position:relative;
margin-left:10px;
	
}

#header #header-content #social-media .social-media-icon .icon {
	position:absolute;
	left:0px;
	top:0px;
width:29px;
height:29px;
	
}

#header #header-content #social-media .social-media-icon .text {
position:absolute;
margin-top:9px;
left:36px;
top:0px;
	
}

/* Menu Styles */

#header #menu {
height:30px;
left:0;
position:absolute;
top:0px;
width:670px;

}

#header #menu li a{
display:block;
float:left;
font-family:helvetica;
font-size:12px;
padding:60px 8px 8px;
text-align:center;
width:60px;
	}
	
	


#header #menu li a:hover {
background-color:#1f1f1f;
color:#FFFFFF;
float:left;
font-family:helvetica;
font-size:12px;
height:16px;
}

/* Menu Styles - Current State */

#home #nav-home a,
#our-values #nav-our-values a,
#services #nav-services a,
#our-customers #nav-customers a,
#blog #nav-blog a,
#testimonials #nav-testimonials a,
	#contacts #nav-contacts a,
#support #nav-support a {
	
background-color:#1f1f1f;
color:#FFFFFF;
float:left;
font-family:helvetica;
font-size:12px;
height:16px;
}

.testimonialsHeading {
font-weight:bold;
margin-bottom:10px;
font-size:120%;
	
}

.testimonial {
	
	
}


.case {
	color:#039;
	
}


.testimonialWho {
	padding-top:6px;
	color:#666;
	
}

#subcontent {
	background-image:url("../imgs/page-elements/services-submenu2.png");
background-repeat:no-repeat;
height:259px;
left:150px;
position:absolute;
top:86px;
visibility:hidden;
width:782px;
z-index:10;
}

#subcontent .submenu-column {
bottom:25px;
height:94px;
padding-left:2px;
position:absolute;
width:775px;
z-index:10;
}


#subcontent .large-column {

width:777px;

}


#subcontent .large-column-item-text {
font-size:10.5px;
line-height:1.3;
text-align:justify;
z-index:10;
	
}

#subcontent .large-column .submenu-item a {
color:#FFFFFF;
display:block;
float:left;
height:67px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:justify;
width:550px;
z-index:10;
	
}

#subcontent .submenu-item a {
color:#FFFFFF;
display:block;
float:left;
height:72px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:justify;
width:238px;
z-index:10;
	
}

#subcontent .submenu-item a:hover {
display:block;
z-index:10;
	
}

#subcontent .submenu-item-title  {
display:block;
font-size:14px;
font-weight:100;
margin-bottom:6px;
z-index:10;
}

#subcontent .submenu-item-text  {
	font-size:10.5px;
line-height:1.3;
z-index:10;	
}

#subcontent #minimize {
position:absolute;
bottom:10px;
left:10px;
z-index:10;

	
}

#subcontent #minimize a {
color:#CCC;
font-size:11px;
z-index:10;
	
}

#subcontent #minimize a:hover {
color:#FFF;
z-index:10;
	
}

/* Center Content Styles */

#center-content {

width:955px;
margin:auto;
position:relative;
z-index:0;

padding-bottom: 40px;


}


/* Home Page Specific Layout Styles */

#quotation {
	position:absolute;
	background-image:url(../imgs/page-elements/quotation-bubble.png);
	background-repeat:no-repeat;
	width:571px;
	height:54px;
	padding:15px;
	color:#3b65d0;
	left: 3px;
	top: 16px;
	letter-spacing:0.5px;
	text-align:justify;
	font-size:16px;
	z-index:1;
}

#quotation .by {
	color:#343434;
	font-size:13px;
	position:absolute;
	right:20px;
	bottom:10px;
	letter-spacing:0px;
	z-index:1;
	
}


#web-dev {
	position:absolute;
	background:url(../imgs/page-elements/bubble-large.png);
	background-repeat:no-repeat;
	width:256px;
	height:190px;
	left: 329px;
	top: 121px;
	z-index:1;
}

#creative-media {
	position:absolute;
	background:url(../imgs/page-elements/bubble-large.png);
	background-repeat:no-repeat;
	width:256px;
	height:190px;
	left: 30px;
	top: 123px;
	z-index:1;
}

#seo {
	position:absolute;
	background:url(../imgs/page-elements/bubble-small.png);
	background-repeat:no-repeat;
	width:256px;
	height:67px;
	left: 634px;
	top: 124px;
	z-index:1;
}


#iphone-mobile {
	position:absolute;
	background:url(../imgs/page-elements/bubble-small.png);
	background-repeat:no-repeat;
	width:256px;
	height:67px;
	left: 332px;
	top: 152px;
	z-index:1;
}


#it-support {
	position:absolute;
	background:url(../imgs/page-elements/bubble-small.png);
	background-repeat:no-repeat;
	width:256px;
	height:67px;
	left: 635px;
	top: 215px;
	z-index:1;
}

#home-it-support {
	position:absolute;
	background:url(../imgs/page-elements/bubble-small.png);
	background-repeat:no-repeat;
	width:256px;
	height:67px;
	left: 636px;
	top: 313px;
	z-index:1;
}

#portable-data-capture {
	position:absolute;
	position:absolute;
	background:url(../imgs/page-elements/bubble-large.png);
	background-repeat:no-repeat;
	width:256px;
	height:190px;
	left: 329px;
	top: 343px;
	z-index:1;
}


#filemaker-dev {
	position:absolute;
	position:absolute;
	background:url(../imgs/page-elements/bubble-large.png);
	background-repeat:no-repeat;
	width:256px;
	height:190px;
	left: 30px;
	top: 342px;
	z-index:1;
}



#center-content .bubble-titles h2{
	position:absolute;
	top:5px;
	left:6px;
	font-size:17px;
	font-weight:100;
	z-index:1;
	
}

#center-content .bubble-titles h2 a:hover {
text-decoration:underline;	
	
}

#center-content .bubble-text {
	position:absolute;
	top:28px;
	left:6px;
	font-size:11.5px;
	font-weight:100;
	color:#FFF;
	line-height:16px;
	width: 232px;
	letter-spacing:-0.5px;
	z-index:1;
}

#center-content .bubble-image {
position:absolute;
bottom:2px;
left:2px;
	
}

/*Services Layout Styles*/

#related-services-container {
	position:absolute;
	top:5px;
	left:4px;
	width:437px;
	height:auto;
}

#related-services-top {
	background-image:url(../imgs/page-elements/related-services-bg-top.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
					z-index:105;

}

#related-services-middle {
	background-image:url(../imgs/page-elements/related-services-bg-middle.png);
	background-repeat:repeat-y;
	width:inherit;
	height:auto;
		padding-left:2px;
	padding-right:2px;
	
	min-height:500px;
	position:relative;
				z-index:105;

}

	.titleMain {
	font-size:24px;
	margin-bottom:10px;
	margin-left:12px;
	margin-right:12px;
	padding-top:10px;
	}
	
	
.webdesign #nav-rel-webdesign a, 
.corporate-presentations #nav-rel-corporate-presentations a,
.logo-design-branding #nav-rel-logo-design a,
.cms #nav-rel-cms a ,
.existing-systems-integration #nav-rel-existing-systems a,
.redesigns-facelifts #nav-rel-facelifts a,
.component-module-mods #nav-rel-com-mod a,
.seoConsulting #nav-rel-seoConsulting a,
.onpageSEO #nav-rel-onpageSEO a,
.blogsNews #nav-rel-blogsNews a,
.ppcCampaigns #nav-rel-ppcCampaign a,
.remoteWorkforceMonitoring #nav-rel-remoteWorkForceMonitoring a,
.RFID-solutions #nav-rel-RFID a,
.dataEntryVal #nav-rel-dataEntryVal a,
.GPStracking #nav-rel-GPStracking a,
.homeNetworkSetup #nav-rel-homeNetworkSetup a,
.homeVirusRemoval #nav-rel-homeVirusRemoval a,
.dataBackup #nav-rel-dataBackup a,
.pcMacSupport #nav-rel-pcMacSupport a,
.homeHardwareSetup #nav-rel-homeHardwareSetup a,
.liveMonitoring #nav-rel-liveMonitoring a,
.remoteSupport #nav-rel-remoteSupport a,
.onsiteTeam #nav-rel-onsiteTeam a,
.filemakerMaintenance #nav-rel-filemakerMaintenance a,
.filemakerReports #nav-rel-filemakerReports a,
.filemakerImportExport #nav-rel-filemakerImportExport a,
.filemakerIntegrations #nav-rel-filemakerIntegrations a
{
	
display:block;
		background:#FFF;
		color:#494949;
		z-index:100;
}

.related-service a{
	position:relative;
	display:block;
	width:432px;
	height:81px;
	margin-top:5px;
	color:#FFF;
	z-index:95;
	}
	
	/* State when on Selected Page */
	
	.related-service a:hover{
		display:block;
		background:#FFF;
		color:#494949;
		z-index:100;
	}
	
	.related-service .title {
	position:absolute;
	font-size:14px;
	left: 84px;
	top: 7px;
	width: 342px;
	}
	
	.related-service .text {
	position:absolute;
	font-size:12px;
	
	width: 342px;
	left: 84px;
	top: 27px;
	line-height:1.2;
	text-align:justify;
	height: 48px;
	}

		.related-service .text .last-line {
	color:#a9a9a9;
	margin-top:3px;
	}
	
	.related-service .image {
	position:absolute;
	left: 7px;
	top: 5.5px;
	}

#related-services-bottom {
	background-image:url(../imgs/page-elements/related-services-bg-bottom.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
					z-index:105;

}

#main-services-container {
	position:absolute;
	top:5px;
	left:442px;
	width:524px;
	height:auto;
	padding-bottom:50px;
}

#main-services-top {
	background-image:url(../imgs/page-elements/main-services-bg-top-white.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
}

#main-services-middle {
	background-image:url(../imgs/page-elements/main-services-bg-middle-white.png);
	background-repeat:repeat-y;
	width:inherit;
	height:auto;
	font-size:12px;
	color:#494949;
	line-height:1.35;
	text-align:justify;
	
	min-height:500px;
}


#main-services-bottom {
	background-image:url(../imgs/page-elements/main-services-bg-bottom-white.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
}

#related-services-middle #related-sections {
	position:absolute;
	bottom:10px;
	left:2px;
	width:432px;
	height:80px;
	background-image:url(../imgs/page-elements/item-overlay-related-sections.png);
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	
}

#related-services-middle .relatedTitle {
	position:absolute;
	bottom:97px;
	left:7px;
	font-size:12px;
}

#related-sections .item {
	float:left;
	width:210px;
	height:67px;
	margin-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	position:relative;
	
}

#related-sections .item a {
display:block;
height:80px;
margin-left:-5px;
margin-top:-6px;
width:214px;
}

#related-sections .item a:hover {
	display:block;	
color:#494949;
background-color:#FFF;	
	
}

#related-sections .item .title {
	position:absolute;
	left: 70px;
	top: 12px;
	width: 139px;
	font-size:12px;
}

#related-sections .item .text {
	position:absolute;
	left: 70px;
	top: 31px;
	width: 135px;
	height: 47px;
	font-size:11px;
}

#related-sections .item .picture {
	position:absolute;
	width:56px;
	height:56px;
	left: 8px;
	top: 11px;
}

/* Footer Styles */

#footer {
	position:fixed;
	bottom:0;
	height:35px;
	clear:both;
	
width:100%;

/*background-image:url(../imgs/page-elements/footer-tile.jpg);
*/

background-color:#1f1f1f;

font-size:11px;


	
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




#footer #footer-content {
	position:relative;
	margin:auto;
	width:955px;
	height:auto;	
}

#footer #footer-menu {
position:absolute;
	right: 0px;
	top: 10px;
	width: 670px;
	height: 20px;	

	
}

#footer #footer-menu a {
color:#FFF;	
	
}

#footer #footer-menu  .menu-item {
	
float:right;
width:auto;
margin-left:13px;
margin-right:10px;

	
}

#footer #footer-menu  .menu-item a:hover {
color:#62CAE6;	
	
}

#footer #copyright {
position:absolute;
left:5px;
top:10px;
	
}

/*BLOG STYLING*/

#left-col {
width:600px;
height:auto;
	
}

/* Customers Page Styling */

#main-single-container {
	position:relative;
margin-top:8px;
margin-bottom:8px;
	background:url("/imgs/page-elements/blog-bg.png") repeat scroll 0 0 transparent;
	background-repeat:repeat-y;

	width:100%;
	height:auto;
	color:#494949;
	min-height:500px;

}

#left-column-main {
	height:auto;
	font-size:12px;
	line-height:1.2;
	text-align:justify;
	width:735px;
	padding-bottom:10px;
	
}

/* STYLES TO BE DISCONTINUED */

#main-single-top {
	background-image:url(../imgs/page-elements/single-layout-top.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
}

#main-single-middle {
	background-image:url(../imgs/page-elements/single-layout-middle.png);
	background-repeat:repeat-y;
	width:inherit;
	height:auto;
	font-size:12px;
	color:#FFF;
	line-height:1.2;
	text-align:justify;
	
	min-height:500px;
}

#main-single-bottom {
	background-image:url(../imgs/page-elements/single-layout-bottom.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
	clear:both;
}

/* STYLES TO BE DISCONTINUED */


#customer-item-container {
	position:absolute;
	width: 835px;
	left: 56px;
	top: 115px;
}



.customer-item {
background:url(../imgs/page-elements/customer-item-bg.png);
float:left;
width:195px;
height:144px;
margin-left:10px;
margin-top:10px;
position:relative;
	
}

.customer-item .logo {
	position:absolute;
	left: 7px;
	top: 12px;
}

.customer-item .line {
	position:absolute;
	background-image:url(../imgs/page-elements/customer-seperator.png);
	width:178px;
	height:2px;
	left: 9px;
	top: 109px;	
}


.customer-item .caption {
	position:absolute;
	color:#888787;
	left: 8px;
	top: 118px;
	width: 177px;
	height: 22px;
	text-align:center;
}

/* Our Values Formatting */

.mission-statement {
	font-size:18px;
	color:#09F;
	
}

blockquote {
padding:15px;
line-height:1.6;
color:#3b65d0;
font-size:14px;
	
}



/* Blog Page Formatting */

#blog-bubble {
	position:absolute;
	background-image:url(../imgs/blog/london-box-bg.png);
	background-repeat:no-repeat;
	width:301px;
	height:204px;
	left: 140px;
	top: 100px;
}

#blog-bubble #title {
	position:absolute;
	font-size:16px;
	color:#1cacd3;
	left: 8px;
	top: 8px;
}

#blog-bubble #description {
	position:absolute;
	left: 7px;
	top: 29px;
	width: 188px;
	height: 126px;
	font-size:12px;
	color:#494949;
	text-align:justify;
}

#blog-bubble #link a {
	position:absolute;
	color:#000;
	font-weight:bold;
	text-align:right;
	left: 84px;
	top: 170px;
	font-size:14px;
}

#blog-bubble #link a:hover {
color:#FFF;

}

#blog-bubble #image {
	position:absolute;
	left: 201px;
	top: 29px;
}

#blog-bubble #image-caption {
	position:absolute;
	text-align:right;
	color:#494949;
	left: 223px;
	top: 126px;
	font-size:10px;
	font-weight:bold;
	line-height:1.2;
}

/* Contact Us Page */

#contact-bubble {
	position:absolute;
	background-image:url(../imgs/contacts/contact-bubble-bg.png);
	background-repeat:no-repeat;
	width:462px;
	height:261px;
	left: -1px;
	top: 27px;
}

#contact-bubble #contact-description {
	position:absolute;
	left: 7px;
	top: 29px;
	width: 447px;
	height: 225px;
	font-size:13px;
	color:#494949;
	text-align:justify;
	line-height:1.2;
}


#contact-bubble .title {
	position:absolute;
	font-size:16px;
	color:#1cacd3;
	left: 8px;
	top: 8px;
}



#tech-support-bubble {
	position:absolute;
	background-image:url(../imgs/contacts/contacts-tech-support-bg.png);
	background-repeat:no-repeat;
	width:367px;
	height:105px;
	left: 511px;
	top: 90px;
}

#tech-support-bubble #description {
	position:absolute;
	left: 6px;
	top: 29px;
	width: 356px;
	height: 72px;
	font-size:13px;
	color:#494949;
	text-align:justify;
	line-height:1.2;
}


#tech-support-bubble .title {
	position:absolute;
	font-size:16px;
	color:#1cacd3;
	left: 7px;
	top: 8px;
	width: 355px;
}

#tech-support-bubble #link a {
	position:absolute;
	color:#000;
	font-weight:bold;
	right: 18px;
	top: 75px;
	font-size:14px;
	text-align:right;
}

#tech-support-bubble #link a:hover {
color:#FFF;

}


/* White bg Pages */

#main-single-top-white {
	background-image:url(../imgs/page-elements/single-layout-top-white.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
}

#main-single-middle-white {
	background-image:url(../imgs/page-elements/single-layout-middle-white.png);
	background-repeat:repeat-y;
	width:inherit;
	height:auto;
	font-size:12px;
	color:#494949;
	line-height:1.2;
	text-align:justify;
	
	min-height:500px;
}

#main-single-bottom-white {
	background-image:url(../imgs/page-elements/single-layout-bottom-white.png);
	background-repeat:no-repeat;
	width:inherit;
	height:16px;
	clear:both;
}

#main-image-wrap {
	border:1px solid #EBEBEB;
margin-bottom:10px;
margin-left:-9px;
position:relative;
width:516px;
}

#main-image-wrap .caption-box {
background:url("../imgs/page-elements/image-overlay-black.png") repeat scroll 0 0 transparent;
bottom:0px;;
left:0px;
color:#CCCCCC;
height:28px;
padding-left:10px;
padding-top:12px;
position:absolute;
width:506px;

	
}

#main-image-wrap .block-box {
background:url("../imgs/page-elements/image-overlay-black.png") repeat scroll 0 0 transparent;
color:#FFFFFF;
height:34px;
padding-left:10px;
padding-top:16px;
position:absolute;
top:20px;
right:0px;
width:240px;
	
}

.call-now {
font-size:30px; 
font-weight:bold;
position:absolute;
bottom:55px;
}

.supported-platforms {
width:500px;
text-align:center;
margin-top:15px;
	
}

.supported-platforms .logo {
	margin-right:15px;
}