h1 { color: rgb(0,0,102); font-family: arial, helvetica, verdana, sans-serif; font-weight: normal;font-size: 22pt; margin: 0; }
h2 {font-size: 10pt; color: #333333; margin: 0px; padding: 4px 4px 2px; border-bottom: 1px solid #A7B7C5; clear: both;}
h3 {font-size: 8pt; margin: 0px; padding: 8px 8px 0px; color: #FF3300; }
h4 { color: rgb(0,0,102); font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt; margin: 0; }
td { color: #4e525b; font-family: verdana, sans-serif, arial, helvetica; font-size: 10pt; }

#headermax 
  { 
    color: #385b85; 
    font-weight: bold; 
    font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 22pt; 
    vertical-align: bottom; 
    height: 100px;
    text-align: center; 
	display:none;
    
  }
  
#headermin 
  { 
    color: #385b85; 
    font-weight: bold; 
    font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 10pt; 
    vertical-align: bottom; 
    height: 40px;
    text-align: center; 
    
  }
  
  
#logo_image
  {
    width:250px;float:left
  } 
  
.headermin { color: #707070; font-family: sans-serif; arial, helvetica; font-size: 8pt; }
.header2 { color: #dbedff; font-family: arial, helvetica, verdana, sans-serif; font-size: 18pt; }
.header3 { color: #385b85; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt; }
.header4 { color: #ffffff; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt; }
.header5 { color: #dbedff; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt; } 
.header6 { color: #ffffff; font-weight: bold; font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; } 
.textblue { color: rgb(51,51,255); font-family: verdana, sans-serif, arial, helvetica; font-size: 7pt; }
.textgrey { color: #4e525b; font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; }
.textnavy { color: #385b85; font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; }
.textwhite { color: #ffffff; font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; }
.textsmall { color: #4e525b; font-family: arial, helvetica, verdana, sans-serif; font-size: 8pt; }

#menulink 
  { 
    color: #385b85; 
    font-size: 14px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    text-indent: 5px; 
    padding-bottom: 10px;
  }
#menulinkthin {color: #385b85; text-decoration:none; text-indent: 25px; padding-bottom: 5px;}
#topmenulink
  {
    color: #385b85; 
    text-decoration:none; 
    text-indent:0px; 
    width:70px;
    float:right;
    height: 20px
  }
  
#company_name  
  { 
    color: rgb(51,51,255); 
    font-family: verdana, sans-serif, arial, helvetica; 
    font-size: 18pt; 
    font-weight: bold; 
  }

.navylink {color: #385b85; text-decoration:underline; }
.bluelink {color: #dbedff; text-decoration:underline; }
.vcell { border-width: 1 0 1 0; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; } 
.vcelllr { border-width: 1 1 1 1; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; vertical-align : top} 
.vcelll { border-width: 1 0 1 1; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; } 
.vcellr { border-width: 1 1 1 0; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; }
.vcell0 { border-width: 0 0 1 0; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; } 
.vcelllr0 { border-width: 0 1 1 1; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; }
.vcelll0 { border-width: 0 0 1 1; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; } 
.vcellr0 { border-width: 0 1 1 0; border-style: solid; border-color: #c0c0c0; padding-top: 8px; padding-bottom: 10px; }
.menuvcell { border-width: 1 0 1 0; border-style: solid; border-color: #c0c0c0; } 
.menuvcelllr { border-width: 1 1 1 1; border-style: solid; border-color: #c0c0c0; } 
.menuvcelll { border-width: 1 0 1 1; border-style: solid; border-color: #c0c0c0; } 
.menuvcellr { border-width: 1 1 1 0; border-style: solid; border-color: #c0c0c0; }
.menuvcell0 { border-width: 0 0 1 0; border-style: solid; border-color: #c0c0c0; } 
.menuvcelllr0 { border-width: 0 1 1 1; border-style: solid; border-color: #c0c0c0; }
.menuvcelll0 { border-width: 0 0 1 1; border-style: solid; border-color: #c0c0c0; } 
.menuvcellr0 { border-width: 0 1 1 0; border-style: solid; border-color: #c0c0c0; }
.help_menus { color: #cc00cc; }
.download_header{font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; font-weight: bold; color: white;}
.download_td{font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; font-weight: bold; color: #000000;}
.question{font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; font-weight: bold; color: #000000; font-style: italic}
.answer{font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; color: #000000; text-indent: 15px}
.warning{font-family: verdana, sans-serif, arial, helvetica; font-size: 8pt; color: #ff0000; font-weight: bold}

#main
  {
    padding-left: 10px;
    padding-right: 10px;
  }
  
p, ul, li {font: 12px Verdana; text-indent: 12px; color: #0760bb;}  
.text{font: 12px Verdana; text-indent: 12px; color: #0760bb;}  

.expand span {text-align: right;}
.expand {padding: 2px 0px 2px 7px;}
.expand img {vertical-align: bottom;}

.expand div {clear: both; border-bottom: 0px solid #A1A0AC; padding: 0px 8px 0px 0px;}
.expand p {margin: 0px !important; padding: 5px 0px 4px 20px!important; text-align: justify;}
.expand table {border-right: 6px solid #fff; border-left: 10px solid #fff;}
.expand td {vertical-align: top;}
.expand th {text-align: left; background: #CBCBD1; padding: 2px;}
.expand ul {font: 12px Verdana; text-indent: 12px; color: #0760bb; margin: 0px; padding: 10px 0px 10px 10px; list-style: inside; background: #fff;}
.expand ol {font: 12px Verdana; text-indent: 12px; color: #0760bb; margin: 0px; padding: 10px 0px 10px 10px; list-style: decimal inside;}
.expand li {font: 12px Verdana; text-indent: 12px; color: #0760bb; margin: 0px; padding: 0px 0px 0px 20px;}

#whats p, #download p {font: 12px Verdana; color: #0760bb; margin: 0; padding: 4px; clear: both;}
#whats a, #feat a {color: #333333;}
#whats a:hover, #feat a:hover {color: #FF3300; text-decoration: none;}
#whats table {width: 100%;}
#whats td {padding: 3px;}
#how, #feat, #samples, #press, #tutorials {float: left;}
#whats {
  width:80%;
}
a:visited 
	{ 
	text-decoration: none;
	color: #385b85; 	
	}
	
a:hover 
	{ 
	text-decoration: none; 	
	}
a:link
	{ 
	color: #385b85; text-decoration:none; 	
	}	
.header_image
{
  background: url('images/header.jpg');
  width: 1000px;
  height: 200px;
}