body, html {
	margin: 0;
	padding: 0;
  background-color: #231B18;
	background-image: url("../images/leopardcrm/background.jpg");
	background-position: top center;
	background-repeat: repeat-y;
  color: #555;
	font-family: "Lucida Grande", helvetica, arial;
	font-weight: normal;
	font-size: 10pt;
	line-height: 17pt;
}

body {
	min-width: 905px;
}

img {
  border: 0px;
}

#wrap {
	margin: 0 auto;
	width: 905px;
}

#header {
	background: #331D1D;
/*	background-image: url("/images/leopardcrm/header.jpg"); */
/*	height: 301px; */
}

#header h1 {
	padding:5px;
	padding-left: 50px;
	padding-top: 50px;
  margin:0;
  color: #ddd;
  font-weight: normal;
/*  display: none; */
}

#header h2 {
	margin-top: 3px;
	padding-left: 50px;
	padding-bottom: 50px;
	color: #594B48;
/*  display: none; */
}

div#main_logo {
	background: #231B18;
  text-align: center;
  padding-top: 28px;
}

#nav {
	color: #444;
	padding:0px;
	height: 30px;
	text-align: right;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 9.5pt;
  border-bottom: 1px #baa solid;
}

#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	padding-top: 7px;
	padding-left: 10px;
}

#nav li{
	display:inline;
	width: 80px;
	padding:0;
	margin: 0;
	padding-left: 25px;
	padding-right: 0px;
}

#nav li a:link, #nav li a:visited {
  color: #a99;
  text-decoration: none;
}

#nav li a:hover {
  color: #644;
  text-decoration: underline;
}


#main h1 {
	font-size: 18pt;
	padding-left: 9px;
}

#main h2, #main h3, #main p, #main table{
	padding:0 10px;
}

#main p {
  margin-bottom: 15pt;
}


#sidebar ul {
	margin-bottom:0;
}

#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}

p.sidebar_button {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-size: 8pt;
  line-height: 10pt;
}

p.sidebar_button_top {
  margin-top: 11.1pt;
}

p.sidebar_button_mid {
  margin-top: 15pt;
}

#footer {
	background: #231B18;
	background-image: url("../images/leopardcrm/footer_background.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	clear:both;
  padding: 25px;
  color: #dcc;
  border-top: 3px #000 solid;
  border-bottom: 5px #000 solid;
  height: 130px;
}

#footer a:link, #footer a:visited {
  color: #aaf;
  text-decoration: none;
}

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

#footer p {
	padding:5px;
	margin:0;
  }
  
#footer #footer_left {
  float: left;
  position: relative;  
}

#footer #footer_right {
  float: right;
  position: relative;  
}

#footer #footer_right a:link, #footer #footer_right a:visited {
  color: #877;
}

div#notice
{
 background-color: #ddffdd;
 color: darkgreen;
 padding: 10px;
 margin-bottom: 10px;
 border: 1px darkgreen solid;
}

div#errorExplanation, div#error
{
 background-color: #ffdddd;
 color: darkred;
 padding: 10px;
 border: 1px darkred solid;
}



div.image {
  border: 1px #777 solid;
  height: 150px;
  width: 200px;
  margin: 10px;
  background-color: #ddd;
  color: #888;
  text-align: center;
  vertical-align: middle;
}

table th {
  text-align: right;
  width: 100px;
  padding-right: 10px;
  font-weight: bold;
}

span.bold {
  font-weight: bold;
  color: #000;
  font-size: 110%;
}

div.sml_indent {
  margin-left: 10px;
}

div.lrg_indent {
  margin-left: 40px;
}

table.contact {
  border: 0px;
}

table.contact td {
  padding-bottom: 20px;
}

img.screenshot {
  border: 1px #000 solid;
  padding: 7px;
  background-color: #fff;
}

.note {
  color: #999;
}



/****    Pricing Tables    ****/
div.price_plan {
  background-color: #fed;
  border: 1px #cbb solid;
  padding: 15px;
  clear: both;
  margin-bottom: 20px;
}

div.price_plan div.title {
  width: 100%;
  height: 20px;
  border-bottom: 1px #779 solid;
}

div.price_plan div.name {
  font-size: 120%;
  font-weight: bold;
  float: left;
  width: 60%;
}

div.price_plan div.price {
  font-size: 120%;
  font-weight: bold;
  float: left;
  width: 40%;
  text-align: right;
}

div.price_plan div.price span.sub_price {
  font-size: 80%;
  font-weight: bold;
}

div.price_plan div.summary {
  padding: 7px;
  color: #444;
}

div.price_plan div.detail {
  padding: 7px;
}


/****    Feature List    ****/

div.white_box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px #777 solid;
  margin: 15px;
  padding: 0px;
}

div.white_box img {
  text-align: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.white_box h3.name {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 12pt;
  font-weight: bold;
}

div.white_box div.float_summary {
  float: left;
  position: relative;
  margin-left: 75px;
}

div.white_box p.summary {
  margin-right: 5px;
  margin-top: 0px;
}


/* pre IE compat

div.white_box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px #777 solid;
  float: left;
  width: 260px;
  height: 80px;
  margin: 15px;
  padding: 5px;
}

div.white_box img {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 10px;
}

div.white_box div.float_name {
  float: left;
  width: 170px;
}

div.white_box div.name {
  margin-top: 10px;
  font-size: 120%;
  font-weight: bold;
}

div.white_box div.float_summary {
  float: left;
  position: relative;
  margin-left: 75px;
}

div.white_box div.summary {
  margin-right: 5px;
  font-size: 85%;
  top: -30px;
}

*/

/*****    Index    *****/

div.index_box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px #777 solid;
  float: left;
  width: 260px;
  height: 150px;
  margin: 10px;
  padding: 5px;
  padding-left: 15px;
}

div.index_box img {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 10px;
}

div.index_box div.name {
  margin-top: 10px;
  font-size: 120%;
  font-weight: bold;
}

div.index_box div.summary {
  margin-right: 5px;
  font-size: 85%;
  top: -30px;
}

ul.index_list {
}

ul.index_list li {
  font-size: 120%;
  margin-bottom: 20px;
}



/****    Sign Up     ****/

div.form div.label {
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 4px;
	padding-right: 5px;
}
div.form div.field {
	padding-bottom: 4px;
}

input.name
{
  font-size: 120%;
  font-weight: bold;
}

fieldset {
  margin-bottom: 20px;
  border: 1px solid #cc7;
  border-top: 2px solid #991;
}

fieldset legend {
  font-weight: bold;
  color: #441;
}

p.form_note {
  color: #662;
  font-size: 90%;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 7px;
}

p.form_field_note {
  left: 200px;
  position: relative;
  width: 300px;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

p.form_packages {
  top: -3px;
  margin-left: 20px;
  font-size: 80%;
}



/*******     SCREENSHOTS    **********/

div.screenshots img {
  border: 1px #777 solid;
  margin-left: 10px;
  margin-bottom: 10px;
}

div.screenshots div {
  border-top: 1px #662 dotted;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  clear: both;
}

div.view_screenshot {
  text-align: center;
  background-color: #333;
  padding-bottom: 50px;
}

div.view_screenshot img {
  background-color: #333;
}

div.view_screenshot div.link {
  padding: 20px;
}

div.view_screenshot div.link a {
  color: #fff;
}



/**********  BLOG   **************/
div.blog_post h2 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 400px;
  height: 25pt;
}

div.blog_post h3 {
  color: #bbb;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  float: right;
  width: 100px;
  line-height: 10pt;
  height: 25pt;
  text-align: right;
}

div.blog_post h4 {
  padding-left: 10px;
  font-weight: normal;
  color: #999;
}


#main div.blog_post p {
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}

div.blog_post {
  margin-bottom: 50px;
}


/**************  SUPPORT ARTICLES  ***************/

table.support_articles_list {
  width: 100%;
}

table.support_articles_list th {
  text-align: left;
  color: #777;
  width: 60px;
}

table.support_articles_list td.minor {
  color: #777;
  font-size: 8pt;
  width: 60px;
}

table.support_articles_list td.name {
  width: 300px;
}