body {
	margin:0;
	color:#000;
	font:12px/14px Arial,Verdana,Tahoma, sans-serif;
	/*background:url(../images/bg-body.jpg) repeat-x;*/
	min-width:960px;
}
img {border:none;}
form,fieldset{
	margin:0;
	padding:0;
}
fieldset {border-style:none;}
a:focus {
	outline:none;
}
.page-width {
	width:960px;
	margin:0 auto;
	padding:0 0 25px;
}
/* header */
#header {
	position: relative;
	height:60px;
	z-index:2;
}
#header strong a {
	position:absolute;
	left:11px;
	top:2px;
	width:215px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/viewrest.png) no-repeat -177px -0px;
}

#header a.share,
#header a.demos,
#header a.contact {
	position:absolute;
	left:6px;
	top:11px;
	width:117px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	
}
#header a.demos,
#header a.contact {
	right:186px;
	left:auto;
	top:170px;
	width:92px;
	height:28px;
	background:url(../images/viewall.png) no-repeat;
		background-position: -110px -293px;
}
#header a.contact {
	right:0px;
	background:url(../images/viewall.png) no-repeat;
	background-position: -206px -293px;
	width:128px;
}
#header .form-search {
	position: absolute;
	right:6px;
	top:10px;
	width:320px;
	height:20px;
}
.form-search .bg-input {
	float:left;
	width:160px;
	height:16px;
	padding:5px 5px 1px 10px;
	background:url(../images/viewrest.png) no-repeat -176px -204px;
}
.form-search .bg-input input.field {
	width:150px;
	height:16px;
	color:#5e5e5e;
	font:10px/12px Arial, Helvetica, sans-serif;
	background:none;
	border:none;
}
.form-search input.button {
	float:left;
	display:inline;
	margin:5px 0 0 -168px;
}
.form-search a.submit,
.form-search a.login {
	float:left;
	display:inline;
	margin:0 0 0 5px;
	width:57px;
	height:21px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/viewrest.png) no-repeat -294px -231px;
}

#header #menu {
	position: absolute;
	left:225px;
	top:8px;
	margin:0;
	padding:0;
	list-style: none;
}
#header #menu li {
	float:left;
	margin:0 5px 0 0;
}
#header #menu a {
	float: left;
	color:#fff;
	font-size:12px;
	line-height:34px;
	text-decoration: none;
}
#header #menu li {
	text-decoration:none;
}
#header #menu a span {
	float:left;
	padding:0 18px 0 13px;
	height:34px;
	cursor:pointer;
}
#header #menu li:hover a,
#header #menu li.hover a{
	/*	background:url(../images/bg-nav-left.jpg) no-repeat;*/
	background:url(../images/viewall.png) no-repeat;
	background-position:-103px -336px;
}
#header #menu li:hover a span,
#header #menu li.hover a span{
	background:url(../images/bg-nav-right-nodrop.jpg) no-repeat 100% 0;
}
/*#header #menu li:hover a.with-drop span,
#header #menu li.hover a.with-drop span {
	background:url(../images/bg-nav-right.jpg) no-repeat 100% 0;
}
#header #menu li:hover .drop ul li a,
#header #menu li.hover .drop ul li a {
	background:none;
}*/
#header #menu li.active a {

}
#header #menu li.active a span {
	color:#0066cc;
}
#header .drop {
	display:none;
}
#header li:hover,
#header li.hover {
	position: relative;
	z-index:2;
}
#header li:hover .drop,
#header li.hover .drop {
	display:block;
}
/*#header .drop {
	position: absolute;
	left:0;
	top:34px;
	width:194px;
}
#header .drop .drop-top {
	width:194px;
	height:3px;
	overflow: hidden;*/
	/*background:url(../images/bg-drop-top.jpg) no-repeat;*/
/*	background-image: url(../images/dropmenu0.png); 
	background-repeat: no-repeat; 
	background-position: -0px -3px; 
	width: 194px; height: 3px;}
#header .drop .drop-btm {
	width:194px;
	height:3px;*/
	/*background:url(../images/bg-drop-btm.png) no-repeat;*/
	/*background-image: url(../images/dropmenu0.png); 
	background-repeat: no-repeat; 
	background-position: -0px -0px; 
}
#header .drop ul {
	width:194px;
	margin:0;
	padding:0 0 7px;
	list-style: none;
	background:url(../images/bg-drop.png) repeat-y;
}
#header #menu .drop ul li {
	float: none;
	height:1%;
	padding:0 0 0 5px;
	margin:0 0 0 7px;
	background:url(../images/bg-sep.jpg) no-repeat 0 100%;
}
#header #menu .drop ul li a {
	position: relative;
	float: none;
	font-size:11px;
	line-height:23px;
}
#header #menu .drop ul li a:hover {
	text-decoration: underline;
}*/
/* columns holder */
.columns-holder {
	overflow: hidden;
	height:1%;
	padding:22px 0 10px 8px;
}
.columns-holder .content {
	float:left;
	width:654px;
	background:url(../images/viewrest.png) no-repeat -663px -387px;
}
.content-btm {
	width:628px;
	padding:10px 13px 32px;
	overflow: hidden;
	background:url(../images/box-btm.gif) no-repeat 0 100%;
}

.content-btm  p{
	text-align:justify;
	padding-right: 20px;
	padding-bottom: 10px;
}

.content-btm  p a{
	color:#990000;
	text-decoration:none;
}

.content-btm  p a:hover{
	color:#990000;
	text-decoration:underline;
}

.content h2 {
	margin:5px 0 0;
	color:#000;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
}

.content h4{
	font-size:14px;
	margin-top: 2px;
	margin-bottom:2px;
}

.content h2 a{
	text-decoration:none;
	color:#990000;
}

.content h2 a:hover{
	text-decoration:underline;
	color:#990000;
}

.content p {
	margin:2px 0 0;
	font-size:12px;
	line-height:18px;
}
.content-btm  hr
{
width:100%;
height:1px;
color:#797979;
margin:0 0 10px 0;
}
.content .title {
	padding:0 0 10px;
	background:url(../images/bg-dotted.gif) repeat-x 0 100%;
}
.list {
	float: left;
	margin:0 10px 0 0;
	width:315px;
	padding:15px 0 0;
}

.content table {
width:100%;
height:auto;
}

.content table a {
color:#990000;
text-decoration:none;
}

.content table a:hover {
text-decoration:underline;
}

.content table tr {
border-bottom:dashed;
}
/********************** created for Single Column options ***********************/

.inner .listSingleColumn {
padding:0;
width:628px;
}

.listSingleColumn  {
float:left;
margin:0 10px 0 0;
padding:15px 0 0;
width:315px;
}

.listSingleColumn h3 {
	margin:0;
	font-size:13px;
	line-height:14px;
}
.listSingleColumn ul {
	margin:0;
	padding:13px 0 0 3px;
	list-style: none;
	width: 620px;
}
.listSingleColumn ul li {
	padding:0 0 16px 12px;
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -34px;
}

.listSingleColumn ul a {
	color:#000;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
}
.listSingleColumn ul a:hover {
	text-decoration: underline;
}

/******************** End Single row options **********************/

.list-blue {
	width:280px;
	margin:0;
}
.list h3 {
	margin:0;
	font-size:13px;
	line-height:14px;
}
.list ul {
	margin:0;
	padding:13px 0 0 3px;
	list-style: none;
}
.list ul li {
	padding:0 0 16px 12px;
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -34px;
}

.list ul a {
	color:#000;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
}
.list ul a:hover {
	text-decoration: underline;
}

.list-blue ul li {
	padding-bottom:10px;
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -0px; 
}
.list-blue ul a {
	color:#0066cc;
}


/* footer */
.footer-bg {
	width:100%;
	overflow: hidden;
	background:#e3e3e3 url(../images/viewrest.png) repeat-x -0px -279px;
	padding:2px 0 2px 0px;
	/*bottom: 0px;
	position: fixed;*/
	}

#footer {
	width:950px;
	margin:0 auto;
	height:auto;
	/*padding:2px 0 0px 10px;*/
		
}
#footer p {
	margin:2px auto;
	color:#333;
	font-size:9px;
	float:left;
	line-height:20px;
}
#footer ul {
	margin:0;
	padding:0 0 0 10px;
	list-style: none;
	text-align:right;
}
#footer ul li {
	margin:0 5px 0 15px;
	margin-left:10px;
	display:inline;
}
#footer ul a {
	color:#666;
	font-size:12px;
	line-height:20px;
	text-decoration: none;
}
#footer ul a:hover {
	text-decoration: underline;
}
/********** Search Form ************/
.footer-bg #footer .form-search {
	position: relative;
	left:170px;
	float:left;
	width:250px;
	height:20px;
	overflow:hidden;
}
.form-search .bg-input {
	float:left;
	width:160px;
	height:16px;
	padding:5px 5px 1px 10px;
	background:url(../images/viewrest.png) no-repeat -176px -204px;
}
.form-search .bg-input input.field {
	width:150px;
	height:16px;
	color:#5e5e5e;
	font:10px/12px Arial, Helvetica, sans-serif;
	background:none;
	border:none;
}
.form-search input.button {
	float:left;
	display:inline;
	margin:5px 0 0 -168px;
}
.form-search a.submit,
.form-search a.login {
	float:left;
	display:inline;
	margin:0 0 0 5px;
	width:57px;
	height:21px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/viewrest.png) no-repeat -294px -231px;
}
.footerlink {
	height:18px;
	width:250px;
	position: relative;
	left: 140px;
	float:left;
}
.footerlink a{
	color:#666;
	font-size:12px;
	line-height:20px;
	text-decoration: none;
	margin-left:20px;
}
/* inner page */
.inner {
	background:url(../images/bg-page-inner.jpg) repeat-x;
}
.inner #header strong a {
	background:url(../images/viewrest.png) no-repeat -792px -0px;
}
/* left side */
.inner .left-side {
	float: left;
	width:655px;
}
.inner .title-page {
	overflow: hidden;
	height:1%;
	width:645px;
	margin:40px 0 0 5px;
	text-align:justify;
}
.inner .title-page img {
	float: left;
	margin:0 10px 0 0;
}
.inner .title-page h1 {
	margin:0;
	font-size:30px;
	line-height:32px;
}
.inner .title-page p {
	margin:10px 0 0;
	font-size:15px;
	line-height:22px;
}
.inner .title-page p a {
	color:#990000;
	font-size:12px;
	line-height:14px;
	text-decoration: none;
}

.inner .title-page p a:hover {
	text-decoration: underline;
}


.inner .columns-holder {
	padding-top:0;
}
.inner .content {
	float: left;
	overflow: hidden;
	width:654px;
	/*background:url(../images/box-top-1.jpg) no-repeat;*/
	background:url(../images/viewrest.png) no-repeat -0px -386px;
}
.inner .content-btm {
	padding-bottom:0;
	padding-right:0;
	overflow: hidden;
	width:654px;
	background:url(../images/box-btm.gif) no-repeat 0 100%;
}
.inner .list {
	width:628px;
	padding:0;
}
.inner .list ul {
	float: left;
	margin:0 18px 0 0;
	width:290px;
}
.inner .list ul li {
	color:#000;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
}
.inner .list ul.other {
	width:290px;
}
/* box gallery */
/*.box-gallery {
	float: left;
	display:inline;
	margin:0 0 0 9px;
	overflow: hidden;
	width:162px;
	background:url(../images/viewrest.png) no-repeat -1154px -380px;
}
.box-gallery-btm {
	width:162px;
	padding:10px 0 5px;
	background:url(../images/box-gallery-btm.jpg) no-repeat 0 100%;
}
.box-gallery a.nav {
	display:block;
	margin:0 0 0 3px;
	width:155px;
	height:14px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/viewrest.png) no-repeat -436px -0px;
}
.box-gallery a.next {
	background:url(../images/viewrest.png) no-repeat -611px -0px;
}
.box-gallery h2 {
	margin:0 0 8px 10px;
	font-size:13px;
	line-height:14px;
}
.box-gallery ul {
	margin:0;
	padding:0;
	height:9999px;
	list-style: none;
}
.box-gallery ul li {
	height:145px;
}
.box-gallery .pict-bg {
	position: relative;
	margin:0 0 0 15px;
	width:129px;
	height:126px;
}
.box-gallery .pict-bg .pict-shadow {
	width:107px;
	height:104px;
	padding:12px 15px 15px 11px;
	background:url(../images/viewrest.png) no-repeat -0px -0px;
}
.box-gallery .pict-bg img {
	display:block;
}
.box-gallery p {
	margin:0 0 0 18px;
	font-size:10px;
	line-height:14px;
}
.box-gallery .zoom {
	position:absolute;
	right:0;
	top:0;
	width:27px;
	height:27px;
}
.box-gallery .zoom a {
	display:block;
	width:27px;
	height:27px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/viewrest.png) no-repeat -138px -0px;
}
.box-gallery .gallery-block {
	height:435px;
	position:relative;
	margin:12px 0;
	overflow:hidden;
}

.box-gallery .gallery-block P{
}*/

/* right side */
.right-side {
	float:left;
	position: relative;
	margin:0 0 0 -3px;
	width:290px;
	padding:40px 0 0;
	overflow: hidden;
}
.box-res {
	/*margin-top:30px;*/
	width:290px;
	background:url(../images/bluebox-greybox.png) repeat-y -602px -0px;
}
.box-res-top {
	background: url(../images/bluebox-greybox.png) no-repeat -290px -0px;
	padding-top: 10px;
}
.box-res-btm {
	width:290px;
	/*padding:12px 15px 5px 25px;*/
	background:url(../images/box-btm-2.gif) no-repeat 0 100%;
}
.box-res h2 {
	margin:0;
	font-size:16px;
	line-height:18px;
	padding-left: 25px;
}
.box-res ul.list-bl {
	margin:0;
	padding:10px 0 5px;
	list-style: none;
	padding-left: 10px;
	margin-left:15px;
	background:url(../images/bg-dotted.gif) repeat-x 0 100%;
}
.box-res ul.list-bl li {
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom:4px;
}
.box-res ul.list-bl a {
	color:#408bd6;
	font-size:12px;
	line-height:14px;
	text-decoration: none;
}
.box-res ul.list-bl a:hover {
	text-decoration: underline;
} 
.box-res h3 {
	margin:10px 0 10px;
	font-size:13px;
	line-height:16px;
	padding-left: 25px;
}
.box-res ul.download {
	margin:0 0 0 -3px;
	padding:0;
	list-style: none;
	padding-left:25px;
}
.box-res ul.download li {
	padding:0 0 13px 19px;
	overflow: hidden;
	height:1%;
/*	background:url(../images/bg-ico.gif) no-repeat 0 3px;*/
	background:url(../images/bluebox-greybox.png) no-repeat -1213px -274px;
}
.box-res ul.download a {
	float:left;
	color:#000;
	font-size:11px;
	line-height:14px;
	text-decoration: none;
}
.box-res ul.download span {
	clear:both;
	float: left;
	color:#999;
	font-size:11px;
	line-height:14px;
}
.box-yellow {
	margin:7px 0 0 10px;
	width:280px;
	background:url(../images/greenbox-yellowbox.png) repeat-y;
	background-position: -282px -0px;
}
.box-yellow-top {
/*	background:url(../images/box-yellow-top.gif) no-repeat;*/
	background:url(../images/greenbox-yellowbox.png) no-repeat;
	background-position: -0px -0px;
}
.box-yellow-btm {
	width:265px;
	padding:10px 0 15px 15px;
	background:url(../images/box-yellow-btm.gif) no-repeat 0 100%;
}
.box-yellow h2 {
	margin:0;
	font-size:16px;
	line-height:18px;
}
.box-yellow p {
	margin:0;
	font-size:16px;
	line-height:21px;
}
.box-yellow a {
	color:#bea608;
	text-decoration: none;
}
.box-yellow a:hover {
	text-decoration: underline;
}
/* box-green */
.box-green {
	/*background:url(../images/box-green.gif) repeat-y;*/
	background:url(../images/greenbox-yellowbox.png) repeat-y;
	background-position: -844px -0px;
}
.box-green .box-yellow-top {
/*	background:url(../images/box-green-top.gif) no-repeat;*/
	background:url(../images/greenbox-yellowbox.png) no-repeat;
	background-position: -563px -0px;
}
.box-green .box-yellow-btm {
	background:url(../images/box-green-btm.gif) no-repeat 0 100%;
}
.box-green p {
	color:#000000;
}
.box-green a {
	color:#669900;
	font-size:16px;
	line-height:21px;
	text-decoration: none;
}
.box-green a:hover {	
	text-decoration: underline;
}

/* right side2*/
.right-side-2 {
	width:280px;
	margin-left:0;
}
.right-side-2 .box-res {
	width:280px;
	background:url(../images/box-3.gif) repeat-y;
}
.right-side-2 .box-res-top {
	background:url(../images/box-top-3.gif) no-repeat;
}
.right-side-2 .box-res-btm {
	width:250px;
	padding:12px 15px 5px 15px;
	background:url(../images/box-btm-3.gif) no-repeat 0 100%;
}
.right-side-2 .box-yellow {
	margin-left:0;
}
.inner2 .content {
	width:654px;
	margin:40px 9px 0 0;
	background:url(../images/viewrest.png) no-repeat -0px -386px;
}
.inner2 .content-btm {
	width:628px;
	padding:10px 13px 10px;
	overflow: hidden;
	background:url(../images/box-btm.gif) no-repeat 0 100%;
}
.inner2 .content h1 {
	margin:0;
	font-size:30px;
	line-height:30px;
}
.inner2 .content h2 {
	margin:5px 0 0;
	color:#000;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
}
.inner2 .content p {
	line-height:17px;
}
.inner2 .content p.other {
	margin-bottom:15px;
}
.inner2 .content ul.blue {
	overflow: hidden;
	height:1%;
	margin:0;
	padding:10px 0 5px;
	list-style: none;
}
.inner2 .content ul.blue li {
	float: left;
	width:190px;
	padding:0 0 8px 12px;
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -0px;
}
.inner2 .content ul.blue a {
	color:#2d87d2;
	font-size:11px;
	line-height:14px;
	text-decoration: none;
}
.inner2 .content ul.blue a:hover {
	text-decoration: underline;
}
.inner2 .content .video-holder {
	float: right;
	display:inline;
	margin:8px 5px 0 0;
	width:198px;
	height:146px;
	padding-left: 10px;
}
/*.popup {
	float: left;
	display:inline;
	margin:10px 0 0 10px;
	width:142px;
}
.popup .pict-bg {
	position: relative;
	width:129px;
	height:126px;
}
.popup .pict-bg .pict-shadow {
	width:107px;
	height:104px;
	padding:12px 15px 15px 11px;
	background:url(../images/viewall.png) no-repeat -0px -0px;
}
.popup .pict-bg img {
	display:block;
}
.popup p {
	margin:0;
	font-size:10px;
	line-height:14px;
	text-align:center;
}
.popup .zoom {
	position:absolute;
	right:0;
	top:0;
	width:27px;
	height:27px;
}
.popup .zoom a {
	display:block;
	width:27px;
	height:27px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/bg-zoom.png) no-repeat -138px -0px;
}*/
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	/*background-image: url(../downloads/Tutorials/X-Analysis_Concepts_Guide.pdf);*/
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	
	background: transparent url(../images/viewrest.png) no-repeat -0px -130px;
	*background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/viewrest.png) repeat-x -0px -162px;
	*background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/viewrest.png) no-repeat -0px -194px;
	*background: transparent url(../images/fancy_title_right.png) repeat-x;
	
}

#customers {}

#customers a {
text-decoration:none;
}
#customers a:hover {
text-decoration:underline;
}

#customers h2 a{
	color:#000066;
}

#customers tr{
background: url(../images/bg-dotted.gif) repeat-x scroll 0 100%
}

#csindexclogo {
float:left;
margin-right: 10px;
margin-top: 10px;
}

#download {
	width:100%;
}

/***********************customer Browse Information *************************************/

#DbcustInfo
{
position:relative;
}

#Dbcustinfo 
{
/* border:#999999 1px solid;*/
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:0px;
 margin:0px;
 /*padding:10px;*/
 margin:0px;
/* width: 400px;*/
 
}
#recordset
{
 border:#999999 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:0px;
  margin:0px;
 width:100%;
  /*width: 100%;*/
}


#Dbcustinfo Table Tr
{
  padding:0px;
  margin:0px;
}
#recordset Th
{
    /*font-weight:bold;*/
    /*border:#999999 1px solid;*/
    text-align:center;
    text-transform:capitalize;
    font-size:13px;
    padding:4px;
	background-color:#C8D7E3;
	border-right: #ffffff 1px solid ;
}

#recordset Table Td
{
	font-weight:normal;
	/*border-left:#999999 1px solid;
	border-top:#999999 1px solid;*/
	font-size:13px;
	padding:2px;
	margin:0px;
	overflow:hidden;
	border-right: #ffffff 1px solid ;
}
.rowColor
{
	background-color:#EFEFEF;

}
.altRowColor
{
	background-color:#FFFFFF;

}

.brochures
{
	padding:0 0 13px 19px;
	overflow: hidden;
	height:1%;
	background:url(../images/bluebox-greybox.png) no-repeat -1213px -274px;
}

/*#IBMProdSuite td
{
	height:40px;
}

#XAProdSuite td
{
 height: 40px;
}*/

.actionLink {
float:right;
font-size:14px;
font-weight:bold;
line-height:20px;
margin:0 0 20px 20px;
padding:10px;
text-align:center;
width:200px;
}

.googleCode .content
{
	background-image:none;
	margin-top: 10px;
}

/**********************************Whitepapers section *********************************/

#papers td
{
padding-left: 4px;
}

/**********************************Form layout and presentation ************************/

#dbForm
{

}

#dbForm div
{
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #15428B;
	font-weight: bold;
	height: 16px;
	padding: 0px;
	margin-bottom: 0px;
}

#dbForm input
{
	font-size: 12px;
}

#dbForm input:hover
{
	/*background-color:#FFFFDD;*/
}


#dbForm select
{
	
}

#dbForm select:hover
{
	/*background-color:#FFFFDD;*/
}



#dbForm textarea
{
	
}


#dbForm textarea:hover
{
	background-color:#FFFFDD;
}

#dbForm h2
{
font-size: 20px;
}


.firstproperties {
	/*float: left;*/
	margin:0 10px 0 0;
	/*width:315px;*/
	padding:15px 0 0;
	font-size:12px;
}
.firstproperties h2 {
	padding-left: 15px;
}

.firstproperties ul li {
	color:#FFFFFF;
	font-size:12px;
}

.firstproperties ul li a {
	color: #FF9F9F;
	font-size:14px;
	text-transform:capitalize;
	text-decoration:none;
/*	display:block;
	text-align: right;*/
}

.firstproperties ul li a:hover {
	text-decoration:underline;

}

.firstproperties a {
	color: #FF9F9F;
	font-size:14px;
	text-transform:capitalize;
	text-decoration:none;
	display:block;
	text-align: right;
}

.firstproperties a:hover {
	text-decoration:underline;

}
/*****************************adon products box ********************************************/
/*
.box-add-on {
	width:290px;
	margin-bottom:8px;
}
.box-add-on-top {
	background:url(../images/bluebox-greybox.png) no-repeat -0px -0px;
}
.box-add-on-btm {
	width:290px;
	padding:12px 15px 5px 25px;
	padding:0px;
	background:url(../images/box-addon3.gif) no-repeat 0 100%;
}
.box-add-on h2 {
	margin:0;
	font-size:16px;
	line-height:18px;
	padding-left: 25px;
	padding-top: 10px;
}
.box-add-on ul.list-bl {
	margin:0;
	padding:10px 0 5px;
	padding-left: 25px;
	list-style: none;
}
.box-add-on ul.list-bl li {
	padding: 0 0 13px 12px;
	background:url(../images/bluebox-greybox.png) no-repeat -1206px -0px;
}
.box-add-on ul.list-bl a {
	color:#408bd6;
	font-size:12px;
	line-height:14px;
	text-decoration: none;
}
.box-add-on ul.list-bl a:hover {
	text-decoration: underline;
} 
.box-add-on h3 {
	margin:10px 0 10px;
	font-size:13px;
	line-height:16px;
	padding-left: 25px;
}
.box-add-on ul.download {
	margin:0 0 0 -3px;
	padding:0;
	list-style: none;
	padding-left: 25px;
}
.box-add-on ul.download li {
	padding:0 0 13px 19px;
	overflow: hidden;
	height:1%;
	background:url(../images/bluebox-greybox.png) no-repeat -1213px -274px;
}
.box-add-on ul.download a {
	float:left;
	color:#000;
	font-size:11px;
	line-height:14px;
	text-decoration: none;
}
.box-add-on ul.download span {
	clear:both;
	float: left;
	color:#999;
	font-size:11px;
	line-height:14px;
}*/

.inner .content h2{
	font-size:16px;
	margin-top: 2px;
	margin-bottom:2px;
}

.inner .content h4{
	font-size:14px;
	margin-top: 2px;
	margin-bottom:2px;
}

.inner .content h2 a{
	text-decoration:none;
	color:#990000;
}

.inner .content h2 a:hover{
	text-decoration:underline;
	color:#990000;
}

/************************sitemap file *************************/

OSM {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 3em;
}

.OSM a {
	color:#990000;
	text-decoration:none;
	font-size: 14px;
}

.OSM a:hover {
	color:#990000;
	text-decoration:underline;
	font-size: 14px;
}

.OSMdir {
/*	background-color: #CCDFE6;*/
	padding: 0.2em 0 0.2em .5em;
	font-weight: bold;
	color:#000099;
	font-size:16px;
	margin-top:10px;
}

.OSMfile {
	margin-left: 3em;
/*	background: #eee;*/
	padding: 0 0 0 .5em;
	margin-bottom:4px;
}

ul a
{
	text-decoration:none;
	color:#990000;
}

ul a:hover 
{
	text-decoration:underline;
	color:#990000;
}

#sharelist
{

}
#sharelist a
{
	/*display:block;
	margin-right: 10px;
	color:#990000;
	text-decoration:none;
	background:#FFFFFF;
	border-bottom:#999999 1px solid;*/
}

#sharelist a:hover
{
	/*text-decoration:underline;*/
}

.sharethis
{
margin-right: 10px;
}

.showlist
{
	display:block;
	position:absolute;
	height:auto;
	width:250px;
	top:30px;
	left:10px;
	color:#000000;
}

.hidelist
{
	display:none;
}

/************* Digg Slash delicious ***********/
.del{
background-image:url(../images/viewall.png);
background-repeat: no-repeat;
background-position:-280px -55px;
height:17px;
width:76px;
display:block;
position: relative;
left: 60px;
margin-top:2px;
float: left;
}

.digg{
background-image:url(../images/viewall.png);
background-repeat: no-repeat;
background-position:-280px -90px;
height:18px;
width:33px;
display:block;
position: relative;
left: 90px;
margin-top:2px;
float:left;
}

.slash{
background-image:url(../images/viewall.png);
background-repeat: no-repeat;
background-position:-280px -72px;
height:18px;
width:62px;
display:block;
position: relative;
left: 120px;
margin-top:2px;
float:left;
}


/********** Image CSS ******************/
.columns-data {
	
	height:1%;
	margin:0px;
	padding:0px;
	margin-left: -10px;
	
}
.columns-data .content{
	float:left;
	width:673px;
	background:none;
}
.intro-top{
	width:673px;
	height:16px;
	
	background-image: url(../images/bg_intro0.png);
}
.intro-center{
	
	background-image: url(../images/bg_intro0.png);
	background-position: -673px;
}
.intro-btm{
	width:673px;
	height:13px;
	overflow:hidden;
	margin:0 0 10px;
	background-image: url(../images/bg_intro0.png);
	background-position: -1346px -4px;
}

.intro-holder{
	width:643px;
	/*height:285px;*/
	height:360px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.intro-holder .item {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.intro-holder .active {
	z-index:2;
}
.intro-holder .item img {
	display:block;
	margin:0;
}
.text-box{
	position:absolute;
	left:0;
	top:0;
	width:410px;
	margin:30px 0 0 34px;
	overflow:hidden;
}
.intro-holder h1{
	font-size:23px;
	font-weight:normal;
	line-height:30px;
	color:#fff;
	margin:0;
}
.intro-holder p{
	font-size:14px;
	line-height:21px;
	margin:0 0 12px;
	padding:0 50px 0 0;
	color:#fff;
}
.btn-more{
	background:url(../images/viewall.png) no-repeat;
	background-position: -636px -176px;
	width:120px;
	height:30px;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:8px 0 0 12px;
	text-decoration:none;
}
a:hover.btn-more{
	text-decoration:underline;
}
.pages{
	position:absolute;
	right:0px;
	top:167px;
	/*bottom:0;
	width:108px;*/
	z-index:4;
}
.pages ul{
	list-style:none;
	padding:0;
	margin:0;
	height:32px;
	overflow:hidden;
}
.pages ul li{
	float:left;
	height:30px;
	width:30px;
	overflow:hidden;
}
.pages ul li a{
	float:left;
	/*background:url(../images/bg-intro-page-in.png) no-repeat;*/
	background:transparent url(../images/fancy_right.png) no-repeat;
	height:27px;
	width:27px;
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999px;
}
/*.pages ul li a#one{margin:0;}
.pages ul li a#two{margin:0 0 0 -26px;}
.pages ul li a#three{margin:0 0 0 -52px;}
.pages ul li a#four{margin:0 0 0 -78px;}
.pages ul li a#one.active,
.pages ul li a#one:hover{margin:-32px 0 0;}
.pages ul li a#two.active,
.pages ul li a#two:hover{margin:-32px 0 0 -26px;}
.pages ul li a#three.active,
.pages ul li a#three:hover{margin:-32px 0 0 -52px;}
.pages ul li a#four.active,
.pages ul li a#four:hover{margin:-32px 0 0 -78px;}*/

/*************  Demo and Contact Us **************/
.democontact
{
 height: 30px;
 position:relative;
}
.democontact a.demos,
.democontact a.contact {
	position:absolute;
	/*display:block;*/
	text-indent:-9999px;
	overflow:hidden;
	right:150px;
	/*left:auto;
	top:30px;*/
	width:128px;
	height:28px;
	background:url(../images/viewall.png) no-repeat;
		background-position: -97px -293px;
}
.democontact a.contact {
	right:1px;
	background:url(../images/viewall.png) no-repeat;
	background-position: -226px -293px;
	width:128px;
}
/********** Make bold tag appearance normal *********************/
b {
font-weight:normal;
}