html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* Containers */

.con20 { margin-left: auto; margin-right: auto; width: 960px; }

.g1, .g1_5, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .g21, .g22, .g23, .g24, .g25, .g26, .g27, .g28, .g29, .g30, .g31, .g32, .g33, .g34, .g35, .g36, .g37, .g38, .g39, .g40 { display:inline; float: left; position: relative; margin-left: 4px; margin-right: 4px; }

/* Grid margins (fi => First, la => Last, fl => First and Last) */
.fi, .fl { margin-left: 0; }
.la, .fl { margin-right: 0; }

.g1 { width:40px; }
.g1_5 { width:52px; }
.g2 { width:88px; }
.g3 { width:136px; }
.g4 { width:184px; }
.g5 { width:232px; }
.g6 { width:280px; }
.g7 { width:328px; }
.g8 { width:376px; }
.g9 { width:424px; }
.g10 { width:472px; }
.g11 { width:520px; }
.g12 { width:568px; }
.g13 { width:616px; }
.g14 { width:664px; }
.g15 { width:712px; }
.g16 { width:760px; }
.g17 { width:808px; }
.g18 { width:856px; }
.g19 { width:904px; }
.g20 { width:952px; }

.pre1 { padding-left:48px; }
.pre2 { padding-left:96px; }
.pre3 { padding-left:144px; }
.pre4 { padding-left:192px; }
.pre5 { padding-left:240px; }
.pre6 { padding-left:288px; }
.pre7 { padding-left:336px; }
.pre8 { padding-left:384px; }
.pre9 { padding-left:432px; }
.pre10 { padding-left:480px; }
.pre11 { padding-left:528px; }
.pre12 { padding-left:576px; }
.pre13 { padding-left:624px; }
.pre14 { padding-left:672px; }
.pre15 { padding-left:720px; }
.pre16 { padding-left:768px; }
.pre17 { padding-left:816px; }
.pre18 { padding-left:864px; }
.pre19 { padding-left:912px; }

.suf1 { padding-right:48px; }
.suf2 { padding-right:96px; }
.suf3 { padding-right:144px; }
.suf4 { padding-right:192px; }
.suf5 { padding-right:240px; }
.suf6 { padding-right:288px; }
.suf7 { padding-right:336px; }
.suf8 { padding-right:384px; }
.suf9 { padding-right:432px; }
.suf10 { padding-right:480px; }
.suf11 { padding-right:528px; }
.suf12 { padding-right:576px; }
.suf13 { padding-right:624px; }
.suf14 { padding-right:672px; }
.suf15 { padding-right:720px; }
.suf16 { padding-right:768px; }
.suf17 { padding-right:816px; }
.suf18 { padding-right:864px; }
.suf19 { padding-right:912px; }

/* Clear Floated Elements */ /* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.left   { text-align: left;}   
.center { text-align: center;} 
.column { float: left; }
.bottom { vertical-align: bottom; }
.top    { vertical-align: top; }
/*






 */


body {
	background: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	margin-top: 20px; 
}

h1 {
	font-size: 40px;
	line-height: 40px;
	color:#990000;
	font-weight: bold;
	margin: 20px 0 20px 0;
  letter-spacing: -1px;
}
h2 {
	font-size: 27px;
	font-weight: bold;
	line-height: 40px;
	color: #111F2D;
	margin-bottom:20px;
}
h3 {
	font-size: 25px;
	line-height: 40px;
	color: #1F507F;
	margin-bottom: 20px;

}
h4 {
	font-size: 19px;
	line-height: 20px;
	color: #1F507F;
}

h4 a, h4 a:visited {
  text-decoration: none;	
  color: #1F507F;
}
h4 a:hover {
  text-decoration: underline;	
  color: #1F507F;
}

h5 {
  color: #1F507F;
  margin: 10px 0 5px 0;
}

p { font-size: 14px; }

ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	}

ol {
	list-style-type: decimal;
	padding-left: 40px;
	background-image:none;
}

ol li {
  background-image:none;
  margin-bottom: 8px;
}

ul li {
	background-image:url(//www.niftyschool.com/assets/site/tickbox.jpg);
	background-position:0 0.0em;
	background-repeat:no-repeat;
	padding:0 0 0 25px;
	line-height: 20px;
	font-size:14px;
}

.double li {
	margin-bottom: 20px;
}
.one_and_half li {
	margin-bottom: 4px;
}

ul.feature_list { 
  list-style-type: disc; 
  padding: 10px 0 0 20px;
}
ul.feature_list li {
	background: none;
	padding:0 0 0 0px;
  font-size: 13px;
	line-height: 20px;
}

a, a:visited, .link, h4.link { color: #234B7C; cursor:pointer; text-decoration: underline;}
a:hover, .link:hover { text-decoration: none; color: #234B7C; }

.one-line {
	height:20px;
	clear:both;
}

/* header */
#header {
  background-color: #234B7C; 
  margin: 0 0 0 0;
  line-height: 20px;
  border-bottom: solid 1px #11243C;
}

#logo{
  line-height: 40px;
	height:40px;
  padding-top: 5px; 	
  padding-bottom: 5px; 	
}

#tagline {
  font-size: 12px;
  line-height: 20px;
  color:#6AAEBE;
  vertical-align: top;
}
#nav {
  float: right;
  width: auto;
  text-align: right;
  height: 40px;
  vertical-align:middle;
}
#nav ul { list-style: none;}
#nav ul li {
	float: left;
	line-height: 50px;
	padding-left: 12px;
	padding-right: 0px;
	text-align: center;
	background-image:none;
}
#nav ul li a {
	text-decoration: none;
	display: block;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	font-size: 13px;
  color: #FFFFFF;
}
#nav ul li a:visited { color: #FFFFFF; } 
#nav ul li a:hover { text-decoration: underline; color: #FFFFFF; }
#nav ul li a.em, #nav ul li a.em:visited, #nav ul li a.em:hover { color: orange; }

#nav ul li a#current { background: url(//www.niftyschool.com/assets/site/nav_btn.gif) bottom left no-repeat; }
#header p {
  font-size: 12px;
  line-height:20px;
  text-align:right;
  color:#6AAEBE;
}

.img_box {
  width:864px; 
  height: 260px; 
  min-height: 260px;
  background: url(//www.niftyschool.com/assets/site/screenshots/double.png) no-repeat center center;
}

/* content */

.content {
	min-height:500px;
	overflow: hidden;
}

.content p {
  margin-top: 20px;
  margin-bottom: 20px;
}

#main_title_box {
	margin-bottom: 20px;
  text-align: center;
}

h2.compact {
	line-height:30px;
	margin:10px 0 0 0;
}
#horizon { background: url(//www.niftyschool.com/assets/site/horizon.png) repeat-x 0; }

.lshoulder { background: url(//www.niftyschool.com/assets/site/bg_body.jpg) no-repeat; }

.clear { 
	clear: both; 
	line-height: 1px;
	font-size: 1px;
	height: 0;
}
hr {
	width: 100%;
	border: 0;
	border-bottom: 1px dotted #cccccc;
	clear: both;
	margin: 30px 0 40px 0;
}

.shot_and_text_box {
	height: 340px;
	margin-top:20px;
}
.shot_and_text_box h4 {
	margin-top:0;
	font-size:16px;
	font-weight: bold;
}

/* Call to actions */

.c2a {
	text-align: center; display:block;
  padding:5px 0; 
  margin:0; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration:none; 
  background: #008800; color: #FFFFFF;
  width: 184px;
  cursor: pointer;
  border: none;
}
a.c2a, .c2a a { color: #FFFFFF;}
.c2a:hover { background: #009900;color:#FFFFFF; }
.c2a input {
  border: none;
  width: 100%;
  background: transparent;
  color: #FFFFFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

/* variations */

.c2a.wide { width: 300px; }

.c2a.big { width: 380px; padding: 10px; }
.c2a.big, .c2a.big input { font-size: 24px; line-height: 32px; letter-spacing: -1px}

.c2a.red { background: #990000; color: #FFFFFF;}
.c2a.red:hover { background: #BB0000; color: #FFFFFF;}

.c2a.blue { background: #234B7C; color: #FFFFFF;}
.c2a.blue:hover { background: #2d63ac; color: #FFFFFF;}

.c2a.transblue { background: #234B7C; color: #FFFFFF; opacity:0.90; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.c2a.transblue:hover { background: #234B7C; color: #FFFFFF; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.c2a.button { background: #DDD; color: #333; line-height: 24px; text-shadow: white 0 1px 0; }
.c2a.button:hover { text-decoration:underline; }

.testimonial_box {
	padding: 40px 20px 0 20px;
	margin: 0;
}

.testimonial_box h3 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.signature {
  text-align: left;
  color: green;
  font-size: 12px;
  line-height: 14px;
  margin: 0px;
}

.price {
  font-weight: bold;
  font-size: 38px;
  line-height: 46px; 
  letter-spacing: -2px;
  vertical-align: top;
}

.otherprice {
  font-weight: bold;
  font-size: 28px;
  line-height: 36px; 
  letter-spacing: -1px;
}
.noprice {
  color: #666; 
  font-weight: bold;
  font-size: 42px;
  line-height: 46px; 
  text-align: left;
  text-decoration: line-through;
}
.priceexpl, .nopriceexpl {
 font-weight: bold;
 color: #666;
 font-size: 16px;
 line-height: 18px;
 text-decoration: none;
 border: none;
}

.price-signup {
  float:left;
  padding:0;
  margin:10px 0 0 0 ;
  vertical-align:top;
}

.center {
  text-align: center;
}

em {
  font-weight: bold;
	color:#990000;
}

#sign_up_box {
	border: 1px double #D1EBEF;
	background-color:#EFFDFF;
	margin: -1px;
}

.fill { width: 100%; }

.customer-form {
	line-height: 40px;
	font-size: 18px;
}
.customer-form .example{
	line-height: 20px;
	font-size: 12px;
}

.customer-form .label {
	text-align:right;
}

.customer-form .text_field, .customer-form select {
	font-size: 20px;
}

.fieldWithErrors {
  display: inline;
}
.fieldWithErrors input {
  background-color: #FED2D2;
}
.formError {
  display: inline;
  color: red;
}
/* embeds a g8 pre3 to fix a bug in IE */
.signupFormError {
  float: left; 
  display: inline;
  color: red;
  width:376px;
  padding-left:144px;
}
.error_flash {
  color: #333333;
  background-color: #FFEFEF;
  border: solid 10px #FED2D2;
  padding: 10px;
  margin: 10px 0;
  font-size:15px;
  line-height:20px;
}

.notice_flash {
  color: #007E00;
  background-color: #CAFFA1;
  border: solid 10px #007E00;
  padding: 10px;
  margin: 10px 0;
  font-size:15px;
  line-height:20px;
}

#contact_comments{
  margin-top:0;
}

#footer {
	padding: 20px 0 20px 0;
  background-color: #234B7C; 
	color: #AAA;
	font-size: 14px;
	line-height: 16px;
  margin-top: 40px;
}
#footer .label { color: #FFFFFF; margin-bottom: 10px;}
#footer-nav { float: right; }
#footer a, #footer a:visited { color: #AAA; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

.quote {
  font-style: italic;
}

.right { text-align: right;}

.shy_tiny {
  font-size: 10px;
  color: #666666;
  line-height: 10px;
}

.features img {
  margin: 30px 2px 2px 2px;
  padding: 2px; 
  border: solid 1px #eee;
}

.videos h4 { margin: 0 0 10px 0}

.box h4 { margin: 0px 0px 8px 0px }

a.lightbox img {
  margin-top: 8px; 
  padding: 4px;
}

.menu { margin-top: 81px; }
.menu p {
  margin: 0;
  padding: 0px 15px 10px 0px;
  font-size: 12px;
  line-height: 14px;
  color: #666;
}

.menu_tabnav { padding: 0; }
.menu_tabnav ul { 
  margin: 0; padding: 0; 
  border-top: 1px solid #DCDDDE;
}
.menu_tabnav li { 
	background-image: none;
  padding: 0;
}
.menu_tabnav li a { 
  display: block; 
  width: 174px;
  color: #636B75; 
  text-decoration: none; 
  border-top: 1px solid white;
  border-bottom: 1px solid #DCDDDE;
  font: 15px Arial,sans-serif;
  font-weight: bold;
  padding: 10px 0 10px 10px;
}
.menu_tabnav li a:hover { text-decoration: underline; }
.menu_tabnav li a.active { 
  text-decoration: none; 
  background: #49B2FF url(//www.niftyschool.com/assets/site/bg_nav-current.png) no-repeat right center;
  border: none;
  color: white;
  padding-right: 11px;
  text-shadow: -1px -1px 0 #3293D6;
}
.menu_tabnav li.active { background-color: #CFDFFD; }

.feature { margin-top:20px;}
.feature h4 { margin-top:0; margin-left: 20px;}
.feature p { margin-left: 20px;}
.feature img { border: solid 1px #DDD; padding:2px; }


ul.nav02 {
  margin: 30px 0 0 0;
  padding: 0;
  width: 191px;
  list-style-type: none;
}
.nav02 li {
  list-style-type: none;
  font-size: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
}
.nav02 li a {
  display: block;
  line-height: 30px;
  padding-left: 30px;
  width: 156px;
}
.nav02 li a img {
  position: absolute;
  top: 7px;
  left: 8px;
}

#control_overlay { background-color: black; }
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */


b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
#control_overlay {  
  /* background-color:#666; */

} 
 
.modal {  
    background-color:#fff;  
    padding:10px;  
    border:1px solid #333;  
} 
 
.window {  
    background-color:#fff;  
    border:5px solid #C7C7C7;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    padding:0px;  
    min-width:450px;  
    max-width:450px;  
    min-height:100px;  
} 

.video {
  min-width:853px !important;  
  max-width:853px !important;
  min-height:480px !important;  
  max-height:480px !important;  
  background-color: #000000;  
}
 
.window .window_contents {  
  padding:0;  
  width:100%;  
  height:100%;      
} 
 
.window .window_header {  
  text-align:left;  
} 
 
.window .window_title {  
  font-size:11px;  
  color: #626262;
  font-weight: bold;
  background: #CFDFFD url(//www.niftyschool.com/assets/menu-bg.png) repeat-x scroll;
  padding:5px;  
  margin:0; 
} 
 
.window .window_close {  
  background-image: url(//www.niftyschool.com/assets/prototip/styles/niftyschool/close_hover.png); 
  position:absolute;  
  top:5px;  
  right:5px;  
  height:15px;  
  width:19px;  
  cursor:pointer;  
}  

.window div.error_flash, .window div.notice_flash {
  margin-bottom: 0;
  font-weight: bold;
}
.videoLink {
  text-align: right;
  color: #aaaaaa;
  font-weight: bold;
  text-decoration: underline;
  line-height: 22px;
  cursor:pointer;
}
.videoLink:hover { color: #666666; }