@charset "UTF-8";
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #f5f5f5;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #d0d0d0;
}
.oneColFixCtrHdr #container {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background:url(../images/side-gradient.jpg) repeat-y #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 0px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    padding-left: 30px;
    padding-right: 30px;
    height:100%;
}

.floatl {
    float:left;
    margin-right: 10px;
}

.floatr {
    float:right;
    margin-left: 10px;
}

a img { border: 0px;}

a { 
    text-decoration: none;
    color: #52a9c0;
}

a:hover {
    color: #52a9c0
    text-decoration: underline;
}

p.highlighttxt {
    text-align: left;
    font-size: 1.1em;
    color:#666666;  
    background-color:#F6FCFF;
    padding: 10px;
    border-top:1px #52a9c0 dotted;
    border-bottom:1px #52a9c0 dotted;
}

/* ----- CONTENT ------- */

.oneColFixCtrHdr #mainContent {
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#apps {
    width: 465px;
    height:29em;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}

#apps div {
    width:200px;
    height:auto;
    margin: 15px;
    float: left;
    color:#666666;
    font-size: large;
    letter-spacing: 2px;
}

#apps div span {
    font-size: 1.5em;
    color:#333333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 14px;
    display: block;
}

#apps div a {
    color:#666666;
}



#about {
    width: 465px;
    height:auto;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    font-size: 1.3em;
    color:#666666;
    padding-bottom: 15px;
}

#about a:hover, .leftcol a:hover {
    border-bottom: #52a9c0 1px solid;
    color: #52a9c0;
    background-color: #F2FBFE;
}

#about a, .leftcol a {
    border-bottom: #52a9c0 1px dotted;
}

#about .smallitalic {
    font-size: 0.7em;
    font-style: italic;
    padding-top: 5px;
    border-top: 1px dashed #52A9C0;
    margin-top:10px;
}

.center {
    text-align:center;
    margin: 0 auto;
}

div.leftcol p.largetxt {
    text-align: left;
    font-size: 1.3em;
    color:#666666;
}

div.leftcol p.highlighttxt {
    font-size: 1.1em;
}

.leftcol  {
    width:390px;
    height:auto;
    margin-right: 25px;
    float:left;
    margin-bottom: 35px;
    text-align: center;
}

div.rightcol {
    width:325px;
    height:auto;
    margin: 0px ;
    float:left;
    text-align: center;
    font-size: 1.3em;
    color:#666666;
}

.leftcol h2 {
    font-size: 1em;
    color:#52a9c0;
    font-weight: 600;
    margin-top: 25px;
    text-align:left;
}

.leftcol ul li, div.leftcol p {
    font-size: 1em;
    margin-bottom: 5px;
    text-align: left;
    color:#666666;
}

.leftcol ul li strong {
    color: #447DE4;
}

.leftcol ul li {
    margin-left: -15px;
}

.leftcol ul li span strong {
    color: #666666;
    font-weight: 600;
}

.leftcol ul li ul li {
    margin-left: -25px;
}

.rightcol img {
    margin-bottom: 20px;
}

.rightcol object {
    margin-bottom: 30px;
}

.rightcol p {
    margin-top: -20px;
    padding: 0;
    font-size: 0.7em;
}

.rightcol div#appstore {
   margin-bottom: 20px;
}

.leftcol p.trademarks {
    margin-top: 20px;
    font-size: 7pt;
    color: #666666;
}

#fourohfour p {
    text-align: center;
}

/* ------ FOOTER ----- */


    
#footer {
    margin-top: 15px;
    width: 770px;
    height: 75px;
    background:url(../images/gradient75.png) repeat-x;
    border-top: dashed 3px #52a9c0;
    font: "Courier New", Courier, monospace;
    color:#666666;
    font-size:small;
    clear: both;
    padding: 5px;
}

#footer a {
    font: "Courier New", Courier, monospace;
    color:#666666;
    font-size:small;
}

#footer a:hover {
    color: #52a9c0;
}