@charset "UTF-8";
/* CSS Document */

@import url('font.css');

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {
  display: block;
/*  background-color: #737373; */
}

body {
	margin:0px;
	background:url(../images/bg.jpg) top center repeat-x #000;
	text-align: left;
}
body, td, tr, div {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
}
td label {
	padding-right: 10px;
}
.error {
	color:#F55D5D;
	font-weight: bold;
}

h1 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family: novecento_sans_widebook, arial, sans-serif;
	/*font-style:italic;*/
	font-weight: normal;
	font-size:18px;
	color:#EE2972;
	text-align: center;
	margin-top: 0;
}
h2, .content-mods .title {
	font-size:16px;
	color:#EE2972;
	margin: 0 0 10px 0;
	font-weight:normal;
	font-family: novecento_sans_widebook, arial, sans-serif;
	text-align: center;
}
.cx-home h2 {
	text-align: left;
}
h3, #teaser-box p {
	font-family: novecento_sans_widebook, arial, sans-serif;
	font-size:16px;
	color:#B3B3B3;
	margin:0 0 10px 0;
	font-weight:normal;
}
.cx-profile table {
    width: 100%;
}
.cx-profile th,
.cx-profile h3 {
	font-family: novecento_sans_widebook, arial, sans-serif;
	font-size:16px;
	color:#EE2972;
	padding: 0 0 10px 0;
	font-weight:normal;
}
#teaser-box strong {
	color:#ffffff;
}
h4 {
	font-size:16px;
	color:#ffffff;
	margin: 0;
	padding:0;
	font-weight:normal;
}
#event-box {
	border:8px solid #EE2972;
	padding: 10px 20px;
}
.visible-message {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#FFFFFF;
	padding: 15px;
	font-weight:normal;
	text-align:center;
}
.flash {
	text-align: center;
	font-weight: bold;
}
.notice .flash {
	text-align: center;
	margin-bottom:10px;
}
.notice {
	text-align: center;
	font-weight: bold;
}
a {
	color:#EE2972;
}
a:hover {
	color:#ccc;
}
p {
	margin:10px 0;
}

em {
	font-family:Georgia, "Times New Roman", Times, serif;
}
strong {
	color:#999;
}
b {
	color:#999;
}
	
/* form styles */

input{
	
}
.formfields {
	border:solid 1px #B3B3B3;
	background:#182E3D;
	color:#FFFFFF;
	width:300px;
}
.formdrops {
	border:solid 1px #B3B3B3;
	background:#182E3D;
	color:#FFFFFF;
	width:300px;
}
.button {
	background:url(../images/butts-bg.png);
	border:solid 1px #EE2972;
	color:#ffffff;
	font-size: 100%;
	font-family: novecento_sans_widebook, arial, sans-serif;
	text-decoration:none;
	cursor:pointer;
	padding: 5px;
}
input.button {
	padding: 4px;
}
.button:hover {
	border:solid 1px #ffffff;
}

/* template styles and background images */
#page-container {
	width:825px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
#header {
	height:91px;
}
#logo {
	position:absolute;
	left:190px;
	top:20px;
}
#video {
	clear: both;
}

#leftcol {
	float:left;
	width:544px;
	margin-top: -10px;
}

#rightcol {
	float:right;
	width:272px;
	margin-top: -10px;
}

.content-mods {
	background:url(../images/mods-bg.png);
	border:solid 1px #222222;
	padding:18px 28px;
	margin:10px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	line-height:18px;
}

.content-mods table {
	margin-left: auto;
	margin-right: auto;
}

.content-video {
	margin:10px 0 0 0;
}

.cx-page, .cx-profile {
	background:url(../images/mods-bg.png);
	border:solid 1px #000000;
	padding:20px 48px;
	margin:10px 0 0 0;
	line-height:18px;
}

.cx-page h1 {
	text-align: center;
}

.cx-page .content-mods, .cx-profile .content-mods {
	border:solid 1px #444444;
	padding:28px 60px;
}

.cx-profile table {
	margin-left: 0;
}

.cx-profile td.left {
	font-style: italic;
	padding-right: 20px;
	padding-left: 15px;
	width: 150px;
}

#button-wrap {
	height:65px;
	margin:10px 0 0 0;
	position: relative;
	text-align: center;
}
#button-wrap a {
	background:url(../images/butts-bg.png);
	border:solid 1px #EE2972;
	padding:10px 0;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	height:60px;
	width:175px;
}
#button-wrap a:hover {
	border:solid 1px #ffffff;
}
a#butt1 {
	position:absolute;
	left:0;
	top:0;
}
a#butt2 {
	position:absolute;
	left:183px;
	top:0;
}
a#butt3 {
	position:absolute;
	right:0;
	top:0;
}
a#butt3 {
	height: 45px;
}
a#butt1, a#butt2 {
	padding: 19px 0 24px 0;
	height: 22px;
}

#default-butt {
	background:url(../images/butts-bg.png);
	border:solid 1px #EE2972;
	padding:5px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}

#default-butt:hover {
	border:solid 1px #ffffff;
}

/* classes used on lesson pages */

.cx-lesson-list td.description {
  padding: 5px 5px 5px 15px;
}

.cx-lesson .content-mods {
  padding: 28px;
}

.cx-lesson .content-mods .notes {
  margin-top: 20px;
}
.audio-download {
  text-align: center;
  font-size: 110%;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#footer {
	/*border-top:solid 1px #222;
	border-left:solid 1px #222;
	border-right:solid 1px #222;*/
	color:#666;
	margin-top:10px;
	text-align:center;
	/*background:#000;*/
	width:823px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}
#footer #mainmenu {
	border-top:solid 1px #222;
	border-bottom:solid 1px #222;
	margin-bottom: 10px;
}
#footer #mainmenu > ul > li > ul {
	bottom: 30px;
}
/* menu styles */
#mainmenu {
	background:url(../images/mods-bg.png);
	/*height:36px;*/
	border:solid 1px #000000;
	margin-bottom: 15px;
	padding-bottom: 4px;
	position: relative;
	z-index: 100;
}
#mainmenu > ul {
	padding:5px 0 0 0;
	margin:0;
}
#mainmenu > ul > li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#mainmenu > ul > li a {
	font-family: novecento_sans_widebook, arial, sans-serif;
	display:block;
	font-size:14px;
	color:#B3B3B3;
	text-decoration:none;
	padding:5px 10px;
	text-transform:capitalize;
}
#mainmenu > ul > li > a {
	border-right:solid 1px #333;
}
#mainmenu > ul > li a:hover {
	color:#ffffff;
}

#mainmenu > ul > li > a.admin-item,
#mainmenu > ul > li > a.logout-item,
#mainmenu > ul > li > a.user-item {
	color:#FFCCCC;
}

#mainmenu > ul > li > a.login-item {
	border-right: none;
	position:absolute;
	right:0;
}

#mainmenu > ul > li > a.logout-item {
	border-right: none;
}

#mainmenu > ul > li > ul  {
	display: none;
	position: absolute;
	padding: 5px 0 0 0;
	margin: 0;
	margin-left: -1px;
	min-width: 100px;
	background:url(../images/mods-bg.png);
	border-bottom:solid 1px #333;
}
#mainmenu > ul > li.hover > ul {
	display: block;
}
#mainmenu > ul > li li  {
	list-style:none;
	text-align: left;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
}

.footer-menu {
    margin-left: 0;
    padding-left :0;
}

.footer-menu li {
	display: inline;
	padding:0 10px;
	border-left: 1px solid #333;
}

.footer-menu li.first {
	border-left: none;
	/*padding:0;*/
}

.optionblocks {
	width: 100%;
	margin-bottom: -20px;
}

.optionblocks-footer {
	top: -40px;
	position: relative;
}

.optionblocks-footer td {
	text-align: center;
}

.optionblock {
	background: #000000;
	text-align: center;
	vertical-align: top;
	padding-bottom: 60px;
	border: 1px solid #222222;
}

.optionblock .title {
	font-size: 16px;
	padding-bottom: 15px;
	min-height: 40px;
}

.optionblock .cost {
	color: #EE2972;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #EE2972;
}

.optionblock .description {
	padding-top: 15px;
}

.optionblock .description ul {
	text-align: left;
	padding-left: 30px;
	margin-left: 0;
}
.optionblock .buttons  {
	margin: 20px 0;
}

.mailinglist-block {
	text-align: center;
	margin-top: 30px;
	padding:0 80px;
}

#teaser-box {
	padding: 0;
	margin-bottom:10px;
}

#teaser-box ul, #teaser-box li{
	margin:0;
	padding:0;
	list-style:none;
	}
#teaser-box, #teaser-box li{ 
	width:200px;
	overflow:hidden; 
	}

#step-display ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 60px;
}

#step-display li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 60px;
	padding-top: 18px;
	padding-right: 30px;
	height: 60px;
	float: left;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	font-style: italic;
}

#step-display li.step-0 { background-image: url(../images/c1_off.png); }
#step-display li.step-1 { background-image: url(../images/c2_off.png); }
#step-display li.step-2 { background-image: url(../images/c3_off.png); }
#step-display li.step-3 { background-image: url(../images/c4_off.png); }
#step-display li.step-4 { background-image: url(../images/c5_off.png); }
#step-display li.step-0-current { background-image: url(../images/c1_on.png); }
#step-display li.step-1-current { background-image: url(../images/c2_on.png); }
#step-display li.step-2-current { background-image: url(../images/c3_on.png); }
#step-display li.step-3-current { background-image: url(../images/c4_on.png); }
#step-display li.step-4-current { background-image: url(../images/c5_on.png); }

#footer .facebook {
	padding-bottom: 10px;
}

.cx-7min .intro {
	margin-bottom: 17px;
}
.cx-7min .intro p {
	margin: 0;
}
.cx-7min .intro p + p {
	margin-top: 10px;
}

.item-list {
}
.item-list img {
	border: 0;
}
.item-list > div.item {
	float: left;
	margin-left: 22px;
	margin-top: 22px;
	width: 215px;
}
.item-list > div.item.top {
	margin-top: 0;
}
.item-list > div.item.first {
	margin-left: 0;
}

.item-list > div.item > .feature {
	border: 1px solid #F1236D;
	margin: 1px;
}
.item-list > div.item > a.feature {
	display: block;
	width: 211px;
	height: 116px;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	font-family: novecento_sans_widebook, arial, sans-serif;
	text-align: center;
	overflow: hidden;
}
.item-list > div.item > a.feature span {
	padding: 0 10px;
	display: inline-block;
	line-height: 130%;
}

.item-list > div.item.hover > .feature {
	/*border: 1px solid #FE79A8;*/
	border: 2px solid #fff;
	margin: 0 0 -1px 0;
}
.item-list > div.item .title {
	margin: 5px 0;
}
.item-list > div.item .title a {
	color: #ccc;
	text-decoration: none;
}
.item-list > div.item.hover .title a {
	color: #EE2972;
}
.item-list > div.item .description {
	margin: 5px 0;
	text-align: center;
}

.clear {
	clear: both;
}

.breadcrumb {
	margin-bottom: 17px;
	border-bottom: solid 1px #444444;
	padding-bottom: 17px;
}
.breadcrumb span {
	text-decoration: underline;
}

.cx-7min .content-mods .in-cart,
.content-mods.content-7min .in-cart {
	background: #444 !important;
	color: #ccc !important;
}

.cx-7min .content-mods .button,
.content-mods.content-7min .button {
	background: #EE2972;
	display: inline-block;
	width: 150px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-family: novecento_sans_widebook, arial, sans-serif;
	margin-top: 10px;
	border: 0;
}
.cx-7min .content-mods .button:hover,
.content-mods.content-7min .button:hover {
	border: 0;
	background: #C00177;
}
.cx-7min .content-mods input.button,
.content-mods.content-7min input.button {
	margin: 0;
}

.cx-7min .content-mods .cart,
.content-mods.content-7min .cart {
	float: right;
}
.cx-7min .content-mods .cart a,
.content-mods.content-7min .cart a {
	text-decoration: none;
	line-height: 16px;
	display: inline-block;
	color: #ccc;
}
.cx-7min .content-mods .cart a:hover,
.content-mods.content-7min .cart a:hover {
	color: #EE2972;
}
.cx-7min .content-mods .cart a.checkout {
	padding-left: 20px;
	background: transparent url('/images/cart-16.png') no-repeat center left;
}

.cx-7min.cx-page .content-mods {
	padding: 18px 18px;
}

.content-mods.content-7min div.left {
	float: left;
	width: 280px;
}
.content-mods.content-7min div.right {
	margin-left: 295px;
}
.content-mods.content-7min div.right h1 {
	text-align: left;
}
.content-mods.content-7min .price {
	color: #EE2972;
	font-weight: bold;
	margin: 15px 0;
	text-align: right;
	font-size: 22px;
}
.content-mods.content-7min .price span {
	color: #fff;
}
.cx-7min .content-mods .feature a,
.content-mods.content-7min .feature a {
	display: block;
	position: relative;
}
.cx-7min .content-mods .feature a span.play,
.content-mods.content-7min .feature a span.play {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent url(/images/play-btn-up.png) no-repeat center center;
}
.cx-7min .content-mods div.hover .feature a span.play,
.content-mods.content-7min div.hover .feature a span.play {
	background-image: url(/images/play-btn-down.png);
}


#cboxLoadedContent .content-mods {
	margin: 0;
	background-color: #000;
}
#cboxLoadedContent {
	border-color: #666 !important;
	background-color: #000 !important;
}
#cboxClose {
	top: 15px !important;
}





.cx-7min-checkout {
}
.cx-7min-checkout h2 {
	text-align: left;
}
.cx-7min-checkout table.cart-list {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0;
}
.cx-7min-checkout table.cart-list tr.odd {
	background-color: #333;
}
.cx-7min-checkout table tr td,
.cx-7min-checkout table tr th {
	padding: 5px;
}
.cx-7min-checkout .promo {
	margin-top: 30px;
}
.cx-7min-checkout .promo table {
	border-collapse: collapse;
	margin: 0;
}
.cx-7min-checkout .buttons {
	margin-top: 40px;
}
.cx-7min-checkout div.right {
	float: right;
	text-align: right;
}
.cx-7min-checkout div.left {
	float: left;
}
.cx-7min-checkout .buttons .paypal {
	position: relative;
	top: 5px;
}

.cx-7min-checkout .cx-7min .button.free {
	margin-top: 10px;
    width: 160px;
}

.cx-7min-checkout table.input {
	width: 100%;
	margin-top: 10px;
}
.cx-7min-checkout table.input td,
.cx-7min-checkout table.input th {
	padding: 0;
}

.cx-home #rightcol .content-mods {
	padding: 0;
	min-height: 326px;
	height: 326px;
	padding: 10px;
}
.cx-home #rightcol #teaser-box {
	margin: 8px 18px;
}

.cx-home .btn {
}
.cx-home #rightcol .btn {
}
.cx-home #rightcol .btn a {
	background: none top left no-repeat;
	font-family: novecento_sans_widedemibold;
	text-align: center;
	font-size: 24px;
	line-height: 110%;

	display: block;
	width: 248px;
	height: 88px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.cx-home #rightcol .btn a:hover {
	color: #B3B3B3;
}
.cx-home #rightcol .btn span {
	font-family: novecento_sans_widebook;
}
.cx-home #rightcol .btn.top a {
	background-image: url('/images/rect-small-arrow-cut-top.png');
	margin-top: 20px;
	padding-top: 23px;
	height: 65px;
}
.cx-home #rightcol .btn.bottom a {
	background-image: url('/images/rect-small-arrow-cut-bottom.png');
	margin-top: 15px;
	padding-top: 13px;
	height: 75px;
}

.cx-home #testimonials {
	margin: 30px 0;
}
.cx-home #testimonials h2,
.cx-home #testimonials h3 {
	color: #fff;
	font-family: novecento_sans_widebook;
	font-style: normal;
	text-align: center;
	font-size: 24px;
}
.cx-home #testimonials h2 {
	margin-bottom: 5px;
}
.cx-home #testimonials h3 {
	font-size: 16px;
}
.cx-home #testimonials ul {
	margin: 0;
	padding: 0;
}
.cx-home #testimonials ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cx-home #testimonials ul li a {
	text-decoration: none;
	color: #fff;
}
.cx-home #testimonials ul li a:hover {
	color: #EE2972;
}
.cx-home #testimonials ul li img {
	width: 127px;
}
.cx-home #testimonials ul li span.name {
	text-align: center;
	font-family: novecento_sans_widelight;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 5px;
	display: block;
}

.cx-home .columns:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cx-home .column {
	float: left;
	width: 48.5%;
}
.cx-home .column + .column{
}
.cx-home .column.last {
	margin-left: 48px;
}
.cx-home .column.last + .column,
.cx-home .column.last + .column + .column {
	margin-top: 28px;
}

.cx-home #rightcol .content-mods {
	border-bottom: 0;
}
.cx-home .main-content {
	margin-top: 0;
	border-top: 0;
}

.cx-home .top-content {
}
.cx-home .top-content .column {
	background: url('/images/rectangle-arrow-cut-right.png') top left no-repeat;
	text-decoration: none;
	color: #fff;
	line-height: normal;
	width: auto;
}
.cx-home .top-content .column > a {
	width: 319px;
	height: 192px;
	padding: 0 20px;
	display: block;
}
.cx-home .top-content .column a {
	text-decoration: none;
	color: #fff;
}
.cx-home .top-content .column a:hover {
	color: #B3B3B3;
}

.cx-home .bottom-content {
}
.cx-home .bottom-content .column {
	background: none top left no-repeat;
	text-decoration: none;
	color: #fff;
	line-height: normal;
	width: auto;
}
.cx-home .bottom-content .column.first {
	background-image: url('/images/rect-center-arrow-cut-down.png');
}
.cx-home .bottom-content .column.last {
	background-image: url('/images/rect-center-arrow-cut-up.png');
}
.cx-home .bottom-content .column > a {
	width: 319px;
	height: 192px;
	padding: 0 20px;
	display: block;
}
.cx-home .bottom-content .column a {
	text-decoration: none;
	color: #fff;
}
.cx-home .bottom-content .column a:hover {
	color: #B3B3B3;
}

.cx-home .top-content .column span.p,
.cx-home .bottom-content .column span.p {
	display: block;
	margin: 10px 0;
}

.cx-home #rightcol .btn a:hover {
	color: #B3B3B3;
}
.cx-home #rightcol .btn span {
	font-family: novecento_sans_widebook;
}
.cx-home #rightcol .btn.top {
	margin-top: 65px;
}
.cx-home #rightcol .btn.top a {
	background-image: url('/images/rect-small-arrow-cut-top.png');
	margin-top: 20px;
	padding-top: 23px;
	height: 65px;
}
.cx-home #rightcol .btn.bottom a {
	background-image: url('/images/rect-small-arrow-cut-bottom.png');
	margin-top: 15px;
	padding-top: 13px;
	height: 75px;
}


.cx-singing-list {
}
.cx-singing-list .columns {
	position: relative;
}
.cx-singing-list .columns:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.cx-singing-list .column {
	width: 49%;
	float: left;
}
.cx-singing-list .column + .column {
	margin-left: 2%;
}


.cx-singing-list td.thumbnail {
	text-align: center;
}
.cx-singing-list td.thumbnail img {
	/*margin-top: 20px;*/
	margin: -2px;
}
.cx-singing-list td.thumbnail .spacer {
	display: block;
	margin-top: 20px;
}
.cx-singing-list .thumbnail > a {
	display: inline-block;
	border: 2px solid #F1236D;
	overflow: hidden;
}
.cx-singing-list .thumbnail > a:hover {
	border: 2px solid #fff;
}
.cx-singing-list td.description h3 {
	margin-top: 5px;
	text-align: center;
}
.cx-singing-list td.description p {
	text-align: justify;
}

.cx-singing-list .item-list > div.item {
	float: none;
	width: auto;
	margin-left: 0;
	text-align: center;
	margin-top: 0;
}
.cx-singing-list .item-list > div.item > .feature {
	background-color: #000;
	margin-top: 20px;
	display: inline-block;
	border: 2px solid #F1236D;
}
.cx-singing-list .item-list > div:first-child.item > .feature {
	margin-top: 27px;
}
.cx-singing-list .item-list > div.item > .feature {
	/*width: 211px;
	height: 116px;*/
	width: 196px;
	height: 108px;
}
.cx-singing-list .item-list > div.item.hover > .feature {
	border: 2px solid #fff;
	margin-top: 20px;
	margin-bottom: 1px;
}
.cx-singing-list .item-list > div:first-child.item.hover > .feature {
	margin-top: 27px;
}
.cx-singing-list .item-list > div.item > a.feature {
	margin-left: auto;
	margin-right: auto;
}
.cx-singing-list .item-list > div.item .description {
	margin: 10px auto;
	width: 200px;
}

#subscribe-button {
	position: absolute;
    left: 10px;
	top: 20px;
}

#subscribe-button a {
	/*background: transparent url(/images/button.png) -10px 0 no-repeat;*/
    background-color: #EE2972;
	height: 30px;
	width: 70px;
	display: block;
	font-size: 17px;
	line-height: 29px;
	font-family: novecento_sans_widebook, arial, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #fff;
    border-radius: 3px;
}

#subscribe-button a:hover {
	color: #EE2972;
    background-color: #fff;
    font-weight: bold;
	font-family: novecento_sans_widedemibold, arial, sans-serif;
}

#model-free-lesson h2 {
	font-family: novecento_sans_widedemibold, arial, sans-serif;
}