/*
-----------------------------------------------
Exemplars.com
Stylesheet: Framework.css
Author:   Steve Van Etten
Organization:	Vermont Design Works
Created: 28 April 2011
----------------------------------------------- */


body {
	background: #5fb9e1;
	text-align: center;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	position:relative;
}

/* Masthead Styles */

#masthead { 
	height:150px;
	width:960px;
	margin:0 auto;
	position:relative;
	clear:both;
	background:transparent url(../images/bg-masthead.png) no-repeat 0 0; 
 	}

#logo { width:279px; height:99px; position:absolute;top:7px;left:95px; }

p#tagline { text-indent:-999em; }
p#accessibility { display:none; }

#utility-nav { position:absolute;top:8px;right:215px;list-style-type:none;margin:0;padding:0; }
#utility-nav li { float:left; }
#utility-nav li a { text-decoration:none;padding:0 8px 0 8px;font-size:12px; } 
#utility-nav li a, #utility-nav li a:visited { color:#000000; }
#utility-nav li a:hover, #utility-nav li a:active { color:#0086c8; }


#ajaxSearch_form { width:190px;height:18px;margin:0;padding:0;position:absolute;top:8px; right:18px; } 
#ajaxSearch_input { width:158px; height:18px;float:left;font-size:1.2em;color:#000000;margin:0;padding:0 0 0 10px;background:transparent url(../images/bg-search-input.png) no-repeat 0 0;border:0; }
#ajaxSearch_submit { width:22px;height:18px;float:left;margin:0;padding:0; } 


#main { width:960px; float:left; clear:both;background:transparent url(../images/bg-main-onecol.png) no-repeat 0 0; }
#main-wrapper { width:960px; float:left; clear:both;background:transparent url(../images/bg-main-wrapper-onecol.png) repeat-y 0 0; }
#index #main { background:none; }
.twocol #main { background:transparent url(../images/bg-main.png) no-repeat 0 0; }
.twocol #main-wrapper { width:960px;background:transparent url(../images/bg-main-wrapper.png) repeat-y 0 0;float:left; }

.twocol #content { width:660px;padding:0 20px 20px 20px; float:left; }
#content { width:900px;padding:0 20px 20px 20px; float:left; }

#secondary-content { width:240px;padding:75px 10px 10px 10px;float:left; }



/*CTA Navigation in Banner */
ul#cta-nav { width:540px;height:51px; position:absolute;top: 95px;right:10px;list-style-type:none; }
ul#cta-nav li { float:left; }
ul#cta-nav li, ul#cta-nav li a { width:211px;height:51px;display:block;text-indent:-999em; }
ul#cta-nav li a { background:transparent url(../images/bg-cta-nav.png) no-repeat 0 0;outline:0; }
ul#cta-nav li#cta-nav-1, ul#cta-nav li#cta-nav-1 a { width:153px; }
ul#cta-nav li#cta-nav-2, ul#cta-nav li#cta-nav-2 a { width:211px; }
ul#cta-nav li#cta-nav-3, ul#cta-nav li#cta-nav-3 a { width:176px; }
ul#cta-nav li#cta-nav-1 a, ul#cta-nav li#cta-nav-1 a:visited { background-position: 0 0; }
ul#cta-nav li#cta-nav-1 a:hover, ul#cta-nav li#cta-nav-1 a:active { background-position: 0 -51px; }
ul#cta-nav li#cta-nav-2 a, ul#cta-nav li#cta-nav-2 a:visited { background-position: -153px 0; }
ul#cta-nav li#cta-nav-2 a:hover, ul#cta-nav li#cta-nav-2 a:active { background-position: -153px -51px; }
ul#cta-nav li#cta-nav-3 a, ul#cta-nav li#cta-nav-3 a:visited { background-position: -364px 0; }
ul#cta-nav li#cta-nav-3 a:hover, ul#cta-nav li#cta-nav-3 a:active { background-position: -364px -51px; }


#banner { width:960px;height:260px;position:relative;background:transparent url(../images/bg-banner.png) no-repeat 0 0;clear:both; }

#banner p { font-size:1.7em;margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif; color: #000000;font-style:italic;font-weight:bold;position:absolute;right:25px;top:10px;width:420px;text-align:center;line-height:24px; }

/*Start CSS for Sections Navigation */ 
#sections-nav { width:960px; float:left; clear:both; background:transparent url(../images/bg-sections-content.png) repeat-y 0 0; }
#sections-nav .title 
{
margin:0;
padding:0;
}

#sections-nav .widget-sm
{
	width: 240px;
	float: left;
	margin:0;
	padding:0;
}

#sections-nav .widget-sm h2, #sections-nav .widget-sm h2 a
{
	width: 240px;
	height: 85px;
	background: transparent url(../images/bg-sections-nav.png) no-repeat 0 0;
	border:none;
	margin: 0;
	padding: 0;
}

#sections-nav .widget-sm h2 a
{
	text-indent: -999em;
	outline: 0;
	display: block;
	margin:0;
	padding:0;
}

#sections-nav .content p, #sections-nav .content li {font-size:1.2em;color:#000000; }
#sections-nav .widget-sm .content { padding: 0 25px 0 25px;position:relative;top:-20px; }
#sections-nav .widget-sm .content ul { margin-left: 1em; }
#sections-nav #sections-nav-1 h2, #sections-nav #sections-nav-1 h2 a { background-position: 0 0; }
#sections-nav #sections-nav-1 h2 a:hover, #sections-nav #sections-nav-1 h2 a:active { background-position: 0 -85px; }
#sections-nav #sections-nav-2 h2, #sections-nav #sections-nav-2 h2 a { background-position: -240px 0; }
#sections-nav #sections-nav-2 h2 a:hover, #sections-nav #sections-nav-2 h2 a:active { background-position: -240px -85px; }
#sections-nav #sections-nav-3 h2, #sections-nav #sections-nav-3 h2 a { background-position: -480px 0; }
#sections-nav #sections-nav-3 h2 a:hover, #sections-nav #sections-nav-3 h2 a:active { background-position: -480px -85px; }
#sections-nav #sections-nav-4 h2, #sections-nav #sections-nav-4 h2 a { background-position: -720px 0; }
#sections-nav #sections-nav-4 h2 a:hover, #sections-nav #sections-nav-4 h2 a:active { background-position: -720px -85px; }

#sections-nav p.learn-more a { width:116px;height:23px;display:block;outline:0;text-indent:-999em; }
#sections-nav p.learn-more a, #sections-nav p.learn-more a:visited { background:transparent url(../images/learn-more.png) no-repeat 0 0; }
#sections-nav p.learn-more a:hover, #sections-nav p.learn-more a:active { background:transparent url(../images/learn-more.png) no-repeat 0 -23px; }



/* End CSS for Sections navigation */

/* Three Column Layout on Home page */
#three-columns { width:960px;float:left;clear:both;background:transparent url(../images/bg-bottom-content-tile.png) repeat-y 0 0; }
#three-columns .column { width:280px;padding:10px 20px 20px 20px; float:left; }
#youtube-video p { font-size:1.2em; font-weight:bold; color:#016190;text-align:center; line-height:16px; }
#youtube-video { width:275px;height:auto;padding-top:10px;float:left; clear:both; }
#youtube-video-wrapper p#cycle-next { clear:both; }
#youtube-video-wrapper { float:left; clear:both; width:275px;height:295px; }
p#cycle-controls { margin-bottom:0; }

#youtube-video-main-wrapper p#cycle-controls { clear:both; }
#youtube-video-main-wrapper { float:left; clear:both; width:240px;height:260px;  }
#youtube-main p { font-size:1.2em; font-weight:bold; color:#016190;text-align:center; line-height:16px; }
#youtube-main { width:240px;height:auto;padding-top:10px;float:left; clear:both; }

#control-next { float:right;margin-bottom:0; }
#control-prev { float:left; margin-bottom:0; }
a#control-prev {  font-weight:bold;padding-left:12px;font-size:11px;text-decoration:none; }
a#control-prev, a#control-prev:visited { color: #f37507; background:transparent url(../images/bg-cycle-prev.png) no-repeat 0 50%; }
a#control-prev:hover, a#control-prev:active { color: #0086c8; background:transparent url(../images/bg-cycle-prev.png) no-repeat -200px 50%; }

a#control-next { font-weight:bold;padding-right:12px;font-size:11px;text-decoration:none; }
a#control-next, a#control-next:visited { color: #f37507; background:transparent url(../images/bg-cycle-next.png) no-repeat 67px 50%; }
a#control-next:hover, a#control-next:active { color: #0086c8; background:transparent url(../images/bg-cycle-next.png) no-repeat -133px 50%; }

p#ntsa-recommends {  margin-left:18px; padding:0;text-indent:-999em;float:left;clear:both; }
p#ntsa-recommends a { width:245px; height:57px; background:transparent url(../images/ntsa-recommends.png) no-repeat 0 0; text-indent:-999em; display:block;margin:0 auto; }
p#common-core-standards {  margin-left:25px; padding:0;text-indent:-999em;float:left; clear:both; }
p#common-core-standards a { width:240px; height:72px; background:transparent url(../images/common-core-standards.png) no-repeat 0 0; margin:0 auto;text-indent:-999em;display:block; } 

.column h2 { margin:10px 0 0 0; }
.column h2 a { margin:0; }
.column h2, .column h2 a { text-decoration:none;width:268px;height:27px;display:block;text-indent:-999em;background-repeat:no-repeat; padding:0; }
.column h2 a, .column h2 a:visited { background-position:0 0; }
.column h2 a:hover, .column h2 a:active { background-position:0 -27px; }

.column #blog-home h2 a { background-image:url(../images/news-from-exemplars.png); }
.column #testimonials-home h2 a { background-image:url(../images/what-people-are-saying.png); }

/*blog home */
#blog-home a { text-decoration:none; }
#blog-home h3 { margin:0;line-height: 14px; } 
#blog-home h3 a { font-weight:bold;font-size:12px;  }
#blog-home h3 a, #blog-home h3 a:visited  { color:#0086c8; } 
#blog-home h3 a:hover, #blog-home h3 a:active  { color:#f37507; } 

#blog-home p.view-all { margin-top:50px;clear:both;float:left;width:100%; }
#blog-home p.view-all a { text-decoration:underline; }
#blog-home p.view-all a, #blog-home p.view-all a:visited { color:#0086c8; }
#blog-home p.view-all a:hover, #blog-home p.view-all a:active { color:#f37507; }


#blog-home .blog-post { float:left;clear:both;width:100%;margin-top:8px; }
#blog-home .blog-post p { margin-bottom:3px;line-height:16px;  }
.column p.read-more a { font-weight:bold;padding-left:12px;font-size:11px;text-decoration:none; }
.column p.read-more a, .column p.read-more a:visited { color: #f37507; background:transparent url(../images/bg-read-more.png) no-repeat 0 2px }
.column p.read-more a:hover, .column p.read-more a:active { color: #0086c8; background:transparent url(../images/bg-read-more.png) no-repeat -200px 2px; }

#technical-support #content p { margin-bottom:0; }
#technical-support #content p.read-more { margin-bottom: 1.5em; }
#technical-support p.read-more a { font-weight:bold;padding-left:12px;font-size:11px;text-decoration:none; }
#technical-support p.read-more a, #technical-support p.read-more a:visited { color: #f37507; background:transparent url(../images/bg-arrow-collapsed-clear.png) no-repeat 0 2px }
#technical-support p.read-more a:hover, #technical-support p.read-more a:active { color: #0086c8; background:transparent url(../images/bg-arrow-collapsed-clear.png) no-repeat 0 2px; }


/* Testimonials Home */
#testimonials-home .testimonial { margin-top:8px; }
#testimonials-home blockquote { margin:0; }
#testimonials-home blockquote p { font-size:1.1em;margin-bottom:0; }
#testimonials-home blockquote p.source { font-style:italic; } 



/* Footer */
#footer { width:960px;height:128px;clear:both;background:transparent url(../images/bg-footer.png) no-repeat 0 0;position:relative;  }
.twocol #footer { width:960px;height:128px;clear:both;background:transparent url(../images/bg-footer-main.png) no-repeat 0 0; }
#index #footer { width:960px;height:128px;clear:both;position:relative;background:transparent url(../images/bg-footer-home.png) no-repeat 0 0;  }

#btn-tell-a-friend { position:absolute;left:430px;top:35px; }
#btn-tell-a-friend, #btn-tell-a-friend a { width:121px;height:62px;display:block; text-indent:-999em;outline:0; }
#btn-tell-a-friend a, #btn-tell-a-friend a:visited { background: transparent url(../images/btn-tell-a-friend.png) no-repeat 0 0; }
#btn-tell-a-friend a:hover, #btn-tell-a-friend a:active { background: transparent url(../images/btn-tell-a-friend.png) no-repeat 0 -62px;; }

#newsletter_signup_form { width:170px;position:absolute;left:595px;top:25px; }
#newsletter_signup_form h2 { width:170px;height:31px;text-indent:-999em; background:transparent url(../images/join-our-newsletter.png) no-repeat 0 0;margin:0;padding:0; }
#newsletter_signup_form input#newsletter_signup_email { width:155px;height:20px;border:0;text-indent:5px;margin:2px 0 0 7px; }
#newsletter_signup_form input#newsletter_signup_submit { width:80px;height:20px;margin:7px 0 0 75px; }

#btn-facebook { position:absolute;left:792px;top:50px; }
#btn-facebook, #btn-facebook a { width:132px;height:40px;display:block; text-indent:-999em;outline:0; }
#btn-facebook a, #btn-facebook a:visited { background: transparent url(../images/btn-facebook.png) no-repeat 0 0; }
#btn-facebook a:hover, #btn-facebook a:active { background: transparent url(../images/btn-facebook.png) no-repeat 0 -40px;; }

#site-info p, #nav-explore-wrapper { font-family:Arial, Helvetica, sans-serif; }
#site-info p { font-size:1.2em;margin-bottom:0; }
#site-info p a { text-decoration:none; }
#site-info p a, #site-info p a:visited { color:#000000; }
#site-info p a:hover, #site-info p a:active { color:#f37507; }
#site-info p#vdw-link { padding-left:35px;background:transparent url(../images/icon-vdw.png) no-repeat 0 50%;font-size:1em;width:250px;margin:20px 0;line-height:14px; }


#cta-home { position:absolute; left:637px;top:139px; list-style-type:none; margin:0; padding:0; }
.cta-buttons-home, .cta-buttons-home a { width:209px;height:121px;display:block;text-indent:-999em;outline:0; }
#cta-home #btn-title-one-demo a, #cta-home #btn-title-one-demo a:visited { background:transparent url(../images/buttons/home/btn-title-one-demo.png) no-repeat 0 0; }
#cta-home #btn-title-one-demo a:hover, #cta-home #btn-title-one-demo a:active { background:transparent url(../images/buttons/home/btn-title-one-demo.png) no-repeat 0 -121px; }
#cta-home #btn-stem a, #cta-home #btn-stem a:visited { background:transparent url(../images/buttons/home/btn-stem.png) no-repeat 0 0; }
#cta-home #btn-stem a:hover, #cta-home #btn-stem a:active { background:transparent url(../images/buttons/home/btn-stem.png) no-repeat 0 -121px; }
#cta-home #btn-title-one-idea a, #cta-home #btn-title-one-idea a:visited { background:transparent url(../images/buttons/home/btn-title-one-idea.png) no-repeat 0 0; }
#cta-home #btn-title-one-idea a:hover, #cta-home #btn-title-one-idea a:active { background:transparent url(../images/buttons/home/btn-title-one-idea.png) no-repeat 0 -121px; }
#cta-home #btn-diff-math a, #cta-home #btn-diff-math a:visited { background:transparent url(../images/buttons/home/btn-diff-math.png) no-repeat 0 0; }
#cta-home #btn-diff-math a:hover, #cta-home #btn-diff-math a:active { background:transparent url(../images/buttons/home/btn-diff-math.png) no-repeat 0 -121px; }
#cta-home #btn-common-core a, #cta-home #btn-common-core a:visited { background:transparent url(../images/buttons/home/btn-common-core.png) no-repeat 0 0; }
#cta-home #btn-common-core a:hover, #cta-home #btn-common-core a:active { background:transparent url(../images/buttons/home/btn-common-core.png) no-repeat 0 -121px; }
#cta-home #btn-pre-k-math a, #cta-home #btn-pre-k-math a:visited { background:transparent url(../images/buttons/home/btn-pre-k-math.png) no-repeat 0 0; }
#cta-home #btn-pre-k-math a:hover, #cta-home #btn-pre-k-math a:active { background:transparent url(../images/buttons/home/btn-pre-k-math.png) no-repeat 0 -121px; }
#cta-home #btn-nyc-summer a, #cta-home #btn-nyc-summer a:visited { background:transparent url(../images/buttons/home/btn-nyc-summer.png) no-repeat 0 0; }
#cta-home #btn-nyc-summer a:hover, #cta-home #btn-nyc-summer a:active { background:transparent url(../images/buttons/home/btn-nyc-summer.png) no-repeat 0 -121px; }

#cta-home #btn-pscc a, #cta-home #btn-pscc a:visited { background:transparent url(../images/buttons/home/btn-problem-solving-common-core_k-5.png) no-repeat 0 0; }
#cta-home #btn-pscc a:hover, #cta-home #btn-pscc a:active { background:transparent url(../images/buttons/home/btn-problem-solving-common-core_k-5.png) no-repeat 0 -121px; }

#cta-home #btn-fall-institute a, #cta-home #btn-fall-institute a:visited { background:transparent url(../images/buttons/home/btn-fall-institute-cta.png) no-repeat 0 0; }
#cta-home #btn-fall-institute a:hover, #cta-home #btn-fall-institute a:active { background:transparent url(../images/buttons/home/btn-fall-institute-cta.png) no-repeat 0 -120px; }

#cta-home ul li a { background-color:none !important; filter: none !important; }

.fb-like-container { width: 240px; float: left; clear:both; margin: 0; }
.fb-like { width: 100px; margin:0; position:relative; top: -20px; }
#wp-blog .fb-like { float: none; margin:10px 0 0 0; }
#cta-main { list-style-type:none; margin:0 auto 20px auto; padding:0; width:192px; height:auto; min-height:101px; clear: both; }
.cta-buttons-main, .cta-buttons-main a { width:192px;height:101px;display:block; text-indent:-999em; outline:0; margin-bottom: 10px; }
#cta-main #btn-title-one-demo a, #cta-main #btn-title-one-demo a:visited { background:transparent url(../images/buttons/main/btn-title-one-demo.png) no-repeat 0 0; }
#cta-main #btn-title-one-demo a:hover, #cta-main #btn-title-one-demo a:active { background:transparent url(../images/buttons/main/btn-title-one-demo.png) no-repeat 0 -101px; }
#cta-main #btn-stem a, #cta-main #btn-stem a:visited { background:transparent url(../images/buttons/main/btn-stem.png) no-repeat 0 0; }
#cta-main #btn-stem a:hover, #cta-main #btn-stem a:active { background:transparent url(../images/buttons/main/btn-stem.png) no-repeat 0 -101px; }
#cta-main #btn-title-one-idea a, #cta-main #btn-title-one-idea a:visited { background:transparent url(../images/buttons/main/btn-title-one-idea.png) no-repeat 0 0; }
#cta-main #btn-title-one-idea a:hover, #cta-main #btn-title-one-idea a:active { background:transparent url(../images/buttons/main/btn-title-one-idea.png) no-repeat 0 -101px; }
#cta-main #btn-diff-math, #cta-main #btn-diff-math a { height: 105px; }
#cta-main #btn-diff-math a, #cta-main #btn-diff-math a:visited { background:transparent url(../images/buttons/main/btn-diff-math.png) no-repeat 0 0; }
#cta-main #btn-diff-math a:hover, #cta-main #btn-diff-math a:active { background:transparent url(../images/buttons/main/btn-diff-math.png) no-repeat 0 -105px; }
#cta-main #btn-common-core a, #cta-main #btn-common-core a:visited { background:transparent url(../images/buttons/main/btn-common-core.png) no-repeat 0 0; }
#cta-main #btn-common-core a:hover, #cta-main #btn-common-core a:active { background:transparent url(../images/buttons/main/btn-common-core.png) no-repeat 0 -101px; }
#cta-main #btn-pre-k-math a, #cta-main #btn-pre-k-math a:visited { background:transparent url(../images/buttons/main/btn-pre-k-math.png) no-repeat 0 0; }
#cta-main #btn-pre-k-math a:hover, #cta-main #btn-pre-k-math a:active { background:transparent url(../images/buttons/main/btn-pre-k-math.png) no-repeat 0 -101px; }
#cta-main #btn-nyc-summer a, #cta-main #btn-nyc-summer a:visited { background:transparent url(../images/buttons/main/btn-nyc-summer.png) no-repeat 0 0; }
#cta-main #btn-nyc-summer a:hover, #cta-main #btn-nyc-summer a:active { background:transparent url(../images/buttons/main/btn-nyc-summer.png) no-repeat 0 -101px; }

#cta-main #btn-free-samples a, #cta-main #btn-free-samples a:visited { background:transparent url(../images/buttons/main/btn-free-samples.png) no-repeat 0 0; }
#cta-main #btn-free-samples a:hover, #cta-main #btn-free-samples a:active { background:transparent url(../images/buttons/main/btn-free-samples.png) no-repeat 0 -101px; }

#cta-main #btn-ordering-information a, #cta-main #btn-ordering-information a:visited { background:transparent url(../images/buttons/main/btn-ordering-information.png) no-repeat 0 0; }
#cta-main #btn-ordering-information a:hover, #cta-main #btn-ordering-information a:active { background:transparent url(../images/buttons/main/btn-ordering-information.png) no-repeat 0 -101px; }

#cta-main #btn-inquiry-science-k5 a { background: url(../images/buttons/main/science_k-5_cta.png) no-repeat 0 0; }
#cta-main #btn-inquiry-science-k5 a:hover { background: url(../images/buttons/main/science_k-5_cta.png) no-repeat 0 -101px; }
#cta-main #btn-inquiry-science-68 a { background: url(../images/buttons/main/science_6-8_cta.png) no-repeat 0 0; }
#cta-main #btn-inquiry-science-68 a:hover { background: url(../images/buttons/main/science_6-8_cta.png) no-repeat 0 -101px; }

#demo iframe { border: 0; }