/*HELLO!*/

body {
  margin:0;
  padding:0;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  font-size:70%;
  
  color:#022;
  background:#515055 url('../images/background.jpg') repeat-x 0 0;
}
.wrap
{
width:995px;
border-left:solid 3px #C1C5CA;
border-right:solid 3px #C1C5CA;

}

h1 {
  margin:40px 0 28px 0;
  line-height:1em;
  font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
  font-size:2.4em;
  font-weight:normal;
}
h1 span.tagline {
  font-size: 0.6em;
  margin:0;
  padding:0;
  line-height:2.4em;
}

.moduletable h3, h2 {
  padding: 20px 15px 10px 20px;
  margin:0px;
  font-size:1.2em;
  color: #09f;
  font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
  font-size: 1.58em;
  font-weight: normal;
  text-align:left;
 
}
.contentpaneopen h2 {
	padding: 20px 0 10px 0px;
	}

h2 a {
  color: #09f;
}

h3 {
  font-size:1.1em;
}

h4,

h5,

h6 {
  font-size:1em;
}

articlewrap
{
width:100px;
}

a {
  color:#c00;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline; 
}

p {
  margin:0 0 1em 0;
  line-height:1.3em;
}

ul {
  margin:0 0 1em 20px;
  padding:0;
  list-style: none;
}

img {
  border:0;
}

.right { 
  float: right; 
}

.left { 
  float: left; 
}

form {
  margin:0 0 1em 0;
  line-height:1.2em;
}

input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
}

input.text {
  border:1px solid #a2a2a2;
}

input.button {
  float:left;
  background: #2f3238 url('../images/button.gif') repeat-x 0 0;
  border: 0px;
  font: normal 12px Arial, sans-serif;
  color: #fff;
  padding:4px 16px;
  margin:10px 0 0 0;
  overflow:visible;
}

div.row {
  clear:both;
  margin:2px 0;
}

div.row .label {
  float:left;
  width:40%;
  padding:3px 0 0 0;
}

div.row .error {	
  color:#f00;
  margin:0 0 5px 0;
}
form #submitmessage {	
  color:#f00;
  margin:0 0 5px 0;
}

.textleft {
  text-align:left;
}

.textright {
  text-align:right;
}

.textcenter {
  text-align:center;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

div.box form {
  padding: 0 15px 1px 20px;
  min-height:1%;
}

div.box form:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div.box form input.text {
  width: 92%;
  margin:2px 0;
}


div#container {
  text-align:left;
  background: transparent url('../images/container-background.png') repeat-y 0 0;
  overflow:hidden;
  padding-left:4px;
}

div#holder {
  background: transparent url('../images/holder-background.png') repeat-y top right;
  padding-right:4px;
  width:999px;
}

td#header {
  padding-left:10px;
}

div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#main a.subscribeNow {
background:transparent url(../images/back-subscribe-now.gif) repeat-x scroll left top;

}


div#main a.viewDemo, div#main a.subscribeNow {
color:#FFFFFF;
display:block;
float:left;
font-size:1.5em;
font-weight:bold;
margin:0 15px 15px 0;
min-height:50px;
padding:11px 60px;
text-decoration:none;
}

div#header div {
  float: right;
  width: 170px;
  margin: 0 0 10px 0;
}

div#header h2 {
  padding: 33px 0 7px 0;
  margin: 0;
  font-family: Lucida Sans Unicode, Arial, sans-serif;
  font-size: 1.6em;
}



div#header a#logo {
  margin: 0 0 0 10px;
}
#navbar 
{
background-color:#464A52; 
}

#navbar ul{
  padding:0;
  margin: 0;
  min-height:27px;
  list-style:none;
  background: #464a52 url('../images/navbar-background.gif') repeat-x 0 0;
  clear:both;
  border-top: 1px solid #464a52;
}

ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#navbar ul li {
  float:left;
  background: #464a52 url('../images/navbar-line.gif') no-repeat top right;
  padding:0 2px 0 0;
}

#navbar ul li a {
  float:left;
  color: #fff;
  margin: 0;
  padding:3px 11px 6px 11px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3em;
}
.contentheading
{
 margin:40px 0 28px 0;
 padding-top:20px;
  line-height:1em;
  font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
  font-size:2.4em;
  font-weight:normal;
}

#navbar ul li {
/*  padding: 0 10px 0 10px;*/
}



#navbar ul li a.selected {
   color:#0099FF;
}

#navbar ul li a:hover {
  
  background:#54585F ;
}
#navbar ul li.active a  {
  color:#0099FF;
}
#navbar ul li.first a:hover {
  background:#54585F url('../images/navbar-line.gif') no-repeat 0 0;
}

div.banner {
	float:left;
	background:#fff url('../images/banner-home.jpg') no-repeat 0 0;
	height:250px;
	width:100%;
}

div#services {


}

div#community {
 
}
div#solutions {
height:213px;
}

div#about {
  background: #fff url('../images/flashholder.jpg') no-repeat 0 0;
}

div#technology {

  height:213px;
}

div#customers {

  height:213px;
}

div#contact {
  background: #fff url('../images/banner-contact.jpg') no-repeat 0 0;
}

.home div.banner {
  background: #fff url('../images/banner-home.jpg') no-repeat 0 0;
  padding: 147px 5px 2px 5px;
  height:103px;  
}

div.banner div.title {
  padding: 47px 20px 30px 0;
  text-align:right;
  font-family: Lucida Sans, sans-serif;
  font-size: 2.65em;
  color: #09f;
}

div.banner table.box {
  margin:0;
  height: 80px;
  width: 100%;
  text-align:left;
}

div.banner table.box td {
  width: 30%;
  padding: 10px;
  background:  url('../images/flashboxback.png') repeat 0 0;
}

div.banner table.box h2 {
  margin: 0;
  padding: 0;
  color: #002222;
}

div.banner table.box h2 span {
  color: #c00;
}

div.banner table.box p {
  margin: 0;
  padding: 0;
}

div#main {
  min-height:400px;
  background:#fff url('../images/main-background.gif') repeat-x 0 0;
  margin:0;
  padding:0;
  font-size:12px;
}

div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#side {
  width:26%;
  vertical-align:top
}

#side a { 
  text-decoration:none; 
}

#side a:hover { 
  text-decoration:underline; 
}

#side2 {
  width:195px;
  vertical-align:top;
}
/*.contentpaneopen
{
padding:10px;
width:670px;

}*/

.contentpaneopen h1
{

margin:0px;
padding-top:20px;
}
div#img-side {
  float:right;
margin:10px 0px 10px 10px;
  padding:5px;
  background-color:#fff;
  border:1px solid #ddd;

}

div#img-screens {
  float:right;
  margin:0px;
  padding:10px;
  background-color:#fff;

}

div#img-screens-low {
  float:right;
  margin:0 0 5px 15px;
  padding:5px;
  background-color:#fff;
}

#side div.box {
  background:#f1f1f1 url('../images/box-background.jpg') repeat-x 0 0;
  margin:0 0 4px 0;
  padding:0;
  min-height:1%;
  border:1px solid #f1f1f1;

  
}
#side div.box1 {
	background:#f1f1f1 url('../images/box-background.jpg') repeat-x 0 0;
  margin:0 0 4px 0;
  padding:0;
  border:1px solid #f1f1f1;
}

#side div.box1 input.button{
	float:none;
}

.input
{
width:200px;
}
#side div.box1 p {
margin:2px;
}
#side div.box:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#side2 div.box {
  background:#f1f1f1 url('../images/box-background.jpg') repeat-x 0 0;
  margin:0 0 2px 0;
  padding:0;
  float:right;
  width:195px;
}

#side2 ul {
  margin:0 20px 1em 25px; 
}

#side2 ul li span {
  color:#c00;
}

#side div.quote {
  background:#f1f1f1 url('../images/quote1.gif') no-repeat 0 0;
  padding:55px 0 0 0;
  
}

.side div.box p {
  padding: 0 15px 0 20px;
}

#side div.quote p.endquote {
  min-height: 38px;
  padding: 0 55px 10px 25px;
  color: #09f;
  background: #f1f1f1 url('../images/quote2.gif') no-repeat bottom right;
}

a div.box {
  display:block;
}
a:hover div.box {
  background:#d5d8da url('../images/box-background-dark.jpg') repeat-x 0 0;
  cursor:pointer;
}

img#hm1 {
  position: relative;
  left: -9px;
}

div.submenu {
  margin: 0 0 2px 0;
}
li.item34 a,
li.item35 a,
li.item36 a {
	background:url("../images/submenuhead-background.jpg") repeat-x scroll 0 0 #45494F;
	display:block;

	font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
	font-size:1.58em;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	
	margin:0;
	padding:20px 20px 10px 25px;
}

div.submenu h2,
{
  background: #45494f url('../images/submenuhead-background.jpg') repeat-x 0 0;
  color: #fff;
  padding: 20px 20px 10px 25px;
  margin: 0;
}
div.submenu h2 a {
  color: #fff;
}

div#side div.submenu h2 a:hover {
  color: #09f;
  text-decoration: none; 
}

div#submenu ul.menu li.parent
{
  background: #45494f url('../images/sm-closed.gif') no-repeat 0 0;
}
.thanks
{
color:#FF0000;
}
.error
{
color:#FF0000;
}



div.submenu {
  margin: 0 0 2px 0;
}

div.submenu h2 {
  background: #45494f url('../images/submenuhead-background.jpg') repeat-x 0 0;
  color: #fff;
  padding: 20px 20px 10px 25px;
  margin: 0;
}
div.submenu h2 a {
  color: #fff;
}
div#side div.submenu h2 a:hover {
  color: #09f;
  text-decoration: none; 
}

div.submenu ul {
  margin:0;
  padding:0;
}
div#submenu a{
 text-decoration:none;
}
div#submenu a:hover{
 text-decoration:none;
}
ul.menu li li {
  padding: 0;
  margin: 0;
  background: #45494f;
}

ul.menu li li li{ 
  background: #575b60; 
}

ul.menu li li li  li{ 
  background: #666a6e; 
}

ul.menu li li a {
  display:block;
  padding: 10px 20px 7px 25px;
  background: #45494f url('../images/sm-dot.gif') no-repeat 0 0;
  border-top: 1px dashed #747780;
  color: #fff;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 1.3em;
}

ul.menu li li.active a {
  background: #45494f url('../images/sm-open.gif') no-repeat 0 0;
}

ul.menu li li.parent a { 
  background: #45494f url('../images/sm-closed.gif') no-repeat 0 0;
}

ul.menu li li.parent li a,
ul.menu li li li a {
  padding: 10px 20px 5px 33px;
  background: #575b60 url('../images/sm-2dot.gif') no-repeat 0 0;
  font-size: 1.2em;
}

ul.menu li li li.parent a { 
  background: #575b60 url('../images/sm-2closed.gif') no-repeat 0 0;
}

ul.menu li li li.active a { 
  background: #575b60 url('../images/sm-2open.gif') no-repeat 0 0;
}


ul.menu li li li.active li a,
ul.menu li li li li a {
  padding: 12px 20px 7px 38px;
  background-image: none;
  background-color: #666a6e;
  border:0;
  font-size: 0.98em;
}

ul.menu a.selected {
  color: #09f;
}

ul.menu a:hover {
  color: #09f;
  text-decoration: none;
}

ul.menu li li li li.active a,
ul.menu li li li li#current a{
color:#0099FF;
}


#content {
	padding:0 10px;
	position:relative;
	vertical-align:top;
}

#content div.case-study-img{
  position:absolute;
  right:50px;
  top:60px;
}

#content-flash {
  margin:10px 8px 20px 8px;
  padding:0;
  text-align:center;
}
div#flash {
  margin:0 auto;
}

.home #content {
  margin:0 195px 10px 29%;
}

#content ul {
  list-style: square;
}

#content ul#no-bullet {
  margin:0;
  padding:0;
}

#content ul#no-bullet li {
  list-style: none;
  margin:6px 0;
}

div#crumbs {
  margin: 10px 0 0 0;
  font-family: Arial, sans-serif;
  font-size: 0.85em;
}

div#crumbs a { 
  text-decoration: none; 
}

div#crumbs a:hover { 
  text-decoration: underline; 
}

#content ul.tabs {
  padding: 0;
  margin: 0;
  border-bottom: 5px solid #2e3137; 
  list-style: none;
}

ul.tabs li {
  float:left;
  padding: 0 0 0 17px;
  margin: 0 2px 0 0;
  background: #333 url('../images/tab1.gif') no-repeat 0 0;
}

ul.tabs li.final { 
  float: none; 
  visibility: hidden; 
}

ul.tabs li a {
  float:left;
  padding: 10px 17px 6px 0;
  background: transparent url('../images/tab2.gif') no-repeat top right;
  color: #fff;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
}

ul.tabs li.final a { 
  float: none; 
  display:block; 
}

ul.tabs li a.selected {
  color: #09f;
}

ul.tabs li a:hover {
  color: #09f;
}

div.tab {
  margin: 0;
  padding: 0;
}



div.tab h3 {
  margin: 0;
  padding: 3px 10px;
  background: #999;
  color: #fff;
}

#content div.tab ul {
  display:block;
  padding: 0;
  margin: 0;
  border: 1px solid #c2c2c2;
  border-top: 0;
  list-style: none;
}
 
div.tab ul li {
  background: #ebebeb;
  padding: 12px 10px 10px 10px
}

div.tab ul li.r2 {
  background: #f4f4f4;
}

p.format {
}

p.format strong {
  float: left;
  width: 120px;
}

p.format span {
  display: block;
  margin: 0 0 0 120px;
}


#sdl {
  float:right;
}

div#footer {
  min-height:1%;
  padding:20px 20px 20px 25px;
  text-align:right;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  margin: 0;
  clear:both;
  font-family: Arial, sans-serif;
  font-size: 0.9em;
}

div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#copyright {
  float:left;
  text-align:left;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash span.sifr {
	visibility: hidden;
}

#casetitle{
margin-left:20px;
margin-bottom:0;
}

div.ubf_signpost {
	background:#f1f1f1 url('../images/box-background.jpg') repeat-x 0 0;
  margin:0 0 4px 0;
  padding:0;
  min-height:1%;
  border:1px solid #f1f1f1;
}
div#side div.ubf_signpost a {
	display:block;
	text-decoration:none;
}

#side div.ubf_signpost a:hover {
	text-decoration:none;

}

#side div.ubf_signpost a.more:hover{
  text-decoration:none;
  
}

#side div.ubf_signpost:hover {
	background:#d4d8db;
}
#side div.ubf_signpost p.ubf:hover {
	text-decoration:underline;
}
#side div.ubf_signpost a:after {
	content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#side div.ubf_signpost img,
#side div.ubf_signpost img.ubf_signpost {
	padding:20px 38px 0 20px;
	background:none;
}
#side div.ubf_signpost a span#ubf_img2 {
	float:left;
	padding:20px 0 20px 20px;
	background:none;
}
div.ubf_signpost span.ubf_p {
	/*float:left;*/
	display:block;
	margin:0;
	padding:10px 0 15px 20px;
	line-height:1.3em;
	color:#002222;
	background:none;
}

span.spanh2 {
	color:#0099FF;
	font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
	font-size:1.58em;
	font-weight:normal;
	padding:0 0 0 20px;
}
/* CSS Document */