@charset "UTF-8";
<!--
/* for thinkwell.com
------------------------------------------------------------------*/ 
/* css reset & general 
------------------------------------------------------------------*/ 
fieldset{border:0}
img{border:0}
ul{list-style:none}
*{font-size:100%;font-style:normal;font-weight:400;margin:0;padding:0}
body{background:#d3e3f9;color:#000;font-family:Arial,Helvetica,Sans-serif;font-size:12px;line-height:150%;margin-top:20px}
a{text-decoration:none}
.centered{text-align:center}
.text-displaced{text-indent:-9999px}
b{font-weight:700}

/* layout regions 
------------------------------------------------------------------ */
#thinkwell-container{margin:0 auto;overflow:hidden;width:800px}
.region{float:left;width:800px}
#header{background:#FFF URL(/resources/landingPages/images/bg/back-header.png) 0 0 repeat-x;height:176px}
#main-upper{background-color:#FFF;height:290px}
#main-lower{background-color:#e6f2fd;height:200px}
#footer{background:URL(/resources/landingPages/images/bg/back-footer.png) 0 0 no-repeat}

/* rounded corners 
------------------------------------------------------------------ */
.rounded{-moz-border-radius:8px;-webkit-border-radius:8px}
.rounded-top{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}
.rounded-bottom{-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px}

/* header 
------------------------------------------------------------------ */
#logo-link{background:URL(/resources/landingPages/images/thinkwell-logo-blue.png) 0 0 no-repeat;border-right:1px solid #c0d7f8;display:block;float:left;height:58px;margin:0 12px 0 23px;position:relative;top:-19px;width:169px}
#contact-text{color:#FFF;float:right;font-size:15px;padding:0 63px 0 0;text-transform:uppercase}
h2{color:#f7c845;font-size:16px;font-weight:700;padding-top:36px}
h1{clear:both;color:#0677c6;font-size:36px;font-weight:700;height:50px;line-height:150%;margin:0 0 0 25px;padding-top:8px;position:relative;text-shadow:#ccd 1px 1px 0}

/* main-upper 
------------------------------------------------------------------ */
#screenshot{float:left;margin:30px 0 30px 28px;height:196px;width:260px;display:block}
	.prealgebra {background:URL(/resources/landingPages/images/pictures/screen-prealgebra.jpg)}
	.intermediatealgebra {background:URL(/resources/landingPages/images/pictures/screen-intermediatealgebra.jpg)}	
	.collegealgebra {background:URL(/resources/landingPages/images/pictures/screen-collegealgebra.jpg)}
	.calculus {background:URL(/resources/landingPages/images/pictures/screen-calculus.jpg)}	

#screenoverlay {background:URL(/resources/landingPages/images/pictures/screen-overlay.png);height:196px;width:260px;display:block;cursor:pointer}
#screenoverlay:hover {background-position: 0 -200px}
#main-upper-mid{display:block;float:left;height:270px;text-align:center;width:230px}
#popup-button{background:#F90 url(/resources/landingPages/images/bg/back-submit.png) 0 0 repeat-x;border-bottom:2px solid #531600;border-left:1px solid #733607;border-right:2px solid #531600;border-top:1px solid #733607;color:#733607;cursor:pointer;display:block;font-size:16px;font-weight:700;line-height:125%;margin:90px auto 12px auto;padding:8px 20px;text-align:center;width:140px}
#popup-button:hover{background-position:0 -80px;color:#222}
#main-upper-mid p{display:block;margin:0 auto;width:130px}
#main-upper-mid p a{color:#2781CD;cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline;}
#main-upper-mid p a:hover{color:#0761aD}
#main-upper ul{border-left:1px solid #ccc;display:block;float:left;height:270px;padding-left:20px;width:250px;margin-bottom:6px}
#main-upper li{margin:6px 12px 18px 0;padding-bottom:12px;color: #444;}
.li-div{border-bottom:1px #ccc solid}
#risk-free p{background:url(/resources/landingPages/images/icons/icon-risk-free-guarantee.png) no-repeat;display:block;height:49px;margin:0 0 0 8px;width:208px}
#main-upper li img {margin: 12px 0 4px 24px}

/* old template remnants
------------------------------------------------------------------ */
#screenshot2{float:left;margin:30px 0 30px 28px;height:195px;width:275px;display:block}
	.prealgebra2 {background:URL(/resources/landingPages/images/pictures/screen-fractionsb.jpg)}
	.calculus2 {background:URL(/resources/landingPages/images/pictures/screen-calculusb.jpg)}	

#screenoverlay2 {background:URL(/resources/landingPages/images/pictures/screen-overlay.png) 10px 0;height:195px;width:275px;display:block;cursor:pointer}
#screenoverlay2:hover {background-position: 10px -200px}

#popup-button2-calc{background:#F90 url(/resources/landingPages/images/buttons/btn-calculus.gif) 0 0 no-repeat;text-indent:-9999px;cursor:pointer;display:block;margin:90px auto 12px auto;width:196px;height:62px}
#popup-button2-prea{background:#F90 url(/resources/landingPages/images/buttons/btn-prealgebra.gif) 0 0 no-repeat;text-indent:-9999px;cursor:pointer;display:block;margin:90px auto 12px auto;width:196px;height:62px}

#popup-button2-calc:hover, #popup-button2-prea:hover {background-position: 0 -62px}

/* main-lower 
------------------------------------------------------------------ */
#main-lower ul{padding:34px 0 0 40px}
#main-lower li{float:left;width:248px}
#main-lower h3{font-size:16px;font-weight:700;letter-spacing:-0.05em;padding-bottom:6px}
#main-lower p{color:#3B3B3D;font-size:13px;margin-right:25px}

/* footer
------------------------------------------------------------------ */
cite{color:#898183;display:block;font-size:10px;margin:10px 20px}

/* dialog 
------------------------------------------------------------------ */
#dialog{background:#f5f6f6 URL(/resources/landingPages/images/bg/back.png) repeat-x;border-bottom:2px solid #356;border-left:1px solid #356;border-right:2px solid #356;border-top:1px solid #356;display:none;height:350px;left:33%;overflow:hidden;position:absolute;top:33%;width:340px;z-index:1000}
.dialog-close{background:URL(/resources/landingPages/images/buttons/buttons.gif) no-repeat;cursor:pointer;float:right;font-size:2px;height:18px;left:300px;line-height:2px;margin:4px;position:absolute;text-indent:-9999px;width:20px}
.dialog-close:hover{background-position:0 -18px}
#dialog .column{float:left;width:166px}
#dialog h2{background:url(/resources/landingPages/images/div-green.gif) 0 30px repeat-x;color:#777;display:block;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;font-weight:700;height:31px;margin:10px 10px 0;padding-top:0}
#dialog ul{display:block;list-style:none;margin:20px 0 15px 10px}
#dialog li{color:#666;font-size:15px;font-weight:700;line-height:17px}
#dialog li a{background:url(/resources/landingPages/images/bullets.gif) 0 6px no-repeat;color:#666;font-size:12px;font-weight:400;margin-left:8px;padding-left:8px;text-decoration:none}
#dialog li a:hover{color:#000}

/* translucent page cover on popups etc */
#screenCover {left:0px;top:0px;position:absolute;z-index:9999;width:100%;height:100%;}
#screenBorder {left:0px;top:0px;position:absolute;z-index:9999;width:100%;height:100%;}

/* window for popups (not video) */
#popUpBox {position:absolute;z-index:9999;width:300px;height:200px;left:0px;top:0px;}

.coverb1f, .coverb2f, .coverb3f, .coverb4f{font-size:1px; overflow:hidden; display:block;}
.coverb1f {height:1px; background:#000; margin:0 5px;}
.coverb2f {height:1px; background:#000; margin:0 3px;}
.coverb3f {height:1px; background:#000; margin:0 2px;}
.coverb4f {height:2px; background:#000; margin:0 1px;}
.covercontentf {background: #000;}
.covercontentf div {margin-left: 5px;}

/* demos 
------------------------------------------------------------------ */
.demoMain{height:400px;width:595px}
.demoNav{float:right;height:400px;margin-top:5px;width:280px}
.demoItem{display:block;height:65px}
.demoImage{float:left;margin-right:10px}
.demoTitle{font-weight:700;text-decoration:underline}
.demoDescription{text-decoration:underline}
#demoPlayerWindow{margin-top:10px;text-align:center;z-index:102}
#demoPlayerWindowFlash{text-align:center;z-index:100}
#demoPlayerWindowContainer{z-index:100}
#demoPreviews{left:750px;margin:10px;position:absolute;top:0;z-index:10001}
.demoPreviews img{cursor:pointer;padding:5px}
#demoPreviewHeading{color:#fff;font-family:'trebuchet ms';font-size:14px;font-weight:700;margin-bottom:4px;padding:5px}
#selectAVideoPane{margin-left:10px;margin-top:20px;width:900px;z-index:101}
#demoPlayer{position:absolute;z-index:10000}
#demoCloseBtn{cursor:pointer;position:absolute;text-align:right;z-index:9999}