/* CSS Document */

* {
	margin:0;
	padding:0
}
ul, li {
	list-style:none
}
img {
	border:0
}
p {
	font:11px arial;
	color:#696969;
}
h1 {
	color:#003366;
	font:14px Georgia;
	padding-top: 10px;
	margin:0px 0 10px 0;
}
h1.productH1 {
	color:#003366;
	font: bold 14px Georgia;
	padding-top: 10px;
	margin:0px 0 10px 0;
}
h2 {
	color:#666666;
	font:14px Georgia
}
h3 {
	color:#FFFFFF;
	font:bold 16px Georgia;
	position:absolute;
	top:15px;
	left:20px;
}
body {
}
.left {
	float:left
}
.right {
	float:right
}
a {
	text-decoration:none;
	font:bold
}
a:hover {
	text-decoration:underline;
	font:bold
}
.center {
	margin:0 auto;
	width:768px
}
.container {
	width:763px;
	background:url(../images/containerx.jpg) repeat-y left top;
	padding-left:4px;
	float:left
}
.toparea {
	height:118px;
	width:761px;
}
.toparea .topnav {
	float:right;
	margin:7px 0 0 0;
	color:#838383;
	padding:0 15px;
	position:relative;
	z-index:499;
	font:11px arial;
	color:#666666
}
.topnav a {
	color:#838383;
	margin:0 6px 0 2px;
	font:11px arial;
	color:#666666
}
.topnav a:hover {
	text-decoration:underline;
}
.srching {
	display:none;
	height:200px;
	z-index:500;
	position:absolute;
	left:0px;
	top:0px
}
a.tnl, .footer a.tnl {
	background:none
}
.toparea .logo {
	float:left;
	color:#20547A;
	height:70px;
	width:200px;
	padding:30px 0 0 20px;
}
.toparea .logo span {
	display:block;
	font:12px arial;
	color:#003b67;
	margin:10px 0 0 0
}
.toparea .logo a {
}
.flash {
	width:761px;
	float:left;
	position:relative;
}
#productnav {
	width:761px;
	height:113px;
	background:transparent url('../images/bb.gif') no-repeat scroll left top
}
#productnav ul {
	display:inline;
	float:left;
	margin:0px 0 0 100px;
	width:680px
}
#productnav li {
	/*display:block;*/
	float:left;
	height:99px;
	width:89px;
	text-align: center;
}

#productnav li p {
	display: none;
	text-decoration:none;
}

#productnav li:hover p {
	display: block;
	z-index: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 89px;
	margin-top: -40px;
	text-align: center;
	text-decoration: none;
}

#productnav li.current {
	background:transparent url('../images/arrow.gif') no-repeat scroll center bottom
}
#productnav a {
	outline: none;
}
.content {
	width:100%;
	float:left;
	padding:15px 0 0 0;
	height:100%
}
.leftpart {
	float:left;
	width:490px;
	padding:0 0 0 20px;
	position:relative;
}
.leftpart p {
	font:11px arial;
	color:#333333;
	margin:5px 0;
	line-height:17px;
}
.leftpart form p {
	margin:20px 0 20px 0;
	position:relative;
	font:11px arial;
	color:#333333
}
.leftpart p img {
	float:left;
	position:relative;
	margin:0 15px 0 0
}
.leftpart form p label {
	margin:0 0 0 30px;
	text-align:right;
	width:100px;
	float:left;
}
.leftpart form p input {
	margin:0 0 0 20px;
	width:260px;
}
.leftpart blockquote {
	padding:0 10px 0 20px;
	width:460px;
	display:block;
}
.leftpart blockquote p {
	margin:2px 0 15px 0;
}
.leftpart blockquote p a {
	display:block;
	font:italic 11px arial;
	color:#63728e;
	background:url(../images/products_unique.jpg) no-repeat left center;
	padding:3px 0 0 22px;
	margin:4px 0 0 0
}
.leftpart a.noarrow {
	background:#fff;
	padding:0 0 0 0
}
.leftpart blockquote p a span {
	text-decoration:underline;
}
.leftpart ul {
	padding-left: 15px;
}

.leftpart ul li {
	list-style:disc;
	list-style-position:outside;
	font:11px/17px arial;
	color:#333333;
	padding-left: 5px;
	margin:0 0 10px 15px
}
.pusharealeft {
	float:left;
	width:220px;
	padding:0 10px 0 0;
	background: url(../images/box3.jpg) repeat-y right top
}
.pusharealeft p {
	margin:15px 0
}
.pusharearight {
	float:left;
	width:235px;
	padding:0 10px 0 15px;
}
.pusharealeft a, .pusharearight a, .leftpart a {
	color:#003478;
	font-weight:bold;
	background:url(../images/readmore.jpg) no-repeat right center;
	padding:0 8px 2px 0
}
.leftpart p input.submit {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	color:#003478;
		font-weight:bold;
		background:url(../images/readmore.jpg) no-repeat right center;
		width:100px;
		float:left;
		margin-left: 300px;
		padding: 0px 0px 2px 0px;
		position:relative;
	top: -604px;
	left: -324px;
}
.leftpart p input.submit:hover {
	text-decoration: underline;
}
.box {
	float:left;
	margin:0 0 20px 0;
}
.colbox1 {
	float:left;
	width:228px;
	margin:0px 0 0 7px;
	background: url(../images/box3.jpg) repeat-y left top;
	padding-left:10px
}
.contact-box {
	float:left;
	width:193px;
	height:105px;
	background:url(../images/contact.jpg) repeat-x left top;
	padding:5px 10px 10px 15px
}
.contact-box .links {
	width:100%;
	float:left;
	margin:6px 0 0 0
}
.contact-box .links img {
	float:left
}
.contact-box .links p.number {
	margin:4px 0 0 10px
}
.contact-box .links p {
	float:left;
	margin:0 0 0 0;
	font:13px Georgia;
}
.contact-box p a {
	float:left;
	color:#838383;
	margin:4px 0 0 10px
}
.witepaper-box {
	position:relative;
	width:193px;
	height:110px;
	float:left;
	margin:10px 0 0 0;
	background:transparent url(../images/index_broc_download.jpg);
	padding:10px 10px 10px 15px
}
.witepaper-box p {
	font:Italic 14px/20px Georgia;
	color:#666666
}
.witepaper-box p a {
	color:#3A6295;
	font:bold 11px arial;
	float:left;
	margin:10px 0 0 0;
	padding:0 8px 0 0;
	display:block;
	background:url(../images/readmore.jpg) no-repeat right center;
	text-decoration:underline
}
.witepaper-box .guide a {
	margin:0;
	font:bold 11px arial;
	color:#003478;
	display:block;
	float:left;
	background:url(../images/readmore.jpg) no-repeat right 4px;
	padding:0 7px 0 0
}
.guide a:hover {
	text-decoration: underline;
}
#contentbottom {
	clear: both;
	position: relative;
	height: 15px;
	padding-top: -15px;
    background:url(../images/bot.jpg) no-repeat left;
}
.footer{ 
	font:10px arial;color:#666666;float:left;padding:10px 0 40px 0; text-align:center;width:100%}
.footer a{
	font:10px arial;color:#666666;background:url(../images/botli.jpg) no-repeat right center;padding:0 6px}

.footerNav{ 
	font:9px arial;color:#999999;padding:10px; text-align:center;width:100%}
.footerNav a{
	font:9px arial;color:#aaaaaa;padding:2px}
.footerNav a:hover{
	font:9px arial;color:#888888;padding:2px}
/*-----------------------------------------ABOUT PAGE-------------------*/

.witepaper-box1 {
	position:relative;
	width:193px;
	height:210px;
	float:left;
	margin:5px 0 0 0;
	background:transparent url(../images/products_broc.jpg);
	padding:7px 10px 10px 15px
}
.witepaper-box1 h2 {
	color:#666666;
	float:left;
	font:13px Georgia
}
.witepaper-box1 .guide {
	width:100%;
	float:left;
	margin:7px 0 0 0
}
.witepaper-box1 p {
	font:Italic 12px/18px Georgia;
	color:#666666;
	padding-top: 15px;
}
.witepaper-box1 .guide a {
	margin:2px 0 0 0;
	height: 11px;
	font:bold 11px arial;
	color:#003478;
	display:block;
	float:left;
	background:url(../images/readmore.jpg) no-repeat right center;
	padding:0 7px 0 0
}
/*---------------------------------- PRODUCTS---------------------------------*/

.leftpart .clip1 p, .leftpart .clip2 p {
	margin:0 0 10px 0;
}
.leftpart .clip1 {
	width:130px;
	float:left;
	height:160px;
}
.leftpart .clip2 {
	width: 300px;
	float:left;
	padding:0 0 0 20px;
}
.leftpart form {
	clear: both;
}

.catalogue {
	float:left;
	width:198px;
	height:27px;
	background: url(../images/catalog_bg.jpg) no-repeat;
	padding:10px
}
.catalogue p {
}
.catalogue .links {
	width:100%;
	float:left;
	margin:0 0 0 0
}
.catalogue .links img {
	float:left
}
.catalogue .links p {
	float:left;
	margin:0 0 0 0;
	font:13px Georgia;
}
.catalogue .links p a {
	float:left;
	color:#838383;
	margin:4px 0 0 10px
}
/*---------------------------------- SERVICES---------------------------------*/

.clipimgbox {
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.clipimgbox img {
	float:left;
	margin:0 20px 0 0;
}
.pdf-casestudy {
	float:left;
	width:193px;
	height:55px;
	padding:10px 10px 10px 15px
}
.wpdf {
	background:url(../images/pdf_casestudy_bg.jpg) no-repeat;
}
.wpdf a {
	color:#a88f5f
}
.fpdf {
	background:url(../images/fsp_pdfbox.jpg) no-repeat;
}
.fpdf a {
	color:#608a8e
}
.ppdf {
	background:url(../images/psp_pdfbox.jpg) no-repeat;
}
.ppdf a {
	color:#779077
}
.pdf-casestudy p {
}
.pdf-casestudy .links {
	width:100%;
	float:left;
	margin:0 0 6px 0
}
.pdf-casestudy .links img {
	float:left
}
.pdf-casestudy .links p {
	float:left;
	margin:0 0 0 0;
	font:13px Georgia;
}
.pdf-casestudy .links p a {
	float:left;
	margin:4px 0 0 10px
}
/*---------------------------------------- PRINT ------------------------------------*/	

.containerp {
	width:763px;
	padding-left:4px;
	float:left
}


/*---------------------------------------- MENUS ------------------------------------*/	

.menu {
	width:500px;
	margin:50px 0 0 30px;
	height:32px;
	float:left;
	display:inline;
}

.sf-menu .sideL {
	background:transparent url('../images/menuL1.jpg') no-repeat scroll left top
}
.sf-menu .sideR {
	background:transparent url('../images/menuR.jpg') no-repeat scroll right top;
	padding:0 0px 0 30px
}
.sf-menu li.sideR:hover {
	background:transparent url('../images/menuR_hover.jpg') no-repeat scroll right top;
	padding:0 0px 0 30px
}
.sf-menu .sideL a:hover {
	background:transparent url('../images/menuL.jpg') no-repeat scroll left top
}
.sf-menu li.sideR a:hover {
	background:transparent url('../images/menuR_hover.jpg') no-repeat scroll right top;
	padding:0 0px 0 30px
}
.sf-menu li li#last {
	background:  url('../images/botmL2.gif') no-repeat scroll left bottom!important;
	border-bottom:0;
}
.sf-menu li li#last a {
	background:  url('../images/botmR2.gif') no-repeat scroll right bottom!important;
	border-bottom:0;
}
.sf-menu li li:hover {
	background:  transparent url('../images/sideL.gif') no-repeat scroll left top!important;
}
.sf-menu li li a:hover {
	background:  transparent url('../images/sideR.gif') no-repeat scroll right top!important;
}
.sf-menu li:hover {
	background:transparent url('../images/menuhover.jpg') repeat-x scroll left top
}
.sf-menu li a:hover {
	background:transparent url('../images/menuhover.jpg') repeat-x scroll left top;
	color:#1e1e1e
}
.sf-menu .industries {
	margin-top: 1px;
	width:160px
}
.sf-menu .services {
	margin-top: 1px;
	width:110px
}
.sf-menu .products {
	margin-top: 1px;
	width:200px;
	white-space:nowrap;
}
.sf-menu .case {
	margin-top: 1px;
	width:160px
}
.sf-menu .aboutus {
	margin-top: 1px;
	width:110px
}
.sf-menu .iam {
	margin-top: 1px;
	width:100px;
	margin-left: -11px;
}
.sf-menu li a {
	font:bold 11px arial;
	color:#666666
}
.sf-menu li li a, .sf-menu li li li a {
	font:11px arial
}
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	padding-bottom: 1px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,  .sf-menu li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	z-index:		99;/*background:transparent url('../images/menuhover.jpg') repeat-x scroll left top*/

}
ul.sf-menu li:hover li ul,  ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,  ul.sf-menu li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,  ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,  ul.sf-menu li li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			0;
}
/*.sf-menu li:hover ul{

	background:transparent url('../images/menuhover.jpg') repeat-x scroll left top;}*/





/*** DEMO SKIN ***/

.sf-menu {
	float:left;
	font:11px arial;
	color:#666666
}
.sf-menu a {
	padding:10px 10px 5px 10px!important;
	text-decoration:none;
	font:11px arial;
	color:#666666
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666666;
}
.sf-menu li {
	background:transparent url('../images/menu2.jpg') no-repeat scroll left center;
	border-bottom:1px #fff solid
}
.sf-menu li li {
	background:url('../images/sideL.gif') no-repeat scroll left top;
}
.sf-menu li li a {
	background:url('../images/sideR.gif') no-repeat scroll right top;
}
.sf-menu li li li {
	background:url('../images/sideL.gif') no-repeat scroll left top;
}
.sf-menu li li li a {
	background:url('../images/sideR.gif') no-repeat scroll right top;
}
/*iefix*/

.sf-menu li:hover, .sf-menu li.sfHover,  .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:visited {
	outline:		0;
	z-index:10;
}
/*** arrows **/

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,  a:hover > .sf-sub-indicator,  a:active > .sf-sub-indicator,  li:hover > a > .sf-sub-indicator,  li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,  .sf-menu ul a:hover > .sf-sub-indicator,  .sf-menu ul a:active > .sf-sub-indicator,  .sf-menu ul li:hover > a > .sf-sub-indicator,  .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/

.sf-shadow ul {
	background:;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
/*background: transparent;*/

}