/* ====================================================================
 SOLANA NETWORKS WEBSITE STYLE SHEET
 
 WRITTEN BY THATPATGUY
 COPYWRITE 2005 AXIONIC INC.
 WWW.AXIONIC.COM
 -------------------------------------------------------------------- */


 /* ====================================================================
 GENERAL STYLING
 -------------------------------------------------------------------- */

html { 
	margin: 0px; 
	padding: 0px; 
}

body {
	margin: 0px;
	padding: 0px;
	background: #000 url(../images/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
div {
	margin: 0px; 
	padding: 0px;
}
/* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
#clear { 
	clear: both;
} 

/*/*/ 
#clear { 
	display: none; 
} 
/* */

#holder {
	color : #000000;
	background: #fff;
	text-align:left;
	margin: 0 auto 0 auto;
	border-right: 4px solid #333;
	border-left: 4px solid #333;
	background: #fff url(../images/subnav_bg.jpg) no-repeat 7px 80px;
 /* CSS HACK: width increased for browsers whose box model is not CSS2 compliant */
 	width: 762px;
 /*/*/
	wid\th: 754px;
 /* */
}

* html #holder {  /*centering for IE*/
	margin-left:auto; 
	margin-right:auto;
}

#nav {
	padding: 6px 0 0 0;
	width: 740px;
	height: 70px;
	margin: 0 auto 4px auto;
	background: #fff url(../images/nav_background.jpg) bottom no-repeat;
	text-align: right;
	vertical-align: bottom;
}

* html #nav{
	margin-left: auto;
	margin-right: auto;
}

#nav_buttons{
	position: relative;
	top: 50px;
}

#flash_banner {
	padding: 0px;
	width: 740px;
	height: 165px;
	margin: 0 auto 4px auto;
	background: #fff url(../images/flash_placeholder.jpg) no-repeat;
}

* html #flash_banner {
  margin-left: auto;
  margin-right: auto;
}
 
#footer {
	padding: 10px 0 0 0;
	width: 740px;
	height: 70px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #e5e5e5;
}

* html #footer{
	margin-left: auto;
	margin-right: auto;
}

#footer_left{
	float: left;
}

#footer_right{
	text-align: right;
}

#content_footer {
	clear: left;
	padding: 10px 0 0 0;
	width: 740px;
	height: 70px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #e5e5e5;
}

* html #content_footer{
	margin-left: auto;
	margin-right: auto;
}

#content_footer_left{
	float: left;
}

#patent {
	color : #000000;
	background: #fff url(../images/content_bg.jpg) bottom right no-repeat;
	text-align:left;
	margin: 0 auto 0 auto;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 4px solid #333;
	border-left: 4px solid #333;
 /* CSS HACK: width increased for browsers whose box model is not CSS2 compliant */
 	width: 450px;
 /*/*/
	wid\th: 442px;
 /* */
}

* html #patent {  /*centering for IE*/
	margin-left:auto; 
	margin-right:auto;
}

#demo {
	color : #000000;
	background: #fff url(../images/content_bg.jpg) bottom right no-repeat;
	text-align:left;
	margin: 0 auto 0 auto;
	padding: 10px;
	border-right: 4px solid #333;
	border-left: 4px solid #333;
 /* CSS HACK: width increased for browsers whose box model is not CSS2 compliant */
 	width: 965px;
 /*/*/
	wid\th: 957px;
 /* */
}

* html #demo {  /*centering for IE*/
	margin-left:auto; 
	margin-right:auto;
}

 /* ====================================================================
 HOME PAGE COLUMNS LAYOUT
 -------------------------------------------------------------------- */
#headers_float {
	float: left;
}

#header1 .innerText, #header2 .innerText, #header3 .innerText {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

#header3a .innerText p{
	margin: 0 0 10px 0;
	padding: 0;
}

#headers_float .innerText p {
	padding-top: 0px;
	margin-top:0px;
}

#header1 {
	float: left;
    width: 242px;
	margin-left: 7px;
}

* html #header1{
	margin-left: 4px;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#header2 {
	margin-left: 254px;
	width: 246px;
}

* html #header2{
	margin-left: 251px;
}

#header3 {
	margin-left: 505px;
	width: 242px;
}

* html #header3{
	margin-left: 502px;
}

#header1a {
	background: #fff url(../images/angleBG.gif) 0 0 no-repeat;
	height: 116px;
}


#header1b {
	background: #fff url(../images/header_bg.jpg) 0 56px repeat-x;
	height: 215px;
}

#header2a {
	background: #fff url(../images/angleBG.gif) 0 0 no-repeat;
	height: 116px;
}

#header2b{
	background: #fff url(../images/header_bg.jpg) 0 56px repeat-x;
	height: 215px;
}

#header3a {
	background: #fff url(../images/angleBG.gif) 0 0 no-repeat;
	height: 116px;
}

#header3b{
	background: #fff url(../images/header_bg.jpg) 0 56px repeat-x;
	height: 215px;
}

* html p.spacerForIE{
	height: 62px;
}

* html p.spacerForIE2{
	height: 19px;
}

/* */
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#holder, #headers_float, #header1, #header2, #header3 { 
	p\osition: relative;
}
/* */

 /* ====================================================================
 INTERIOR PAGE COLUMNS LAYOUT
 -------------------------------------------------------------------- */

#subnav {
     float: left;
     width: 187px;
	 padding-top:3px;
	 margin-left: 6px;
	 margin-bottom: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 181px;
	
} html>body #subnav {
	width: 181px;
}

* html #subnav{
	margin-left: 4px;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#content {
	margin-left: 189px;
	margin-bottom: 0px;
	padding-bottom:20px;
	width: 746px;
	background: #fff url(../images/content_bg.jpg) bottom right no-repeat;
	border-left: 1px solid #e7e7e7;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 557px;
	} html>body #content {
	width: 557px;
}

* html #content{
	width: 554px;
}

/* */
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#subnav, #content { p\osition: relative; }
/* */


 /* ====================================================================
 TEXT & IMAGE STYLING
 -------------------------------------------------------------------- */

#content p {
	padding: 0px 20px 10px;
	margin: 0px;
	line-height: 140%;
}

p.small_text {
	font-size: 10px;
}

#subnav p.subnav, #subnav p {
	padding: 6px 10px;
	margin:0;
}

#subnav p.subnav_sub{
	padding:0;
	margin:0;
}

.grey_text {
	color: #666;
}

a:link {
	color: #c30;
	text-decoration:none;
}

a:visited {
	color: #c30;
	text-decoration:none;
}

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

h1.header1 a:link, h1.header1 a:visited, h1.header1 a:hover{
	color: #fff;
	text-decoration:none;
	display:block;
	margin: 0; 
	padding: 27px 5px 0 10px;
	font-size: 12px;
	font-weight:bold;
	height:28px;
}

h1.header2 a:link, h1.header2 a:visited, h1.header2 a:hover{
	color: #fff;
	text-decoration:none;
	display:block;
	margin: 0; 
	padding: 27px 5px 0 10px;
	font-size: 12px;
	font-weight:bold;
	height:28px;
}

.subnav_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203275;
	text-decoration: none;
}

a.subnav_main:link {
	color: #203275;
}

a.subnav_main:visited {
	color: #203275;
}

a.subnav_main:hover {
	color: #c30;
}

.subnav_sub {
	/* padding: 5px 15px 0 15px;*/
	padding: 0px;
	margin: 0px;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #203275;
	display: block;
	text-decoration: none;
}


a.subnav_sub:link {
	color: #203275;
}

a.subnav_sub:visited {
	color: #203275;
}

a.subnav_sub:hover {
	color: #c30;
}

h1 {
	padding: 0;
	margin: 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	text-indent:-10000px;
}

h1.header1 {
	background: url(../images/blank_header.jpg) no-repeat;
	width: 242px;
	height: 56px;
	text-indent: 0px;
	margin-bottom:5px !important;
}

h1.header2 {
	background: url(../images/blank_header.jpg) no-repeat;
	width: 246px;
	height: 56px;
	text-indent: 0px;
	margin-bottom:5px;
}

h1.header3 {
	background: url(../images/blank_header.jpg) no-repeat;
	width: 242px;
	height: 56px;
	text-indent: 0px;
	margin-bottom:5px;
}

h1.header3 .format {
	color: #fff;
	text-decoration:none;
	display:block;
	margin: 0; 
	padding: 27px 5px 0 10px;
	font-size: 12px;
	font-weight:bold;
	height:28px;
}

h1.print_title {
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	float: left;
	margin-left: -1000px;
}

h1.contact_title {
	background: url(../images/contact_title.jpg) no-repeat;
	width: 557px;
	height: 33px;
}

* html h1.contact_title{
	width: 554px;
}

h1.company_title {
	background: url(../images/company_title.jpg) no-repeat;
	width: 557px;
	height: 33px;
}

* html h1.company_title{
	width: 554px;
}

h1.products_title {
	background: url(../images/products_title.jpg) no-repeat;
	width: 557px;
	height: 33px;
}

* html h1.products_title{
	width: 554px;
}

h1.service_title {
	background: url(../images/service_title.jpg) no-repeat;
	width: 557px;
	height: 33px;
}

* html h1.service_title{
	width: 554px;
}

h1.news_title {
	background: url(../images/news_title.jpg) no-repeat;
	width: 557px;
	height: 33px;
}

* html h1.news_title{
	width: 554px;
}

h2 {
	padding: 5px 10px 5px 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c30;
	font-weight: bold;
}

h3 {
	padding: 5px 10px 10px 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

h4 {
	padding: 5px 10px 5px 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}

h5 {
	padding: 5px 10px 5px 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}

#content ul {
	margin-top:0;
}

#content ul li {
	padding-bottom:9px;
}

#content ol {
	margin-top:0;
	margin-left: 10px;
}

#content ol li {
	padding-bottom:9px;
}

* html #content ol {  /*for IE*/
	margin: 0 0 0 10px;
}

* html #content ol li {  /*for IE*/
	margin: 0 0 0 40px;
	list-style-type:decimal;
}

#content table {
	margin: 5px 10px 5px 20px;
}

#content p.positioningText {
	padding: 5px 10px 10px 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
}

img.bullet{
	margin: 0 4px 1px 0;
}

#nav_buttons img{
	padding: 0px;
	margin: 0px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
}

hr.subnav_solid {
	width: 167px;
	height: 1px;
	color: #fff;
	background-color: #fff;
	border: 0px;
	margin:0;
	margin-left: 7px;
	padding:0;
	margin-top: 4px;
}

hr.subnav_dashed {
	width: 167px;
	height: 1px;
	margin-left: 7px;
	border: 0px;
	border-top: 1px dashed #fff;
}

#featuresAndBenefits {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;	
}

#featuresAndBenefits td {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;	
}

#featuresAndBenefits h3, p {
	padding:0;
}

#featuresAndBenefits ul {
	margin-top:5px;
	margin-left:17px;
	padding-left:0px;
	list-style-type: square;
}

#featuresAndBenefits ul li {
	padding-bottom:4px;
}

#featuresAndBenefits ol {
	margin-top:5px;
	margin-left:17px;
	padding-left:0px;
	list-style-type: square;
}

#featuresAndBenefits ol li {
	padding-bottom:4px;
}

#login {
	margin:0;
	padding:0;
}
.loginForm {
	border: 1px solid #a5acb2;
	color:#7f7f7f;
	font-size:10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
}

/* 2 col layout for products page */
#products2Col {
	padding-bottom:15px;
}

#products2Col p {
	padding-left:15px;
	padding-right:10px;
}

#products2Col img {
	padding-bottom:10px;
}

#products2Col td,#products1Col td {
	vertical-align: top;
	padding:0;
	margin:0;
}
/* 1 col layout for products page*/
#products1Col {
	width:120px;
	padding-bottom:15px;
	padding:0;
	margin:0;
}

/* 1 col layout for products page*/
.products1ColInner {
	padding-top:12px;
	margin:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c6c6c6;
	border-bottom-color: #c6c6c6;
	border-left-color: #c6c6c6;	
}

td.product {
	background-image: url(../images/products2col_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

img.inContentLogo{
	padding: 0px;
	margin: 5px 5px 5px 20px;
	float:left;
}

img.inContentImgRight{
	padding: 0px;
	margin: 5px 20px 5px 5px;
	float:right;
}

img.floatRight{
	padding: 0px;
	margin: 0px 25px 0 10px;
	float: right;
}

img.floatLeft{
	padding: 0px;
	margin: 5px 10px 0px 20px;
	float: left;
}

/* right aligned multifunction box */
#download {
	width:175px;
	border:0;
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}

#download a:link {
	color: #203275;
}

#download a:visited {
	color: #203275;
}

#download a:hover {
	color: #c30;
}

#download td {
	vertical-align: top;
}

#download td.bullet {
	width:20px;
	padding-left:12px;
	padding-top:9px;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:8px;
	} html>body #download td.icon {
	width:8px;
}

#download td.icon {
	width:34px;
	padding-left:12px;
	padding-top:9px;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:22px;
	} html>body #download td.icon {
	width:22px;
}

#download td.link {
	padding-top:6px;
	color:#666666;
	line-height:130%;
}

/* form rules */

form{
	margin: 0 0 0 20px;
}

.fieldset {
	margin: 0;
	padding: 0;
	width:500px;
	border: none;
}

.fieldset .nobr {
	display:none;
}

.fieldset label {
	text-align:right;
	width:110px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
}
  
.fieldset .textfield {
	margin:3px;
	height:15px;
	width:200px;
}

.fieldset .dropdown {
	margin:3px;
	height:20px;
	width:200px;
}

.fieldset2 {
	margin: 0;
	padding: 0.3em;
	width: 500px;
	border: none;
	margin-top: 8px;
}


.fieldset3 {
	margin: 0;
	padding: 0.3em;
	width: 500px;
	border: none;
	margin-top: 8px;
}

.fieldset4 {
	margin: 0;
	padding: 0.3em;
	width:500px;
	border: none;
	margin-top: 8px;
}

.fieldset2 legend, .fieldset3 legend, .fieldset4 legend {
	margin: 5px 0 0 10px;
	padding: 0;
}

.fieldset2 .checkbox, .fieldset3 .checkbox, .fieldset4 .checkbox{
	margin: 5px 5px 0 30px;
	padding: 0;
}

.fieldset2 label, .fieldset3 label, .fieldset4 label{
	padding:0;
	margin:0;
}