/* POSITIONING STYLES ************************************************************************************/

body { margin: 10px 0px 0px 20px; padding: 0px; }
div#topContainer { width: 850px; border: 0; margin: 0; padding: 0; }  /* top right bottom left */
div#pageHeader { border: 0; margin: 0; padding: 0; margin-top: 54px; }
div#pageBody { margin: 0px; padding: 5px 10px 15px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div#pageFooter { text-align: center; padding: 0px; border: 0px; margin-top: 20px; margin-bottom: 40px;}
.pageTitle { position: absolute; top: 14px; left: 20px; text-align: left; }
.column { float: left; }
.feature { width: 100%; padding: 10px; margin: 0px; border: 1px dashed #ccc; }
.bodyImage { margin-left: 50px; margin-top: 10px; margin-bottom: 10px; border: 5px double #ccc; }
.bodyText { width: 650px; }

/* IMAGES */

.oneIcon {
    padding: 15px 0px 10px 45px; /* top right bottom left */
    background: url(/media/numbers/number-1.gif) no-repeat 0 2px;
}
.twoIcon {
    padding: 15px 0px 10px 45px; /* top right bottom left */
    background: url(/media/numbers/number-2.gif) no-repeat 0 2px;
}
.threeIcon {
    padding: 15px 0px 10px 45px; /* top right bottom left */
    background: url(/media/numbers/number-3.gif) no-repeat 0 2px;
}
.fourIcon {
    padding: 15px 0px 10px 45px; /* top right bottom left */
    background: url(/media/numbers/number-4.gif) no-repeat 0 2px;
}
.fiveIcon {
    padding: 15px 0px 10px 45px; /* top right bottom left */
    background: url(/media/numbers/number-5.gif) no-repeat 0 2px;
}

/* TEXT AND FORMATTING STYLES ************************************************************************/

body{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000;}
form, h1, h2, h3, h4, h5 {margin-top: 0; margin-bottom: 0;}
h1 {font: 1.9em Georgia, "Times New Roman", serif; letter-spacing: 0.8px; color: #006600;}
h2 {
    font: 1.2em Georgia, "Times New Roman", serif;
    letter-spacing: 1px;
    padding-bottom: 2px;
    margin: 15px 0px 15px 0px;
    border-bottom : 1px solid #bbb; }
h3 {font: 1.0em Arial, Helvetica, sans-serif; letter-spacing: 0.5px; color: #18605A; margin: 20px 0px 5px 0px;}
/*h3 {font: 1em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin: 5px 0px 10px 0px;}*/
h4 {font: 0.9em Georgia, "Times New Roman", serif; letter-spacing: 1px; color: 006600;margin: 2px 0px 8px 0px;}
PRE, TT, CODE { font-family: courier, sans-serif; font-size: x-small; }
.fineText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #006600; }
.bigText { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: lighter; color: #333333; margin-left: 20px; }

/* BORDERS AND OTHER STUFF */

ul.bodyList li { margin-bottom: 5px; }
.allBorder { border: 1px solid #CCCCCC;}
.bottomBorder { border-bottom: 1px solid #CCCCCC;}
.redBorder { border: 2px solid #FF0000; }

/* NAVIGATION STYLES ***************************************************************************************/

/* Primary Nav Menu */
#publicMenu {
    border-bottom : 1px solid #ccc;
    margin : 0;
    padding-bottom : 19px;
    padding-left : 10px;
}
#publicMenu ul, #publicMenu li    {
    display : inline;
    list-style-type : none;
    margin : 0;
    padding : 0;
}
#publicMenu a:link, #publicMenu a:visited    {
    background : #fff;
    border : 1px solid #ccc;
    color : #666;
    float : left;
    font-size : 12px;
    font-weight : normal;
    line-height : 14px;
    margin-right : 8px;
    padding : 2px 10px 2px 10px;
    text-decoration : none;
}
#publicMenu a:link.active, #publicMenu a:visited.active    {
    background : #fff;
    border-bottom : 1px solid #fff;
    color : #000;
}
#publicMenu a:hover    {color : #f00;}
#publicMenu ul a:hover {color : #f00 !important;}

body.home #publicMenu li#nav-1 a,
body.features #publicMenu li#nav-2 a,
body.screenshots #publicMenu li#nav-3 a,
body.pricing #publicMenu li#nav-4 a,
body.contact #publicMenu li#nav-5 a {
    background-color : #DFFFBF;               /* FOR NAV BACKGROUND */
    border-bottom : 1px solid #DFFFBF;        /* FOR NAV BACKGROUND */
    color : #444;
}

/* Secondary Nav Menu */
div#publicSecondaryMenu {

    background-image: url(/images/background-fade-1x30.png);
    background-repeat: repeat-x;
    background-position: top;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /* background : #DFFFBF;                      /* FOR NAV BACKGROUND */
    /*
    border-left : 1px solid #ccc;
    border-right : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    */
    margin : 0;
    padding : 5px 0px 5px 5px;
    height : 16px;
}

.link2 a,
#publicSecondaryMenu ul, #publicSecondaryMenu li {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    display : inline;
    list-style-type : none;
}
#publicSecondaryMenu #subnav-1,
#publicSecondaryMenu #subnav-2,
#publicSecondaryMenu #subnav-3,
#publicSecondaryMenu #subnav-4,
#publicSecondaryMenu #subnav-5 {
    display : none;
    width: 90%;
}
body.home #publicSecondaryMenu ul#subnav-1,
body.features #publicSecondaryMenu ul#subnav-2,
body.screenshots #publicSecondaryMenu ul#subnav-3,
body.pricing #publicSecondaryMenu ul#subnav-4,
body.contact #publicSecondaryMenu ul#subnav-5 {
    display : inline;
}
body.home #publicSecondaryMenu ul#subnav-1 a,
body.features #publicSecondaryMenu ul#subnav-2 a,
body.screenshots #publicSecondaryMenu ul#subnav-3 a,
body.pricing #publicSecondaryMenu ul#subnav-4 a,
body.contact #publicSecondaryMenu ul#subnav-5 a {color: #00f;}
#publicSecondaryMenu a:link, #publicSecondaryMenu a:visited    {
    float : left;
    line-height : 14px;
    margin-right : 5px;
    padding : 2px 10px 2px 10px;
    /*text-decoration : none;*/
}

.link2 a:link.active, a:visited.active, #publicSecondaryMenu a:link.active, #publicSecondaryMenu a:visited.active    {color : #000;}
.link2 a:hover,#publicSecondaryMenu a:hover    {color : #f00;}
#publicSecondaryMenu ul a:hover {color : #f00 !important;}