/* -------------------- initial ---------------------------------------- */

html, body, form, fieldset, h1, h2, h3, p, ul, ol, li, table, tr, td {margin: 0; padding: 0;}
input, select, textarea {font-size: 100%; font-family: inherit;}


/* -------------------- body ---------------------------------------- */

body {background: #fff url(img/bg.gif) repeat-x;
  color: #000;
  font: 100.1% Tahoma, sans-serif;
  text-align: center;}

body.index {background-image: url(img/bgIndex.gif);}


/* -------------------- basic structure ---------------------------------------- */

#main {width: 860px;
  font-size: 15px;
  text-align: left;
  margin: auto;}

#top {height: 47px;}

h1 {width: 200px;
  height: 47px;
  float: left;}

h1 img {width: 200px;
  height: 47px;}
  
#nav {color: #fff;
  list-style: none;
  float: right;}

#nav li {float: left;
  padding: 14px 0 0 28px;
  font-size: 14px;}
  
#text {width: 480px;
  padding: 0 80px 14px 0;
  clear: both;
  float: left;}
  
#column {width: 300px;
  float: left;
  font-size: 12px;
  padding: 17px 0 14px 0;}
  
#copy {width: 200px;
  clear: left;}
  
#terms {width: 660px;
  text-align: right;}
  
#copy, #terms {float: left;
  border-top: 1px dashed #06c;
  font-size: 11px;
  padding: 7px 0;}


/* -------------------- special structure ---------------------------------------- */

#top2 {height: 202px;
  border: 1px solid #fff9d8;}



.order {

  border: 2px solid #069;
  padding: 3px 3px 3px 3px;
  color: #000;
  height: 135px;
  }

.order-1 {
  padding: 3px 3px 3px 3px;
  color: #000;
  }

.order img {
	text-align: left;
	padding-right: 5px;
	border: 0;
}

.order h4 {color: #069;

  font-size: 16px;

  font-weight: bolder;

  margin: 0px 0px 2px;
 }

.order #frms_done {
	display:none;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	color: #0c0;
	padding: 26px 0 26px;
}

.order #frms {
	text-align: left;
}

.order #frms #emails {
	background-color: #fff9d8;
	border: 2px solid #999;
	height: 26px;
	width: 280px;
	font-size: 18px;
	color: #999;
	margin: 7px 0px 7px 0px;
/*	padding: 0 0 7px 0;*/
	padding: 3px;
	vertical-align: middle;
}


#top2 a img {padding: 14px 3px 0 0;}

#demo {float: right;
  padding: 0 0 0;}

.highlighted {width: 440px;
  padding: 6px 5px 13px;
  margin: 20px 0;
  background: #fff9d8;}
  
.downloadPic {display: block;
  float: left;
  padding-right: 14px;
  margin-bottom: -10px;}
  
.banner {width: 300px;
  height: 50px;
  background: #d6fdad;}
  
.screenshot {width: 530px;
  height: 290px;
  background: #d4d0c8;
  margin: 40px -50px 0 0;}
  

/* -------------------- text ---------------------------------------- */

h2 {font-size: 22px;
  font-weight: normal;
  margin: 15px 0 13px;}

h3 {color: #069;
  font-size: 18px;
  font-weight: normal;
  margin: 13px 0 5px;}

#column h3 {color: #999;
  font-size: 20px;
  padding: 0 0 5px;
  margin: 0;}

#column p {padding-bottom: 15px;}
  
p.comment {color: #666;
  font-size: 11px;}

span.pic {color: #f09;}
span.pro {color: #257dd4;}

small {font-size: 11px;}


/* -------------------- lists ---------------------------------------- */

ul {list-style: none;}
  
ul.decor li {color: #666;
  background: url(img/bullet.gif) no-repeat;
  padding: 0 0 14px 35px;}
  
ul.decor li h3 {color: #000;
  padding: 0;
  margin: 0;}

ul.invisible {color: #666;}

ul.invisible strong {font-weight: normal;
  color: #000;}
  
ul.invisible li {padding-bottom: 6px;}


/* -------------------- tables ---------------------------------------- */

table.purchase {width: 450px;
  border-bottom: 1px dashed #06c;
  margin: 0 0 9px;}
  
table.purchase td {padding: 8px 0 1px;}
table.purchase td.product {width: 285px;}
table.purchase td.order {text-align: right;}


/* -------------------- links ---------------------------------------- */

a {color: #069;}

a:hover, a:active {text-decoration: none;}

#nav a {color: #fff;}

#text h3 a {text-decoration: none;}

#terms a {color: #000;
  text-decoration: none;}


/* -------------------- misc ---------------------------------------- */

img {border: none;}