@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
background-color: #2A2114;
font-family: "Lucida Grande", "Lucida Sans", sans-serif;
font-size: 9pt;
line-height: 1.5em;
color: #EEEEEE;
}

a {
text-decoration: none;
color: #90e6fe;
}

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

p {
margin-bottom: 1em;
}

p.undernote {
margin-top: 4px;
font-size: 0.825em;
}

h2 {
font-family: Georgia, sans-serif;
font-size: 13pt;
margin-bottom: 1em;
margin-top: 0;
letter-spacing: 0.05em;
}

h3 {
font-family: Georgia, sans-serif;
font-size: 12pt;
margin-bottom: 1em;
margin-top: 1.4em;
}

h4 {
font-family: Georgia, sans-serif;
font-size: 11pt;
margin-bottom: 0em;
}

ul, ol {
margin-left: 2em;
padding-left: 1em;
margin-bottom: 1em;
}

ul {
list-style-type: circle;
}

tr.separator {
    height: 0.5em;
}

tr.buttonbar input {
    background-color: #2A2114;
    color: white;
    font-size: 1em;
    padding: 3px 10px;
}

tr.buttonbar td {
    padding-top: 2em;
}

input, select, textarea {
border: 1px solid darkgray;
padding: 2px;
font-size: 0.825em;
}

#page {
width: 665px;
margin: 0 auto 0 auto;
}

#header {
margin-top: 10px;
margin-bottom: 10px;
}

#mainmenu {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}

#mainmenu li {
zoom: 1.0;   /* f*ck IE (fix to prevent gap under LIs) */
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#mainmenu a {
font-size: 10pt;
display: block;
width: 133px;
float: left;
text-align: center;
background-color: #0099CC; 
padding: 8px 0 8px 0;
border-bottom: #2a2114 11px solid;
}

/** IE FIX FOR GAPS BETWEEN LIs (both rules) **/
li a {
display: inline-block;
}

li a {
display: block;
}

#content {
margin: 0;
clear: both;
padding: 24px;
min-height: 250px;
}

#bottommenu {
list-style-type: none;
text-align: center;
margin: 8px 0 0 0;
}

#bottommenu li {
display: inline;
padding: 8px 12px 0 12px;
}

#bottommenu a {
display: inline;
color: #544d41;
font-size: 0.825em;
}

#bottommenu a:hover {
color: #A89E8B;
}

#footer {
clear: both;
color: #544d41;
font-size: 0.825em;
text-align: center;
padding: 5px;
margin-bottom: 40px;
}

/********** ABOUT MENU  *********/

#mainmenu a.about {
background-color: #6f2a1b;
color: #ab7e6c;
}

#mainmenu a.about:hover {
border-bottom-color: #6f2a1b;  
}

#about_page #mainmenu a.about {
background-color: #8d241c;
color: #eeeeee;
border-bottom-color: #8d241c;
}

#about_page #content {
background: url(../images/watermark-about.gif) bottom right no-repeat #6f2a1b;
}

/********** BUY MENU  *********/

#mainmenu a.buy {
background-color: #556e54;
color: #acb095;
}

#mainmenu a.buy:hover {
border-bottom-color: #556e54;  
}

#buy_page #mainmenu a.buy {
background-color: #5f8d6b;
color: #eeeeee;
border-bottom-color: #5f8d6b;
}

#buy_page #content {
background: url(../images/watermark-features.gif) bottom right no-repeat #566e55;
}

.error-msg {
	font-weight: bold;
	color: red;	
}

.error-notice {
	background-color: #6f2a1b;
	border: 1px solid white;
	color: white;
	padding: 2px;
	padding-left: 5px;
}

/********** DOWNLOADS MENU  *********/

#mainmenu a.downloads {
background-color: #6e7e4d;
color: #abb195;
}

#mainmenu a.downloads:hover {
border-bottom-color: #6e7e4d;  
}

#downloads_page #mainmenu a.downloads {
background-color: #88a65e;
color: #eeeeee;
border-bottom-color: #88a65e;
}

#downloads_page #content {
background: url(../images/watermark-downloads.gif) bottom right no-repeat #595f3d;
}

/********** SUPPORT MENU  *********/

#mainmenu a.support {
background-color: #8f844b;
color: #c0b795;
}

#mainmenu a.support:hover {
border-bottom-color: #8f844b;  
}

#support_page #mainmenu a.support {
background-color: #bfb35b;
color: #eeeeee;
border-bottom-color: #bfb35b;
}

#support_page #content {
background: url(../images/watermark-support.gif) bottom right no-repeat #776d41;
}

/********** CONTACT MENU  *********/

#mainmenu a.contact {
background-color: #ad8c4b;
color: #d1bd97;
}

#mainmenu a.contact:hover {
border-bottom-color: #ad8c4b;  
}

#contact_page #mainmenu a.contact {
background-color: #DBB250;
color: #eeeeee;
border-bottom-color: #DBB250;
}

#contact_page #content {
background: url(../images/watermark-contact.gif) bottom right no-repeat #7e663d;
}



#content {
background-color: #003333;
}

#submenu {
width: 175px;
float: right;
margin: 0 0 2em 2em;
}

#submenu h3 {
margin: 0;
padding: 10px;
font-weight: bold;
font-size: 1.2em;
}

#submenu a {
border-top: 1px solid;
color: #eeeeee;
display: block;
padding: 4px 10px;
}

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

#submenu ul {
width: 100%;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}

/*********** ABOUT SECTION *************/

#about_page #submenu {
background-color: #571e12;
}

#about_page #submenu a {
border-top-color: #6f2a1b;
}

#about_page #submenu a:hover {
background-color: #863d2d;
}

/********** SUPPORT SECTION **************/

#support_page #submenu {
background-color: #685E32;
}

#support_page #submenu a {
border-top-color: #776d41;
}

#support_page #submenu a:hover {
background-color: #887D4E;
}

/* System requirements tables */
table.sysreq {
background-color: #685E32;
border: 1px solid #887D4E;
}

table.sysreq th {
padding: 4px 5px 4px 5px;
border-bottom: 1px solid #887D4E;
}

table.sysreq td {
padding: 4px;
text-align: center;
}

/************ QUOTE FORM *************/
#quoteform th {
    padding: 1em 0;
    text-align: left;
    font-size: 1em;
    color: #DBB250;
}

#quoteform td {
    padding-bottom: 0.2em;
}

#quoteform select {
width: 200px;
}

/************ CONTACT SECTION  ************/
#contact_page table.contact th {
    padding: 8px;
}

#contact_page table.contact td {
    vertical-align: top;
}

#contact_page table td {
    padding-bottom: 3px;
}

/********** FEATURES PAGE  ****************/

#about_page .title {
cursor: pointer;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 2px 5px;
}

#about_page .title:hover {
background-color: #8F352F;
}

#about_page #content ul {
margin-top: 1em;
margin-right: 1em;
}

/******* SCREENSHOTS PAGE ***********/

.screenshots {
float: left;
margin-bottom: 1.5em;
}

.screenshots .thumb {
width: 130px;
float: left;
margin: 1em;
text-align: center;
font-size: 0.8em;
}