@charset "UTF-8";
/* CSS Document */

* { padding:0; margin:0; }

body { width:100%; background:url(images/background.jpg) top left repeat-x; font-family:Tahoma, Helvetica, Arial; font-size:13px; color:#222; text-align:center; }
div#container { width:800px; margin:0 auto; text-align:left; position:relative; }

a:link { font-family:Tahoma, Helvetica, Arial; font-size:13px; color:#0099CC; font-weight:normal; text-decoration:none; }
a:visited { color:#0099CC; text-decoration:none; }
a:hover { color:#FF6600; text-decoration:underline; }
a:active { color:#0099CC; text-decoration:none; }

div#header { width:800px; height:70px; position:relative; top:0; left:0; }
div#header h1 { text-indent:-9999px; background:url(images/logo.jpg) top left no-repeat; width:370px; height:68px; }
div#header h2 { font-size:16px; font-weight:bold; color:#415e75; text-align:right; }


div#landermain { width:800px; height:300px; background:url(images/placeholder.jpg) top left no-repeat; position:relative;  }
div#download { position:absolute; right:0; bottom:24px; }
a#learner { position:absolute; right:95px; bottom:10px; font-size:11px; color:#CEE5FC; }

div#content { width:798px; border-left:1px solid #b6cdd5; border-right:1px solid #b6cdd5; border-bottom:1px solid #b6cdd5; position:relative; overflow:auto; padding-bottom:15px; }
div#topper { height:29px; width:798px; background:url(images/content_topper.jpg) top left repeat-x; }

div#footer { width:798px; margin:10px 0; text-align:center; }
div#footer p { color:#666666; font-size:9px; }
div#footer a { color:#006699; }

p { margin:5px 12px; }

div#faq { width:759px; padding:10px; position:relative; background-color:#effcdf; margin:0 auto; border:1px solid #c7bcb2; }
div#faq h2 { font-weight:bold; font-size:16px; color:#6c533c; width:750px; padding:3px; background-color:#FFFFCC; border:1px solid #c7bcb2; }


div#topnav ul { position:absolute; right:5px; bottom:15px;  }
div#topnav ul, div#topnav li { display:inline; list-style-type:none; }
div#topnav a { font-size:11px; color:#343434; display:block; float:left; line-height:25px; padding:0 7px; text-decoration:none;font-weight:bold; }
div#topnav a:hover { text-decoration:none; color:#FFF; background-color:#4e8ab1; }





div#floatholder { overflow:auto; padding:0 10px; background-color:#fff; color:#333; position:relative; margin:0 auto 15px auto; width:767px; border-bottom:20px solid #7ed2e8; padding-bottom:15px;}

div#content_sub { width:420px; float:left; position:relative; background-color:#fff; }
div#content_sub ul { list-style-image:url(images/check.jpg); margin:0 15px 12px 15px; font-size:14px }
div#content_sub li { margin:7px 0; }
div#content_sub h1 { font-size:19px; color:#194d87; font-weight:bold; margin:0 0 6px 0; }
div#content_sub p { padding:5px 0;  }

a#botyo { font-size:22px; color:#CC3300; font-weight:bold; text-transform:uppercase; }
a#botyo:hover { color:#47a50c; }

a#botyo2 { font-size:16px; color:#CC3300; font-weight:bold; }
a#botyo2:hover { color:#47a50c; }

a#yoyo { text-decoration:none; color:#3973b4; position:absolute; bottom:0; right:0; font-size:16px; }
a#yoyo:hover { text-decoration:underline; color:#9900CC; }

a#yoyo2 { text-decoration:none; color:#3973b4; position:absolute; bottom:15px; right:135px; font-size:22px; }
a#yoyo2:hover { color:#9900CC; }

img#heart { position:absolute; top:6px; left:15px; }

div#sub2 { float:right; width:auto; height:auto; text-align:center; padding-bottom:2px; }
img#but2 { margin:10px auto 0 auto; }
div#rating { width:300px; padding:7px; border:1px solid #accbed; background-color:#d8eafe; color:#1b4c7d; font-size:14px; font-weight:700;  }
div#rating td { padding:4px; }
div#features { width:767px; position:relative; margin:15px auto; text-align:left; }
div#features h2 { font-size:15px; font-weight:bold; padding:3px; background-color:#FFFFCC; margin:0 0 5px 0; border:1px solid #caca79; text-transform:uppercase; color:#003399; white-space:nowrap; }
div#features ul { list-style-image:url(images/check.jpg); font-size:13px; }
div#features li { margin:0 0 5px 20px; }
div#features p { padding:0; font-size:12px; }

div#features h3 { font-size:16px; font-weight:bold; margin:4px 0 8px 0; }

div#col { float:left; width:224px; padding:0 15px; border-right:2px solid #7ed2e8; text-align:left; height:190px; overflow:auto; }
div#col1 { float:left; width:224px; padding:0 15px; height:190px; position:relative; }

img#video2 { float:left; }

.featured { color:#205086; width:220px; }

a#topyoyo { font-size:19px; color:#CC3300; font-weight:bold; }
a#topyoyo:hover { color:#47a50c; }
a#downme { position:absolute; right:9px; top:6px; color:#ecfe43; font-weight:bold; text-decoration:none; font-size:14px; }
a#downme:hover { text-decoration:underline; color:#00bdf3; }

img#book { position:absolute; top:4px; left:0px; }
img#downloader { position:absolute; top:-5px; left:-5px; }




.biggeryo { font-size:20px; }

div#faqyo { padding:15px; background-color:#fff; }
div#faqyo p { padding:8px 0 8px 12px; }
div#faqyo h3 { color:#205086; font-weight:bolder; font-size:14px; background-color:#E0E8F0; padding:5px; border:1px solid #BBD9EE; }
div#faqyo a { color:#FF3300; }

div#joiner { padding-top:20px; background-color:#fff;  }

div#privacy { padding:15px; font-size:12px; }
div#privacy p { padding:7px 0; }