/*
 * betterbuiltsoftware.com.au Public Styles
 *
 * Author: Lachlan Laycock (kennedia.com)
 * Date: 18 May 2007
 *
 *====================================*/

html, body, p, h1 {
  font-family: Arial, Helvetica, Sans-serif;
}

html {
  margin:0;
  padding:0;
}

body {
  margin:0;
  padding:0;
  text-align:center;
  background: #000 url(/images/bg.gif) top left repeat-x;
  font-size:11pt;
  color:#999;
}

/*
body {
  background-image: url(/images/grid_bg.gif);
}

#header,
#body,
#footer {
  background:none !important;
}

/* Layout
 *====================================*/

#header, 
#body, 
#footer {
  clear:both;
  width:960px;
  margin: 0 auto 0 auto;
  text-align:left;
}

#body {
}

#footer {
}


/* Elements
 *====================================*/

a {
  color:#fff;
  outline:none;
  text-decoration:none;
}

a:hover {
  color:#fff;
  text-decoration:underline;
}

a img {
  border:none;
}

ul {
  list-style:none;
  padding:0;
  margin:0;
}

h1, h2, h3 {
  color:#fff;
  font-weight:normal;
}

div, p {
  line-height:1.4em;
}

/* Common
 *====================================*/

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
  border:none;
}

hr.clear {
  width:1px;
  visibility:hidden;
}

hr.line {
  height:1px;
  background:none;
  border:none;
  border-bottom:1px solid #333;
  width:99%;
  visibility:visible;
}

.half {
  width:49%;
}

.small {
  font-size:9pt;
}

.bright {
  color:#fff;
}


/* Header
 *====================================*/

#header {
  height:55px;
  vertical-align:middle;
  margin-top:20px;
  margin-bottom:20px;
  background: #000 url(/images/header_bg.gif) top left repeat-x;
  border:1px solid #000;
}

#logo {
  margin:4px;
  margin-left:8px;
  float:left;
}

#nav {
  margin-top:16px;
  float:right;
}

#nav ul li {
  width:125px;
  float:left;
}

#nav ul li a,
#nav ul li a:hover {
  color:#999;
  font-size:10pt;
}

#nav ul li a:hover {
  color:#fff;
}

#nav ul li img {
  display:block;
  float:left;
  margin-right:5px;
}

/* Content
 *====================================*/


/* Pages
 *====================================*/

h1#about,
h1#contact,
h1#services,
h1#history,
h1#pricing,
h1#privacy {
  background: transparent url(/images/about_header.gif) left center no-repeat;
  font-size:14pt;
  line-height:24px;
  text-indent:28px;
}

h1#contact {
  background-image:url(/images/contact_header.gif);
}

h1#services {
  margin-top:2em;
  background-image:url(/images/services_header.gif);
}

h1#history {
  background-image:url(/images/history_header.gif);
}

h1#pricing {
  background-image:url(/images/pricing_header.gif);
}

h1#privacy {
  background-image:url(/images/privacy_header.gif);
}

h2 {
  font-size:12pt;
}


/* About Page
 *====================================*/

.about {
  width:75%;
  margin:2em auto 2em auto;
}

.about span {
  line-height:20pt;
  margin-right:0.5em;
}

.about .vlight {
  color:#fff;
}

.about .light {
  color:#ddd;
}

.about .grey {
  color:#aaa;
}

.about .dark {
  color:#777;
}

.about .vdark {
  color:#444;
}

.about .vsmall {
  font-size:16pt;
}

.about .small {
  font-size:18pt;
}

.about .medium {
  font-size:20pt;
}

.about .large {
  font-size:22pt;
}

.about .vlarge {
  font-size:24pt;
}

.about .normal {
  font-weight:normal;
}

.about .italics {
  font-style:italic;
}

.about .bold {
  font-weight:bold;
}

/* Products
 *====================================*/

#product_titles {
  margin-bottom:20px;
}

.product_logo {
  margin-bottom:20px;
}

.product_sshot {
  margin:5px 10px 0 10px;
}

.product_text {
  margin-bottom:10px;
  margin-left:5px;
}

#testimonials {
  margin-bottom:20px;
}

#testimonials .speaker,
#testimonials .company {
  margin:0 auto 0 auto;
  width:38em;
}

#testimonials .quote {
  line-height:1em;
  text-align:center;
  color:#fff;
  font-style:italic;
  font-size:18pt;
}

.product_selling_points {
  margin-bottom:20px;
}

.product_selling_points ul li {
  padding:0;
  margin-top:10px;
  margin-bottom:15px;
  clear:left;
}

.product_selling_points div {
  line-height:1em;
  margin:0;
  margin-left:43px;
}

.product_selling_points div.bright {
  line-height:1.2em;
}

.product_selling_points img {
  margin-right:10px;
}

a.more_btn,
a.download_btn {
  display:block;
  margin:0 auto 20px auto;
  width:199px;
  height:30px;
  background: #000 url(/images/button_bg.gif) top left no-repeat;
  color:#fff;
  text-align:center;
  font-size:16pt;
  padding-top:10px;
  text-decoration:none;
}

a.download_btn {
  font-size:14pt;
}

a.download_btn img {
  margin-right:5px;
}

.product_blurb a.download_btn {
  margin-right:25px;
}

/* Product Pages
 *====================================*/

#permit_pro_sshot,
#permit_pro_web_sshot {
  position:absolute;
  margin-left:15px;
  top:90px;
}

h2.core_features {
  font-family: Impact, Arial, Helvetica, Sans-serif;
  color:#fff;
  font-weight:normal;
  letter-spacing:0.05em;
}

.selling_point,
.info_list {
  width:32%;
  padding: 0 5px 0 5px;
  font-size:10pt;
  float:left;
  margin-bottom:20px;
}

.selling_point img {
  margin-top:5px;
  margin-right:15px;
}

.selling_point div {
}

.info_list h3 {
  color:#fff;
  font-weight:normal;
  font-size:10pt;
  margin-bottom:5px;
}

.info_list ul {
  list-style:disc;
  margin-left:15px;
}

.info_list ul li {
  line-height:1em;
  margin-bottom:5px;
}

/* Pricing
 *====================================*/

#pricing_table {
  margin:0 auto;
  display:block;
  width:80%;
}

#pricing_table th {
  border-bottom: 1px solid #222;
  color:#999;
  font-weight:normal;
  font-size:11pt;
  padding:5px;
  text-align:center;
}

#pricing_table td {
  border-bottom: 1px solid #111;
  padding:15px;
  font-size:3em;
  font-family: times, roman, sans;
  color:#fff;
}

#pricing_table img {
  margin-right:20px;
}

#pricing_table sup {
  margin-left:5px;
  font-size:14pt;
  color:#666;
}

/* History
 *====================================*/

.title h1,
.enhancements h2,
.defects h2 {
  font-size:10pt;
}

.enhancements h2,
.defects h2 {
  margin-bottom:0.25em;
}

.version h1 {
  margin-top: 25px;
  padding: 0px;
  font-size:16pt;
  font-weight:bold;
}

.versionlabel {
  margin-bottom: 0px;
  font: 16pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #CC3300;
}

.versionnbr {
  margin-bottom: 0px;
  font-weight:bold;
  font-size:16pt;
  color: white;
}
.datelabel {
	font: 16pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC3300;
	padding-left: 40px;
}

.datevalue {
  font-weight:bold;
  font-size:16pt;
  color: white;
}

.version hr {
  padding-top: 0px;	
  margin-top: 0px;
  height:1px;
  border:none;
  border-top: 0px solid;
  background:none;
}


/* Footer
 *====================================*/

#footer {
  font-size:10pt;
  margin-top:1em;
  padding-top:1em;
  border-top:1px solid #333;
}

#footer a {
  color:#666;
}

#footer a:hover {
  color:#fff;
}

#footer ul {
}

#footer ul li {
  font-size:10pt;
  float:left;
  margin-left:20px;
}