html {
	overflow-y: scroll;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

html.etp {
	overflow-y: none;
	height: auto;
}

a img { border: none; }

#splasht{
	text-align: left;
	width: 400px;
	margin:auto;
}

body {
	background: #fff url(../images/bg_main.jpg) repeat-x; height: 100%;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#636363;
	line-height: 1.25pc;
}

#topbar{
	background: #FFFFFF url(../images/top3.jpg) top left repeat-x;
	margin: 0px;
	height: 292px;
	clear: both;
}

#logonav{
	margin: auto;
	width: 900px;
	height: 142px;
	clear: both;
}

#logo{
	float: left;
	width: 150px;
	height: 135px;
	padding-top: 5px;
	padding-left: 7px;
}

#nav{
	float: right;
	width: 700px;
	height: 140px;
}

#nav{
	float: right;
	width: 700px;
	height: 140px;
}

#strap{
	float: right;
	width: 690px;
	height: 100px;
}

#navmenu{
	float: right;
 	height: 34px;
	color: #FFFFFF;
}

#strap img{
	float: right;
	padding-top: 40px;
	padding-right: 7px;
}

.himg{
	margin-bottom: 10px;
}
.cssmenu{
	padding-left: 15px;
	float:right;
}

.cssmenu .tul{
	margin: 0;
	padding: 0;
	padding-top: 6px;
	list-style-type: none;
}

.cssmenu .tul .tli{
	position: relative;
	display: inline;
	float: left;
	font-size: 11px;
}

.cssmenu .tul .tli a{
	display: block;
/* background-color: white; url(../images/tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
	padding: 5px 8px 4px 8px;
	margin-right: 0px; /*spacing between tabs*/
	border-left: 1px dotted #787878;
	color: #ececec;
	text-decoration: none;
}

.cssmenu .tul .tli.sta a{
	border-left: 0px;
	color: #ececec;
}


.cssmenu .tul .tli a:hover{
	background: #4d8bb4 url(../images/navback.gif) top left repeat-x;
	color: #000000;
}

.cssmenu .tul .tli.on a{
	background: #4d8bb4 url(../images/navback.gif) top left repeat-x;
	color: #000000;
}

.cssmenu .tul .tli.sta.on a{
	background: #4d8bb4 url(../images/navback.gif) top left repeat-x;
	color: #000000;
}

#homebanner, #softbanner, #consultancybanner, #hardwarebanner,
#casestudiesbanner, #supportbanner, #aboutbanner, #contactbanner,
#mediabanner, #termsbanner {
	margin: auto;
	width: 900px;
	height: 150px;
	clear: both;
}

#printlogo{ display: none; }

#homebanner{ background: #5e9cc6 url(../images/homebanner.jpg) top no-repeat; }

#softbanner{ background: #5e9cc6 url(../images/softwarebanner.jpg) top no-repeat; }

#consultancybanner{ background: #5e9cc6 url(../images/consultancybanner.jpg) top no-repeat; }

#hardwarebanner{ background: #5e9cc6 url(../images/hardwarebanner.jpg) top no-repeat; }

#casestudiesbanner{ background: #5e9cc6 url(../images/casestudiesbanner.jpg) top no-repeat; }

#supportbanner{ background: #5e9cc6 url(../images/supportbanner.jpg) top no-repeat; }

#aboutbanner{ background: #5e9cc6 url(../images/aboutbanner.jpg) top no-repeat; }

#contactbanner{ background: #5e9cc6 url(../images/contactbanner.jpg) top no-repeat; }

#mediabanner{ background: #5e9cc6 url(../images/mediabanner.jpg) top no-repeat; }

#termsbanner{ background: #5e9cc6 url(../images/termsbanner.jpg) top no-repeat; }


#content{
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
	width: 900px;
	margin-top:12px;
}

#leftcol{
	width: 200px;
	margin-right: 8px;
	float:left;
}

.lf{
	float:left;
	width: 200px;
}
.lfh{
	width: 200px;
}

.lfb{
	background: #f1f3dc url(../images/sideback.gif) bottom left repeat-x;
	padding: 10px 10px 15px 10px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.lff{
	background: #FFFFFF url(../images/lffshadow.gif) top left no-repeat;
	height: 1px;
	margin-bottom:15px;
}

.tbs{
	width: 900px;
	background: #FFFFFF url(../images/tbshadow.gif) top left no-repeat;
	height: 2px;
	margin-bottom: 1px;
}

#midcol{
	float:left;
	width:450px;
	padding-left: 15px;
	padding-right: 15px;
}

#midcolb{
	float:left;
	width:600px;
	padding-left: 15px;
	padding-right: 15px;
}

#midcolc{
	float:left;
	width:650px;
	padding-left: 15px;
	padding-right: 15px;
}

#rightcol{
	width: 200px;
	float: right;
	margin-left: 4px
}

.rf{
	float:right;
	width: 200px;
}
.rfh{
	width: 200px;
}

.rfb{
	background: #f1f3dc url(../images/sideback.gif) bottom left repeat-x;
	padding: 10px 10px 15px 10px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;


}
.rff{
	background: #FFFFFF url(../images/lffshadow.gif) top left no-repeat;
	height: 1px;
	margin-bottom:15px;
}

.csitem{
	margin-top: 10px;
	float: left;
	width: 160px;
}

.csp{
	background: url(../images/csproduction.gif) top left no-repeat;
	padding-left: 40px;
	line-height: 36px;
}

.csd{
	background: url(../images/csdistribution.gif) top left no-repeat;
	padding-left: 40px;
	line-height: 36px;
}

.csf{
	background: url(../images/csfarming.gif) top left no-repeat;
	padding-left: 40px;
	line-height: 36px;
}

.csm{
	background: url(../images/csmanufacturing.gif) top left no-repeat;
	padding-left: 40px;
	line-height: 36px;
}

.cslist{ float: left; width: 320px; }

.cslogo{ float: left; }

cs.txt{ float: left;  }

.elleft {  float: left; }

#footer{
	background: #030303 url(../images/footerback.gif) top left repeat-x;
	margin: 0px;
	margin-top: 30px;
	height: 63px;
	font-size: 0.85em;
	clear: both;
	border: 1px solid #000000;
}

#footinner{
	margin: auto;
	width: 900px;
	color: #b3b3b3;
	padding: 25px 0 0 0;
    text-align: right;
}

#carouselwrap {
	clear:left;
	height:368px;
	width:585px;
	display:block;
	overflow:hidden;
	position:relative;
	border: 1px solid #d6d6d6;
}

#carousel {
	width:10000px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

#carousel div {
	height:368px;
	width:585px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#previous, #next {
	display:block;
	height:10px;
	margin:0 0 13px;
	cursor:pointer;
	cursor: hand;
}
#previous:hover, #next:hover {
	text-decoration: underline;
}
#previous {
	float:left;
}

#next {
	float:right;
	}

#carouselcontainer {
	width:586px;
	height:368px;
	padding: 20px 13px 0 0px;
	margin: auto;
	margin-bottom: 40px;
}

#carouselnav {
	width:585px;
	margin: auto 0;
}

.c1{ background:url(../images/softreport2.jpg) no-repeat top left; }
.c2{ background:url(../images/softreport1.jpg) no-repeat top left; }
.c3{ background:url(../images/softreport3.jpg) no-repeat top left; }
.c4{ background:url(../images/softreport4.jpg) no-repeat top left; }

.c5{ background:url(../images/suppimg1.jpg) no-repeat top left; }
.c6{ background:url(../images/suppimg2.jpg) no-repeat top left; }
.c7{ background:url(../images/suppimg3.jpg) no-repeat top left; }
.c8{ background:url(../images/suppimg4.jpg) no-repeat top left; }

.c9{ background:url(../images/soft1.jpg) no-repeat top left; }
.c10{ background:url(../images/soft2.jpg) no-repeat top left; }
.c11{ background:url(../images/soft3.jpg) no-repeat top left; }
.c12{ background:url(../images/soft4.jpg) no-repeat top left; }

#pc9, pc10, pc11{ display: none; }


#carousel div.carouselitem div.inner{
	display: inline;
	margin: 15px 15px 15px 15px;
	padding: 10px 10px 10px 10px;
	width: 280px;
	height: 316px;
	border: 1px solid #000000;
	background: #000000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#carousel div.carouselitem div.innerb{
	display: inline;
	margin: 15px 15px 15px 305px;
	padding: 10px 10px 10px 10px;
	width: 240px;
	height: 316px;
	color: #FFFFFF;
	border: 1px solid #000000;
	background: #000000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}


#carousel div.carouselitem div.inner.inB{
	width: 530px;
	height: 316px;

}

#carousel div.carouselitem div.inner a{
	font-weight: bold;
}

#carousel div.carouselitem div.inner h3, #carousel div.carouselitem div.innerb h3{
	margin: 10px 0px 5px 0px;
	color: #FFFFFF;
}
#carousel div.carouselitem div.inner p, #carousel div.carouselitem div.inner ul, #carousel div.carouselitem div.inner li{
	color: #FFFFFF;
	font: .95em Arial, Helvetica, sans-serif;
}

#carousel div.carouselitem div.innerb p, #carousel div.carouselitem div.innerb ul, #carousel div.carouselitem div.innerb li{
	color: #FFFFFF;
	font: .95em Arial, Helvetica, sans-serif;
}

.yes{
	background:url(../images/yes.png) no-repeat center right;
}

.no{
	background:url(../images/no.png) no-repeat center right;
}

.saitem{
	float: left;
	width: 310px;
	border: 1px solid #d6d6d6;
	margin-top: 10px;
	margin-right: 10px;
}

.saitem p{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-size: 88%;
}


.saitemh{
	width: 290px;
	background: #e9f2f5;
	font-weight: bold;
	color: #1b1c1e;
	padding: 10px 10px 10px 10px;
}

.quoteimg{
	float: right;
	margin: 10px;
}

.pil{ display:none };

/* typography */
p {	margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;}
.lf p, .rf p{ margin: 0px 0px 0px 0px; font-size: 90%; }
.lf a, .rf a{ font-weight: bold; }
.lfb.sn p { margin: 6px 0px 0px 0px; font-size: 90% }
.lfb.sn a { font-weight: normal; }
.rfb.sn p { margin: 6px 0px 0px 0px; font-size: 90% }
.rfb.sn a { font-weight: normal; }


#footer p{ font-size: 85%; 	padding-top: 18px; }

.pu{ margin: 10px 10px 10px 10px; text-align: left; }


h1, h2, h3, h4, h5, h6		{	font-weight: bold;}
h1, h2, h3, h4, h5, h6, .p	{	line-height: 1.25pc;}
h1				{	font-size: 140%;  color: #000; }
h2				{	font-size: 120%;  color: #353535; margin: 15px 0px 10px 0px; font-weight: normal;}				/*t r b l*/
h3				{	font-size: 105%;  color: #333; margin: 15px 0px 15px 0px;  	}
h4				{	font-size: 100%; margin: 15px 0px 5px 0px;  }
h5				{	font-size: 80%;  margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;}
h6				{	font-size: 80%;  margin: -5px 0px -5px 0px;  }

ul				{ 	margin: 20px 30px 20px 30px; list-style-type: square; padding: 0;  border: 0; }
ul ul				{ 	margin: 10px 30px 20px 30px; list-style-type: circle; padding: 0;  border: 0; }
ol ol				{ 	margin: 20px 30px 20px 30px; padding: 0; border: 0;}
ol				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.05pc; }
li li 				{	font-size: 100%; margin-top: 5px; margin-bottom: 5px; }
li				{	font-size: 100%; margin-top: 5px; margin-bottom: 5px; line-height: 1.05pc; }

.csys{
	margin: auto;
	width: 500px;
}

.csys h2{
	line-height: 30px;
	padding-left: 40px;
	margin: 10px 0px 5px 0px;
}

.csys p{
	padding-left: 40px;
	margin: 0px 0px 0px 0px;
}

.cs1{ background:url(../images/cs1.gif) no-repeat center left; }
.cs2{ background:url(../images/cs2.gif) no-repeat center left; }
.cs3{ background:url(../images/cs3.gif) no-repeat center left; }
.cs4{ background:url(../images/cs4.gif) no-repeat center left; }
.cs5{ background:url(../images/cs5.gif) no-repeat center left; }
.cs6{ background:url(../images/cs6.gif) no-repeat center left; }
.cs7{ background:url(../images/cs7.gif) no-repeat center left; }
.cs8{ background:url(../images/cs8.gif) no-repeat center left; }
.cs9{ background:url(../images/cs9.gif) no-repeat center left; }
.cs10{ background:url(../images/cs10.gif) no-repeat center left; }
.cs11{ background:url(../images/cs11.gif) no-repeat center left; }
.cs12{ background:url(../images/cs12.gif) no-repeat center left; }
.cs13{ background:url(../images/cs13.gif) no-repeat center left; }
.cs14{ background:url(../images/cs14.gif) no-repeat center left; }
.cs15{ background:url(../images/cs15.gif) no-repeat center left; }


a { color: #5896bf; text-decoration: none; }
a:hover { color: #5896bf; text-decoration: underline; }

a.snon { color: #1b1c1e; text-decoration: none; }
a.snon:hover { color: #1b1c1e; text-decoration: none; }

#footer a { color: #b3b3b3; text-decoration: none; }
#footer a:hover { color: #b3b3b3; text-decoration: underline; }

.ml{
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

.field, .lbc{
	float: left;
}

.lbc { font-weight: bold; width: 180px; }

select{
	font: normal 1em Arial, Verdana,sans-serif;
	border: 1px solid #BBB;
	margin-top: 3px;
	width: 160px;
}

.clear{
	padding: 0px;
	margin: 0px;
	clear: both;
	line-height: 0;
}

#etpcol{
	float:left;
	background-color: #FFF;
	text-align: left;
	padding: 16px 20px 20px 20px;
	height :auto;
}

#etpbody{
	background-color: #FFF;
}

#etpcol #myForm { padding: 0px; padding:0; margin: 0; height: auto; }

#etpcol #myForm label {
	float: left;
	width: 140px;
	font-weight: bold;
}

#etpcol #myForm #submit { margin-left: 140px; margin-top: 4px; }


#myForm {
	padding: 5px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 120px;
	font-weight: bold;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 120px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

div.supf.top, div.supd.top{
	margin-top:20px;
}

div.supf.top h3, div.supd.top h3{
	background-color: #f1f3dc;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.supf.top h3{
	padding-left: 5px;
}


div.supf.bot, div.supd.bot{
	margin-bottom:20px;
}

.supf{
	float: left;
	width: 420px;
	height: 30px;
	margin-top: 5px;
 	padding-left: 5px;
}

.supd{
	text-align: center;
	float: left;
	width: 120px;
	height: 30px;
	margin-top: 5px;
}

 /* WORDPRESS */

.postmetadata { text-align: center; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }

.even, .alt { border-left: 1px solid #ddd; }

.post small {
	font-style: italic;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	text-align:left;
	clear: both;
}

.clear {
	clear: both;
}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin: 10px auto 10px auto;
	}

img.alignright {
	padding: 4px;
	margin: 10px 0px 10px 10px;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 10px 10px 10px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.entry ol {
	padding: 0 0 0 35px;    /*t r b l*/
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}
#sidebar ul ul li, #sidebar ul ol li { font-size: 90% }

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 8px 0 0px 0;       /*t r b l*/
	padding: 0;
	}
#searchform {
	text-align: left;
	}

#sidebar #searchform #s {
	width: 150px;
	background-image : url(../images/bg_search_input.gif);
	background-position : 4px 50%;
	background-repeat : no-repeat;
	padding : 2px 2px 4px 23px;
	border: 1px solid #cac9b9;
	margin-bottom: 3px;
	margin-top: 0px;
}

#sidebar #searchsubmit {
	padding: 1px;
	border: 1px solid #cac9b9;
	font-size: 90%;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#tag_cloud{
	font-size: 90%;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #cac9b9;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px solid #cac9b9;
	}
#respond:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	border: 1px solid #cac9b9;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#sidebar form {
	margin: 0px;
	}
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */