/*-----------------------------------------
  Website:
  Creator:
  Last Modified:
  
  1. General
  2. Text, headers
  3. Links
  4. Areas, Divs
  5. Tables
  6. Forms
  7. Images
  8. Menus
  9. Lists
-----------------------------------------*/



/*-----------------------------------------
  1. General, main
-----------------------------------------*/

body {
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 10pt;
  font-family: arial;
  color: #000;
  background: #dedede url("images/standard/bg_01.jpg") top left repeat-x;
}

/*-----------------------------------------
  2. Text, headers
-----------------------------------------*/

h1 {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 18pt;
  color: #ef1011;
}

h2 {
  font-size: 14pt;
  color: #000;
}

h3 {
  font-size: 9pt;
  padding: 0px;
  margin: 0px;
  color: #000;
}

#left_column_notice_01 {
  font-size: 14pt;
  font-style: italic;
  text-align: center;
  font-weight: bold;
  color: #241903;
}

span.red_01 {
  color: #ee1111;
  font-style: italic;
}

span.red_02 {
  color: #ee1111;
  font-weight: bold;
}

/*-----------------------------------------
  3. Links
-----------------------------------------*/

a.menu_link_01:link, a.menu_link_01:active, a.menu_link_01:visited {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a.menu_link_01:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a.brown_01:link, a.brown_01:active, a.brown_01:visited {
  color: #493e2a;
  text-decoration: none;
}

a.brown_01:hover {
  color: #493e2a;
  text-decoration: underline;
}

a.black_01:link, a.black_01:active, a.black_01:visited {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

a.black_01:hover {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

a.black_02:link, a.black_02:active, a.black_02:visited {
  color: #000;
  text-decoration: none;
}

a.black_02:hover {
  color: #000;
  text-decoration: underline;
}

a.red_01:link, a.red_01:active, a.red_01:visited {
  font-weight: bold;
  color: #ee1111;
  text-decoration: none;
}

a.red_01:hover {
  font-weight: bold;
  color: #ee1111;
  text-decoration: underline;
}

/*-----------------------------------------
  4. Area, Divs
-----------------------------------------*/

div.canvas_01 {
  width: 900px;
  margin: 0px auto;
  text-align: left;
  background: #fff url("images/standard/left_column_bg_01.gif") top left repeat-y;
  /* border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; */
}

div.video_01 {
  text-align: center;
}

div.header_01 {
  position: relative;
  width: 900px;
  height: 78px;
  background: #eeb311 url("images/standard/header_bg_01.jpg") top left repeat-x;
}

div.logo_01 {
  width: 370px;
  height: 78px;
  background: transparent url("images/standard/steprite_logo_01.jpg") top left no-repeat;
}

div.flash_banner_01 {
  position: absolute;
  top: 0px;
  left: 375px;
  text-align: center;
  width: 311px;
  height: 78px;
}

div.flash_corner_01 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 205px;
  height: 78px;
  background: transparent url("images/standard/header_bg_02.jpg") top right no-repeat;
}

div.menu_01 {
  width: 900px;
  height: 30px;
  background: #483d29 url("images/standard/menu_bg_01.jpg") top left repeat-x;
}

div.content_01 {
  width: 900px;
  padding-bottom: 10px;
  background: transparent url("images/standard/content_bg_01.gif") top left repeat-x;
}

div.content_02 {
  background: transparent url("images/standard/canvas_bg_02.jpg") bottom right no-repeat;
}

div.left_column_01 {
  font-size: 8pt;
  float: left;
  width: 170px;
  padding-top: 150px;
  background: #eeb311 url("images/standard/left_column_tick_01.jpg") top left no-repeat;
  text-align: center;
}

div.left_column_content_01 {
  margin: 10px 10px;
}

div.right_column_01 {
  float: right;
  display: inline;
  width: 710px;
  margin-right: 10px;
  padding-top: 10px;
}

div.features_left_01 {
  float: left;
  width: 340px;
}

div.features_right_01 {
  text-align: center;
  float: right;
  width: 332px;
  padding-top: 10px;
}

div#function_text {
  border: 2px solid #000;
}

div.function_header_01 {
  background: #eeb311;
  padding: 8px;
  border-bottom: 2px solid #000;
}

div.function_body_01 {
  padding: 8px;
}

div.killallfloats {
  clear: both;
}

div.footer_01 {
  width: 900px;
  height: 11px;
  margin: 0px auto;
  margin-bottom: 10px;
  background: #dedede url("images/standard/footer_bg_01.jpg") top left repeat-x;
}

div.center_01 {
  text-align: center;
}

div.display_applications_01 {
  width: 500px;
}

/*-----------------------------------------
  5. Tables
-----------------------------------------*/

table.specs_01 {
  border: 2px solid #000;
  width: 100%;
}

table.specs_01 th {
  text-align: center;
  background: #eeb311;
  padding: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
}

table.specs_01 td {
  text-align: center;
  padding: 3px;
  border-right: 2px solid #000;
  border-bottom: 1px solid #000;
  font-size: 9pt;
}

table.features_table_01 td {
  vertical-align: top;
}

td.button_01 {
  border: 2px solid #000;
  background: #eeb311;
  text-align: center;
}

td.black_border_01 {
  border: 2px solid #000;
}

table.application_01 td {
  vertical-align: top;
}

table.special_build td {
  text-align: center;
}

/*-----------------------------------------
  6. Forms
-----------------------------------------*/

label {
  font-weight: bold;
}

input, textarea {
  font-size: 10pt;
  font-family: arial;
}

input.contact_01 {
  width: 250px;
}

textarea.contact_01 {
  width: 250px;
  height: 150px;
}

input.submit {
  background: #eeb311;
  color: #fff;
  font-weight: bold;
  width: 100px;
  font-size: 10pt;
}

/*-----------------------------------------
  7. Images
-----------------------------------------*/

img {
  border: 0px;
}
div#function_text img {
  padding-top: 15px;
  padding-right: 10px;
}

img.features_diagram_01 {
  padding-left: 10px;
}

img.app_01 {
  padding-left: 5px;
  padding-bottom: 5px;
  display: inline;
}

img.options_diagram_01 {
  padding-right: 20px;
}

/*-----------------------------------------
  8. Menus
-----------------------------------------*/

ul.menu_list_01 {
  padding: 0px;
  margin: 0px;
}

li.menu_item_01 {
  display: block;
  float: left;
  line-height: 30px;
  margin-left: 0px; /* Space between menu items */
  margin-right: 0px; /* Space between menu items */
}

li.menu_item_01:hover {
  display: block;
  float: left;
  line-height: 30px;
  margin-left: 0px; /* Space between menu items */
  margin-right: 0px; /* Space between menu items */
  background: transparent url("/images/standard/menu_hover_01.gif") top right no-repeat;
}

li.menu_item_01 span {
  display: block;
  float: left;
  line-height: 30px;
}

li.menu_item_01 span:hover {
  display: block;
  float: left;
  line-height: 30px;
  background: transparent url("/images/standard/menu_hover_01.gif") top left no-repeat;
}

li.menu_item_01 span a {
  display: block;
  padding-right: 20px; /* Space between edge of menu items */
  padding-left: 20px; /* Space between edge of menu items */
}

li.menu_item_01 span:hover a {
  color: #fff;
  display: block;
  padding-right: 20px; /* Space between edge of menu items */
  padding-left: 20px; /* Space between edge of menu items */
}

/*-----------------------------------------
  9. Lists
-----------------------------------------*/

ul.list_ticks_01 {
  list-style-image: url("images/standard/tick_01.gif");
  line-height: 20px;
}