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

.center { 
  text-align: center;	 
}

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

input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
  /*border:1px solid #a2a2a2;*/
}

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

textarea.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 {
  float:left;
  width: 100%;
  margin:2px 0;
  min-height: 21px;
}

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

div.row .error {	
  color: #CC0000;
  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#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;
}
div#header a#usebefore {
  float:left;
  padding:13px 25px 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/header2.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 textarea.text {
	width: 92%;
}

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;
}
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{
  display:block;
  padding: 0;
  margin: 0;
  border: 1px solid #c2c2c2;
  border-top: 0;
  list-style: none;
  background: #f4f4f4;
}
 
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;
}

.title{
	font-size: 1.58em;
  	color: #09f;
	font-family:'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
}

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

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

div.tab ol li a:link { 
	color:#000066; 
	text-decoration:none;	
}

div.tab ol li a:visited { 
	color:#000066; 
	text-decoration:none;	
}	

div.tab ol li a:hover { 	
	color:#003399; 
	text-decoration:underline;
}	

/* - Logged in Styles - */
ul#navbar {
	min-height:30px;
	padding:10px 25px 0 25px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background:#44484f;
}
ul#navbar a {
  color:#FFF;
  font-weight:normal;
}
ul#navbar p span {
  float:left;
  display:block;
  width:12px;
  padding:0 3px;
}
ul#navbar p a {
  color:#FFF;
}
ul#navbar p a:hover{
	color:#000;
}
ul#navbar span#loggedin {
  display:block;
  padding:1px 0 0 0;
}
ul#navbar span#loggedin span {
  color:#ccc;
  font-weight:normal;
}
ul#navbar span#loginerror {
  display:block;
  padding-bottom:10px; 
  font-size:1em;
  font-weight:normal;
}






/* - Subscribe.php Styles - */
div#leftform {
  float:left;
  width:530px;
}
div#leftform div.row {
  padding:0 0 20px 0;
}
div#leftform div.row input.radio {
  float:left;
  margin:5px 0 0 0;
}
div#leftform div.row div.subscriberight {
  float:left;
  padding:0 0 0 20px;
  line-height: 2em;
}
div#leftform div.row div.subscriberight label {
  display:block;
  font-size:2.5em;
}
div#leftform div.subscribesection {
  padding:20px 0 0 0;
  margin:20px 0 0 0;
  border-top:1px solid #dddddd;
}
div#leftform div.subscribesection div.details {
  float:left;
  width:255px;
  padding:0 0 10px 0;
}
div#leftform div.subscribesection div.detailslefts {
  padding-right:20px;
}
div#leftform div.subscribesection div.details label {
  display:block;
}
div#leftform form.forgotpassword lebel {
  float:left;
}
div#leftform div.row input.text,
div#leftform div.subscribesection div.details input.text {
  width:255px;
  border:1px solid #a2a2a2;
  background:#FFF !important;
}
div#leftform select.select {
  width:255px;
  border:1px solid #a2a2a2;
}
div#leftform div.subscribesection span {
  font-size:0.9em;
  color:#666;
  display:block;
  padding:0 0 10px 0;
}
div#leftform input.button {
  float:right;
  display:block;
  min-height:50px;
  margin:0;
  padding:0px 15px 10px 15px;
  color:#FFF;
  font-weight:bold;
  font-size:1.5em;
  cursor:pointer;
  border:none;
  background:url('../_images/back-subscribe-now.gif') repeat-x top left;
}
div#leftform form.forgotpassword input.button {
  float:left;
}
div#processOrder {
  display:none;
}
/* - New Form Styles - */
div#leftSubscribe,
div#rightSubscribe {
  float:left;
  width:255px;
}
div#leftSubscribe {
  padding-right:15px;
}
div#leftSubscribe label,
div#rightSubscribe label {
  display:block;
  padding:0 0 10px 0;
}
/* - Change Password - */
form.changepassword {
  margin:30px 0 0 0;
  width:405px;
}
form.changepassword div.row label {
  float:left;
  width:145px;
  display:block;
}

/* - Account Page - */
div#details {
  padding:15px 0;
  margin-bottom:15px;
  width:100%;
  border-bottom:1px solid #ccc;
  float:left;
}
div#details span {
  float:left;
  width:180px;
}

div#details input.text {
	width: 200px;
}
div#details select {
	width: 202px;
	border: 1px solid #a2a2a2;
}