html, body, form, #container {height: 100%;}
body { 
background-color: #FFFFFF; /*#2982A4; /*#9EB2BA; #2982A4;*/
/*background-image:url(../images/bg-gradient.jpg);*/
background-repeat:repeat-x;
height:100%; /* this is the key! */ 
margin: 0 auto; 
/*width: 961px;*/
font-family:Verdana,Calibri,Arial,Verdana;
color:#333333;
font-size:12px; 
}
body > #container {height: auto; min-height: 100%;}
#container { 
	background: #ffffff;
	width:961px;
	/*background-image:url(../images/bg-gradient.jpg);*/
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(../images/body-bg.png);*/
    background-repeat: repeat-y;
} 
#wrapper {
    clear:both;
    /*min-height:100%;*/        /* gives layout 100% height */
    width:961px;            /* centered div must be given a width */
    margin:0 auto;          /* centers #wrapper */
    background:#ffffff;
    padding-left:0px;
    padding-right:0px;

}
p {
    font-size:1.8em;
    text-align:center;
    padding:0 0 80px;   /* bottom padding clears the #footer */
}
#main 
{
	padding-bottom: 200px; /* must be same height as the footer */
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(../images/body-bg.png);
    background-repeat: repeat-y;*/
}  
#footer 
{
	clear:both;
    /*width:961px;*/            /* centered div must be given a width */
    /*margin: -80px auto 0;*/    /* -100px sucks it back in & auto centers it */
    background:#030D17;
    border-top: solid 1px #999999;
    /*border-bottom: solid 1px #999999;*/
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-left:0px;
    /*background-image:url(../images/footer-bg.png);
    background-repeat:repeat-x;*/
    position: relative;
    width: 100%;
    height: 150px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: -150px;
    color:#A9D6E7;
}
#footer ul {
    display: block;
    list-style-type:none;
    text-align: left;
    margin-left:20px;
    padding-top:0px;
} 
#footer ul li {
    display:block;
    color:#A9D6E7;
    padding-left:5px;
    padding-bottom:4px;
    padding-right:20px;
}
#footer ul li a {
    color:#A9D6E7;
    text-decoration:none;
    font-size:10px;
}
#footer ul li a:hover {
    color:#52A6F8; /* 3A6E81,709734 */
}
#leftnav
{
	clear: left;
}
#leftnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top:0px;
    padding-bottom:0px;
    border: none;
    width:150px;
}
#leftnav li {
    padding-bottom:0px;
    padding-top:0px;
    font-size:11px;
}
#leftnav li a {
    text-decoration: none;
    font-size:12px;
    color: #666666;
    margin:0;
    border-top:solid 1px #ececed;
}
#leftnav li a:hover {
    color: #5983BD;
    font-size:16;
}
#leftnav li a.selected {
    font-weight: bold;
    color: #5983BD;
}
.leftNavSelected {
    font-weight: bold;
    color: #556AA6;
}
.features ul {
    list-style-type:square;
    list-style-image:url(../images/checkmark.png);
    margin-top:5px;
    font-size:12px;
} 

.featuresDefault ul {
    list-style-type:square;
    list-style-image:url(../images/checkmark.png);
    margin-top:5px;
} 

.features ul li {
    padding-left:0px;
    padding-bottom:4px;
    font-size:12px;
    margin-left:0px;
}
#menubar {
    background-image:url(../images/nav-bg.png);
    background-repeat:repeat-x;
    /*background-color:#5983BD;*/ /*#000000;*/
    height:36px;
    padding-top:0px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#menubar ul {
    display:inline;
    /*list-style-type:square;*/
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
    margin-left:0px;
} 
#menubar ul li {
    float:left;
    margin:0;
    padding:0;
    /*
    display:inline;
    color:#ffffff;
    padding-left:0px;
    padding-bottom:0px;
    padding-right:0px;*/
}
#menubar ul li a {
    text-decoration:none;
    color:#ffffff;
}
#menubar ul li a:hover {
    color:#5983BD; /*52A6F8; /* 3A6E81,709734 */
}
#menubar ul li a.selected {
    color:#5983BD;
    font-weight:bold;
}
.tagline {
    font-family:Calibri;font-size:18px;color:#31859C;font-weight:bold;
}
.contentTopText {
    text-align:justify;font-size:12px;color:#7F7F7F;text-align:justify;padding-right:10px;
}
.contentScreenshot {
    float:left;width:240px;
}
.contentMiddle {
    padding-top:30px;float:left;
}
.contentMiddleRight {
    float:right;width:400px;padding-left:40px;padding-right:10px;
}
.contentMiddleRightTitle {
    font-family:Calibri;font-size:14px;color:#31859C;font-weight:bold;
}
.contentMiddleRightText {
    text-align:justify;font-size:12px;color:#7F7F7F;
}
.contentBottom {
    padding-top:30px;float:left;
}
.featuresTitle {
    font-family:Calibri;font-size:14px;color:#31859C;font-weight:bold;
}
.featuresTitle1 {
    font-family:Calibri;font-size:14px;color:#FF9751;font-weight:bold;
}
.homeTitle {
    font-weight:bold;
    font-size:14px;
    color:#556AA6;
    clear:both;
    padding-top:5px;
}
.title
{
	font-family:Calibri;font-size:22px;color:#FF9751;font-weight:bold;	
}
.separator
{
	clear:both;
	height:1px;
	background-color:#ecece4;
	margin-top:7px;
	margin-bottom:12px;
}
.purchase {
    font-size:11px;
    margin-left:5px;
    margin-right:20px;
    margin-top: 0px;
    padding-top:10px;
}
#contact {
    margin-left:0px;
    margin-right:20px;
    margin-top: 30px;
}
#downloads {
    margin-left:40px;
    margin-right:20px;
    margin-top: 30px;
}
.mod-quote blockquote {
	margin:8px;
}
.mod-quote blockquote {
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:16px;
	margin:8px 8px 8px 55px;
}
.mod-quote .bg-start {
float:left;
height:10px;
margin-bottom:10px;
margin-right:10px;
padding:10px 8px 0 0;
}
.mod-quote .bg-end {
float:right;
height:10px;
margin-top:0;
margin-bottom:-10px;
padding-top:14px;
}
.mod-quote .bg-start, .mod-quote .bg-end {
color:#AAAAAA;
font-family:"Times New Roman",Times,serif;
font-size:60px;
}
.mod-quote blockquote p {
margin:0;
padding-top:0px;
font-size:12px;
}
.mod-quote cite {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px !important;
font-style:italic !important;
font-weight:400;
margin-left:35px;
}
#tabs a
{
color:#000000;
display:block;
text-decoration:none;
margin-bottom:5px;
padding-bottom:5px;
}
#tabs .item
{
color:#46424D;
display:block;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:140%;
font-weight:normal;
padding-left:7px;
}
#tabs .item span
{
	color:#FF9922;
}
#tabs.tablist
{
	display:inline-block;
	margin-left:-1px;
}
#tabs.tablist a.selected, #tabs.tablist a:hover 
{
background:transparent url(../images/primary_tab_sel_bg.gif) repeat-y scroll right top;
margin-top:-1px;
padding-top:1px;
}
#tabs.tablist .tag
{
color:#555555;
display:block;
font-size:72%;
}
.clear {
    clear:both;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.textBox 
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
}
.textBoxSmall
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
width:200px;
}
.textBoxMedium
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
width:300px;
}
.dropDownBox
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
width:150px;
}
.dropDownBoxSmall
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
width:50px;
}
.dropDownBoxMedium
{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#5D5D5D;
width:100px;
}
.highlight 
{
	color:#FF9911;
	padding-right:3px;
}
.topHeader
{
	padding-left:10px;
	background-image:url(../images/body-bg-white.png);
	background-repeat:repeat-y;
}
.error 
{
	color:Red;
	font-weight:bold;
	font-size:11px;
}
.errorImage
{
	background-image:url(../images/error.png);
	margin-right:10px;
	float:left;
	min-height:48px;
	width:48px;
}
.successImage
{
	background-image:url(../images/iconSuccess_32x32.gif);
	margin-right:10px;
	float:left;
	min-height:32px;
	width:32px;
}