/*HELLO!*/

body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% Arial,Helvetica,sans-serif;
  color:#022;
  background:#515055 url('../_images/background.jpg') repeat-x 0 0;
}

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;
}

h2 {
  margin: 20px 0 10px 0;
  padding: 0;
  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;
}

h2 a {
  color: #09f;
}

h3 {
  font-size:1.1em;
}

h4,

h5,

h6 {
  font-size:1em;
}



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 {
  min-width:779px; 
  max-width:1003px;
  margin:0 auto;
  text-align:left;
  background: transparent url('../_images/container-background.png') repeat-y 0 0;
}

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

div#header {
  min-height:1%;
  background: #fff;
}

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;
}

ul#navbar {
  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;
}

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

ul#navbar li a {
  float:left;
  color: #fff;
  margin: 0;
  padding:5px 11px 6px 11px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3em;
}

ul#navbar li.first {
  padding: 0 2px 0 25px;
}

ul#navbar li.first a {
  background: transparent url('../_images/navbar-line.gif') no-repeat 0 0;
}

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

ul#navbar li a:hover {
  background:#54585F;
}

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

div.banner {
  background:#fff url('../_images/header1.jpg') no-repeat 0 0;
  padding: 0 5px 2px 5px;
  height:213px;  
}

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

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

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

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

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

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%;
}

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;
  width:100%;
  background:#fff url('../_images/main-background.gif') repeat-x 0 0;
  float:left;
  margin:0;
  padding:0;
  font-size:1.1em;
}

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

div#side {
  float:left;
  width:26%;
  margin:0 0 10px 0;
}

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

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

div#side2 {
  float:right;
  width:195px;
  margin:0 0 10px 0;
}

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

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

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

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

div#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;
}
div#side div.box:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#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;
}

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

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

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

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

div#side div.quote p.endquote {
  min-height: 38px;
  padding: 0 55px 0 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;
}

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;
}

ul#submenu li {
  padding: 0;
  margin: 0;
  background: #45494f;
}

ul#submenu li li { 
  background: #575b60; 
}

ul#submenu li li li { 
  background: #666a6e; 
}

ul#submenu 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#submenu li.expanded a { 
  background: #45494f url('../_images/sm-open.gif') no-repeat 0 0;
}

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

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

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

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

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

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

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

div#content {
  margin:0 0 20px 29%;
  padding:0 30px 0 0;
  position: relative;
}

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

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

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

div#content ul {
  list-style: square;
}

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

div#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; 
}

div#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;
}

div#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;
}

div#side div.ubf_signpost a.more {
	padding: 0 15px 15px 20px;
}

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

div#side div.ubf_signpost a:hover {
	background:#d4d8db;
}
div#side div.ubf_signpost a:after {
	content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#side div.ubf_signpost img,
div#side div.ubf_signpost img.ubf_signpost {
	padding:20px 38px 0 20px;
	background:none;
}
div#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;
}