body, html {
	margin: 0;
	padding: 0;
  background-color: #121212;
/*  background-image: url("/images/4.1/content_bg_horiz.jpg");
  background-position: top center;
  background-repeat: repeat-y;
*/
  color: #aaa;
/*  font-family: "Lucida Grande", helvetica, arial;*/
	font-family: helvetica, arial;
	font-weight: normal;
	font-size: 9pt;
	line-height: 140%;
}

body {
	min-width: 900px;
}

img {
  border: 0px;
}

h1 {
  color: #fff;
	font-size: 200%;
	line-height: 130%;
	font-weight: normal;
	margin: 0px;
}

h2 {
  color: #fff;
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
}

h4 {
/*  padding-left: 10px;*/
  margin-bottom: 0px;
}

p {
  margin-top: 0px;
}

table {
  border: 0px;
  border-spacing: 0px;
}

table th {
  border-bottom: 1px solid #988;
  font-size: 8pt;
  font-weight: normal;
  color: #988;
}

td {
  border-bottom: 1px dotted #dcc;
}

th {
  font-weight: bold;
}

table th, table td {
  text-align: left;
}

table th.right, table td.right {
  text-align: right;
}

table th.center, table td.center {
  text-align: center;
}


.helper_note {
  color: #777;
  font-size: 8pt;
  font-weight: normal;
}





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

#header {
	background: #0f0f0f;
	height: 400px;
}

#header_logo {
  background-image: url("/images/5.0/header_logo.png");
	background-position: top left;
	background-repeat: repeat-none;
	width: 320px;
	height: 121px;
	float: left;
}

#header_image {
  background-image: url("/images/5.0/header_dude.jpg");
	background-position: top left;
	background-repeat: repeat-none;
	float: left;
	width: 900px;
	height: 279px;
}

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

#header h2 {
  display: none;
}

#nav {
  float: right;
  width: 530px;
  top: 12px;
  position: relative;
	
  text-align: right;
  
	padding: 0px;
	margin: 0px;	

  font-weight: bold;
	font-size: 10pt;
	line-height: 10pt;
}

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

#nav li {
	display: inline;
	padding:0;
	margin: 0;
}

#nav li.buy {
}

#nav li a {
  display: block;
  float: right;
  margin: 0px;

  padding-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}

#nav li a {
  color: #ddd;
  text-decoration: none;
}

#nav li.buy a {
  color: #fcf;
  background-color: #222;
  padding-left: 15px;
  padding-right: 15px;
}

#nav li.minor a {
  font-weight: normal;
  font-size: 90%;
  color: #999;
  padding-left: 15px;
  padding-right: 15px;
}

#nav li a:hover {
  color: #333;
  background-color: #cce;
}




#main {
/*  background-image: url("/images/5.0/bg_fade.jpg");
  background-position: top left;
  background-repeat: no-repeat;
*/	padding-left: 20px;
	padding-right: 20px;
	background-color: #303030;
}

#main a:link {
  color: #bbf;
}

#main a:visited {
  color: #ddf;
}

#main a:hover {
  color: #bbb;
}

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

#sidebar {
  border-left: 1px #ddd solid;
}

#sidebar ul {
	margin-bottom: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: 12pt;
}

span.sidebar_price {
  font-weight: bold;
  font-size: 120%;
  color: black;
}


#offer {
  padding: 0px;
  margin: 0px;
}

#offer img {
  float: left;
}

div.special_note {
  margin-right: 50px;
  width: 400px;
  text-align: right;
}

div.special_note h3 {
  text-align: left;
  margin: 0px;
}


#content_column_left {
  width: 280px;
  float: left;
  margin-right: 5px;
}

#content_column_middle {
  width: 280px;
  float: left;
  margin-right: 5px;
}

#content_column_right {
  width: 285px;
  float: left;
  clear: right;
}

#content_column_middle_right {
  width: 570px;
  float: left;
}

div.rounded {
  background-color: #999;
}

div.icon_layout img {
  text-align: center;
  margin-right: 10px;
  margin-bottom: 50px;
  float: left;
}

span.callout {
  font-weight: bold;
  font-size: 12pt;
}


#footer {
	background: #242424;
  clear:both;
  padding: 0px;
  color: #999;
  border-top: 3px #000 solid;
  border-bottom: 5px #000 solid;
  height: 200px;
  font-size: 8pt;
  line-height: 10.5pt;
  padding-top: 30px;
}

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

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

#footer h4 {
  margin: 0px;
  padding: 0px;
  padding-bottom: 3px;
  font-size: 10pt;
}

#footer p {
	padding:0px;
	margin:0;
	margin-bottom: 10px;
}
  
#footer #footer_left {
  float: left;
  position: relative;
  margin-left: 20px;
}

#footer #footer_right {
  float: right;
  position: relative;  
  text-align: right;
  margin-right: 20px;
}


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#errorExplanation h2 {
  margin: 0px;
  font-size: 14pt;
}

div#errorExplanation p {
  margin: 0px;
}

div#errorExplanation ul {
  margin: 0px;
}

#secure {
  background: #fff99f;
  border: 1px #aa0 solid;
  margin-top: 5px;
  padding: 5px;
  padding-left: 10px;
  color: #555;
  height: 30px;
}
#secure img {
  padding-right: 10px;
}
#secure p {
  padding: 0px;
  margin: 0px;
  padding-top: 4px;
}
#insecure {
  background: #900;
  border: 1px #faa solid;
  margin-top: 5px;
  padding: 5px;
  padding-left: 10px;
  color: #fff;
}
#insecure img {
  padding-right: 10px;
}
#insecure a {
  color: #99f;
}



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

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;
}

h2.subheading {
  color: #999;
}

img.horiz_sep {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
}



/****    Pricing Tables    ****/
table#account_plan_table {
  padding: 10px;
  font-size: 8pt;
  line-height: 11pt;
}

table#account_plan_table td {
  padding: 5px;
}

table#account_plan_table th {
  color: #444;
}

table#account_plan_table th.strong {
  font-weight: bold;
  width: 100px;
}

table#account_plan_table th.current {
  background-color: #9c9;
  color: #131;
}

table#account_plan_table td.current {
  background-color: #cfc;
}

table#account_plan_table span.current_account_plan {
  font-weight: normal;
  color: #575;
}

table#account_plan_table span.per {
  font-weight: normal;
  color: #999;
}





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

div.feature_box {
  margin-bottom: 20px;
  margin: 15px;
  padding: 0px;
  height: 90px;
}

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

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

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

div.feature_box p.summary {
  margin-right: 5px;
  margin-top: 0px;
  margin-left: 74px;
}

ul.detailed_list > li {
  font-weight: bold;
  font-size: 110%;
  padding-top: 20px;
}


/*****    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;
}

#no_downloads {
  text-align: center;
}

#no_downloads h1, #no_downloads h2 {
  margin: 0px;
}

#no_downloads h2 {
  color: #ddf;
}


/****    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 #eee;
  border-top: 2px solid #ddd;
}

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%;
}

span.required_field {
  font-size: 12pt;
  font-weight: bold;
  padding-left: 5px;
  color: #d22;
}



/*******     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;
  padding-bottom: 50px;
}

div.view_screenshot img {
}

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

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



/**********  BLOG   **************/
div.blog_post h2 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
  float: left;
  width: 600px;
  height: 29pt;
}

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

div.blog_post h4 {
  font-weight: normal;
  color: #999;
}


#main div.blog_post p {
  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;
}