/* LAYOUT */
body, html {
	margin:0;
	padding:0;
	height:100%;
	background:#b1bfad url(../images/bg-fade.gif) repeat-x top left;
}

#wrapper {
	margin:0 auto;
	width:912px;
	position:relative;
}

#container {
  
}

#header {
	height:81px;
}

#logo {
	margin-left:20px;
}

.home #box {
	background:url(../images/home-opening.jpg) no-repeat left top;
	margin:0px 20px;
	height:262px;
	position: relative;
}

.home #box ul {
	margin:20px 0 20px 0px;
	padding:0px;
	list-style:none;
}

.home #box li {
	margin-bottom:5px;
	padding-left:18px;
	background: url(../images/bullet-box.gif) 0 7px no-repeat;
}

.home #box_text {
	width:450px;
	padding:18px 0 0 26px;
}

.home #box #signup {
  width:350px;
  height:260px;
  position:absolute;
  bottom:0;
  right:20px;
}

#content {
  background:url(../images/bg.png) repeat-y top left;
  min-height:325px;
  position:relative;
}

#content_text {
  padding:20px 45px;
}

#content_text ul {
	margin:20px 0 20px 25px;
	padding:0px;
	list-style:none;
}

#content_text li {
	margin-bottom:5px;
	padding-left:18px;
	background: url(../images/bullet.gif) 0 7px no-repeat;
}

#content_text ol li {
	margin-bottom:5px;
	padding-left:5px;
	background: none;
}

#menu {
  background:url(../images/bg-top.png) no-repeat left bottom;
  height:45px;
  position: relative;
}

.home #menu {
  background:url(../images/bg-top-home.png) no-repeat left bottom;
}

.product #content img {
  border:1px solid #bbb;
}

.product #content .img_right {
  text-align:center;
}

#menu_bar {
  height: 29px;
  padding-left:30px;
  width:660px;
  float:left;
}

#menu ul {
  margin:0;
  padding:0;
	display:inline;
	list-style:none;
	text-align:center;
}

#menu ul a {
  display: block;
  text-indent: -9999px;
  outline: none;
}

#menu ul img {
  display: block;
}

#menu ul a:hover {
  background-position: left bottom;
}

#menu li {
	display:inline;
	float:left;
	margin:0;
  padding:0;
}

#menu li.main {
  padding:0 7px;
  background-color:#046b9a;
}

#menu li.login {
  margin:0 10px;
}

#menu ul .home {
  width: 71px;
  height: 29px;
  background: url(../images/menu-home.gif) no-repeat;
}

#menu ul .product {
  width: 126px;
  height: 29px;
  background: url(../images/menu-application.gif) no-repeat;
}

#menu ul .pricing {
  width: 86px;
  height: 29px;
  background: url(../images/menu-pricing.gif) no-repeat;
}

#menu ul .store {
  width: 72px;
  height: 29px;
  background: url(../images/menu-store.gif) no-repeat;
}

#menu ul .support {
  width: 98px;
  height: 29px;
  background: url(../images/menu-support.gif) no-repeat;
}

#menu ul .login {
  width: 101px;
  height: 29px;
  background: url(../images/menu-login.gif) no-repeat;
}

#menu_sub {
  float:right;
  width:195px;
  text-align:right;
  padding:4px 22px 0 0;
}

#submenu {
  height:33px;
  margin:0;
  padding:0;
  position:absolute;
  left:45px;
  top:-16px;
}

#submenu ul {
  margin:0;
  padding:0;
	display:inline;
	list-style:none;
	text-align:center;
}

#submenu li {
	display:inline;
	float:left;
	margin:0;
  padding:9px 6px;
  height:33px;
  background: url(../images/submenu-bg.png) repeat-x left top;
}

#submenu li.separator {
  padding:11px 0;
}

#submenu li.end {
  padding:0;
}

#submenu_spacer {
  height:20px;
}

#content #submenu img {
  border-width:0;
}

.home #left {
  float:left;
  width:300px;
  padding:0 65px 0 20px;
}

.home #right {
  float:left;
  width:248px;
}

.pricing .pricing_left {
  float:left;
  width:450px;
}

.pricing .pricing_right {
  float:left;
  width:330px;
  padding-left:30px;
}

table {
  width:100%;
}

table .first_cell {
  width:210px;
}

table th {
  text-align:left;
  padding-right:10px;
  border-bottom:1px solid #aaa;
}

table td {
  padding:2px 20px 2px 2px;
  border-bottom:1px dashed #aaa;
}

.img_right {
  float:right;
  margin:0 0 10px 20px;
  font-size:8pt;
  line-height:1.2em;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
	margin-bottom:20px;
}

h4, h5 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.anchor {
  font-size:8pt;
  margin-bottom:20px;
}

#footer {
  background:#b1bfad url(../images/bg-bottom.png) no-repeat left top;
  padding:4px 45px;
  text-align:right;
  padding-bottom:60px;
}

.clear {
	clear:both;
}

.float_left {
  float:left;
}

/* STYLE */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#111;
}

a:link {
	color:#006699;
}

a:active, a:focus {
	color:#0099cc;
}

a:visited {
	color:#006666;
}

a:hover {
	color:#0099cc;
}

h1 {
  color:#000000;
	font-size:20pt;
	font-weight:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:14pt;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#b76700;
	letter-spacing:-0.5px;
}

h3 {
	font-size:12pt;
	color:#222;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h4 {
	font-size:12pt;
	color:#222;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h5 {
	font-size:11pt;
	color:#222;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

hr {
  border:none;
  width:100%;
  border-bottom:1px solid #aaa;
  margin:20px 0;
}

#content_text, #box {
	line-height:1.5em;
}

#header {
  font-size:8pt;
}

#footer {
	line-height:1.5em;
	font-size:8pt;
}

/* MENU */

#menu {
	font-size:10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.home #menu .home, 
.product #menu .product, 
.pricing #menu .pricing, 
.store #menu .store,
.support #menu .support,
.login #menu .login {
	background-position: left bottom;
}

#submenu {
  color:#999;
}

#submenu a:link {
	text-decoration:none;
}

#submenu a:active, #submenu a:focus {
	text-decoration:none;
}

#submenu a:visited {
	text-decoration:none;
}

#submenu a:hover {
	text-decoration:underline;
}

.sub_what #submenu .sub_what, 
.sub_why #submenu .sub_why, 
.sub_how #submenu .sub_how, 
.sub_video #submenu .sub_video {
	font-weight:bold;
}