body {


  font-size       : 13px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 1.45;

  margin          : 0;
  background      : #FFFFFF; 
  height : 100%;
 }


 img
 {
  border : none;

 }

 img a 
 {  
  outline : none;

 }




 h2 {
  width           : 460px;
  margin          : 0px;
  font-size       : 18px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  line-height     : 1.25;
  padding         : 20px 0px 5px 0px;
 }



 .end {
  border          : 0px;
  margin          : 0px;
  padding         : 60px 0px 5px 0px;
 }


 #submenu {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 1.1;
  text-decoration : none;
  color           : #000000;
 }


 #submenu a {
  font            : normal 11px Arial, Helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : underline;
  color : #666666;
  outline         : none;
 }

 #submenu a:hover {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 1.1;
  font-weight     : bold;
  text-decoration : underline;
  color : #666666;
 }




 #page {
  width       : 780px;
  position    : relative;
  left        : 50%;
  margin-left : -390px;
  border      : 0px;
  padding     : 0px;
  z-index     : 3;
  background  : #FFFFFF;
 }




 #page #header {
  width       : 778px;
  padding     : 0px;
  margin-left : 15px;
  border      : 0px;
  position    : relative;
  clear       : both;
  background  : #FFFFFF;
  z-index     : 10;
 }




 #page #content {
  width       : 740px;
  padding     : 0px;
  border      : 0px;
  margin-left : 20px;
  position    : relative;
 }

 /* one collums *************************************************************/

 #page #content .one_collumn {
  width       : 740px;
  border      : 0px;
  margin      : 0px;
  padding     : 0px;
  position    : relative;
  line-height : 12px;
  clear       : both;
 }

 #page #content .one_collumn .example{
  width       : 740px;
  border      : 0px;
  margin      : 0px;
  padding     : 0px;
  position    : relative;
  line-height : 12px;
 }


 /* alternative menu ******************************************************/

 #page #header #navigation {
  border           : 0px;
  margin           : 0px;
  padding          : 10px 0px 0px 0px;
  background-color : #FFFFFF;
 } 

 #page #header #navigation .navigation_collumn {
  width            : 120px; 
  background-color : #FFFFFF;
  border           : 0px;
  padding          : 10px 0px 10px 5px;
  float            : left;
  font             : normal 12px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  font-weight      : bold;
  text-decoration  : none;
  color            : #666666;
 } 

 #page #header #navigation .navigation_collumn .selection {
  font             : normal 12px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  font-weight      : bold;
  text-decoration  : none;
  color            : #000000;
 } 

 #page #header #navigation .navigation_collumn a {
  font             : normal 12px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  font-weight      : bold;
  text-decoration  : none;
  color            : #666666;
  outline         : none;
 }

 #page #header #navigation .navigation_collumn a:hover {
  font             : normal 12px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  font-weight      : bold;
  color            : #666666;
  text-decoration  : underline;
  outline         : none;
 }


 /* menu footer ******************************************************/

 #page #footerNavigation #navigation {
  border           : 0px;
  margin           : 0px;
  padding          : 0px;
  background-color : #000000;
 } 

 #page #footerNavigation .navigation_collumn {
  width            : 118px; 
  border           : 0px;
  margin           : 10px 0px 10px 5px;
  float            : left;
 } 

 #page #footerNavigation .navigation_collumn .selection {
  font             : normal 11px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  text-decoration  : none;
  color            : #666666;
 } 

 #page #footerNavigation .navigation_collumn a {
  font             : normal 11px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  text-decoration  : none;
  color            : #666666;
  outline          : none;
 }

 #page #footerNavigation .navigation_collumn a:hover {
  font             : normal 11px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  text-decoration  : underline;
  color            : #666666;
 }





 /* left *************************************************************/


 #page #content .two_collumns {
  width       : 740px;
  padding     : 0px;
  position    : relative;
  clear       : both;
 }



 /* left *************************************************************/

 #page #content .two_collumns .left {
  width      : 140px;
  padding    : 0px;
  margin     : 20px 10px 0px 0px;
  position   : relative;
  float      : left;
  background : #FFFFFF;
 }


 /* right  *************************************************************/

 #page #content .two_collumns .right {


  font-size       : 15px;
  font-style      : normal;  
  font-family     : "georgia", "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", "helvetica", "garamond", "sans-serif", "arial", "verdana", "avante garde", "century gothic", "comic sans ms", "times", "times new roman", "serif";
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 1.45;

  -webkit-text-size-adjust: 240%;

  width      : 590px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  float      : left;
 }

 /* banner ***********************************************************/

 #page #content .two_collumns .right .banner {
  width      : 590px;
  height     : 152px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  float      : left;
  background : #FFFFFF;
 }


 #page #content .two_collumns .right .banner:hover {
  width      : 590px;
  height     : 152px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  float      : left;
  background : #DDDDDD;
 }


 .content_footer {
  width      : 590px;
  margin     : 0px;
  padding    : 25px 0px 10px 0px;
  border     : 0px;
  position   : relative;
  float      : left;
 }


 .content_footer .tutorial
 {
  width      : 590px;
  margin     : 0px 0px 50px 0px;
  padding    : 0px 0px 0px 0px;
  border     : 0px;
  background  : url(../images/calltoaction_background.gif);
  background-repeat: repeat-y;
 }

 .content_footer .tutorial .top
 {
  height     : 7px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  background : url(../images/calltoaction_background_top.gif); background-repeat: no-repeat;
 }


 .content_footer .tutorial .bottom
 {
  height     : 44px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  background : url(../images/calltoaction_background_bottom.gif); background-repeat: no-repeat; background-position: left bottom; 
 }


 .content_footer .tutorial .logo
 {
  width      : 100px;
  margin     : 0px;
  padding    : 35px 10px 10px 20px;
  position   : relative;
  float      : left;
 }


 .content_footer .tutorial .content
 {
  width           : 440px;
  margin          : 0px;
  padding         : 0px 20px 0px 0px;
  border          : 0px;
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 1.45;
  float           : left;
 }





 #page #content .two_collumns .right .content_footer .left {
  width      : 150px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  float      : left;
  text-align : left;
 }

 #page #content .two_collumns .right .content_footer .right {
  width      : 375px;
  margin     : 0px;
  padding    : 0px;
  border     : 0px;
  position   : relative;
  float      : right;
  text-align : right;
 }

 #page #content .two_collumns .right a {

  text-decoration : none;
  font-weight     : bold;

  color           : #034798;
  outline         : none;
 }

 #page #content .two_collumns .right a:hover {

  text-decoration : none;
  font-weight     : bold;
  color           : #034798;
  outline         : none;
 }

 

 #page #content .two_collumns .right .flv_right {
  width    : 320px;
  padding  : 0px 0px 20px 20px;
  position : relative;
  float    : right;
 }


 #page #content .two_collumns .right h1
 {
  font-size       : 18px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : bold;
  line-height     : 1.25;
  padding         : 5px 0px 6px 0px;
  display : block;
  color           : #444444;
 }
 

 #page #content .two_collumns .right h2
 {
  font-size       : 16px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : bold;
  line-height     : 1.25;


  padding         : 20px 0px 6px 0px;
  display : block;
  color           : #444444;
 }
 



 .icproject
 {
  padding : 10px 0px 10px 0px;
  margin  : 0px;
 }


 .icproject a {

  text-decoration : none;
  font-weight     : bold;

  color           : #034798;
  outline         : none;
 }

 .icproject  a:hover {

  text-decoration : none;
  font-weight     : bold;
  color           : #034798;
  outline         : none;
 }




 /* item ****************************************************/

 #page #content .one_collumn .items {
  font             : normal 10px tahoma, helvetica, sans-serif;
  line-height      : 1.2;
  font-weight      : bold;
  text-decoration  : none;
  width            : 740px;
  border           : 0px;
 }
 
 #page #content .one_collumn .items .item {
  width           : 360px;
  font            : normal 10px tahoma, helvetica, sans-serif;
  line-height     : 1.2;
  text-decoration : none;
  border          : 0px;
  margin          : 0px 0px 0px 5px;
  padding         : 0px;
  float           : left;
 }

 #page #content .one_collumn .items .item .item_header {
  width            : 100%;
  font             : normal 12px tahoma, helvetica, sans-serif;
  font-weight      : bold;
  text-decoration  : none;
  border           : 0px;
  margin           : 0px 0px 5px 0px;
  padding          : 0px;
 }
 
 #page #content .one_collumn .items .item .item_thumb {
  width            : 50px;
  border           : 0px;
  margin           : 0px 10px 0px 0px;
  padding          : 0px;
  float            : left;
 }

 #page #content .one_collumn .items .item .item_info {
  width            : 290px;
  font             : normal 11px tahoma, helvetica, sans-serif;
  font-weight      : normal;
  text-decoration  : none;
  border           : 0px;
  margin           : 0px;
  padding          : 0px;
  float            : left;
 }


 #page #content .one_collumn .items .item .item_info a {
  font            : normal 11px tahoma, helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : none;
  color           : #034798;
  outline         : none;
 }


 #page #content .one_collumn .items .item .item_info a:hover {
  font            : normal 11px tahoma, helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : none;
  color           : #034798;
 }



 /*************************************************************/


 #page #content .one_collumn .items .item .item_thumb_double {
  width            : 100px;
  border           : 0px;
  margin           : 0px 10px 0px 0px;
  padding          : 0px;
  float            : left;
 }

 #page #content .one_collumn .items .item .item_info_double {
  width            : 240px;
  font             : normal 11px tahoma, helvetica, sans-serif;
  font-weight      : normal;
  text-decoration  : none;
  border           : 0px;
  margin           : 0px;
  padding          : 0px;
  float            : left;
 }



 /*************************************************************/




 table {
  border-collapse: collapse;
  border : 5px;
  padding : 2px;
  margin : 0px;
 }


 table .row_top {
  background-color: #EEEEEE;
 }

 table td {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 1.2;
  text-decoration : none;
  border-top    : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
 }

 td, th {
  vertical-align: top;
  padding : 2px 5px 2px 5px;
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 1.35;
  border: 1px;
 }

 table tr {
  border-bottom: 1px solid #EEEEEE;
 }

 table .row {
  background-color: transparent;
 }

 table .row_odd {
  background-color: #EEEEEE;
 }



 div.hr {
  height: 1px;
  padding : 4px 0px 8px 0px;
  background: url(../images/line.gif) no-repeat scroll left;
 }




 div.hr hr {
  display: none;
 }



 div.footer {
  font             : normal 9px Arial, Helvetica, sans-serif;
  line-height      : 1.35;
  text-decoration  : none;
  border           : 0px;
  margin           : 0px;
  padding          : 0px 0px 0px 0px;
  color            : #888888;
 }

 div.footer strong {
  font             : normal 10px Arial, Helvetica, sans-serif;
  line-height      : 1.2;
  text-decoration  : none;
  font-weight      : bold;
  border           : 0px;
  margin           : 0px;
  padding          : 0px 0px 0px 0px;
  color            : #000000;
 }


 /* sub navigation ***************************/


 #page #content .two_collumns .left ul
 {


  border          : 0px;
  padding         : 0px;
  background      : #FFFFFF;
  display         : block;
  list-style-type : none;
 }

 #page #content .two_collumns .left li
 {
  border          : 0px;
  padding         : 0px;
  background      : #FFFF00;
 }

 #page #content .two_collumns .left li.selection {
  font             : normal 12px Arial, Helvetica, sans-serif;
  line-height      : 1.25;
  font-weight      : bold;
  text-decoration  : none;
  color            : #FFFFFF;
  border           : 0px;
  padding          : 4px 0px 4px 5px;
  display          : block; 
  background-color : #4491FA;
 }


 #page #content .two_collumns  li a 
 {
  text-decoration : none;
  font-weight     : bold;
  color           : #034798;
  outline         : none;
 }

 #page #content .two_collumns  li a:hover
 {
  text-decoration : none;
  font-weight     : bold;
  color           : #034798;
  outline         : none;
 }


 /* sub sub navigation ***************************/


 #page #content .two_collumns .left ul.internal_links {
  border          : 0px;
  padding         : 0px 0px 0px 10px;
  background      : #FFFFFF;
  display         : block;
  list-style-type : none;
 }


 #page #content .two_collumns .left ul.internal_links li {
  border          : 0px;
  display         : block;
  list-style-type : none;
  background      : #FFFFFF;
  padding          : 1px 0px 1px 0px;

 }

 #page #content .two_collumns .left ul.internal_links li a {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 1.25;
  padding         : 0px 0px 0px 7px;
  text-decoration : none;
  font-weight     : bold;
  color           : #666666;
  outline         : none;
 }

 #page #content .two_collumns .left ul.internal_links li a:hover {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 1.25;
  padding         : 0px 0px 0px 7px;
  text-decoration : underline;
  font-weight     : bold;
  color           : #666666;
  background      : #FFFFFF url(../images/internal_link.gif); background-repeat: no-repeat;
 }



 /* sub sub navigation ***************************/


 #page #content .two_collumns .left ul.pages {

  font             : normal 12px Arial, Helvetica, sans-serif;
  line-height      : 1.25;
  font-weight      : bold;
  text-decoration  : none;
  color            : #666666;
  border           : 0px;
  padding          : 2px 0px 2px 5px;
  display          : block; 
  background-color : #FFFFFF;
 }


 #page #content .two_collumns .left ul.pages li {
  background      : #FFFFFF;
  color           : #666666;
 }

 #page #content .two_collumns .left ul.pages li a {
  color           : #666666;
  text-decoration : none;
  outline         : none;
 }

 #page #content .two_collumns .left ul.pages li a:hover {

  color           : #666666;
  text-decoration : underline;

 }







 .clear
 {
  clear : both;
 }




 img
 {
  border  : 0px;
  margin  : 0px;
  padding : 0px;
 }


 /* links at bottom page ********************************************************************/


 #page #content .one_collumn .external_links {
  width           : 740px;
  padding         : 0px;
  margin          : 0px;
  border          : 0px;
  text-decoration : none;
  float           : left;
 }


 #page #content .one_collumn .external_links .collums
 {
  width           : 740px;
  padding         : 0px;
  margin          : 0px;
  border          : 0px;
 }

 #page #content .one_collumn .external_links .collums .collum
 {
  width            : 118px; 
  border           : 0px;
  margin           : 10px 0px 10px 5px;
  float            : left;
 }


 #page #content .one_collumn .external_links .collums .collum a {

  font             : normal 11px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  text-decoration  : none;
  color            : #666666;
  outline         : none;
  display         : block;
 }

 #page #content .one_collumn .external_links .collums .collum a:hover {

  font             : normal 11px tahoma, helvetica, sans-serif;
  line-height      : 17px;
  text-decoration  : underline;
  color            : #666666;
  outline         : none;
  display         : block;
 }

 #page #content ul {
  margin          : 0px;
  padding         : 0px;
  display         : block;
  list-style-type : none;
 }

 #page #content li {
  margin          : 0px;
  padding-left    : 12px;
  background: url(../images/bullet.gif); background-repeat: no-repeat;
 }


 /**********************************************************************************/
 /* information                                                                    */
 /**********************************************************************************/

 .two_collumns .information
 {
  width : 590px;
  display         : block;
  background      : #EEEEEE url('../images/information_background.gif') no-repeat left bottom; 
  margin          : 10px 0px 15px 0px;
  padding         : 0px;
 }


 .two_collumns .information .top
 {
  height : 6px;
  display         : block;
  background      : url('../images/information_background_top.png') no-repeat left top;
 }


 .two_collumns .information .bottom
 {
  height : 6px;
  display         : block;
  background      : url('../images/information_background_bottom.png') no-repeat left bottom;
 }


 .two_collumns .information .content
 {
  padding : 10px 10px 16px 10px;
  border : 0px;
  margin          : 0px;
  display         : block;
 }


 .two_collumns .information .content .icon
 {
  float : left;
  width : 24px;
  display : block;
 }

 .two_collumns .information .content .text
 {

  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  font-weight     : bold;
  line-height     : 1.25;
  color           : #666666;
  text-decoration : none; 
  float           : left;
  width           : 500px;
  display         : block;
 }



 /**********************************************************************************/
 /* form                                                                           */
 /**********************************************************************************/



 #footerEnd
 {
  width: 740px;
  border : 0px;
  margin : 0px;
  padding : 15px 0px 60px 0px;
  clear : both;

  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  line-height     : 16px;
  color           : #444444;
 }


 #footerEnd fieldset
 {
  border  : 0px;
  padding : 0px;
  margin  : 0px;
 }

 #footerEnd .left
 {
  display : block;
  width : 160px;
  background-color : #FFFFFF;
  text-align: left;
  padding : 15px 0px 60px 0px;
  float : left;
 }

 #footerEnd .left.address
 {
  width : 140px;
 }

 #footerEnd .left.form
 {
  width : 220px;
 }

 #footerEnd .right
 {
  display : block;
  width : 220px;
  margin : 0px;
  padding : 10px 0px 20px 0px;
  float : right;
 }

 #footerEnd .right .email
 {
  width : 220px;
  height : 60px;
  border : 0px;
  margin : 0px;
  padding : 0px;
  float : right;
 }


 /**********************************************************************************/
 /* navigation / email                                                             */
 /**********************************************************************************/

 a#contact_email
 {
  display: block;
  width: 220px;
  height: 60px;
  text-decoration: none;
  float : left;
  background: url("../../images/misc/email.png");
 }

 a#contact_email:hover
 {
  background-position: -220px 0;
 }




span.hilite {
 
        background-color: #c4e1ff;
      }



 #buy-tutorial a
 {
  display : block;
  width : 364px;
  height : 74px;
  background : url(../images/button_buy_tutorial.png) no-repeat left top;
 }


 #buy-tutorial a:link, a:visited
 {
  display : block;
  width : 364px;
  height : 74px;
  background : url(../images/button_buy_tutorial.png) no-repeat left top;
 }

 #buy-tutorial a:hover
 {
  display : block;
  width : 364px;
  height : 74px;
  background : url(../images/button_buy_tutorial.png) no-repeat right top;
 }


 /**********************************************************************************/
 /* box                                                                            */
 /**********************************************************************************/

 .box
 {
  width : 590px;
  padding : 0px;
  margin : 0px;
  border : 0px;
  display : block;
  background : #EEEEEE url('../images/box_border_bottom_left.png') no-repeat left bottom;
 }

 .box .outside
 {
  display : block;
  background : url('../images/box_border_bottom_right.png') no-repeat right bottom;
 }

 .box .outside .inside
 {
  display : block;
  background : url('../images/box_border_top_right.png') no-repeat right top;
 }

 .box .outside .inside table.tbox
 {
  border-collapse:separate;
  width: 100%;
  padding : 20px;
  margin : 0px;
  border : 1px;
  background : url('../images/box_border_top_left.png') no-repeat left top;
 }

 .box .outside .inside table.tbox th
 {
  font : normal 12px Arial, Helvetica, sans-serif;
  line-height : 1.35;
  font-weight : bold;
  border : 0px;
  border-bottom: 1px solid #BBBBBB;
  text-align : center;
 }

 .box .outside .inside table.tbox th.first
 {
  text-align : left;
 }

 .box .outside .inside table.tbox tr
 {
  border : 1px;
 }

 .box .outside .inside table.tbox td
 {
  vertical-align: middle;
  font : normal 12px Arial, Helvetica, sans-serif;
  line-height : 1.2;
  text-decoration : none;
  text-align : center;
  border : 0px;
 }

 .box .outside .inside table.tbox td.first
 {
  text-align : left;
  font-weight : bold;
 }