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

/* Pre-set Styles */ 

html {background-image:url('images/background.gif'); background-repeat:repeat-x; color:#0079C1}
body{font:13px/1.5 Arial, 'Helvetica Neue', Helvetica ,FreeSans,sans-serif; padding-top: 6px; background-image:url('images/bg.jpg'); background-position:center top; background-repeat: no-repeat; min-height:600px}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid; border-top-width:1px; clear:both; height:0}
h1{display: block; height: 38px; width:670px; background-image:url(images/IT_business.png); background-repeat: no-repeat; background-position:left top; text-indent:-9999px; margin:67px 0px 0px 150px} /* Tagline Unseen */
h2{font-size:28px; color: #00334E; font-weight:normal} /* Page Header */
.intro h2, #softwaredevelopment_intro h2, #itconsulting_intro h2, #itmanagedsupport_intro h2,  #webdevelopment_intro h2, .client_intro h2, #phd_intro h2, #rms_intro h2, #riskshield_intro h2{padding:26px 0px 10px 0px}
h3{font-size:16px; color: #0079C1;} /* Highlighting */
h4{font-size:14px; color: #00334E; font-weight:bold; margin-bottom: 5px} /* Subheader */
h5{font-size:22px; color: #00334E; font-weight:normal} /* Subheader Large */
h6{font-size:11px; color: #00334E; font-weight:bold} /* Mini header, for names in quotes etc */
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h5,ol,pre,table,address,fieldset{margin-bottom:20px}
ul li{list-style:square; color:#7E8083; margin-left:20px}

/* Common CSS */ 
a {text-decoration:none; color:#00334E}
a:hover {color: #13B5EA; text-decoration:none}

.logo {padding-top:14px; display:inline;float:left;position:relative; width:92px}

.intro {display:inline; float:left; position:relative; width:940px;}
.bordered { display:inline; float:left; position:relative; border-top: 1px dotted #ccc; width:960px;  padding: 20px 0px 0px 0px; margin:0px 0px 20px 0px}
.borderedtopbottom { display:inline; float:left; position:relative; width:960px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 20px 0px 20px 0px; margin: 0px 0px 20px 0px}

p {color: #666}
p.form_condition {font-size:10px; color: #ccc; font-weight:bold; clear:none; display: inline; float:left}
p.tiny {font-size:10px; color: #00334E; font-weight:bold}
p.tiny a{font-size:10px; color: #00334E}
p.tiny a:hover{font-size:10px; color: #13b5ea}
p.small {font-size:11px; color: #0079C1; margin-bottom:5px; font-style:oblique}
p.quote {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; margin-top:10px}
p.highlight {font-size:14px; color: #0079C1; padding-bottom:0px; font-weight:normal; clear:none; font-style:oblique}
p.highlight2 {font-size:12px; color: #00334E; display:inline; margin-bottom: 0px; clear:none}

/*Blog Feed CSS*/
p.entry a{text-align: right; font-size:11px; color:#13B5EA}
p.entry a:hover{text-align: right; font-size:11px; color:#13B5EA; font-weight:bold}
h6.blogdate{font-size:11px; color: #00334E; font-weight:normal; padding-top: 5px; width: 100%; border-top: 1px dashed #e3e8eb; margin-bottom:10px}
h3.blogtitle {margin-bottom: 0px; font-size:15px}

/*Navigation CSS */
#navigation {width:760px; display:inline; float:left;position:relative}
#navigation ul, #navigation li{padding:0; margin:0; list-style:none; display:inline; float:left}
#navigation li a {text-align:center; color:#00334E; text-decoration:none; font-weight:bold; display:block; width:124px; height:25px; padding-top:12px}
#navigation li a:hover {text-decoration:none; color:#13B5EA; background-image:url(images/hover.png); background-repeat:no-repeat; background-position:center top}

ul.features li {list-style:none; margin: 0px 0px 5px 0px; color:#00334E}
ul.sublist li {list-style-image: url(images/tick.png); color:#7E8083; margin: 0px 0px 0px 17px;}
ul.list{}
ul.list li, ul.wplist li  {list-style-image:url(images/arrow.png); color:#7E8083; font-size:12px; padding-left: 0px}
ul.wplist li {font-size:11px}
ul.wplist {padding-bottom:20px}

#footer {display:inline; float:left; position:relative; width: 960px; border-top:1px solid #e3e8eb; padding: 20px 0px}
#footer ul li {display: inline; list-style: none; margin-left:0px; color: #7E8083; font-size: 10px; border-right:1px solid #7E8083; padding-right: 5px; margin-right: 5px}	
#footer ul li:last-child {border-right:none; margin-right:0px}
	
.third {width:300px; display:inline;float:left;position:relative; margin-left: 10px; margin-right: 10px}
.quarter { width:215px; display:inline;float:left;position:relative; margin-left: 10px; margin-right: 10px}

	
/* Home Page CSS*/	
a.itconsulting_window, a.softwaredevelopment_window, a.managedsupport_window{display:inline block; height:140px; float:left; position:relative; width:320px}
a.riskshield_window {display:inline block; height:140px; float:left; position:relative; width:200px}
a.itconsulting_window:hover h4, a.softwaredevelopment_window:hover h4, a.managedsupport_window:hover h4, a.riskshield_window:hover h4 {color: #13b5ea}
a.itconsulting_window h4 {padding:105px 0px 10px 80px; font-weight:bold; color:#00334E; font-size: 13px}
a.managedsupport_window h4 {padding:105px 0px 0px 25px; font-weight:bold; color:#00334E; font-size: 13px}
a.softwaredevelopment_window h4 {padding:105px 0px 10px 90px; font-weight:bold; color:#00334E; font-size: 13px}
a.riskshield_window h4 {padding:105px 0px 10px 75px; font-weight:bold; color:#00334E; font-size: 13px}
.sidebar3 {width:310px; display:inline; float:left; position:relative; padding-left: 20px; margin-left: 20px}
.mainbar2 {width:590px; display:inline; float:left; position:relative; padding-bottom: 20px}
.customerlogo {width:180px; display:inline; float:left; position:relative; margin-left:10px; margin-right: 10px;}
#Utubediv {width:557px; height:314px;overflow:hidden; z-index:1; position: absolute; border:1px solid #f5f5f5}
#cover {background-image:url(images/video_cover.jpg); background-repeat:no-repeat; border:1px solid #f5f5f5; width:557px; height:314px; position: absolute; z-index:20; cursor: pointer}
#pixeon {width: 340px; display: inline; float:right; position: relative}
#socialmedia li{display:inline; float:left; position:relative; padding:0px 5px 0px 0px; margin:-5px 0px 0px 0px}
#socialmedia_about li{list-style: none; padding:0px; margin:0px}
#socialmedia_about {margin-left:10px}

/* rotator in-page placement */
    div#rotator {position:relative; float:left}
/* rotator css */
	div#rotator ul li {float:left; position:absolute; list-style: none; margin-left:0px}
/* rotator image style */	
	div#rotator ul li img {background: #FFF}
    div#rotator ul li.show {z-index:500}

	#products_pagecontent_body #rotator {margin-top:-9px; height:215px; width:948px}

/* Client Page CSS */ 
#filter {height: 55px; border-top: 1px solid #f5f5f5; background-image:url(images/divider.jpg); background-position:bottom; background-repeat:no-repeat}
#filter li { display:inline; list-style:none; margin: 0; padding: 10px 20px 0px 0px; float: left; font-size:11px}
#filter li a {font-weight:bold; color: #00334E}
#filter li a:hover {color:#13B5EA;}


.client_intro, .client, .client_info, .client_extras {display:inline;float:left;position:relative; background-repeat:no-repeat}  
.client_intro {width:940px; background-image:url(images/clients.png); background-position:right bottom}
.client {width:940px; border-bottom: 1px solid #e3e8eb; margin-top: 20px}
.client_info {width:570px; margin-right: 20px}
.client_extras { width:330px; min-height: 230px; background-image:url(images/clientshadowbg.jpg); background-position:left bottom; padding:0px 0px 20px 20px; margin-right: 10px}

/* Services Portal Page CSS */
.right {width:460px; display:inline; float:right; position:relative; }
.left {width:440px; display:inline; float:left; position:relative; margin-right:20px}
.tridivider {width: 960px; height:167px;display:inline; float:left; position:relative; background-image:url(images/tridivider.png); background-position:bottom center; background-repeat:no-repeat}
a.services_itmanagedsupport {width: 340px;  min-height: 150px;display:inline; float:left; position:relative; background-image:url(images/it_managed_support_services2.png); background-position:right top; background-repeat:no-repeat; margin-right:10px;padding-right: 120px;}
a.services_softwaredevelopment {width: 320px;  min-height: 150px; display:inline; float:right; position:relative; background-image:url(images/software_development_services2.png); background-position:right top; background-repeat:no-repeat; margin-left:10px; padding-right: 140px}
a.services_itconsulting {width: 720px; min-height: 150px; display:inline; float:right; position:relative; background-image:url(images/IT_consulting_services.png); background-position:right top; background-repeat:no-repeat; padding-right: 240px}
a.services_riskshield {width: 720px; min-height: 150px; display:inline; float:right; position:relative; background-image:url(images/risk_shield_services.png); background-position:right top; background-repeat:no-repeat; padding-right: 240px}
a.services_itmanagedsupport:hover, a.services_softwaredevelopment:hover, a.services_itconsulting:hover, a.services_riskshield:hover, a.products_PhD:hover, a.products_MET:hover, a.products_RiskShield:hover, a.met:hover,  a.products_PicNetTableFilter:hover {background-color: #F5F5F5; text-decoration:none}

/* Products Portal Page */
a.products_RiskShield {width:700px; min-height: 150px; display:inline; float:left; position:relative; background-image:url(images/riskshield.png); background-position:right top; background-repeat:no-repeat; padding-right: 260px}
a.products_PhD {width: 700px; min-height: 150px; display:inline; float:left; position:relative; background-image:url(images/phd_2.png); background-position:left top; background-repeat:no-repeat; padding:10px 0px 10px 260px}
a.products_MET {width: 700px; min-height: 150px; display:inline; float:left; position:relative; background-image:url(images/mouse_eye_tracking.png); background-position:left top; background-repeat:no-repeat; padding:10px 0px 10px 260px; margin-top:10px}
a.met {display:block; width:960px; height:190px}
a.products_PicNetTableFilter {width:700px; min-height: 150px; display:inline; float:left; position:relative; background-image:url(images/PicNetTableFilterIcon.png); background-position:right top; background-repeat:no-repeat; padding-right: 260px}
#products_pagecontent {width:960px; margin:40px 0px 20px 0px}
#products_pagecontent_top {width:960px; height:15px; background-image:url(images/product_panel.png)}
#products_pagecontent_body {background-image:url(images/product_panel_slice.png); min-height:430px; background-repeat:repeat-y; padding:0 6px}
#products_pagecontent_bottom {width:960px; height:15px; background-image:url(images/product_panel.png); background-position:0px -25px}
#product_column1, #product_column2, #product_column3, #product_column4  {display:inline; position:relative; float:left}
#product_column1 {width:197px; min-height:205px; padding:30px 16px 0px 32px}
#product_column2 {width:197px; min-height:205px; padding:30px 16px 0px 16px}
#product_column3 {width:197px; min-height:205px; padding:30px 16px 0px 16px}
#product_column4 {width:197px; min-height:205px; padding:30px 32px 0px 16px}
#product_column1:hover, #product_column2:hover, #product_column3:hover, #product_column4:hover {background-color:#f5f5f5}
#product_column1 p, #product_column2 p, #product_column3 p, #product_column4 p {margin-top:20px}


/* Product/Service: Page Shared CSS */
#softwaredevelopment_intro, #itconsulting_intro, #itmanagedsupport_intro, #phd_intro, #rms_intro, #riskshield_intro, #webdevelopment_intro  {display:inline; float:left; position:relative; width:920px; background-position:right bottom; background-repeat:no-repeat; }
.case_studies {width: 240px; height: 370px; padding: 0px 0px 20px 20px; display:inline;float:left;position:relative; margin-left:10px; margin-right:10px;  background-image:url(images/shadowbg.jpg); background-position:left top; background-repeat:no-repeat}
.case_studies img {padding-bottom: 20px}
.furtherreading {width: 140px; display:inline; float:left; position:relative; font-size: 10px}

/* Service: Software Dev Page CSS */ 
#softwaredevelopment_intro {background-image:url(images/software_development.png)}
#webdevelopment_intro {background-image:url(images/web_development.png);  width:960px}
#webdevservices {display:block;background-color:#333; width:960px; padding:5px 0px 5px 15px; margin:20px 0; list-style:none}
#webdevservices li {display:inline-block; color:#fff; font-weight:bold; width:220px; margin:0px 15px 0px 0px}
.grid_3_panel_top {width:240px; height:15px; background-image:url('images/grid3panel.png')}
.grid_3_panel_body {width:190px; background-image:url('images/grid3panel_slice.png'); background-repeat: repeat-y; padding: 5px 25px 5px 25px; font-size:0.85em; line-height:2em}
.grid_3_panel_bottom { width:240px; height:15px; background-image:url('images/grid3panel.png'); background-position:0 -18px; margin-bottom:20px}
.grid_3 ul.sublist li {margin-bottom:4px}
#webdevbutton {display:block; width:208px; height: 46px; background-image:url('images/webdevbutton.png'); font-size:0.9em; font-weight:bold; padding:12px 30px 0px 20px; margin-top:15px}

/* Service: Project Management and Consulting Page CSS */ 
#itconsulting_intro {background-image:url(images/IT_consulting.png); width: 960px} 

/* Service: IT Managed and Support Page CSS */ 
#itmanagedsupport_intro {background-image:url(images/IT_managed_support.png)}

/* Service: Risk Shield Page CSS */ 
#riskshield_intro {background-image:url(images/risk_shield.png); width: 960px} 
#riskconsulting {width:700px; display:inline; float:left; position:relative; padding-right: 0px; margin-right:20px}
#riskconsulting a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}

#consulting a:hover {
  background-color:#f5f5f5
}
/*Product: PhD Page */
#phd_intro {background-image:url(images/phd.png); background-position: bottom right}
.form_panel_phd {width:327px; height:100%; border-left: 1px solid #eaebec; border-right: 1px solid #eaebec; padding: 20px 20px 5px 20px; margin:0px 9px; clear:both}
.form_panel_phd ul li {list-style:none; clear:both; margin: 0px; padding: 0px}
.form_panel_phd ul li input {float: right; margin-bottom: 5px; width: 200px; border:1px solid #ccc}
.form_panel_phd ul li label {float: left; margin-bottom: 5px; color: #00334d}
.form_panel_phd #submitbutton {float:right}

.subscribetrialform_top 
{background-image:url('images/subscribetrialpanel.jpg'); width:385px; height:10px}
.subscribetrialform_bottom 
{background-image:url('images/subscribetrialpanel.jpg'); width:387px; height:54px; background-position:0px -20px; margin-bottom:20px}

/*Form Panels*/
.form_panel {width:260px; height:102px; padding: 20px; background-image:url(images/panel.png); background-repeat: no-repeat; margin-bottom:20px; margin-top: 10px; clear:both}
.form_panel ul li, .form_panel_small ul li  {list-style:none; clear:both; margin: 0px; padding: 0px}
.form_panel ul li input, .form_panel_small ul li input  {float: right; margin-bottom: 5px; width: 190px; border:1px solid #ccc}
.form_panel ul li label, .form_panel_small ul li label {float: left; margin-bottom: 5px; color: #00334d}
.form_panel_small {width:260px; height:82px; padding: 20px; background-image:url(images/panel_small.png); background-repeat: no-repeat; margin-top: 10px; clear:both}

/*Product: RMS Page */
#rms_intro {background-image:url(images/rms.png)}

/* About and Contact Page CSS */ 
.sidebar {width:220px; min-height: 550px; display:inline; float:left; position:relative; background-image:url(images/shadowbg.jpg); background-repeat:no-repeat; background-position:left bottom; padding-left: 20px; margin-left:20px}
.sidebar img {border: 1px solid #e3e8eb; margin-bottom: 20px}
.sidebar2 {width:200px; border-left: 1px dashed #e3e8eb; display:inline; float:left; position:relative; padding-left: 19px; margin-left: 20px}
.sidebar2 img {margin-bottom: 20px}
.sidebar_contact{width:260px; border-left: 1px dashed #e3e8eb; display:inline; float:left; position:relative; padding-left: 19px}
.mainbar_contact {width:680px; display:inline; float:left; position:relative; padding-right: 0px; margin-right:0px}
.mainbar {width:700px; display:inline; float:left; position:relative; padding-right: 0px; margin-right:20px}
.mainbarborder {width: 700px; display:inline;float:left;position:relative; border-top: 1px dotted #ccc; background-image:url(images/divider.jpg); background-position:bottom; background-repeat:no-repeat; padding: 20px 0px 30px 0px; margin:20px 0px 5px 0px}
.management {width: 145px; display:inline; float:left; position:relative; margin-left: 10px; margin-right:10px;}
.management img {padding: 5px; border: 1px solid #e3e8eb; margin-bottom: 8px}
.contactus_button {display:inline-block; width:234px; height:62px; background-image:url('images/contactus_button.png'); margin-bottom:20px}
.contactus_button:hover {background-position:0 -61px}

/*Events Page*/
.gallery img {margin:5px; border: 5px solid #f5f5f5}


/* Blog */
ul#contributors {font-size:11px;}
ul#contributors li {float: left; display: inline-block; width: 168px; height: 520px; margin: 0px 20px 20px 0px; padding: 0px 20px; border: 1px solid #F5F5F5; background-color:#fff}
ul#contributors li img {margin: 20px 0px 20px 0px; border: none; float: left}

/*Contact Page Form */
form {
		color: #00334d;
}

.formlabel {font-size:11px; color:#00334e; font-weight:bold; margin:0px; padding:0px; display:inline }

#formLeft {
		float: left;
		margin-right: 20px;
		width: 280px;
		}
		
#formLeft label{float: left}
	#formLeft input{
		float: left;
		margin-bottom: 10px;
		width: 270px; 
		border: 1px solid #ccc}
		
	
#formRight {
	width: 358px;
	float: left;
	}
	
	#formRight #submitbutton, .form_panel #submitbutton, .form_panel_small #submitbutton {float:right; padding: 1px; margin: 0px}
	
#formRight textarea {
		width:355px;
		height: 167px;
		display: block;
		border: 1px solid #ccc;
		background: white;
		margin-bottom: 10px;
		padding: 0px;
		font-family: Helvetica, sans-serif;
		font-size: 1.3em;
	}

#errormessage 
{color: Red; padding-bottom: 5px; font-weight: bold; margin-top:-38px; font-size:11px
}


/* jQuery Table Filter Page */
#contents{
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:-235px -33px;
	text-indent:-9999px;
	cursor:pointer;
	height:40px}
	
.panel_300px {width:300px; margin:20px 0; color:#00334e}	
.panel_300px  a {color:#00334e}
.panel_300px  a:hover {text-decoration:underline}
.panel_300px_top {height: 10px; background-image:url('images/panel_300px.png')}	
.panel_300px_body {border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; width:258px; padding:8px 20px}	
.panel_300px_bottom  {height: 10px; background-image:url('images/panel_300px.png'); background-position:0px -15px}	

#jQtf_menu {
	}
	
#jQtf_menu li {		
	list-style:none;
	margin-left:0px;
	display:block;
	width:300px;
	}
	
#jQtf_menu #demo, #jQtf_menu #source, #jQtf_menu #getstarted, #jQtf_menu #filtertypes, #jQtf_menu #options, #jQtf_menu #limitations {
		background-image:url(Images/jquerytablefilter_spritesheet.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
		cursor:pointer
	}

#demo {	
	height:40px;
	background-position:-235px -72px
	}
	
#demo:hover {
	background-position:-536px -72px
	}
	
#source {
	height:40px;
	background-position:-235px -112px
}
	
#source:hover {
	background-position:-536px -112px
	}
	
#getstarted {
	height:40px;
	background-position:-235px -152px
	}
	
#getstarted:hover {
	background-position:-536px -152px
	}

#filtertypes {
	height:40px;
	background-position:-235px -192px
	}
	
#filtertypes:hover {
	background-position:-536px -192px
	}

#options {
	display: block;
	height: 140px;
	background-position:-235px -232px
	}
	
#options:hover {
	background-position:-536px -232px
	}

#optionssub {
	margin:30px 0px 30px 0px
	}
	
#optionssub li {
	display:block; 
	width:300px; 
	margin-bottom:5px; 
	text-indent:0px
	}
	
#optionssub li a {
	font-size:0.85em; 
	margin-left:30px;
	padding-left:15px
	}
	
#optionssub li a:hover {
	color:#0079c1; 
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-position:0px -20px;
	background-repeat:no-repeat
	}
	
#limitations {
	height:41px;
	background-position:-235px -380px;
	}
	
#limitations:hover {
	background-position:-536px -380px
	}

#jQtf_menu_bottom {
	min-height:50px;
	padding:20px 0px 0px 20px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:-235px -420px
	}

#joinproject {
	display:block;
	width:220px;
	height:44px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:0px -33px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px
	}
		
#joinproject:hover {
	background-position:0px -87px
	}

#jQtf_buttons {
	list-style:none;
	margin-bottom:20px
	}
	
#demobutton {
	margin-left:50px;
	display:inline-block;
	width:206px;
	height:33px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:0px -141px;
	text-indent:-9999px;
	cursor:pointer
	}
	
#demobutton:hover {
	background-position:0px -174px;
	}
	
#sourcebutton {
	margin-left:50px;
	display:inline-block;
	width:235px;
	height:31px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:0px -207px;
	text-indent:-9999px;
	cursor:pointer
	}
	
#sourcebutton:hover {
	background-position:0px -242px;
	}
	
#top {
	margin-left:0px;	
	list-style:none;
	display:block;
	margin-bottom:20px;
	height:10px;
	width:600px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:-10px -6px
	}
	
#bottom {
	margin-left:0px;
	list-style:none;
	margin-top:18px;
	display:block;
	height:10px;
	width:600px;
	background-image:url(Images/jquerytablefilter_spritesheet.png);
	background-repeat:no-repeat;
	background-position:-10px -15px
	}
	
/* FooterLinks */
#footerlist a:link {text-decoration: none; color:#999}
#footerlist a:visited {text-decoration: none; color: #999}
#footerlist a:hover  {color: #13b5ea}

#footerlist {font-family: arial; line-height:1.4em;  float: left; margin:0px; padding: 20px 0px; border-top: 1px solid #e3e8eb; width: 960px}
#footerlist, #footersublist ul li {list-style: none}
#footersublist { font-size:0.875em; display: inline; float: left; position: relative; margin:0px; padding:0px; }
#footersublist ul  {margin:0px 35px 0px 0px; padding: 0px}
#footersublist li { margin: 0px; padding:0px}
.column {display: inline; float: left; position: relative}
	

/* Must stay at bottom of cascade */
.alpha{margin-left:0}
.omega{margin-right:0}

#code {display: none;}