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

/* @group Reset  */
html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}



/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a{
	outline-width:0px;
	color:#decc9d;
}

#main-content a{ color:#096}

a img { border: none; }

a:link, a:active, a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

/* @end */

/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight: bold; 
	font-family:"Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Arial,Helvetica,sans-serif; 
	}
h4, h5, h6 { color:#324a28 }
h1, h2 { font-weight:200; }
h3, h4, h5, h6 { font-weight:400; }

h1 { font-size: 4em; line-height: 1em; margin-bottom: 0.5em;color:#666; border-bottom:4px solid #efefef; }
h2 { font-size: 2.833em; margin-bottom:0.761em; line-height:1.167em; color:#324a28; clear:left;  }
h3 { font-size: 1.50em; line-height: 1.25em; margin-bottom:.5em; color:#324a28; border-bottom:1px dotted #ccc;border-top:1px dotted #ccc; }
#home h3{font-weight:bold; border:none}
h4 { font-size: 1.167em; line-height: 1.25; }
h5 { font-size: 1.167em; margin-bottom:10px; font-weight:bold; text-transform:uppercase; color:#A3A798 }
h6 { font-size: 1em; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0px; }
.modulePage img{
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	
}
.modulePage img.ileft{float:left; margin-right:10px; margin-bottom:10px;display:block; }
.modulePage img.iright{float:right; margin-left:10px; margin-bottom:10px;display:block; }
.modulePage img.icenter{margin-left:auto; margin-bottom:10px; margin-right:auto;display:block; }

.modulePage li{padding-left:20px; background:url(../images/check.gif) top left no-repeat; margin-bottom:4px; margin-left:10px; list-style:none; color:#333;}
li			{  font-family:Arial;}
ol          { list-style-type: decimal; }
dl          { margin: 0px 0px 1.5em 0px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .75em; }
.large      { font-size: 1.2em; line-height: 2em; margin-bottom: 1.25em; }
.quiet      { color: #666666; }

.imageLeft{
	float:left;
	margin:0 10px 10px 0;
}

.hide       { display: none; }

/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

.modulePage{
	background-color:#F2F2EC
}

body {
	
	background:#ffffff top left repeat-x;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color:black;
	padding:0;
	margin:0;
	}
	
body#home{
	background-color:#fff;
}
	
#home #container {
	background:url(../images/bg.jpg) 50% 0px no-repeat;
	}
	
	#container {
	background:url(../images/bg-regular.jpg) 50% 0px repeat-x;
	}
	
	#bg-container {
		margin:0 auto;
		text-align:center;
		clear:left;
		}
	
#about #container,
#work #container,
#team #container,
#contact #container,
#blog #container,
#error #container  {
	background:#F3F3F3 url(../images/bg.gif) repeat-x;
	}
	
	#about #bg-container,
	#work #bg-container,
	#team #bg-container,
	#contact #bg-container,
	#blog #bg-container,
	#error #bg-container  {background:url(../images/regularbg2.jpg) 50% 94px no-repeat;
		}
		
#header {
	position:relative;
	width:950px;
	margin:0 auto;
	padding:0 0 0 30px;
	text-align:left;
	height:170px;
	clear:left;
	}
#header img{
	margin-top:30px; margin-left:-15px;}
	
	#home #header{
		height:80px;
		padding-top:15px;
	}
	
	#header.products{ background:url(../images/banner_products.jpg) 280px 0 no-repeat}
	#header.qmos{ background:url(../images/banner_qmos.jpg) 280px 0 no-repeat}
	#header.modules{ background:url(../images/banner_modules.jpg) 280px 0 no-repeat}
	#header.support{ background:url(../images/banner_support.jpg) 280px 0 no-repeat}
	#header.mobile{ background:url(../images/banner_mobile.jpg) 280px 0 no-repeat}
	#header.industrial{ background:url(../images/banner_industrial.jpg) 280px 0 no-repeat}
	#header.industrial_consulting{ background:url(../images/banner_industrial_consulting.jpg) 280px 0 no-repeat}
	#header.business_consulting{ background:url(../images/banner_business_consulting.jpg) 280px 0 no-repeat}
	#header.custom_development{ background:url(../images/banner_custom.jpg) 280px 0 no-repeat}
	#header.system_integration{ background:url(../images/banner_integration.jpg) 280px 0 no-repeat}
	#header.customers{ background:url(../images/banner_customers.jpg) 280px 0 no-repeat}
	#header.publications{ background:url(../images/banner_publications.jpg) 280px 0 no-repeat}
	#header.contact{ background:url(../images/banner_contact.jpg) 280px 0 no-repeat}
	#header.news{ background:url(../images/banner_news.jpg) 280px 0 no-repeat}
	#header.company{ background:url(../images/banner_company.jpg) 280px 0 no-repeat}
	#header.login{ background:url(../images/banner_login.jpg) 280px 0 no-repeat}
	#header.partners{ background:url(../images/banner_partners.jpg) 280px 0 no-repeat}

#header h2{
	clear:left;
	margin:0px;
	padding:15px 0 0 0;
	font-size:2.5em;
	font-weight:bold;
	color: #000;
	border:none;
	line-height:100% !important;
	font-family:"Arial Black", Gadget, sans-serif;
	letter-spacing:-2px;
	text-transform:uppercase
	
}
#home #header h2{background:url(../images/slogan.png) top left no-repeat; text-indent:-90000px; width:773px; height:77px; margin:25px auto; padding:0;}

#content-container {
	width:940px;
	padding:0;
	margin:0 auto;
	padding:0px 0;
	text-align:left;
	background:transparent url(../images/twocol.jpg) top left no-repeat;
	}

#home #content-container{background:none; margin-top:50px}
#main-content {
	float:left;
	width:720px;
	padding-top:20px;
	padding-left:20px;
	}
	#home #main-content{padding-top:0px}
	
#sidebar-left {
	float:left;
	width:190px;
	}
	#home #sidebar-right{padding-top:0px}
		
#sidebar-left ul.sidenav li{
	list-style-type:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #DBDBDB !important;}
	
#sidebar-left ul.sidenav li a{
	color:#5F5F5F;
	font-size:18px;
	line-height:2.86em;
	display:block
	}
#sidebar-left ul.sidenav li a:hover,
#sidebar-left ul.sidenav li a.selected{
	background:#fff;
	color:#0C8387;
}

	
/* $2 - menu Styles ///////////////////////////////////////////////////////////////////////////////////*/

#main-menu  {
	width:100%;
	margin:0 auto;
	margin:0;
	padding:0;
	background-image: url(../images/b70.png) !important;
	background-repeat:repeat !important;
	text-align:right;
	height:65px;
	overflow:visible;
	border-bottom:1px solid #666;
	
}


#menu {
	margin: 0 auto;
	width: 930px;
	position: relative;
	text-align:right;z-index:100

}

#menu h1{
	width:212px;
	height:60px;
	float:left;
	margin:0;
	padding:0;
	border:none;
}

#menu h1 span{
	text-indent:9200px;
	display:block;
	margin-top:5px;
	height:55px;
	background:url(../images/logo.png) top left no-repeat;
	overflow:hidden;
	width:212px;
	
}

#menu ul{list-style: none; }
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; float:right;  height:65px}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; height:65px; line-height:55px; position:relative;}
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 12px; color: #fff; text-transform:uppercase }
ul.dropdown li:last-child a         { border-right: none; padding-right:0 } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {color: #ccc; position: relative; }
ul.dropdown li.hover a              { color: #ccc; }


/* 
	LEVEL TWO
*/
ul.dropdown ul { 
	width: 180px; 
	display:none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	margin:0; 
	padding:0;
	}
	
ul.dropdown li ul li { 
	font-weight: normal; 
	color: #000; 
	border-bottom: 1px solid #555; 
	text-align:left; 
	height:auto !important;
	line-height:normal !important; 
	margin:0 !important; 
	padding:0}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown li ul li a	{ 
	border-right: none; 
	width: 160px; 
	display: inline-block; 
	text-transform:none; 
	padding:5px 10px !important; 
	height:auto !important;
	line-height:normal !important; 
	margin:0 !important; 
	background: url(../images/b70.png) repeat; } 
	
ul.dropdown li ul li a:hover{ 
	color: #6C6} 
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/


.ul-left {
	font-size: 12px;
	margin-left:10px;
	margin-bottom:76px;
	}


.ul-left li{
	background:url(../images/check.gif) 0% 50% no-repeat;
	padding-left:30px;
	margin-bottom:10px;
	line-height:1.8
	}

.ul-link {
	font-size: 12px;
	margin-left:10px;
	margin-bottom:46px;
	}


.ul-link li{
	background:url(../images/link_icon.jpg) 0% 0 no-repeat;;
	padding-left:30px;
	margin-bottom:10px;
	font-size:14px;
	}
	
.ul-link li.pdf{
	background:url(../images/pdf_icon.gif) 0% 0 no-repeat;;
	}

.ul-link p{
	margin-top:10px;
	font-size:12px}
	
.ul-why {
	margin-left:10px;
	margin-bottom:76px;
	}
	
.ul-why li{
	background:url(../images/whybullet.gif) 0% 0 no-repeat;;
	margin-bottom:10px;
	height:30px;
	padding:15px 0 0 35px;
	}


	


/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

	
#home #content-container a,
#home #content-container a:link,
#home #content-container a:visited {
	color: #093;
	border-bottom: 0px solid #999;
	padding-bottom: 1px;
	}



	
.withicon{margin-left:40px; }
.withline{border-bottom:1px solid #888}


	
.page-title {
	color: #FFFFFF;
	font: 22px normal Helvetica, Arial, Verdana, san-serif;
	margin-top: 0px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 20px;
	text-shadow: 1px 1px 6px #BBB;
}

.page-subtitle {
	color: #003F8E;
	font: 18px normal Helvetica, Arial, Verdana, san-serif;
	margin-top: 20px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 10px;
	text-shadow: 1px 1px 6px #BBB;
	background:url(../images/page-title-bg.png) bottom no-repeat;
}


p {
	color:#444444;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	line-height:1.8em;
	}
	
p.bigger{
	font-size:18px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	line-height:25px;
	color:#666
}

ol {
	list-style: decimal;
	margin: 10px 30px;
}

ol li {
	margin: 10px;
	line-height: 1.6em;
}


img {border:none;}

.icon{
	float:left;
	margin-right:15px;
	margin-top:20px;
	}
	
#home .icon{margin-top:0px}

hr {height: 0; border: 0; border-bottom: 1px solid #DDD; color: #DDD; margin: 0; padding: 0; clear:both; width: 100%;}


.row {
	width: 290px;
	padding-top: 30px;
	font-size: 14px;
	margin-bottom:0px;
}


.row p {
	color: #464A52;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	margin-top: 6px;
	
}

.first {
	clear: both;
	float:left;
}

.second {float:right;}


#content-container .row a,
#content-container .row a:link,
#content-container .row a:visited {
	padding: 0;
	border: none;
	color:#AB0101;
	text-decoration: none;	
}


/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////////*/

#pageFooterWrapper { 
	width: 100% !important; 
	clear:left;}
	
#pageFooter { 
	width: 930px; 
	margin: 0 auto 0 auto; 
	padding-top: 10px; 
	font-size: 11px; line-height: 1em; color: #999999;}

.columnWrapperFooter { 
	width: 940px; 
	float: left; 
	margin-bottom: 40px; 
	border-top:1px solid #ccc;} /* wraps each horizontal sets of columns in the footer */

.leftWrapperFooter { float: right; width: 700px; }
.rightWrapperFooter { float: left; width:220px; }
.colOneFooter { float: left; width: 155px; margin-right: 20px; }
.colTwoFooter { float: left; width: 155px; margin-right: 20px; }
.colThreeFooter { float: left; width: 155px; margin-right: 20px; }
.colFourFooter { float: left; width: 155px; }

.colFiveFooter { 
	float: right; 
	width: 220px; 
	color: #555; 
	line-height: 1.8em; }
	
.colFiveFooter a:link { 
	color: #555; 
	background: none !important; 
	padding: 0 0 0 0 !important; }
	
.colFiveFooter a:visited { 
	color: #555; 
	background: none !important; 
	padding: 0 0 0 0 !important; }

#pageFooter ul {
	list-style:none; padding: 0; margin: 0; }

#pageFooter li { 
	
	display: block; float:left;
	padding: 0 0 3px 0; 
	margin: 0 10px 3px 0px; 
	line-height: 1.8em; }

#pageFooter a:link { 
	color: #555; 
	background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; }
	
#pageFooter a:visited { 
	color: #333; 
	background: url(../images/icon-visited.gif) no-repeat 0 50%; 
	text-decoration: none; 
	padding: 0 0 0 10px; }
	
#pageFooter a:hover { 
	color: #999; 
	text-decoration: none;
	background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; }

#pageFooter a:active { 
	color: #555; 
	text-decoration: none; 
	background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; }

#pageFooter .copyright{float:right; padding-top:5px;}

/* home page rotor  ///////////////////////////////////////////////////////////////////*/
.button {
	height:33px;
	width:225px;
	padding:0 10px;
	line-height:40px;
	background:url(../images/button.png) no-repeat;
	color:white;
	font:11px Helvetica, Arial, Verdana, san-serif;
	}

#footer .button span a, #footer .button span a:visited {
	color: #FFFFFF;
	line-height:30px;
	border:0;
	}

#footer .button span a:hover {
	color: #FFCC00;
	}	

span.download-pdf {
	padding-left:24px;
	background:url(../images/download-pdf.png) 0px 50% no-repeat;
	line-height:30px;
	}

span.download-word {
	padding-left:20px;
	background:url(../images/download-word.png) 0px 50% no-repeat;
	line-height:30px;
	}

.date {
	float:left;
	height:49px;
	width:44px;
	margin-top:4px;
	margin-right:8px;
	padding-top:1px;
	background:url(../images/datebg.png) no-repeat;
	}
	
.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;	
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}
.date span.day {
	font-size:18px;
	display:block;
	margin-top:0px!important;
	margin-top:-3px;
	
	}
.date span.month {
	font-size:9px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:-3px;color:#FFFFFF;
	}
	
	

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*=====================================================
                         boxes
  - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
.box{
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	  border-color:#DFDFDF;
	  border-style:solid;
	  border-width:1px;
	  margin-bottom:15px;  
  }
  
  #home .box{
	   background-color:#bbb;
	  border-color:#999;
  }
.box h2.heading{
  	background:#DFDFDF url(../images/box_header.png) repeat-x scroll left top;  	
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:5px 10px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	 -webkit-border-top-left-radius:6px;
	 -webkit-border-top-right-radius:6px;
	
}

.box h2.heading label{
font-size:13px;
margin-right:8px;
}

.box .inside{
	padding:10px
}

	


.left{
	float:left;
	padding:0 10px;
	width:220px;
	}
	
.features{
	float:left;
	padding:0 0px;
	width:940px;
}

.features h3{text-indent:-99999px; height:1px}

.features div{
	float:left;
	margin:0 0 10px 0px;
	padding:0px;
	width:235px;
	position:relative;
	height:470px;
	cursor:pointer;
}

.features ul{width:185px; height:300px; background:url(../images/blackgradient.png) top left repeat-x; position:absolute; top:10px; left:21px; display:none; padding:10px !important;}

.features li{
	list-style:none; 
	padding-left:22px  !important; 
	padding-top:4px;
	background:url(../images/arrow.png) 0 2px no-repeat !important; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:15px; 
	color:#fff!important; 
	margin:4px 0!important;}

.features a{color:#fff !important;}
.features img{margin-left:-10px; margin-bottom:5px}

.featureAD{
	background:  0 0px no-repeat;  margin-left:0px !important;
}
	

.feature1{
	background: url(../images/box_feature1.png) 0 0px no-repeat;  margin-left:0px !important;
}
	
.feature2{
	background: url(../images/box_feature2.png)  0 0px no-repeat; 
}
	
.feature3{
	background: url(../images/box_feature3.png)  0 0px no-repeat; 
}
	
.feature4{
	background: url(../images/box_feature4.png)  0 0px no-repeat; 
}
	

.testimonial {
	background:url(../images/bg_testimonial_top.png) no-repeat scroll right top;
	float:left;
	width:220px;
	padding:40px 20px 20px;
	width:180px;
	font-size:1.1em;
	color:#fff;
	
}

.testimonial_tail {
	background: url(../images/bg_testimonial_bottom.png) no-repeat scroll right bottom;
	color:#FFFFFF;
	float:left;
	height:40px;
	width:220px;
}

em.from{
	width:190px;
	text-align:right;
	font-size:1.1em;
	color:#777;
	display:block;
	margin-top:15px;
}
	
	
.module{
	float:left;
	width:150px;
	height:193px;
	text-align:center;
	margin-bottom:10px;
	margin-left:10px;
	position:relative;
	cursor:pointer;
}
.moduleAD{
	float:left;
	width:180px;
	text-align: justify
	margin-bottom:10px;
	margin-left:10px;
	position:relative;
	cursor:pointer;
}


.module a{color:#fff !important}

.m1{background:#fff url(../images/module_1.gif) top left no-repeat;}
.m2{background:#fff url(../images/module_2.gif) top left no-repeat;}
.m3{background:#fff url(../images/module_3.gif) top left no-repeat;}
.m4{background:#fff url(../images/module_4.gif) top left no-repeat;}
.m5{background:#fff url(../images/module_5.gif) top left no-repeat;}
.m6{background:#fff url(../images/module_6.gif) top left no-repeat;}
.m7{background:#fff url(../images/module_7.gif) top left no-repeat;}
.m8{background:#fff url(../images/module_8.gif) top left no-repeat;}
.m9{background:#fff url(../images/module_9.gif) top left no-repeat;}
.m10{background:#fff url(../images/module_10.gif) top left no-repeat;}
.m11{background:#fff url(../images/module_11.gif) top left no-repeat;}
.m12{background:#fff url(../images/module_12.gif) top left no-repeat;}
.m13{background:#fff url(../images/module_13.gif) top left no-repeat;}
.m14{background:#fff url(../images/module_14.gif) top left no-repeat;}
.m15{background:#fff url(../images/module_15.gif) top left no-repeat;}
.m16{background:#fff url(../images/module_16.gif) top left no-repeat;}



.c1{background:#fff url(../images/consulting_1.gif) top left no-repeat;}
.c2{background:#fff url(../images/consulting_2.gif) top left no-repeat;}
.c3{background:#fff url(../images/consulting_3.gif) top left no-repeat;}
.c4{background:#fff url(../images/consulting_4.gif) top left no-repeat;}


.module div{
	position:absolute;
	top:10px;
	left:8px;
	width:134px;
	height:180px;
	overflow:hidden;
}

.module div a{
	position:absolute;
	top:0px;
	left:0;
	display:block;
	color:#fff;
	width:134px;
	height:20px;
	padding:138px 0 0 0;
	font-weight:bold;
	
}

.module div a span{
	background:url(../images/btn_green.png) top left no-repeat;
	display:block;
	width:133px;
	height:20px;
	text-align:center;
	margin:2px auto;
	font-size:11px;
	font-weight:normal;
	padding-top:3px;
}

.module .last{margin-left:0;}

.customer{
	width:700px;
	border:1px solid #ccc;
	margin:10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	clear:left;
}

.customer .logo{width:300px; float:left;}
.customer .description{float:left; background:#ddd; color:#333; width:380px; padding:10px; -moz-border-radius:5px;
	-webkit-border-radius:5px;}
	

#main-content li{list-style:none; padding-left:20px; background:url(../images/check.gif) top left no-repeat; margin-left:15px; color:#444444;
font-family:Arial,Helvetica,Geneva,sans-serif;
line-height:1.8em;}

#main-content .pdf li{background:url(../images/pdf_icon.gif) 0 4px no-repeat}