/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
html{background:#33353b;}
body{
	margin:0;
	color:#757575;
	font:14px/17px Arial, Helvetica, Verdana, sans-serif;
	background:#33353b;
	min-width:980px;
}
p {margin-bottom: 20px;}
input[type='submit']::-moz-focus-inner{
	padding:0;
	border:0;
}
.home{
	background:#f2efe7 url(../images/bg-page.gif);
	min-width:1000px;
}
h1{
	font-size:26px;
	padding-bottom:10px;
}
h2 {
	font-size: 18px;
	font-weight: 400;
	padding-bottom:0;
}
strong {font-weight: bold;}
img {border-style:none;}
a{
	text-decoration:none;
	color:#33353b;
}
a:hover {
	text-decoration:none;
	color:#151618;
}
li {line-height: normal;}
input,
textarea,
select{
	font:15px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#757575;
	margin:0;
	width:300px;
	margin-right:10px;
	margin-bottom:10px;
}
.form-inline input
{
	width:75px;
	margin-left:5px;
}
.form-inline select
{
	width:150px;
}
form{
	margin-bottom:10px;
}
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.checkbox{
	padding-bottom:2px;
}
.btn-large{height:18px;}
input[type=submit]:hover{cursor:pointer;}
.errorSummary{
	text-shadow:none;
}
.errorMessage{
	color:#b94a48;
	margin-bottom:15px;
}
.notification{
	color:#EE2E24;
	margin-bottom:5px;
}
.notification a{
	color:#EE2E24;
	margin-bottom:5px;
	text-decoration:underline;
}
.alert-success{
	text-shadow:none;
	color:#468847;
	background-color:#dff0d8;
	border-color:#d6e9c6;
}
.alert-danger,
.alert-error{
	color:#b94a48;
	background-color:#f2dede;
	border-color:#eed3d7;
	text-shadow:none;
}
.alert-info{
	color:#3a87ad;
	background-color:#d9edf7;
	border-color:#bce8f1;
	text-shadow:none;
}
.alert-warning{
	color:#c09853;
	text-shadow:none;
	background-color:#fcf8e3;
	border: 1px solid #fbeed5;
}
.alert-info strong{font-weight:bold;}
.warning p{
	font-weight:bold;
}
#windowModal{
	top:10%;
	width:850px;
	height:600px;
	margin:0 0 0 -425px; /* -1 * (width / 2) */ 
}
.modal-header h3 {
	font-weight:bold;
}
.accordion-heading {
	background:#ACAAA4;
}
.accordion-heading a {
	color:#fff;
	font-weight:bold;
}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{
	display:block;
	margin:0 auto;
}
#wrapper{
	width:980px;
	margin:0 auto;
	position:relative;
}
.w1{
	/*width:1000px;*/
	margin:0 auto;
	max-width:1100px;
}
.home #wrapper{
	width:100%;
	overflow:hidden;
}
#header{
	padding:9px 7px 7px 76px;
	color:#fff;
	font-size:16px;
	line-height:18px;
	position:relative;
	z-index:1;
}
.home #header{
	padding:9px 9999px 8px;
	margin:0 -9979px 16px -9981px;
	background:#33353b;
	width:96.3%;
}
#header:after{
	display:block;
	clear:both;
	content:"";
}
.logo{
	width:236px;
	height:62px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0;
}
.logo a{
	display:block;
 	height:100%;
}
#header .main-nav{
	float:left;
	font-size:14px;
	line-height:16px;
	text-align:center;
	margin:3px 0 0 40px;
	width:350px;
}
.main-nav li{
	position:relative;
	float:left;
	margin-right:29px;
}
.main-nav .plans{margin-right:26px;}
.main-nav a{
	color:#fff;
	float:left;
}
.main-nav .icon{
	display:inline-block;
	margin:2px auto 7px;
	width:31px;
	height:31px;
	background:url(../images/icons-2.png) no-repeat 0 -469px;
}
.main-nav a:hover{text-decoration:none;}
*+ html .main-nav .icon{display:inline;}
.about .icon{
	margin:0 auto 3px;
	width:39px;
	height:37px;
	background:url(../images/icons-2.png) no-repeat -49px -413px;
}
.plans .icon{
	width:38px;
	height:32px;
	margin:1px auto 7px;
	background:url(../images/icons-2.png) no-repeat -106px -346px;
}
.contact .icon{
	width:43px;
	margin:2px auto 7px;
	background:url(../images/icons-2.png) no-repeat -162px -284px;
}
.buttons{
	margin:25px 0 0;
	min-width:245px;
	overflow:hidden;
}
.buttons li{float:left;}
.columns .button,
.buttons a{
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    float:left;
    color:#faf7ef;
    cursor:pointer;
    padding-right:33px;
    background:url(../images/sprite.png) no-repeat 100% -608px;
}

.columns .button.green,
.buttons a.green{
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    float:left;
    color: #faf7ef;
    cursor:pointer;
    padding-right:33px;
    background:url(../images/btn-arrow-green.png) no-repeat 100%;
}
.buttons a.noarrow
{
    padding-right:0px;
    background:none;
}
.buttons a:hover{text-decoration:none;}
.columns .button{
	background-position:100% -1155px;
	padding-right:35px;
}
.buttons li:first-child a{
	padding-right:2px;
	background:url(../images/sprite.png) no-repeat 100% -525px;
}
.buttons .left{
    float:left;
    padding:9px 4px 11px 10px;
    background:url(../images/sprite.png) no-repeat 0 -566px;
}
.buttons .left-green{
    float:left;
    padding:9px 4px 11px 10px;
    background:url(../images/btn-green.png) no-repeat;
}
.columns .button .left-green{
    float:left;
    padding:9px 4px 11px 10px;
    background:url(../images/btn-green-2.png) no-repeat;
}
.buttons a.noarrow .left{
/*    padding:9px 10px 11px 10px;*/
}
.columns .button .left{
	float:left;
	padding:9px 9px 11px 12px;
	background:url(../images/sprite.png) no-repeat 0 -1110px;
}
.buttons li:first-child .left{
	padding:9px 13px 11px 15px;
	background:url(../images/sprite.png) no-repeat 0 -482px;
}
#header #bar{
	float:right;
	display:inline;
	/*width:600px;*/
	padding:13px 0 0;
}
#header #bar div{display:inline-block;}
#header #bar .btn-group{
	/*margin-top:-35px;
	margin-left:10px;*/
}
#bar .button{
	float:left;
	padding-right:5px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	background:url(../images/sprite.png) no-repeat 100% -41px;
}
#bar .button:hover{
	background-position:100% -125px;
	text-decoration:none;
}
#bar .button .left{
	float:left;
	background:url(../images/sprite.png) no-repeat;
	padding:11px 9px 11px 41px;
}
#bar .button:hover .left{background-position:0 -83px;}
.profile-block{
	float:right;
	position:relative;
	margin:10px 0 0;
	padding-bottom:3px;
}
.profile-block .link{
	float:left;
	margin-left:10px;
	padding-right:22px;
	font-weight:bold;
	font-size: 20px;
	color:#fff;
	background:url(../images/arrow-profile.png) no-repeat 100% 6px;
}
.profile-block.hover .link{text-decoration:none;}
.drop{
	position:absolute;
	z-index:2;
	top:100%;
	left:11px;
	width:158px;
	padding-top:9px;
	font-size:14px;
	line-height:16px;
	background:url(../images/bg-drop.png) no-repeat;
	display:none;
}
#links .drop{
	left:auto;
	right:-6px;
	top:75%;
	background-position:-476px 0;
	font-weight:normal;
}
#links li.hover .drop,
.profile-block.hover .drop{display:block;}
.drop .holder{
	padding-bottom:13px;
	background:url(../images/bg-drop.png) no-repeat -158px 100%;
}
.drop ul{
	background:url(../images/bg-drop.png) repeat-y -316px 0;
	overflow:hidden;
	padding:2px 8px 0;
}
.drop a{
	display:block;
	color:#333;
	padding:6px 9px 7px;
}
.drop a:hover{
	background:#787b84;
	color:#fff;
	text-decoration:none;
}
#intro{
	background:url(../images/bg-intro.png) repeat-x;
	overflow:hidden;
	margin:0 -9999px 28px;
	padding:20px 9999px 0;
}
.intro-holder{
	background:url(../images/bg-intro-holder.png) repeat-x 0 100%;
	overflow:hidden;
	margin:0 -9999px;
	padding:0 9999px 21px;
}
.intro-frame{
	background:#33353b url(../images/bg-carousel.gif) no-repeat 50% 100%;
	width:100%;
	margin:0 -9999px;
	padding:0 9999px;
}
.carousel{
	position:relative;
	color:#faf7ef;
	font-size:18px;
	line-height:21px;
	width:810px;
	margin:0 auto;
	padding:0 77px 0 95px;
}
.carousel:after{
	display:block;
	clear:both;
	content:"";
}
.btn-prev,
.btn-next{
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	width:60px;
	height:65px;
	background:url(../images/sprite.png) no-repeat 0 -821px;
	top:170px;
	left:0;
}
.btn-next{
	width:61px;
	top:169px;
	left:auto;
	right:0;
	background-position:-73px -820px;
}
.carousel .mask{
	width:793px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:0 0 -11px;
}
*+html .carousel .mask{z-index:5;}
.carousel .mask ul{
	width:99999px;
}
.carousel .mask li{
	float:left;
	width:793px;
	position:relative;
	padding:22px 0 32px;
}
.carousel .image-block{
	margin:30px 197px -58px 0;
	float:left;
}
.carousel .image-block img{
	max-width:100%;
	vertical-align:top;
}
.carousel .visual{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.carousel .visual img{
	vertical-align:top;
}
.carousel .text-block{
	overflow:hidden;
	padding:10px 0 83px;
}
.carousel h2{
	text-transform:uppercase;
	font-size:24px;
	line-height:40px;
	margin:0 0 5px 325px;
}
.carousel p{
	margin:0 0 0 325px;
}
.carousel .button-holder{
	overflow:hidden;
	margin-bottom:-86px;
}
.carousel .button{
	float:right;
	position:relative;
	z-index:5;
	padding-right:24px;
	background:url(../images/sprite.png) no-repeat 100% -996px;
}
.carousel .button .left{
	float:left;
	padding:29px 12px 30px 20px;
	background:url(../images/sprite.png) no-repeat 0 -890px;
}
.carousel p{margin-bottom:29px;}
.text-giraffe{
	float:left;
	width:226px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-text-headings.png) no-repeat;
}
.intro-pagination ul{
	font-size:31px;
	line-height:33px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	left:61px;
	bottom:16px;
}
.intro-pagination li{
	float:left;
	margin:0 -1px;
}
.intro-pagination a{
	float:left;
	width:33px;
	padding:2px 1px;
	color:#7d828a;
}
.intro-pagination a:hover,
.intro-pagination .active a{
	color:#fff;
	text-decoration:none;
	background:url(../images/sprite.png) no-repeat -402px -254px;
}
#main{
	overflow:hidden;
	padding:0 7px 14px 9px;
}
#sidebar{
	float:left;
	width:66px;
	padding:52px 0 0;
}
.add-nav{
	text-align:center;
}
.add-nav li{
	padding-bottom:24px;
	overflow:hidden;
	vertical-align:top;
}
.add-nav .students{padding-bottom:19px;}
.add-nav .lessons{padding-bottom:20px;}
.add-nav .reports{padding-bottom:19px;}
.add-nav .help{padding-bottom:22px;}
.add-nav a{
	color:#787b84;
}
.add-nav .marker{
	background:url(../images/sprite.png) no-repeat -483px -169px;
	width:15px;
	height:38px;
	position:relative;
}
.add-nav .active a,
.add-nav a:hover{
	text-decoration:none;
	color:#fff;
}
.add-nav .icon{
	display:block;
	margin:0 auto 5px;
	width:31px;
	height:42px;
	background:url(../images/icons.png) no-repeat 0 -1158px;
}
.students .icon{
	width:45px;
	height:34px;
	background:url(../images/icons.png) no-repeat -1109px 0;
}
.team .icon{
	width:40px;
	height:37px;
	margin-bottom:7px;
	background:url(../images/icons.png) no-repeat -56px -1086px;
}
.lessons .icon{
	width:35px;
	height:35px;
	background:url(../images/icons.png) no-repeat -125px -1015px;
}
.reports .icon{
	width:41px;
	height:35px;
	margin-bottom:7px;
	background:url(../images/icons.png) no-repeat -192px -945px;
}
.account .icon{
	width:41px;
	height:40px;
	margin-bottom:4px;
	background:url(../images/icons.png) no-repeat -273px -872px;
}
.help .icon{
	width:30px;
	height:34px;
	background:url(../images/icons.png) no-repeat -337px -802px;
}
.log-out .icon{
	width:36px;
	height:36px;
	background:url(../images/icons.png) no-repeat -386px -739px;
}
.more .icon{
    width:43px;
    margin:2px auto 7px;
    background:url(../images/more.png) no-repeat 0px 0px;
}
.add-nav .active .icon, 
.add-nav a:hover .icon{background-position:-455px -659px;}
.add-nav .active.students .icon,
.students a:hover .icon{background-position:-521px -592px;}
.add-nav .active.team .icon,
.team a:hover .icon{background-position:-589px -508px;}
.add-nav .active.lessons .icon,
.lessons a:hover .icon{background-position:-662px -431px;}
.add-nav .active.reports .icon,
.reports a:hover .icon{background-position:-740px -351px;}
.add-nav .active.account .icon,
.account a:hover .icon{background-position:-833px -251px;}
.add-nav .active.help .icon,
.help a:hover .icon{background-position:-917px -184px;}
.add-nav .active.log-out .icon,
.log-out a:hover .icon{background-position:-982px -107px;}
.more a:hover .icon{background-position:-43px 0px;}
.main-holder{
	float:right;
	width:861px;
	min-height:600px;
	background:#efece4;
	border-right:1px solid #9e9d9b;
	border-left:1px solid #b5b4b0;
	position:relative;
	padding:20px 16px 69px 15px;
}
.arrow{
	position:absolute;
	width:15px;
	height:38px;
	background:url(../images/sprite.png) no-repeat -483px -169px;
	top:70px;
	left:-10px;
}
.arrow-student{top:150px;}
.arrow-lesson{top:225px;}
.arrow-report{top:300px;}
.arrow-team{top:380px;}
.arrow-account,.arrow-billing{top:465px;}
#main h1{
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#40434a;
}
#main h2{
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	margin:0 0 0 0;
	color:#40434a;
}
#main .subtitle{
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:10px;
	color:#40434a;
}
#loginModal{
	
}
.nav-tabs{
	margin-bottom:0px;
}
#form-content{
	background-color:#ffffff;
	padding:15px 15px 15px 15px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.note{
	font-style:italic;
	margin-top:5px;
	margin-bottom:20px;
}
.note strong{font-weight:bold;}
fieldset .row{margin-left:0;}
fieldset .rememberMe input{
	float:left;
	margin-right:5px;
}
.input-prepend input{width:273px;}
.reports-page #main h1{
	text-transform:uppercase;
	font-size:25px;
	line-height:27px;
	margin:0 0 21px 2px;
	color:#33353b;
}
.popup-holder{margin:-11px 0 23px;}
.popup-holder .row{
	overflow:hidden;
	font-size:12px;
	margin:0 4px 9px;
	line-height:15px;
}
.popup-holder .row a{
	float:right;
}
.popup-holder .opener{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:21px;
	color:#000000;
	text-decoration:none;
	text-shadow:0 1px 0 #ffffff;
	opacity: 0.5;
}
.popup-holder .row .close{
	padding-left:12px;
	background:url(../images/ico-close.gif) no-repeat 0 4px;
}
.popup-holder .close,
.popup-holder.active .open{display:none;}
.popup-holder.active .close{display:block;}
.popup{
	background:url(../images/bg-popup.gif) no-repeat;
	padding:15px 12px;
}
.popup h1{
	margin-bottom:10px !important;
}
.steps{
	overflow:hidden;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin:0 -20px 0 0;
	width:843px;
	text-transform:uppercase;
}
.steps li{
	float:left;
	margin-right:12px;
}
.steps a{
	color:#fff;
	float:left;
	width:174px;
	padding:15px 5px 15px 12px;
	cursor:pointer;
	background:url(../images/sprite.png) no-repeat -62px -169px;
}
.steps .wide a{
	width:181px;
	background-position:-270px -169px;
}
.steps a:hover{text-decoration:none;}
.steps .count{
	float:left;
	width:44px;
	height:36px;
	text-align:center;
	padding:7px 3px;
	background:url(../images/sprite.png) no-repeat 0 -169px;
	color:#8c8f9a;
	font-size:33px;
	line-height:36px;
	margin:-2px 13px 0 0;
}
.second .count{background:url(../images/icons-3.png) no-repeat -346px -195px;}
.third .count{background:url(../images/icons-3.png) no-repeat -418px -110px;}
.fourth .count{background:url(../images/icons-3.png) no-repeat -494px -29px;}
#twocolumns{
	overflow:hidden;
	margin:0 -6px;
	padding:0 7px 0 6px;
}
.aside{
	float:right;
	width:273px;
	padding-bottom:8px;
	background:url(../images/bg-twocolumns.gif) no-repeat 100% 100%;
}
#content .box-list .box,
.aside .box{
	width:273px;
	margin-bottom:17px;
	background:url(../images/bg-box-aside.gif) no-repeat -273px 100%;
	padding-bottom:6px;
}
.box.latest-lessons{
	padding:11px 0 0;
	margin:0;
}
#content .box-list .box-holder,
.aside .box-holder{
	background:url(../images/bg-box-aside.gif) repeat-y;
	overflow:hidden;
	padding:3px 0 0 5px;
}
.box .heading{
	height:1%;
	padding:4px 10px 6px 11px;
	background:#40434a;
	margin:0 1px;
	font-size:12px;
	line-height:15px;
}
#content .box .heading{padding:6px 10px 8px 9px;}
#content .box-list .heading{padding:4px 10px 6px 11px;}
#content .box.graphic .heading{padding:4px 5px 6px 11px;}
.box.graphic .heading-holder{
	background:url(../images/bg-heading-holder.gif) no-repeat;
	padding:0 7px;
}
.box .heading:after{
	display:block;
	clear:both;
	content:"";
}
.latest-lessons .heading{padding:6px 10px 8px 10px;}
.box .heading a{color:#fff;}
.heading h2{
	float:left;
	font-size:17px;
	line-height:19px;
	font-weight:bold;
	width:198px;
}
#content .box-list h2{
	font-size:17px;
	line-height:19px;
}
#content h2{
	width:auto;
}
.latest-lessons .heading h2{
	float:none;
	width:auto;
}
#links{
	float:right;
	font-weight:bold;
	margin:-4px 0 -6px;
	font-size:14px;
	line-height:16px;
}
#links li{
	float:left;
	padding:6px 10px 7px 23px;
	position:relative;
	background:url(../images/divider-links.gif) no-repeat;
}
#links li:hover a{text-decoration:underline;}
#links .drop li{
	float:none;
	padding:0;
	background:none;
}
#links > li > a{
	float:left;
	padding:0 20px 0 0;
	background:url(../images/arrow-links.gif) no-repeat 100% 7px;
}
#links li:hover .drop a{text-decoration:none;}
#links .drop a{
	color:#333;
}
#links .drop a:hover{color:#fff;}
.box-list .heading .link,
.aside .heading .link{
	float:right;
	width:51px;
	text-align:right;
	margin-top:3px;
}
.box-list .blocks, 
.aside .blocks{
	width:262px;
	padding-top:9px;
	background:url(../images/bg-blocks-aside.png) no-repeat 1px 0;
}
.box-list .blocks .holder, 
.aside .blocks .holder{
	padding-bottom:7px;
	background:url(../images/bg-blocks-aside.png) no-repeat -524px 100%;
}
.box-list .blocks .frame,
.aside .blocks .frame{
	background:url(../images/bg-blocks-aside.png) repeat-y -262px 0;
	overflow:hidden;
	padding:12px 9px;
}
.box-list .block,
.aside .block{
	float:left;
	width:102px;
	text-align:center;
	color:#757575;
	font-size:17px;
	line-height:19px;
	margin-right:19px;
}
.box-list .block.wide, 
.aside .block.wide{
	width:123px;
	margin:0;
}
.blocks .title{
	display:block;
	color:#33353b;
	font-size:40px;
	line-height:42px;
	font-weight:bold;
	margin-bottom:5px;
}
.scrollbar{
	height:453px;
	overflow:auto;
	padding:15px 0 0 10px;
}
#content .scrollbar{
	padding:13px 0 0 10px;
	height:458px;
}
.table-reports{
	background:url(../images/bg-reports-scrollbar.gif) no-repeat -1748px 100%;
	padding:0 6px 17px 0;
	margin:0 -5px 28px -8px;
	width:868px;
	color:#3f4046;
}
#content .table-reports .scrollbar{
	height:334px;
	padding:0;
	background:#e0ddd5 url(../images/bg-reports-scrollbar.gif) repeat-y -874px 0;
}
.table-reports .scrollbar .inner{
	background:url(../images/bg-reports-scrollbar.gif) no-repeat;
}
.list-lessons li{
	padding-bottom:14px;
}
.box-scrollbar{
	width:231px;
	color:#b8babf;
	background:#40434a url(../images/bg-box-scrollbar.gif) repeat-y -231px 0;
}
#content .box-scrollbar{
	width:535px;
	color:#757575;
	background:#fff url(../images/bg-box-scrollbar-content.gif) repeat-y -535px 0;
}
#content .box-scrollbar a{
	color:#757575;
	text-decoration:underline;
}
#content .box-scrollbar h3 a{
	color:#40434a;
	text-decoration:none;
}
#content .box-scrollbar a:hover{text-decoration:none;}
#content .box-scrollbar h3 a:hover{text-decoration:underline;}
.box-scrollbar .holder{background:url(../images/bg-box-scrollbar.gif) no-repeat;}
#content .box-scrollbar .holder{background:url(../images/bg-box-scrollbar-content.gif) no-repeat;}
.box-scrollbar .frame{
	overflow:hidden;
	padding:7px 4px 15px 12px;
	background:url(../images/bg-box-scrollbar.gif) no-repeat -462px 100%;
}
#content .box-scrollbar .frame{
	padding:7px 17px 18px 18px;
	background:url(../images/bg-box-scrollbar.gif) no-repeat -1070px 100%;
}
.box-scrollbar .heading-block{
	overflow:hidden;
	margin:0 0 7px -5px;
}
.heading-block .text-block{
	overflow:hidden;
	padding-top:6px;
}
.box-scrollbar .alignleft{
	margin:0 8px 0 0;
	border:1px solid #000;
}
.box-scrollbar h3{
	font-size:17px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:4px;
}
#content .box-scrollbar h3{
	font-size:18px;
}
.box-scrollbar h3 a{color:#fff;}
.box-scrollbar .date{
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	color:#9a9da4;
	display:block;
}
#content .box-scrollbar .date{margin-bottom:11px;}
#content{
	min-height:500px;
	/*float:right;
	width:860px;
	min-height:450px;
	background:#efece4;
	border-right:1px solid #9e9d9b;
	border-left:1px solid #b5b4b0;
	position:relative;
	padding:23px 16px 69px;*/
}
.home #content{
	float:none;
	background:none;
	border:0;
	padding:0 10px 11px;
	width:auto;
}
#twocolumns #content{
	width:581px;
	float:left;
	padding:0 0 8px;
	border:0;
	background:url(../images/bg-twocolumns.gif) no-repeat 0 100%;
}
#content .box{
	width:568px;
	background:url(../images/bg-box-content.gif) repeat-y;
}
#content .box.graphic{
	margin:0 -7px 22px;
	width:581px;
	padding-bottom:11px;
	background:url(../images/bg-box-graphic.gif) no-repeat -581px 100%;
}
.box.graphic .box-holder{
	background:url(../images/bg-box-graphic.gif) repeat-y;
	overflow:hidden;
	padding:16px 15px 15px 24px;
}
.list-news li{padding-bottom:13px;}
.box-date{
	float:left;
	margin:-4px 6px 0 0;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	text-align:center;
	padding:4px 10px 7px 2px;
	width:34px;
	font-style:normal;
	overflow:hidden;
	background:url(../images/sprite.png) no-repeat 0 -265px;
}
.box-date .big{
	display:block;
	font-size:20px;
	line-height:22px;
	margin-bottom:-2px;
}
.list-news .text-section{
	overflow:hidden;
	padding:18px 0 0;
}
.form-reports .row{
	overflow:hidden;
	padding-bottom:10px;
	min-height:40px;
	margin-right:-20px;
}
input[type="submit"]{
	border:0;
	overflow:hidden;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	line-height:43px;
	height:43px;
	width:176px;
	padding:0 0 1px 22px;
	margin-right:18px;
	text-align:left;
	background:url(../images/sprite.png) no-repeat -62px -254px;
}
.newsletter-form input[type="submit"],
.sign-form input[type="submit"]{
	float:left;
	width:136px;
	height:40px;
	padding:0 0 1px 18px;
	background-position:-254px -254px;
	color:#faf7ef;
	margin:1px 23px 0 0;
	font-size:18px;
	font-weight:normal;
	line-height:40px;
}
.newsletter-form input[type="submit"]{margin:0 0 0 1px;}
.links-reports{
	overflow:hidden;
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	margin:-4px 0 18px;
}
.links-reports li{
	float:left;
}
.links-reports a{
	float:left;
	color:#fff;
	padding-right:6px;
	background:#bebab0 url(../images/sprite.png) no-repeat 100% -309px;
}
.links-reports .left{
	float:left;
	padding:9px 48px 9px 47px;
}
.links-reports li:first-child a{background:url(../images/sprite.png) no-repeat 0 -352px;}
.links-reports li:first-child .left{padding:9px 46px 9px 43px;}
.links-reports a:hover,
.links-reports .active a{
	background:#33353b url(../images/sprite.png) no-repeat 100% -439px;
}
.links-reports li:first-child a:hover,
.links-reports li.active:first-child a{background:url(../images/sprite.png) no-repeat 100% -395px;}
.links-reports a:hover .left,
.links-reports .active .left{
	background:url(../images/sprite.png) no-repeat 0 -439px;
}
.links-reports li:first-child a:hover .left,
.links-reports li.active:first-child .left{background:url(../images/sprite.png) no-repeat 0 -395px;}
.table-reports .heading{
	background:#40434a;
	color:#fff;
	font-weight:bold;
	padding:5px 1px 7px 27px;
	overflow:hidden;
	margin:0 2px 0 8px;
}
.table-reports .table-row span,
.table-reports .heading span{
	float:left;
	width:138px;
	margin-right:6px;
}
#content .table-reports .lesson{
	width:125px;
	margin-right:3px;
}
#content .table-reports .level{
	width:42px;
	text-align:center;
	margin-right:46px;
}
#content .table-reports .started{width:102px;}
#content .table-reports .score{
	width:53px;
	margin:0;
}
.table-row{
	overflow:hidden;
	padding:23px 1px 19px 36px;
}
.table-row.even{
	padding:19px 1px 18px 36px;
	background:#d1cdc3 url("../images/bg-reports-scrollbar.gif") repeat-y -2622px 0;
}
.box-list{
	overflow:hidden;
	margin:0 -21px 0 -1px;
}
#content .box-list .box{
	float:left;
	margin:0 21px 0 0;
}
#content .text-spectrum{
	margin:0 auto 39px;
	overflow:hidden;
	text-indent:-9999px;
	width:978px;
	height:47px;
	background:url(../images/bg-text-headings.png) no-repeat 2px -45px;
}
#content .text-spectrum.second{margin-bottom:30px;}
.sign-form{
	overflow:hidden;
	font-size:22px;
	line-height:24px;
	color:#33353b;
	padding:0 5px 10px 9px;
}
.input-holder{
	float:left;
	padding:0 2px;
	width:275px;
	height:40px;
	overflow:hidden;
	margin:2px 17px 0 0;
	/*background:url(../email/sprite.png) no-repeat 0 -651px;*/
}
.newsletter-form .input-holder{
	float:none;
	margin:0 0 14px;
	width:213px;
	height:39px;
	background-position:-281px -651px;
}
/*input[type="text"]{
	float:left;
	background:none;
	border:0;
	padding:10px 14px;
	font-size:14px;
	color:#828281;
	width:248px;
	line-height:17px;
	height:17px;
}*/
.newsletter-form input[type="text"]{
	padding:11px 10px;
	width:193px;
	font-size:13px;
	line-height:16px;
	height:16px;
}
.newsletter-form .row{overflow:hidden;}
.sign-form .text-holder{
	width:600px;
	float:none;
}
.sign-form input[type="text"]{
	width:260px;
	height:30px;
}
.boxes{
	width:976px;
	padding-top:13px;
	color:#faf7ef;
	font-size:16px;
	line-height:19px;
	text-align:center;
	margin:0 auto 37px;
	background:url(../images/bg-boxes.png) no-repeat;
}
.boxes .holder{
	padding-bottom:13px;
	background:url(../images/bg-boxes.png) no-repeat -1952px 100%;
}
.boxes .frame{
	padding:6px 18px 5px;
	overflow:hidden;
	background:url(../images/bg-boxes.png) repeat-y -976px 0;
}
.boxes .inner{
	overflow:hidden;
	margin:0 -48px 0 0;
	position:relative;
}
#content .boxes .box{
	float:left;
	width:282px;
	margin:0 47px -9999px 0;
	padding-bottom:9999px;
	background:#33353b;
}
#content .boxes .box.short{width:281px;}
#content .boxes .box.wide{width:283px;}
.boxes img{
	vertical-align:top;
	max-width:100%;
}
#content .boxes h3{
	font-size:24px;
	line-height:26px;
	margin-bottom:13px;
	text-transform:uppercase;
	font-weight:bold;
}
.boxes h3 a{color:#faf7ef;}
.boxes .text-section{
	padding:18px 7px 13px;
	border-top:1px solid #666a76;
}
.box-content{
	width:976px;
	padding-top:18px;
	font-size:18px;
	line-height:22px;
	margin:0 auto 33px;
	background:url(../images/bg-box-content-big.png) no-repeat;
}
.box-content .holder{
	padding-bottom:18px;
	background:url(../images/bg-box-content-big.png) no-repeat -1952px 100%;
}
.box-content .frame{
	padding:21px 39px 23px;
	overflow:hidden;
	background:url(../images/bg-box-content-big.png) repeat-y -976px 0;
}
.download .frame{padding:15px 38px 13px 64px;}
.box-content .video{
	float:left;
	margin:0 31px 0 0;
}
.video img{
	vertical-align:top;
	max-width:100%;
}
.box-content .text-section{
	overflow:hidden;
	padding:29px 0 0 1px;
}
.download .text-section{
	float:left;
	width:480px;
}
.box-content p{margin-bottom:25px;}
#content .box-content h2{
	font-size:24px;
	line-height:26px;
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:bold;
}
.box-content .button-holder{
	overflow:hidden;
}
.button:hover{text-decoration:none;}
.box-content .button{
	float:left;
	padding-right:7px;
	font-size:25px;
	line-height:27px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	color:#faf7ef;
	background:url(../images/sprite.png) no-repeat 100% -757px;
}
.box-content .button .left{
	float:left;
	padding:18px 39px 16px 46px;
	background:url(../images/sprite.png) no-repeat 0 -693px;
}
.box-content .image-holder{
	float:right;
}
.image-holder img{
	vertical-align:top;
	max-width:100%;
}
#footer{
	overflow:hidden;
	font-size:12px;
	line-height:15px;
	color:#7e818a;
	padding:0 2px 50px 81px;
}
.home #footer{
	background:#33353b;
	padding:32px 9999px 23px;
	margin:0 -9979px;
}
.sub-nav{
	float:left;
	font-size:15px;
	line-height:18px;
}
.sub-nav li{
	float:left;
	margin-right:15px;
}
.sub-nav a{color:#8f939c;}
.block-footer{
	float:right;
}
.home .block-footer{
	text-align:center;
	float:none;
	padding:0 18px 0 0;
}
.legal{
	font-size:16px;
	line-height: 30px;
}
.copyright{
	float:left;
    font-size: 12px;
}
.home .copyright{
	float:none;
}
.block-footer ul{
	float:left;
	margin-left:3px;
}
.home .block-footer ul{
	overflow:hidden;
	display:inline-block;
	margin:0 0 -4px 1px;
	float:none;
	vertical-align:top;
}
*+ html .home .block-footer ul{
	display:inline;
}
.block-footer li{
	float:left;
	padding:0 5px 0 6px;
	background:url(../images/divider-footer.gif) no-repeat 0 3px;
}
.home .block-footer li{
	padding:0 5px;
	background-position:0 2px;
}
.block-footer a{
	color:#7e818a;
	text-decoration:underline;
}
.block-footer a:hover{text-decoration:none;}
.columns{
	overflow:hidden;
	font-size:13px;
	line-height:20px;
	margin-bottom:42px;
}
.columns a{color:#7e818a;}
.columns .column{
	float:left;
	width:25.1%;
	margin-right:2%;
}
.columns .navigation{
	width:11.8%;
	font-size:14px;
	line-height:17px;
	margin-top:1px;
}
.columns .social{
	width:29%;
	margin-right:3.8%;
}
.columns .sign{
	width:26%;
	margin:0;
}
.navigation li{padding-bottom:5px;}
.navigation a{
	padding:0 0 0 21px;
	background:url(../images/arrow-nav.png) no-repeat 0 1px;
}
.columns .title{
	display:block;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	color:#a4a8b2;
}
.newsletter-form .title{margin-bottom:6px;}
.social ul{
	overflow:hidden;
	text-transform:uppercase;
	font-size:11px;
	line-height:13px;
	padding:9px 0 0;
	margin:0 -10px 0 -2px;
}
.social li{
	float:left;
	margin-right:21px;
}
.social a{
	float:left;
	padding:5px 0 4px 30px;
	background:url(../images/icons-2.png) no-repeat -224px -229px;
}
.social a.follow{background-position:-266px -181px;}
.social a.like{background-position:-312px -134px;}
.columns .button-holder{
	overflow:hidden;
	padding-left:2px;
}
.columns p{margin-bottom:16px;}

/* tablet and smaller */
@media only screen and (max-width: 1024px) {
    body, label, input, button, select, textarea {
        font-size: 17px;
    }
}

@media only screen and (max-width: 999px) and (min-width: 768px){
	.w1,
	.home{min-width:768px}
	.w1{max-width: 1023px}
	.home .logo{
		width:203px;
		height:55px;
		background:url(../images/logo-small.png) no-repeat;
	}
	.home #header{
		padding:10px 9999px 11px;
		margin:0 -9980px 15px -9984px;
		width:95.6%;
	}
	#header .main-nav{
		margin:2px -30px 0 20px;
		font-size:12px;
		line-height:14px;
		width:275px;
	}
	.main-nav li,
    .main-nav li.plans{margin-right:13px;}
	.main-nav .icon{
		width:27px;
		height:26px;
		margin:3px auto 8px;
		background:url(../images/icons-3.png) no-repeat 0 -574px;
	}
	.about .icon{
		width:34px;
		height:32px;
		margin:0 auto 5px;
		background-position:-43px -524px;
	}
	.plans .icon{
		width:32px;
		height:27px;
		margin:2px auto 8px;
		background-position:-102px -462px;
	}
	.contact .icon{
		width:37px;
		background-position:-163px -396px;
	}
	.buttons{
		margin-top:9px;
		min-width:206px;
	}
	.buttons a{
		font-size:15px;
		line-height:17px;
		padding-right:23px;
		background:url(../images/sprite-2.png) no-repeat 100% -37px;
	}
	.buttons a .left{
		background:url(../images/sprite-2.png) no-repeat;
		padding:9px 7px 9px 11px;
	}

    .buttons a .left-green{
        float:left;
        padding:9px 7px 9px 11px;
        background:url(../images/btn-green-small.png) no-repeat;
    }
    .buttons a.green{
        font-size:15px;
        line-height:17px;
        font-weight:bold;
        float:left;
        color: #faf7ef;
        cursor:pointer;
        padding-right:29px;
        background:url(../images/btn-arrow-green-small.png) no-repeat 100%;
    }
	.buttons li:first-child a{background:url(../images/sprite-2.png) no-repeat 100% -111px;}
	.buttons li:first-child .left{
		background:url(../images/sprite-2.png) no-repeat 0 -73px;
		padding:9px 10px 9px 13px;
	}
	#intro{
		background:url(../images/bg-intro-medium.png) repeat-x;
		padding-top:15px;
		margin-bottom:22px;
	}
	.intro-holder{
		background:url(../images/bg-intro-holder-medium.png) repeat-x 0 100%;
		padding-bottom:16px;
	}
	.intro-frame{background:#32343a url(../images/bg-carousel-medium.gif) no-repeat 50% 100%;}
	.btn-prev{
		width:45px;
		height:48px;
		background:url(../images/sprite-2.png) no-repeat 0 -150px;
		left:21px;
		top:125px;
	}
	.btn-next{
		width:46px;
		height:48px;
		right:21px;
		top:125px;
		background:url(../images/sprite-2.png) no-repeat -51px -149px;
	}
	.carousel{
		width:597px;
		padding:0 77px 0 93px;
		font-size:14px;
		line-height:17px;
	}
	.carousel .mask{
		width:597px;
	}
	.carousel .mask li{
		width:597px;
		padding-bottom:33px;
	}
	.carousel .image-block{
		margin:17px 144px -58px 0;
		width:134px;
	}
	.carousel .text-block{
		padding:14px 0 18px;
	}
	.carousel h2{
		font-size:28px;
		line-height:30px;
		margin-bottom:11px;
	}
	.carousel p{margin-bottom:17px;}
	.carousel .button-holder{margin:0 12px 20px 0;}
	.carousel .button{
		padding-right:17px;
		background:url(../images/sprite-2.png) no-repeat 100% -279px;
	}
	.carousel .button .left{
		padding:21px 10px 24px 19px;
		background:url(../images/sprite-2.png) no-repeat 0 -201px;
	}
	.text-giraffe{
		width:167px;
		height:31px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../images/bg-text-headings.png) no-repeat -235px 0;
	}
	.carousel .visual{
		left:131px;
		bottom:2px;
		width:267px;
	}
	.pagination ul{
		font-size:23px;
		line-height:25px;
		bottom:11px;
		left:67px;
	}
	.pagination li{margin:0 -1px 0 0;}
	.pagination a{width:24px;}
	.pagination a:hover,
	.pagination .active a{
		background:url(../images/sprite-2.png) no-repeat -118px -151px;
	}
	#content .text-spectrum{
		width:718px;
		height:36px;
		background-position:1px -105px;
		margin-bottom:27px;
	}
	.sign-form{
		font-size:13px;
		line-height:16px;
		padding:0 10px 31px 15px;
	}
	.input-holder{
		width:201px;
		height:36px;
		margin:2px 9px 0 0;
		background:url(../images/sprite-2.png) no-repeat 0 -356px;
	}
    /*
	input[type="text"]{
		width:174px;
		font-size:12px;
		line-height:15px;
		height:15px;
	}
	*/
	.sign-form input[type="submit"]{
		width:111px;
		height:39px;
		background:url(../images/sprite-2.png) no-repeat -159px -151px;
		font-size:16px;
		line-height:39px;
		padding:0 0 0 11px;
		margin-right:5px;
	}
	.sign-form .text-holder{
		padding:3px 0 0;
		width:380px;
	}
	.boxes{
		width:730px;
		padding-top:12px;
		font-size:12px;
		line-height:14px;
		margin-bottom:15px;
		background:url(../images/bg-boxes-medium.png) no-repeat;
	}
	.boxes .holder{
		padding-bottom:12px;
		background:url(../images/bg-boxes-medium.png) no-repeat -1460px 100%;
	}
	.boxes .frame{
		padding:5px 16px;
		background:url(../images/bg-boxes-medium.png) repeat-y -730px 0;
	}
	.home #content .boxes .box{
		width:209px;
		margin-right:36px;
	}
	.boxes .text-section{padding:10px 7px;}
	#content .boxes h3{
		margin-bottom:7px;
	}
	.box-content{
		width:728px;
		font-size:13px;
		line-height:16px;
		margin-bottom:21px;
		background:url(../images/bg-box-content-medium.png) no-repeat;
	}
	.box-content .holder{background:url(../images/bg-box-content-medium.png) no-repeat -1462px 100%;}
	.box-content .frame{
		padding:12px 32px 16px;
		background:url(../images/bg-box-content-medium.png) repeat-y -731px 0;
	}
	.box-content .video{
		width:324px;
		margin-right:23px;
	}
	.box-content .text-section{
		padding-top:21px;
	}
	#content .box-content h2{
		font-size:17px;
		line-height:19px;
		margin-bottom:13px;
	}
	.box-content p{margin-bottom:19px;}
	.box-content .button{
		padding-right:6px;
		font-size:19px;
		line-height:21px;
		background:url(../images/sprite-2.png) no-repeat 100% -443px;
	}
	.box-content .button .left{
		padding:14px 26px 11px 33px;
		background:url(../images/sprite-2.png) no-repeat 0 -395px;
	}
	#content .text-spectrum.second{margin-bottom:18px;}
	.download .frame{padding:9px 30px 7px 50px;}
	.download .text-section{
		width:290px;
	}
	.box-content .image-holder{width:269px;}
	.home #content{padding-bottom:27px;}
	.home #footer{
		padding:24px 9999px 36px;
		margin:0 -9982px 0 -9969px;
		font-size:10px;
		line-height:12px;
	}
	.columns{
		font-size:11px;
		line-height:15px;
		margin-bottom:43px;
	}
	.columns .column{width:26%;}
	.columns .navigation{
		width:15%;
		font-size:12px;
		line-height:14px;
	}
    .column .mailing{margin-left:3%;}
	.navigation li{padding-bottom:3px;}
	.navigation a{
		padding:0 0 0 16px;
		background:url(../images/arrow-nav-medium.png) no-repeat 0 2px;
	}
	.columns .title{
		font-size:12px;
		margin-bottom:3px;
	}
	.newsletter-form .title{margin-bottom:5px;}
	.newsletter-form .input-holder{
		margin:0 0 9px -1px;
		width:161px;
		height:31px;
		background-position:-210px -356px;
	}
	.newsletter-form input[type="text"]{
		padding:8px;
		width:145px;
		font-size:10px;
		line-height:14px;
		height:14px;
	}
	.newsletter-form input[type="submit"]{
		width:102px;
		height:30px;
		background:url(../images/sprite-2.png) no-repeat -276px -151px;
		font-size:14px;
		line-height:30px;
		padding:0 0 2px 11px;
	}
	.columns p{margin-bottom:12px;}
	.columns .social{
		margin-right:2.9%;
	}
	.social ul{
		font-size:10px;
		line-height:12px;
		padding:7px 0 0;
		margin:0 -10px 0 -2px;
	}
	.social li{margin-right:9px;}
	.social a{
		padding:1px 0 3px 21px;
		background:url(../images/icons-3.png) no-repeat -218px -356px;
	}
	.social a.follow{background-position:-262px -311px;}
	.social a.like{background-position:-307px -268px;}
	.columns .button-holder{padding-left:1px;}
	.column .button{
		padding-right:26px;
		font-size:13px;
		line-height:16px;
		background:url(../images/sprite-2.png) no-repeat 100% -524px;
	}
	.column .button .left{
		padding:7px 9px 7px 11px;
		background:url(../images/sprite-2.png) no-repeat 0 -491px;
	}
}

@media only screen and (max-width: 767px){
	.w1,
	.home{min-width:320px}
	.w1{max-width:767px}
	.home #header{
		padding:0 9999px;
		margin:0 -9980px 9px;
		background:none;
		text-align:center;
		width:94.1%;
	}
	.header-block{
		overflow:hidden;
		background:#33353b;
		margin:0 -9981px 14px -9999px;
		padding:9px 9999px 8px;
	}
	#header .main-nav{
		float:right;
		margin:2px 5px 0 0;
		width:270px;
	}
	.main-nav .plans,
	.main-nav li{margin:0 0 0 15px;}
	.buttons{
		overflow:hidden;
		float:none;
		display:inline-block;
		margin: 0 0 -4px 0px;
		padding-bottom:4px;
	}
    #header .buttons {
        margin: 0 0 -4px -18px;
    }
	*+ html .buttons{
		display:inline;
		margin:0;
	}
	.buttons a{
		font-size:14px;
		line-height:15px;
		padding-right:15px;
		background:url(../images/sprite-2.png) no-repeat 100% -605px;
	}
	.buttons li:first-child a{
		background:url(../images/sprite-2.png) no-repeat 100% -706px;
	}
	.buttons .left{
		background:url(../images/sprite.png) no-repeat 0 -566px;
		padding:12px 7px 13px 12px;
	}
	.buttons li:first-child .left{
		background:url(../images/sprite.png) no-repeat 0 -482px;
		padding:12px 16px 13px 17px;
	}
    .buttons .left-green
    {
        font-size:14px;
        line-height:20px;
    }
	#intro{
		padding-top:13px;
		margin-bottom:19px;
		background:url(../images/bg-intro-small.png) repeat-x;
	}
	.intro-holder{
		background:url(../images/bg-intro-holder-small.png) repeat-x 0 100%;
		padding-bottom:13px;
	}
	.intro-frame{
		background:#32343a url(../images/bg-carousel-small.gif) no-repeat 50% 100%;
	}
	.btn-prev{
		width:37px;
		height:41px;
		background:url(../images/sprite-2.png) no-repeat 0 -758px;
		left:17px;
		top:106px;
	}
	.btn-next{
		width:38px;
		height:41px;
		right:11px;
		top:106px;
		background:url(../images/sprite-2.png) no-repeat -45px -758px;
	}
	.carousel{
		width:495px;
		padding:0 69px 0 76px;
		font-size:11px;
		line-height:14px;
	}
	.carousel .mask{
		width:495px;
	}
	.carousel .mask li{
		width:495px;
		padding:15px 0 8px;
	}
	.carousel .image-block{
		margin:17px 123px -58px 0;
		width:114px;
	}
	.carousel .text-block{
		padding:19px 0 34px;
	}
	.carousel h2{
		font-size:21px;
		line-height:23px;
		margin-bottom:9px;
	}
	.carousel p{margin-bottom:14px;}
	.carousel .button-holder{margin:0 0 20px;}
	.carousel .button{
		padding-right:14px;
		background:url(../images/sprite-2.png) no-repeat 100% -877px;
	}
	.carousel .button .left{
		padding:19px 10px 21px 14px;
		background:url(../images/sprite-2.png) no-repeat 0 -804px;
	}
	.text-giraffe{
		width:141px;
		height:25px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../images/bg-text-headings.png) no-repeat -410px 0;
	}
	.carousel .visual{
		left:112px;
		bottom:4px;
		width:225px;
	}
	.pagination ul{
		font-size:19px;
		line-height:21px;
		bottom:8px;
		left:54px;
	}
	.pagination li{margin:0 -1px 0 0;}
	.pagination a{width:20px;}
	.pagination a:hover,
	.pagination .active a{
		background:url(../images/sprite-2.png) no-repeat -94px -758px;
	}
	#content .text-spectrum{display:none;}
	.sign-form{
		padding:0 44px 36px 47px;
	}
	.sign-form .text-holder{
		float:none;
		width:100%;
		padding:0 0 24px;
	}
	.sign-form .input-holder{
		width:351px;
		height:37px;
		margin:1px 15px 0 3px;
		background:url(../images/sprite-2.png) no-repeat 0 -942px;
	}
	.sign-form .input-holder input[type="text"]{
		width:324px;
	}
	.sign-form input[type="submit"]{margin:0;}
	.sign-form .inner{overflow:hidden;}
	.boxes{
		width:auto;
		background:none;
		padding:0;
		margin-bottom:7px;
	}
	.boxes .holder{
		padding:0;
		background:none;
	}
	.boxes .frame{
		padding:0;
		background:none;
	}
	.boxes .inner{margin:0;}
	#wrapper #content .boxes .box{
		float:none;
		width:317px;
		margin:0 auto 18px;
		padding:13px 0 0;
		background:url(../images/bg-box-photo.png) no-repeat;
	}
	.boxes .box-holder{
		padding-bottom:13px;
		background:url(../images/bg-box-photo.png) no-repeat -634px 100%;
	}
	.boxes .box-frame{
		padding:5px 13px 6px;
		background:url(../images/bg-box-photo.png) repeat-y -317px 0;
	}
	.boxes .text-section{
		margin:0 5px;
		background:#33353b;
	}
	.box-content{
		width:317px;
		font-size:18px;
		line-height:21px;
		margin-bottom:33px;
        padding:13px 0 0;
        background:url(../images/bg-box-photo.png) no-repeat;
	}
	.box-content .holder{
        padding-bottom:13px;
        background:url(../images/bg-box-photo.png) no-repeat -634px 100%;
	}
	.box-content .frame{
        padding:5px 13px 6px;
        background:url(../images/bg-box-photo.png) repeat-y -317px 0;
	}
	.download .frame
    {
        padding:5px 13px 6px;

        background:url(../images/bg-box-photo.png) repeat-y -317px 0;
    }

    .download .frame .fill {
        background-color: #e0ddd5;
        margin: 1px 5px;
        padding: 10px;
    }
	.box-content .video{
		width:438px;
		float:none;
		margin:0 auto 37px;
	}
	.box-content .text-section{
		padding:0 10px;
		float:none;

        width: 250px;
	}
	#content .box-content h2{
		font-size:22px;
		line-height:24px;
		margin-bottom:18px;
	}
	.box-content p{margin-bottom:32px;}
	.box-content .button-holder{
		padding-bottom:4px;
		text-align:center;
	}
	.box-content .button{
		float:none;
		display:inline-block;
	}
	*+ html .box-content .button{
		display:inline;
		margin:0;
	}
	.box-content .image-holder{
		float:none;
		width:250px;
		margin:34px auto 0;
	}
	.home #content{padding-bottom:6px;}
	.home #footer{
		margin:0 -9947px 0 -9919px;
		padding:21px 9999px 49px;
	}
	.columns{
		font-size:15px;
		line-height:23px;
		width:504px;
		margin:0 auto 27px;
		overflow:hidden;
	}
	.columns .column{
		float:none;
		width:auto;
		margin:0;
		padding:20px 0 42px;
		overflow:hidden;
	}
	.columns .social{padding-bottom:1px;}
    .columns .sign .button-holder {
        display: inline-block;
    }
    .columns .sign .button {
        margin-top: 0;
    }

    .navigation li{
        /*
		float:left;
		padding:0 16px 0 0;
		*/
        display: block;
        float: none;
        font-size: 22px;
        line-height: 28px;
	}
	.navigation ul{
		overflow:hidden;
		font-size:16px;
		line-height:18px;
		margin-left:1px;
	}
	.navigation a{
        background-position:0 2px;
        background-size: 20px;
        padding: 0 0 0 30px;
    }
	.newsletter-form{padding-bottom:4px;}
	.newsletter-form .inner{
		overflow:hidden;
		padding:1px 0 0;
	}
	.newsletter-form .input-holder{
		float:left;
		margin:0 17px 0 0;
		width:251px;
		height:46px;
		background:url(../images/sprite-2.png) no-repeat 0 -982px;
	}
	.newsletter-form input[type="text"]{
		font-size:15px;
		line-height:19px;
		height:19px;
		padding:12px 12px 13px;
		width:226px;
	}
	.newsletter-form input[type="submit"]{
		width:159px;
		height:47px;
		font-size:21px;
		line-height:47px;
		background:url(../images/sprite-2.png) no-repeat 0 -1035px;
		padding:0 0 1px 20px;
		margin:1px 0 0;
	}
	.columns .title{
		font-size:18px;
		line-height:20px;
		margin-bottom:10px;
	}
	.columns .text-block{
		float:left;
		width:299px;
	}
	.social ul{
		float:none;
		width:175px;
		font-size:13px;
		line-height:15px;
		margin:0;
	}
	.social li{
		float:none;
		overflow:hidden;
		padding:0 0 28px;
		margin:0 0 0 20px;
        display: inline-block;
	}

	.social a{
		padding:4px 0 7px 38px;
		background:url(../images/icons-2.png) no-repeat -367px -85px;
	}
	.social a.follow{
		background-position:-420px -39px;
		padding:6px 0 5px 38px;
	}
	.social a.like{
		background-position:-469px 0;
		padding:6px 0 5px 38px;
	}
    .columns .button{
        float:right;
        padding-right:41px;
        margin:29px 0 0;
        font-size:21px;
        line-height:23px;
        background:url(../images/sprite-2.png) no-repeat 100% -1135px;
    }
    .columns .button .left{
        padding:11px 10px 12px 15px;
        background:url(../images/sprite-2.png) no-repeat 0 -1084px;
    }


    .columns .button.green{
        float:right;
        padding-right:41px;
        margin:29px 0 0;
        font-size:21px;
        line-height:23px;
        background:url(../images/btn-arrow-green-large.png) no-repeat;
        background-position: 100% 0;
    }
    .columns .button .left-green{
        padding:11px 10px 12px 15px;
        background:url(../images/btn-green-large.png) no-repeat;
    }

	.home .block-footer{
		font-size:18px;
		line-height:24px;
		width:300px;
		margin:0 auto;
		padding:0;
	}
	.home .block-footer li{
		padding:0 7px;
		background:url(../images/divider-footer-big.gif) no-repeat 0 5px;
	}
}

@media only screen and (min-width: 575px){
    #slidein-panel {
        display: none !important;
    }

    .c-account #bar {
        display: inline-block !important;
    }

    br.mobile {
        display: none;
    }
}

@media only screen and (max-width: 575px){
    #header {
        text-align: center;
    }
    #header .logo {
        float: none;
        display: inline-block;
        margin-left: 60px;
    }
    #header .main-nav {
        float: none;
        display: inline-block;
    }
    .input-prepend input {
        width: 240px;
    }
    #zenbox_tab {
        top: 40% !important;
        width: 30px;
    }
    /* home page */
    .c-site.a-home #content {
        padding: 0 0 6px 0;
    }
    .download .text-section {
        width: 250px;
        padding: 10px;
    }
    .home #footer {
        margin: 0;
        padding: 10px;
    }
    .columns {
        width: 320px;
    }
    .social ul{
        width:400px;
    }

    #mailingListForm input[type="text"] {
    }
    #mailingListForm input[type="submit"] {
        margin-top: 10px;
        margin-left:-1px;
    }

    .carousel {
        width: 320px;
    }


    body.c-account {
        min-width: 320px;
    }

    .c-account #wrapper {
        width: 320px;
        margin: 0px;
    }

    .c-account #header {
        width: 320px;
        padding: 0;
    }

    .c-account #header .logo {
        float: right;
    }

    .c-account #main {
        width: 320px;
        padding-left: 5px;
    }

    .c-account #sidebar, .arrow {
        display: none;
    }

    .c-account .main-holder {
        float: left;
        width: 300px;
        margin-top: 5px;
    }

    .c-account #footer {
        width: 320px;
        padding: 10px;
    }

    .c-account #footer .sub-nav {
        font-size: 14px;
    }

    .c-account #footer .block-footer {
        float: none;
        margin: 0 auto;
    }

    .c-account input[type="text"], textarea, select {
        width: 227px;
    }

    .c-account .input-prepend input {
        width: 200px;
    }

    #slidein-panel {
        display: none !important;
    }

    .c-account #slidein-panel {
        display: inline-block !important;
    }

    .c-account #bar {
        display: none !important;
    }

    .c-account #slidein-panel-content .add-nav li {
        padding: 5px;
    }
}

.detail-view th {
	width: 200px !important;
}

.mobile {
	width: 1024px;
	height: 768px;
	background:url(../images/bg-mobile.jpg) no-repeat;
	overflow: hidden;
}

.mobile {
	padding-left: 400px;
	padding-top: 100px;
}

.mobile a,
.mobile label {
	color: #dad7d7;
}

.mobile a:hover {
    color: #EB312E;
}

.mobile a.button:hover {
    color: #FFFFFF;
}

.mobile .alert
{
    padding: 10px;
    width: 290px;
}


.mobile #header.login {
    background:url(../images/mobile-login.png) no-repeat;
    width: 226px;
    height: 57px;
    margin-left: 30px;
}

.mobile #header.register {
    background:url(../images/mobile-register.png) no-repeat;
    width: 253px;
    height: 57px;
    margin-left: 30px;
}


ul.reset
{
    margin-left: 20px;
}

ul.reset li
{
    list-style: disc;
}

.flat .plan {
  border-radius: 6px;
  list-style: none;
  padding: 0 0 20px;
  margin: 0 0 15px;
  background: #fff;
  text-align: center;
}
.flat .plan li {
  padding: 10px 15px;
  color: #757575;
  border-top: 1px solid #707681;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.flat .plan li.plan-price {
  border-top: 0;
}
.flat .plan li.plan-name {
  border-radius: 6px 6px 0 0;
  padding: 15px;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  background: #33353B;
  margin-bottom: 30px;
  border-top: 0;
}
.flat .plan li > strong {
  color: #D31C2F;
}
.flat .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
.flat .plan.featured {
  /*-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);*/
}
.flat .plan.featured li.plan-name {
  background: #D31C2F;
}
.flat .plan.featured:hover li.plan-name {
  background: #ED2C2A;
}
.flat .plan:hover li.plan-name {
  background: #707681;
}
#mailingListForm input {
    margin-left: 0;
}
#mailingListForm input[type="submit"] {
    margin-top: -7px;
}
.buy_form {
    display: inline-block;
    vertical-align: top;
    width: 315px;
}

#login_or_register .columns .button {
    float: left;
    margin: 29px 0 0;
}

.c-site.a-faq #content, .c-site.a-privacy #content, .c-site.a-terms #content {
    background-color: #FFFFFF;
}

#faq h3 {
    font-weight: bold;
    line-height: 1.4em;
}