@charset "UTF-8";
/* CSS Document */

body {margin: 0px; background-color: #fbfcff; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-family:Calibri,Arial,Helvetica;}

img {border: 0px;}

h1 {margin: 15px 0px 15px 0px; font-size: 28px; font-weight: bold; color: #f66700; font-family:Calibri,Arial, Helvetica, Tahoma, Geneva, sans-serif;}

h3 {margin: 15px 0px 10px 0px; font-size: 21px; font-weight: bold; color: #336a9f; font-family:Calibri,Arial, Helvetica, Tahoma, Geneva, sans-serif;}

p {margin: 15px 0px 15px 0px; font-family:Calibri,Arial, Helvetica, Tahoma, Geneva, sans-serif; font-size:16px;}

#wrap {width: 912px; margin-left: auto; margin-right: auto;}

  #top {width: 912px; height: 103px; background-image: url(images/glow.png); position: relative;}
  
    .top_logo {position: absolute; top: 18px; left: 17px;}
	.top_providing {width: 339px; position: absolute; top: 18px; left: 296px;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; font-style: italic; line-height: 20px; color: #4695c5; text-align: center;}
	
	.top_search {position: absolute; top: 19px; right: 39px;
	width: 200px; height: 15px; margin: 0px; padding: 5px 0px 3px 5px; border: 0px; background-image: url(images/search_bg.jpg);
	font-family: arial; font-size: 12px; line-height: 12px; color: #000000;}
	.top_search_img {position: absolute; top: 19px; right: 15px;}
	
    #nav {width: 642px; height: 30px; position: absolute; right: 6px; bottom: 10px;z-index: 400}
	  #nav div {width: 103px; height: 30px; cursor: pointer; background-position: left top;z-index: 400;
	  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 30px; font-weight: bold; text-align: center; color: #ffffff;}
	  #nav div:hover {background-position: 0px -30px;}
	  
	  #nav_home {background-image: url(images/nav_home_tab.png); position: absolute; top: 0px; left: 3px; z-index: 201;}
	    #page_home #nav_home {background-position: 0px -60px;}
	  #nav_about {background-image: url(images/nav_about_tab.png); position: absolute; top: 0px; left: 104px; z-index: 200;}
	    #page_about #nav_about {background-position: 0px -60px;}
      #nav_software {background-image: url(images/nav_software_tab.png); position: absolute; top: 0px; left: 206px; z-index: 199;}
	    #page_software #nav_software {background-position: 0px -60px;}
      #nav_support {background-image: url(images/nav_support_tab.png); position: absolute; top: 0px; left: 308px; z-index: 198;}
	    #page_support #nav_support {background-position: 0px -60px;}
      #nav_order {background-image: url(images/nav_order_tab.png); position: absolute; top: 0px; left: 410px; z-index: 197;}
	    #page_order #nav_order {background-position: 0px -60px;}
      #nav_contact {background-image: url(images/nav_contact_tab.png); position: absolute; top: 0px; left: 512px; z-index: 196;}
	    #page_contact #nav_contact {background-position: 0px -60px;}
		
    #orange_divider {width: 900px; height: 10px; margin-left: 6px; background-image: url(images/orange_divider.jpg); position: absolute; bottom: 0px; left: 0px;}
	
  #content {width: 868px; padding: 16px 22px 16px 22px; background-image: url(images/glow.png); float: left;}
  
    #main_content {width: 868px; padding: 18px 0px 1px 0px; float: left;}
	
	  #main_left {width: 213px; float: left;}
	
	    #left_navigation {width: 211px; padding: 10px 0px 5px 0px; border-left: 1px solid #386ea3; border-right: 1px solid #386ea3; background-color: #f6f6f6;}
	      #left_navigation ul {margin: 0px; padding: 0px; list-style-type: none;
		  font-family: arial; font-weight: bold; font-size: 15px; color: #336a9f;}
		    #left_navigation li {width: 191px; margin: 0px; padding: 5px 0px 5px 20px; margin-bottom: 5px; background-image: url(images/orange_arrow.jpg); background-repeat: no-repeat; background-position: 10px 9px; cursor: pointer; font-family:Calibri,Arial, Helvetica, Tahoma, Geneva, sans-serif;}
		    #left_navigation li:hover {background-color: #ff6a00; background-image: url(images/orange_arrow_hover.jpg); color: #ffffff;}
			
	  #main_right {width: 596px; margin-left: 35px; float: left;
	  font-family: arial; font-size: 15px; line-height: 22px; color: #000000;}
	  
	    .float_l {float: left;}
		.float_r {float: right;}
		
		#consign_pro {width: 229px; margin-left: 25px; margin-top:10px; float: left;}
		
		  .orange_arrow {margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none;}
		    .orange_arrow a:link {text-decoration: none; color: #000000;}
			.orange_arrow a:active {text-decoration: none; color: #000000;}
			.orange_arrow a:visited {text-decoration: none; color: #000000;}
			.orange_arrow a:hover {text-decoration: underline; color: #000000;}
			.orange_arrow li {margin: 0px; padding: 2px 0px 2px 10px; background-image: url(images/orange_arrow.jpg); background-repeat: no-repeat; background-position: 0px 12px; cursor: pointer;}
			
			.white_arrow {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 13px; background-image: url(images/white_arrow.jpg); background-repeat: no-repeat; background-position: 0px 6px;}
  
      .bottom_links {width: 268px; height: 28px; margin-top: 15px; padding-top: 75px; border: 1px solid #386ea3; border-radius: 7px; float: left; position: relative;
	  font-family: arial; font-size: 20px; color: #336a9f; text-align: center;}
	    .bottom_links img {position: absolute; top: 14px; left: 38px;}
  
  #bottom {width: 912px; height: 16px; background-image: url(images/bottom_bg.png); clear: both;}
  
  #copy {padding: 4px 0px 10px 8px; font-family: arial; font-size: 11px; color: #336a9f; float: left;}
  
  #ptc {padding: 8px 10px 10px 0px; float: right;}
 .nav_style {
    display: block;
    padding: 0 5px;
    width: 170px;
}
#nav div div {
    background-color: #CCCABB;
    cursor: text;
    height: auto;
    left: -1000em;
    opacity: 0.9;
    padding: 2px 0;
    position: absolute;
    width: 180px;
}
.nav_hidden {
    display: none;
}

a, a:visited, a:active {
	color: #3f80ad;
}

a:hover {
	color: #386ea3; text-decoration: none;
}

#consign_pro img {position: absolute; left: -1000em;}
#consign_pro div {text-indent: -1000em; cursor: pointer;}

  #consign_software_button {width: 205px; height: 32px; background-image: url(images/middle-buttons/middle-section-button.jpg);}
    #consign_software_button:hover {background-image: url(images/middle-buttons/middle_section_button_hover.jpg);}
  #consign_guided_button {width: 205px; height: 32px; background-image: url(images/middle-buttons/see-our-screens.jpg);}
    #consign_guided_button:hover {background-image: url(images/middle-buttons/see-our-screens_hover.jpg);}														  
  #consign_demo_button {width: 205px; height: 32px; background-image: url(images/middle-buttons/download-demo.jpg);}
    #consign_demo_button:hover {background-image: url(images/middle-buttons/download_demo_hover.jpg);}
  #consign_order_button {width: 205px; height: 32px; background-image: url(images/middle-buttons/store-configurator.jpg);}
    #consign_order_button:hover {background-image: url(images/middle-buttons/store_configurator_hover.jpg);}
  #consign_package_button {width: 205px; height: 32px; background-image: url(images/middle-buttons/view-pricing.jpg);}
    #consign_package_button:hover {background-image: url(images/middle-buttons/view_pricing_hover.jpg);}
	
	#hardware div {border: 2px solid #8db8e3; padding: 10px 10px 10px 10px; margin-bottom: 15px; float: left; clear: both;}
	

/* Site Map */

#page_sitemap #main_right ul {margin: 0px; padding: 0px 0px 0px 0px; list-style-position: outside;}
  #page_sitemap #main_right ul li {margin: 5px 0px 5px 0px;}
    #page_sitemap #main_right ul ul {list-style-position: inside;}